@a-type/ui 2.8.13 → 3.0.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/dist/cjs/colors.stories.js +3 -3
- package/dist/cjs/colors.stories.js.map +1 -1
- package/dist/cjs/components/actions/ActionBar.stories.js +2 -2
- package/dist/cjs/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +5 -2
- package/dist/cjs/components/box/Box.js +12 -10
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +3 -8
- package/dist/cjs/components/box/Box.stories.js +25 -10
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -6
- package/dist/cjs/components/button/Button.js +25 -37
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +8 -2
- package/dist/cjs/components/button/Button.stories.js +18 -6
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +4 -13
- package/dist/cjs/components/button/classes.js +21 -40
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/camera/Camera.js +4 -4
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.js +6 -6
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js +7 -7
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +2 -5
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/chip/Chip.stories.d.ts +20 -0
- package/dist/cjs/components/chip/Chip.stories.js +36 -0
- package/dist/cjs/components/chip/Chip.stories.js.map +1 -0
- package/dist/cjs/components/colorPicker/ColorPicker.js +2 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.stories.d.ts +15 -0
- package/dist/cjs/components/colorPicker/ColorPicker.stories.js +21 -0
- package/dist/cjs/components/colorPicker/ColorPicker.stories.js.map +1 -0
- package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +3 -1
- package/dist/cjs/components/datePicker/DatePicker.js +7 -7
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +4 -5
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -3
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -9
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js +15 -0
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
- package/dist/cjs/components/editableText/EditableText.js +1 -1
- package/dist/cjs/components/editableText/EditableText.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.d.ts +2 -2
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +1 -1
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/forms/FieldLabel.d.ts +1 -0
- package/dist/cjs/components/forms/FieldLabel.js +7 -0
- package/dist/cjs/components/forms/FieldLabel.js.map +1 -0
- package/dist/cjs/components/forms/Form.js +1 -2
- package/dist/cjs/components/forms/Form.js.map +1 -1
- package/dist/cjs/components/forms/NumberStepperField.js +2 -2
- package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
- package/dist/cjs/components/forms/TextField.d.ts +0 -1
- package/dist/cjs/components/forms/TextField.js +5 -5
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +2 -2
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +6 -7
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/layouts/PageNav.js +1 -1
- package/dist/cjs/components/layouts/PageNav.js.map +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +2 -2
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.js +6 -10
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/note/Note.d.ts +3 -1
- package/dist/cjs/components/note/Note.js +2 -2
- package/dist/cjs/components/note/Note.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/peek/Peek.js +1 -1
- package/dist/cjs/components/peek/Peek.js.map +1 -1
- package/dist/cjs/components/popover/Popover.js +1 -1
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +3 -2
- package/dist/cjs/components/progress/Progress.js +9 -3
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +2 -2
- package/dist/cjs/components/richEditor/index.js +1 -1
- package/dist/cjs/components/richEditor/index.js.map +1 -1
- package/dist/cjs/components/select/Select.js +4 -4
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/skeletons/TextSkeleton.stories.js +1 -1
- package/dist/cjs/components/skeletons/TextSkeleton.stories.js.map +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +3 -2
- package/dist/cjs/components/slider/Slider.js +9 -5
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +1 -1
- package/dist/cjs/components/switch/Switch.js +2 -2
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.js +4 -4
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.d.ts +1 -0
- package/dist/cjs/components/tabs/tabs.stories.js +7 -1
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/viewport/Viewport.stories.js +1 -1
- package/dist/cjs/components/viewport/Viewport.stories.js.map +1 -1
- package/dist/cjs/components/viewport/ViewportZoomControls.js +1 -1
- package/dist/cjs/components/viewport/ViewportZoomControls.js.map +1 -1
- package/dist/cjs/themes.stories.js +10 -14
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/logic/color.d.ts +29 -0
- package/dist/cjs/uno/logic/color.js +61 -0
- package/dist/cjs/uno/logic/color.js.map +1 -0
- package/dist/cjs/uno/preflights/_util.d.ts +2 -0
- package/dist/cjs/uno/preflights/_util.js +12 -0
- package/dist/cjs/uno/preflights/_util.js.map +1 -0
- package/dist/cjs/uno/preflights/base.d.ts +2 -0
- package/dist/cjs/uno/preflights/base.js +19 -0
- package/dist/cjs/uno/preflights/base.js.map +1 -0
- package/dist/cjs/uno/preflights/colors.d.ts +1 -0
- package/dist/cjs/uno/preflights/colors.js +167 -0
- package/dist/cjs/uno/preflights/colors.js.map +1 -0
- package/dist/cjs/uno/preflights/customization.d.ts +10 -0
- package/dist/cjs/uno/preflights/customization.js +30 -0
- package/dist/cjs/uno/preflights/customization.js.map +1 -0
- package/dist/cjs/uno/preflights/dark.d.ts +1 -0
- package/dist/cjs/uno/preflights/dark.js +49 -0
- package/dist/cjs/uno/preflights/dark.js.map +1 -0
- package/dist/cjs/uno/preflights/globals.d.ts +2 -0
- package/dist/cjs/uno/preflights/globals.js +58 -0
- package/dist/cjs/uno/preflights/globals.js.map +1 -0
- package/dist/cjs/uno/preflights/index.d.ts +3 -0
- package/dist/cjs/uno/preflights/index.js +20 -0
- package/dist/cjs/uno/preflights/index.js.map +1 -0
- package/dist/cjs/uno/preflights/layers.d.ts +2 -0
- package/dist/cjs/uno/preflights/layers.js +9 -0
- package/dist/cjs/uno/preflights/layers.js.map +1 -0
- package/dist/cjs/uno/rules/anchor.d.ts +2 -0
- package/dist/cjs/uno/rules/anchor.js +25 -0
- package/dist/cjs/uno/rules/anchor.js.map +1 -0
- package/dist/cjs/uno/rules/color.d.ts +2 -0
- package/dist/cjs/uno/rules/color.js +153 -0
- package/dist/cjs/uno/rules/color.js.map +1 -0
- package/dist/cjs/uno/rules/index.d.ts +1 -0
- package/dist/cjs/uno/rules/index.js +17 -0
- package/dist/cjs/uno/rules/index.js.map +1 -0
- package/dist/cjs/uno/rules/overflow.d.ts +2 -0
- package/dist/cjs/uno/rules/overflow.js +44 -0
- package/dist/cjs/uno/rules/overflow.js.map +1 -0
- package/dist/cjs/uno/rules/shadow.d.ts +2 -0
- package/dist/cjs/uno/rules/shadow.js +19 -0
- package/dist/cjs/uno/rules/shadow.js.map +1 -0
- package/dist/cjs/uno/rules/util.d.ts +2 -0
- package/dist/cjs/uno/rules/util.js +34 -0
- package/dist/cjs/uno/rules/util.js.map +1 -0
- package/dist/cjs/uno/shortcuts/index.d.ts +2 -0
- package/dist/cjs/uno/shortcuts/index.js +22 -0
- package/dist/cjs/uno/shortcuts/index.js.map +1 -0
- package/dist/cjs/uno/theme/animations.d.ts +3 -0
- package/dist/cjs/uno/theme/animations.js +213 -0
- package/dist/cjs/uno/theme/animations.js.map +1 -0
- package/dist/cjs/uno/theme/borders.d.ts +3 -0
- package/dist/cjs/uno/theme/borders.js +19 -0
- package/dist/cjs/uno/theme/borders.js.map +1 -0
- package/dist/cjs/uno/theme/colors.d.ts +55 -0
- package/dist/cjs/uno/theme/colors.js +29 -0
- package/dist/cjs/uno/theme/colors.js.map +1 -0
- package/dist/cjs/uno/theme/index.d.ts +2 -0
- package/dist/cjs/uno/theme/index.js +36 -0
- package/dist/cjs/uno/theme/index.js.map +1 -0
- package/dist/cjs/uno/theme/shadows.d.ts +2 -0
- package/dist/cjs/uno/theme/shadows.js +18 -0
- package/dist/cjs/uno/theme/shadows.js.map +1 -0
- package/dist/cjs/uno/theme/sizes.d.ts +3 -0
- package/dist/cjs/uno/theme/sizes.js +17 -0
- package/dist/cjs/uno/theme/sizes.js.map +1 -0
- package/dist/cjs/uno/theme/spacing.d.ts +2 -0
- package/dist/cjs/uno/theme/spacing.js +12 -0
- package/dist/cjs/uno/theme/spacing.js.map +1 -0
- package/dist/cjs/uno/theme/typography.d.ts +3 -0
- package/dist/cjs/uno/theme/typography.js +27 -0
- package/dist/cjs/uno/theme/typography.js.map +1 -0
- package/dist/cjs/uno/uno.preset.d.ts +2 -17
- package/dist/cjs/uno/uno.preset.js +14 -937
- package/dist/cjs/uno/uno.preset.js.map +1 -1
- package/dist/cjs/uno/variants/index.d.ts +2 -0
- package/dist/cjs/uno/variants/index.js +16 -0
- package/dist/cjs/uno/variants/index.js.map +1 -0
- package/dist/cjs/utilities.stories.js +1 -1
- package/dist/cjs/utilities.stories.js.map +1 -1
- package/dist/css/main.css +13 -1216
- package/dist/esm/colors.stories.js +3 -3
- package/dist/esm/colors.stories.js.map +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js +2 -2
- package/dist/esm/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +5 -2
- package/dist/esm/components/box/Box.js +12 -10
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +3 -8
- package/dist/esm/components/box/Box.stories.js +24 -9
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -6
- package/dist/esm/components/button/Button.js +26 -5
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +8 -2
- package/dist/esm/components/button/Button.stories.js +17 -5
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +4 -13
- package/dist/esm/components/button/classes.js +21 -39
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/camera/Camera.js +4 -4
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.js +6 -6
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.js +7 -7
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +2 -1
- package/dist/esm/components/chip/Chip.js +2 -5
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/chip/Chip.stories.d.ts +20 -0
- package/dist/esm/components/chip/Chip.stories.js +33 -0
- package/dist/esm/components/chip/Chip.stories.js.map +1 -0
- package/dist/esm/components/colorPicker/ColorPicker.js +2 -1
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.stories.d.ts +15 -0
- package/dist/esm/components/colorPicker/ColorPicker.stories.js +18 -0
- package/dist/esm/components/colorPicker/ColorPicker.stories.js.map +1 -0
- package/dist/esm/components/contextMenu/contextMenu.js +2 -2
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +3 -1
- package/dist/esm/components/datePicker/DatePicker.js +7 -7
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +4 -5
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +13 -8
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js +11 -0
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
- package/dist/esm/components/editableText/EditableText.js +1 -1
- package/dist/esm/components/editableText/EditableText.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.d.ts +2 -2
- package/dist/esm/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
- package/dist/esm/components/forms/CheckboxField.js +1 -1
- package/dist/esm/components/forms/CheckboxField.js.map +1 -1
- package/dist/esm/components/forms/FieldLabel.d.ts +1 -0
- package/dist/esm/components/forms/FieldLabel.js +4 -0
- package/dist/esm/components/forms/FieldLabel.js.map +1 -0
- package/dist/esm/components/forms/Form.js +1 -2
- package/dist/esm/components/forms/Form.js.map +1 -1
- package/dist/esm/components/forms/NumberStepperField.js +1 -1
- package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
- package/dist/esm/components/forms/TextField.d.ts +0 -1
- package/dist/esm/components/forms/TextField.js +2 -2
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +6 -7
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNav.js.map +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +2 -2
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/masonry/masonry.stories.js +1 -1
- package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.js +6 -10
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/note/Note.d.ts +3 -1
- package/dist/esm/components/note/Note.js +2 -2
- package/dist/esm/components/note/Note.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/peek/Peek.js +1 -1
- package/dist/esm/components/peek/Peek.js.map +1 -1
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +3 -2
- package/dist/esm/components/progress/Progress.js +6 -3
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +2 -2
- package/dist/esm/components/richEditor/index.js +1 -1
- package/dist/esm/components/richEditor/index.js.map +1 -1
- package/dist/esm/components/select/Select.js +4 -4
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/skeletons/TextSkeleton.stories.js +1 -1
- package/dist/esm/components/skeletons/TextSkeleton.stories.js.map +1 -1
- package/dist/esm/components/slider/Slider.d.ts +3 -2
- package/dist/esm/components/slider/Slider.js +6 -5
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +1 -1
- package/dist/esm/components/switch/Switch.js +2 -2
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +4 -4
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/tabs/tabs.stories.d.ts +1 -0
- package/dist/esm/components/tabs/tabs.stories.js +6 -0
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/viewport/Viewport.stories.js +1 -1
- package/dist/esm/components/viewport/Viewport.stories.js.map +1 -1
- package/dist/esm/components/viewport/ViewportZoomControls.js +1 -1
- package/dist/esm/components/viewport/ViewportZoomControls.js.map +1 -1
- package/dist/esm/themes.stories.js +10 -14
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/logic/color.d.ts +29 -0
- package/dist/esm/uno/logic/color.js +53 -0
- package/dist/esm/uno/logic/color.js.map +1 -0
- package/dist/esm/uno/preflights/_util.d.ts +2 -0
- package/dist/esm/uno/preflights/_util.js +9 -0
- package/dist/esm/uno/preflights/_util.js.map +1 -0
- package/dist/esm/uno/preflights/base.d.ts +2 -0
- package/dist/esm/uno/preflights/base.js +16 -0
- package/dist/esm/uno/preflights/base.js.map +1 -0
- package/dist/esm/uno/preflights/colors.d.ts +1 -0
- package/dist/esm/uno/preflights/colors.js +164 -0
- package/dist/esm/uno/preflights/colors.js.map +1 -0
- package/dist/esm/uno/preflights/customization.d.ts +10 -0
- package/dist/esm/uno/preflights/customization.js +26 -0
- package/dist/esm/uno/preflights/customization.js.map +1 -0
- package/dist/esm/uno/preflights/dark.d.ts +1 -0
- package/dist/esm/uno/preflights/dark.js +46 -0
- package/dist/esm/uno/preflights/dark.js.map +1 -0
- package/dist/esm/uno/preflights/globals.d.ts +2 -0
- package/dist/esm/uno/preflights/globals.js +55 -0
- package/dist/esm/uno/preflights/globals.js.map +1 -0
- package/dist/esm/uno/preflights/index.d.ts +3 -0
- package/dist/esm/uno/preflights/index.js +16 -0
- package/dist/esm/uno/preflights/index.js.map +1 -0
- package/dist/esm/uno/preflights/layers.d.ts +2 -0
- package/dist/esm/uno/preflights/layers.js +6 -0
- package/dist/esm/uno/preflights/layers.js.map +1 -0
- package/dist/esm/uno/rules/anchor.d.ts +2 -0
- package/dist/esm/uno/rules/anchor.js +22 -0
- package/dist/esm/uno/rules/anchor.js.map +1 -0
- package/dist/esm/uno/rules/color.d.ts +2 -0
- package/dist/esm/uno/rules/color.js +150 -0
- package/dist/esm/uno/rules/color.js.map +1 -0
- package/dist/esm/uno/rules/index.d.ts +1 -0
- package/dist/esm/uno/rules/index.js +14 -0
- package/dist/esm/uno/rules/index.js.map +1 -0
- package/dist/esm/uno/rules/overflow.d.ts +2 -0
- package/dist/esm/uno/rules/overflow.js +41 -0
- package/dist/esm/uno/rules/overflow.js.map +1 -0
- package/dist/esm/uno/rules/shadow.d.ts +2 -0
- package/dist/esm/uno/rules/shadow.js +16 -0
- package/dist/esm/uno/rules/shadow.js.map +1 -0
- package/dist/esm/uno/rules/util.d.ts +2 -0
- package/dist/esm/uno/rules/util.js +31 -0
- package/dist/esm/uno/rules/util.js.map +1 -0
- package/dist/esm/uno/shortcuts/index.d.ts +2 -0
- package/dist/esm/uno/shortcuts/index.js +19 -0
- package/dist/esm/uno/shortcuts/index.js.map +1 -0
- package/dist/esm/uno/theme/animations.d.ts +3 -0
- package/dist/esm/uno/theme/animations.js +210 -0
- package/dist/esm/uno/theme/animations.js.map +1 -0
- package/dist/esm/uno/theme/borders.d.ts +3 -0
- package/dist/esm/uno/theme/borders.js +16 -0
- package/dist/esm/uno/theme/borders.js.map +1 -0
- package/dist/esm/uno/theme/colors.d.ts +55 -0
- package/dist/esm/uno/theme/colors.js +26 -0
- package/dist/esm/uno/theme/colors.js.map +1 -0
- package/dist/esm/uno/theme/index.d.ts +2 -0
- package/dist/esm/uno/theme/index.js +33 -0
- package/dist/esm/uno/theme/index.js.map +1 -0
- package/dist/esm/uno/theme/shadows.d.ts +2 -0
- package/dist/esm/uno/theme/shadows.js +15 -0
- package/dist/esm/uno/theme/shadows.js.map +1 -0
- package/dist/esm/uno/theme/sizes.d.ts +3 -0
- package/dist/esm/uno/theme/sizes.js +14 -0
- package/dist/esm/uno/theme/sizes.js.map +1 -0
- package/dist/esm/uno/theme/spacing.d.ts +2 -0
- package/dist/esm/uno/theme/spacing.js +9 -0
- package/dist/esm/uno/theme/spacing.js.map +1 -0
- package/dist/esm/uno/theme/typography.d.ts +3 -0
- package/dist/esm/uno/theme/typography.js +24 -0
- package/dist/esm/uno/theme/typography.js.map +1 -0
- package/dist/esm/uno/uno.preset.d.ts +2 -17
- package/dist/esm/uno/uno.preset.js +14 -937
- package/dist/esm/uno/uno.preset.js.map +1 -1
- package/dist/esm/uno/variants/index.d.ts +2 -0
- package/dist/esm/uno/variants/index.js +13 -0
- package/dist/esm/uno/variants/index.js.map +1 -0
- package/dist/esm/utilities.stories.js +1 -1
- package/dist/esm/utilities.stories.js.map +1 -1
- package/package.json +9 -9
- package/src/colors.stories.tsx +6 -6
- package/src/components/actions/ActionBar.stories.tsx +2 -2
- package/src/components/box/Box.stories.tsx +74 -19
- package/src/components/box/Box.tsx +23 -13
- package/src/components/button/Button.stories.tsx +45 -11
- package/src/components/button/Button.tsx +45 -12
- package/src/components/button/classes.tsx +65 -59
- package/src/components/camera/Camera.tsx +7 -4
- package/src/components/card/Card.stories.tsx +9 -9
- package/src/components/card/Card.tsx +12 -9
- package/src/components/checkbox/Checkbox.tsx +6 -5
- package/src/components/chip/Chip.stories.tsx +58 -0
- package/src/components/chip/Chip.tsx +8 -13
- package/src/components/colorPicker/ColorPicker.stories.tsx +21 -0
- package/src/components/colorPicker/ColorPicker.tsx +2 -1
- package/src/components/contextMenu/contextMenu.tsx +6 -4
- package/src/components/datePicker/DatePicker.tsx +17 -13
- package/src/components/dialog/Dialog.tsx +10 -9
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +5 -2
- package/src/components/dropdownMenu/DropdownMenu.tsx +30 -15
- package/src/components/dropdownMenu/DropdownTriggerContext.tsx +19 -0
- package/src/components/editableText/EditableText.tsx +3 -3
- package/src/components/emojiPicker/EmojiPicker.tsx +5 -5
- package/src/components/forms/CheckboxField.tsx +1 -1
- package/src/components/forms/FieldLabel.tsx +6 -0
- package/src/components/forms/Form.tsx +1 -3
- package/src/components/forms/NumberStepperField.tsx +1 -5
- package/src/components/forms/TextField.tsx +2 -5
- package/src/components/horizontalList/HorizontalList.tsx +3 -3
- package/src/components/imageUploader/ImageUploader.tsx +12 -7
- package/src/components/input/Input.tsx +1 -1
- package/src/components/layouts/PageNav.tsx +1 -1
- package/src/components/layouts/layouts.stories.tsx +2 -2
- package/src/components/masonry/masonry.stories.tsx +2 -1
- package/src/components/navBar/NavBar.tsx +12 -19
- package/src/components/note/Note.tsx +15 -7
- package/src/components/numberStepper/NumberStepper.tsx +3 -3
- package/src/components/peek/Peek.tsx +1 -1
- package/src/components/popover/Popover.tsx +1 -1
- package/src/components/progress/Progress.tsx +13 -6
- package/src/components/richEditor/index.tsx +1 -1
- package/src/components/select/Select.tsx +6 -6
- package/src/components/skeletons/TextSkeleton.stories.tsx +1 -1
- package/src/components/slider/Slider.tsx +14 -10
- package/src/components/switch/Switch.tsx +8 -2
- package/src/components/tabs/tabs.stories.tsx +22 -0
- package/src/components/tabs/tabs.tsx +14 -7
- package/src/components/toggleGroup/toggleGroup.tsx +6 -4
- package/src/components/viewport/Viewport.stories.tsx +1 -1
- package/src/components/viewport/ViewportZoomControls.tsx +3 -3
- package/src/themes.stories.tsx +43 -29
- package/src/uno/logic/color.ts +99 -0
- package/src/uno/preflights/_util.ts +10 -0
- package/src/uno/preflights/base.ts +17 -0
- package/src/uno/preflights/colors.ts +165 -0
- package/src/uno/preflights/customization.ts +44 -0
- package/src/uno/preflights/dark.ts +47 -0
- package/src/uno/preflights/globals.ts +55 -0
- package/src/uno/preflights/index.ts +21 -0
- package/src/uno/preflights/layers.ts +7 -0
- package/src/uno/rules/anchor.ts +22 -0
- package/src/uno/rules/color.ts +153 -0
- package/src/uno/rules/index.ts +13 -0
- package/src/uno/rules/overflow.ts +45 -0
- package/src/uno/rules/shadow.ts +16 -0
- package/src/uno/rules/util.ts +31 -0
- package/src/uno/shortcuts/index.ts +21 -0
- package/src/uno/theme/animations.ts +211 -0
- package/src/uno/theme/borders.ts +17 -0
- package/src/uno/theme/colors.ts +35 -0
- package/src/uno/theme/index.ts +33 -0
- package/src/uno/theme/shadows.ts +15 -0
- package/src/uno/theme/sizes.ts +15 -0
- package/src/uno/theme/spacing.ts +9 -0
- package/src/uno/theme/typography.ts +24 -0
- package/src/uno/uno.preset.ts +21 -1036
- package/src/uno/variants/index.ts +12 -0
- package/src/utilities.stories.tsx +4 -2
- package/dist/cjs/uno/colors.d.ts +0 -65
- package/dist/cjs/uno/colors.js +0 -138
- package/dist/cjs/uno/colors.js.map +0 -1
- package/dist/cjs/uno/shadows.d.ts +0 -6
- package/dist/cjs/uno/shadows.js +0 -20
- package/dist/cjs/uno/shadows.js.map +0 -1
- package/dist/esm/uno/colors.d.ts +0 -65
- package/dist/esm/uno/colors.js +0 -131
- package/dist/esm/uno/colors.js.map +0 -1
- package/dist/esm/uno/shadows.d.ts +0 -6
- package/dist/esm/uno/shadows.js +0 -17
- package/dist/esm/uno/shadows.js.map +0 -1
- package/src/uno/colors.ts +0 -154
- package/src/uno/shadows.ts +0 -15
package/dist/css/main.css
CHANGED
|
@@ -1,1213 +1,10 @@
|
|
|
1
|
+
@layer preflightBase, preflightVariant, components, composed, responsive, variants, utilities, user;
|
|
1
2
|
@layer preflightBase{*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}@layer preflightBase{::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
--palette-light-blend-2: rgba(255, 255, 255, 0.6);
|
|
7
|
-
--palette-dark-blend: rgba(0, 0, 0, 0.65);
|
|
8
|
-
--palette-dark-blend-2: rgba(0, 0, 0, 0.4);
|
|
9
|
-
--palette-gray-blend: rgba(0, 0, 20, 0.025);
|
|
10
|
-
--palette-gray-dark-blend: rgba(0, 0, 20, 0.05);
|
|
11
|
-
--palette-light-gray-blend: rgba(255, 255, 255, 0.05);
|
|
12
|
-
--palette-light-gray-dark-blend: rgba(255, 255, 255, 0.1);
|
|
13
|
-
--palette-shadow-1: rgba(0, 0, 0, 0.1);
|
|
14
|
-
--palette-shadow-2: rgba(0, 0, 0, 0.2);
|
|
15
|
-
--palette-shadow-3: rgba(0, 0, 0, 0.4);
|
|
16
|
-
--palette-shadow-4: rgba(0, 0, 0, 0.5);
|
|
17
|
-
--palette-white-overlay: rgba(255, 255, 255, 0.4);
|
|
18
|
-
--palette-black-overlay: rgba(0, 0, 0, 0.4);
|
|
19
|
-
--palette-true-gray-90: #fcfcfc;
|
|
20
|
-
--palette-true-gray-80: #f4f4f4;
|
|
21
|
-
--palette-true-gray-70: #e7e7e7;
|
|
22
|
-
--palette-true-gray-60: #d6d6d6;
|
|
23
|
-
--palette-true-gray-50: #a6a6a6;
|
|
24
|
-
--palette-true-gray-40: #7d7d7d;
|
|
25
|
-
--palette-true-gray-30: #6a6a6a;
|
|
26
|
-
--palette-true-gray-20: #4f4f4f;
|
|
27
|
-
--palette-true-gray-10: #383838;
|
|
28
|
-
--palette-true-gray-00: #1f1f1f;
|
|
29
|
-
--palette-true-white: #ffffff;
|
|
30
|
-
--palette-true-black: #303030;
|
|
31
|
-
|
|
32
|
-
--global-saturation: 1;
|
|
33
|
-
--global-corner-scale: 1;
|
|
34
|
-
--global-border-scale: 1;
|
|
35
|
-
--global-spacing-scale: 1;
|
|
36
|
-
--global-shadow-spread: 1;
|
|
37
|
-
|
|
38
|
-
--font-sans: "Inter", sans-serif;
|
|
39
|
-
--font-serif: "Domine", serif;
|
|
40
|
-
--font-title: "Inter", sans-serif;
|
|
41
|
-
--font-default: var(--font-sans, sans-serif);
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
--z-nowPlaying: 40;
|
|
45
|
-
--z-nav: 50;
|
|
46
|
-
|
|
47
|
-
--z-menu: 100;
|
|
48
|
-
--z-menuTrigger: 101;
|
|
49
|
-
--z-dialog: 1000;
|
|
50
|
-
--z-dialogBackdrop: 900;
|
|
51
|
-
--z-tooltip: 10000;
|
|
52
|
-
--z-overdraw: 100000;
|
|
53
|
-
|
|
54
|
-
--un-shadow-color: #000000;
|
|
55
|
-
--un-shadow-opacity: 10%;
|
|
56
|
-
|
|
57
|
-
--arrow-size: 1rem;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@layer preflightBase {
|
|
61
|
-
/* LIGHT THEME */
|
|
62
|
-
html {
|
|
63
|
-
|
|
64
|
-
--wash-saturation-tweak: 3;
|
|
65
|
-
--mode-mult: 1;
|
|
66
|
-
--dyn-mode-mult: 1;
|
|
67
|
-
--dyn-mode-sign: 1;
|
|
68
|
-
--dyn-source-mode-adjust: 0;
|
|
69
|
-
--dyn-mode-lighten-mult: 1;
|
|
70
|
-
--dyn-mode-light: 1;
|
|
71
|
-
--dyn-mode-dark: 0;
|
|
72
|
-
--color-dark-blend: var(--palette-dark-blend);
|
|
73
|
-
--color-light-blend: var(--palette-light-blend);
|
|
74
|
-
--color-dark-blend-2: var(--palette-dark-blend-2);
|
|
75
|
-
--color-light-blend-2: var(--palette-light-blend-2);
|
|
76
|
-
--color-black: var(--palette-true-black);
|
|
77
|
-
--color-white: var(--palette-white);
|
|
78
|
-
--color-gray-1: var(--palette-gray-1);
|
|
79
|
-
--color-gray-2: var(--palette-gray-2);
|
|
80
|
-
--color-gray-3: var(--palette-gray-3);
|
|
81
|
-
--color-gray-4: var(--palette-gray-4);
|
|
82
|
-
--color-gray-5: var(--palette-gray-5);
|
|
83
|
-
--color-gray-6: var(--palette-gray-6);
|
|
84
|
-
--color-gray-7: var(--palette-gray-7);
|
|
85
|
-
--color-gray-8: var(--palette-gray-8);
|
|
86
|
-
--color-gray-9: var(--palette-gray-9);
|
|
87
|
-
--color-gray-0: var(--palette-gray-0);
|
|
88
|
-
--color-gray-blend: var(--palette-gray-blend);
|
|
89
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
90
|
-
--color-shadow-1: var(--palette-shadow-2);
|
|
91
|
-
--color-shadow-2: var(--palette-shadow-1);
|
|
92
|
-
--color-overlay: var(--palette-white-overlay);
|
|
93
|
-
--color-overlay-dark: var(--palette-black-overlay);
|
|
94
|
-
|
|
95
|
-
--dyn-attention-source: 30;
|
|
96
|
-
--dyn-attention-hue-rotate: 0;
|
|
97
|
-
--dyn-attention-sat-mult: 1;
|
|
98
|
-
--dyn-attention-hue-rotate-mult: 1;
|
|
99
|
-
|
|
100
|
-
--color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
|
|
101
|
-
--color-attention-wash: oklch(from var(--color-attention) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
102
|
-
--color-attention-light: oklch(from var(--color-attention) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
103
|
-
--color-attention-dark: oklch(from var(--color-attention) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
104
|
-
--color-attention-ink: oklch(from var(--color-attention) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
105
|
-
|
|
106
|
-
--color-attention-gray: oklch(from var(--color-attention) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
107
|
-
--color-attention-gray-wash: oklch(from var(--color-attention-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
108
|
-
--color-attention-gray-light: oklch(from var(--color-attention-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
109
|
-
--color-attention-gray-dark: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
110
|
-
--color-attention-gray-ink: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
/* DEFAULT THEME */
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
118
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
119
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
120
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
121
|
-
|
|
122
|
-
--dyn-primary-hue-rotate: 12;
|
|
123
|
-
--dyn-primary-source: 91.8;
|
|
124
|
-
--dyn-accent-hue-rotate: -1;
|
|
125
|
-
--dyn-accent-source: 160.88;
|
|
126
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
127
|
-
--dyn-primary-sat-mult: 1;
|
|
128
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
129
|
-
--dyn-accent-sat-mult: 1;
|
|
130
|
-
--dyn-primary-base-dim: 0%;
|
|
131
|
-
--dyn-accent-base-dim: 0%;
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
135
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
136
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
137
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
138
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
139
|
-
|
|
140
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
141
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
142
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
143
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
144
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
148
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
149
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
150
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
151
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
152
|
-
|
|
153
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
154
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
155
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
156
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
157
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
--color-gray: var(--color-primary-gray);
|
|
161
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
162
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
163
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
164
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
165
|
-
|
|
166
|
-
--color-wash: var(--color-gray-wash);
|
|
167
|
-
--palette-black: var(--color-gray-ink);
|
|
168
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
169
|
-
/* A dark-mode only contrast color */
|
|
170
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
/* INTRINSIC DARK THEME */
|
|
176
|
-
@media(prefers-color-scheme: dark) {
|
|
177
|
-
html {
|
|
178
|
-
|
|
179
|
-
--wash-saturation-tweak: 1;
|
|
180
|
-
--mode-mult: -1;
|
|
181
|
-
--dyn-mode-mult: -1.25;
|
|
182
|
-
--dyn-mode-lighten-mult: -1;
|
|
183
|
-
--dyn-mode-sign: -1;
|
|
184
|
-
--dyn-source-mode-adjust: 1;
|
|
185
|
-
--dyn-mode-dark: 1;
|
|
186
|
-
--dyn-mode-light: 0;
|
|
187
|
-
--color-dark-blend: var(--palette-light-blend);
|
|
188
|
-
--color-light-blend: var(--palette-dark-blend);
|
|
189
|
-
--color-dark-blend-2: var(--palette-light-blend-2);
|
|
190
|
-
--color-light-blend-2: var(--palette-dark-blend-2);
|
|
191
|
-
--color-black: var(--palette-true-white);
|
|
192
|
-
--color-white: var(--palette-white);
|
|
193
|
-
--color-gray-1: var(--palette-gray-ex-2);
|
|
194
|
-
--color-gray-2: var(--palette-gray-ex-1);
|
|
195
|
-
--color-gray-3: var(--palette-gray-0);
|
|
196
|
-
--color-gray-4: var(--palette-gray-9);
|
|
197
|
-
--color-gray-5: var(--palette-gray-8);
|
|
198
|
-
--color-gray-6: var(--palette-gray-7);
|
|
199
|
-
--color-gray-7: var(--palette-gray-6);
|
|
200
|
-
--color-gray-8: var(--palette-gray-5);
|
|
201
|
-
--color-gray-9: var(--palette-gray-4);
|
|
202
|
-
--color-gray-0: var(--palette-gray-3);
|
|
203
|
-
--color-gray-blend: var(--palette-light-gray-blend);
|
|
204
|
-
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
205
|
-
--color-shadow-1: var(--palette-shadow-4);
|
|
206
|
-
--color-shadow-2: var(--palette-shadow-3);
|
|
207
|
-
--color-overlay: var(--palette-black-overlay);
|
|
208
|
-
--color-overlay-dark: var(--palette-white-overlay);
|
|
209
|
-
|
|
210
|
-
--dyn-attention-source: 30;
|
|
211
|
-
--dyn-attention-hue-rotate: 0;
|
|
212
|
-
--dyn-attention-sat-mult: 1;
|
|
213
|
-
--dyn-attention-hue-rotate-mult: 1;
|
|
214
|
-
|
|
215
|
-
--color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
|
|
216
|
-
--color-attention-wash: oklch(from var(--color-attention) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
217
|
-
--color-attention-light: oklch(from var(--color-attention) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
218
|
-
--color-attention-dark: oklch(from var(--color-attention) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
219
|
-
--color-attention-ink: oklch(from var(--color-attention) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
220
|
-
|
|
221
|
-
--color-attention-gray: oklch(from var(--color-attention) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
222
|
-
--color-attention-gray-wash: oklch(from var(--color-attention-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
223
|
-
--color-attention-gray-light: oklch(from var(--color-attention-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
224
|
-
--color-attention-gray-dark: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
225
|
-
--color-attention-gray-ink: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.theme-lemon {
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
235
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
236
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
237
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
238
|
-
|
|
239
|
-
--dyn-primary-hue-rotate: 12;
|
|
240
|
-
--dyn-primary-source: 91.8;
|
|
241
|
-
--dyn-accent-hue-rotate: -1;
|
|
242
|
-
--dyn-accent-source: 160.88;
|
|
243
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
244
|
-
--dyn-primary-sat-mult: 1;
|
|
245
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
246
|
-
--dyn-accent-sat-mult: 1;
|
|
247
|
-
--dyn-primary-base-dim: 0%;
|
|
248
|
-
--dyn-accent-base-dim: 0%;
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
252
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
253
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
254
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
255
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
256
|
-
|
|
257
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
258
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
259
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
260
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
261
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
265
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
266
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
267
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
268
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
269
|
-
|
|
270
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
271
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
272
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
273
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
274
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
--color-gray: var(--color-primary-gray);
|
|
278
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
279
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
280
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
281
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
282
|
-
|
|
283
|
-
--color-wash: var(--color-gray-wash);
|
|
284
|
-
--palette-black: var(--color-gray-ink);
|
|
285
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
286
|
-
/* A dark-mode only contrast color */
|
|
287
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
.theme-blueberry {
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
296
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
297
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
298
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
299
|
-
|
|
300
|
-
--dyn-primary-hue-rotate: 4;
|
|
301
|
-
--dyn-primary-source: 248.14;
|
|
302
|
-
--dyn-accent-hue-rotate: -1;
|
|
303
|
-
--dyn-accent-source: 160.88;
|
|
304
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
305
|
-
--dyn-primary-sat-mult: 1;
|
|
306
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
307
|
-
--dyn-accent-sat-mult: 1;
|
|
308
|
-
--dyn-primary-base-dim: 0%;
|
|
309
|
-
--dyn-accent-base-dim: 0%;
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
313
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
314
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
315
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
316
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
317
|
-
|
|
318
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
319
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
320
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
321
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
322
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
326
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
327
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
328
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
329
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
330
|
-
|
|
331
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
332
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
333
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
334
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
335
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
--color-gray: var(--color-primary-gray);
|
|
339
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
340
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
341
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
342
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
343
|
-
|
|
344
|
-
--color-wash: var(--color-gray-wash);
|
|
345
|
-
--palette-black: var(--color-gray-ink);
|
|
346
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
347
|
-
/* A dark-mode only contrast color */
|
|
348
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
.theme-eggplant {
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
357
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
358
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
359
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
360
|
-
|
|
361
|
-
--dyn-primary-hue-rotate: -5;
|
|
362
|
-
--dyn-primary-source: 280.21;
|
|
363
|
-
--dyn-accent-hue-rotate: -1;
|
|
364
|
-
--dyn-accent-source: 160.88;
|
|
365
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
366
|
-
--dyn-primary-sat-mult: 1;
|
|
367
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
368
|
-
--dyn-accent-sat-mult: 1;
|
|
369
|
-
--dyn-primary-base-dim: 0%;
|
|
370
|
-
--dyn-accent-base-dim: 0%;
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
374
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
375
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
376
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
377
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
378
|
-
|
|
379
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
380
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
381
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
382
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
383
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
387
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
388
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
389
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
390
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
391
|
-
|
|
392
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
393
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
394
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
395
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
396
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
--color-gray: var(--color-primary-gray);
|
|
400
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
401
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
402
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
403
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
404
|
-
|
|
405
|
-
--color-wash: var(--color-gray-wash);
|
|
406
|
-
--palette-black: var(--color-gray-ink);
|
|
407
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
408
|
-
/* A dark-mode only contrast color */
|
|
409
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
.theme-leek {
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
418
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
419
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
420
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
421
|
-
|
|
422
|
-
--dyn-primary-hue-rotate: -1;
|
|
423
|
-
--dyn-primary-source: 160.88;
|
|
424
|
-
--dyn-accent-hue-rotate: 12;
|
|
425
|
-
--dyn-accent-source: 91.8;
|
|
426
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
427
|
-
--dyn-primary-sat-mult: 1;
|
|
428
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
429
|
-
--dyn-accent-sat-mult: 1;
|
|
430
|
-
--dyn-primary-base-dim: 0%;
|
|
431
|
-
--dyn-accent-base-dim: 0%;
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
435
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
436
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
437
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
438
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
439
|
-
|
|
440
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
441
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
442
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
443
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
444
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
448
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
449
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
450
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
451
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
452
|
-
|
|
453
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
454
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
455
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
456
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
457
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
--color-gray: var(--color-primary-gray);
|
|
461
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
462
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
463
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
464
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
465
|
-
|
|
466
|
-
--color-wash: var(--color-gray-wash);
|
|
467
|
-
--palette-black: var(--color-gray-ink);
|
|
468
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
469
|
-
/* A dark-mode only contrast color */
|
|
470
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
.theme-tomato {
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
479
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
480
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
481
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
482
|
-
|
|
483
|
-
--dyn-primary-hue-rotate: -2;
|
|
484
|
-
--dyn-primary-source: 10.51;
|
|
485
|
-
--dyn-accent-hue-rotate: -1;
|
|
486
|
-
--dyn-accent-source: 160.88;
|
|
487
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
488
|
-
--dyn-primary-sat-mult: 1;
|
|
489
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
490
|
-
--dyn-accent-sat-mult: 1;
|
|
491
|
-
--dyn-primary-base-dim: 0%;
|
|
492
|
-
--dyn-accent-base-dim: 0%;
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
496
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
497
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
498
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
499
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
500
|
-
|
|
501
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
502
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
503
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
504
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
505
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
509
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
510
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
511
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
512
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
513
|
-
|
|
514
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
515
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
516
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
517
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
518
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
--color-gray: var(--color-primary-gray);
|
|
522
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
523
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
524
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
525
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
526
|
-
|
|
527
|
-
--color-wash: var(--color-gray-wash);
|
|
528
|
-
--palette-black: var(--color-gray-ink);
|
|
529
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
530
|
-
/* A dark-mode only contrast color */
|
|
531
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
}
|
|
535
|
-
|
|
536
|
-
.theme-salt {
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
540
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
541
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
542
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
543
|
-
|
|
544
|
-
--dyn-primary-hue-rotate: -50;
|
|
545
|
-
--dyn-primary-source: 0;
|
|
546
|
-
--dyn-accent-hue-rotate: -50;
|
|
547
|
-
--dyn-accent-source: 0;
|
|
548
|
-
--dyn-primary-hue-rotate-mult: 0;
|
|
549
|
-
--dyn-primary-sat-mult: 0;
|
|
550
|
-
--dyn-accent-hue-rotate-mult: 0;
|
|
551
|
-
--dyn-accent-sat-mult: 0;
|
|
552
|
-
--dyn-primary-base-dim: 4%;
|
|
553
|
-
--dyn-accent-base-dim: 15%;
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
557
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
558
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
559
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
560
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
561
|
-
|
|
562
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
563
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
564
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
565
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
566
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
570
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
571
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
572
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
573
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
574
|
-
|
|
575
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
576
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
577
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
578
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
579
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
--color-gray: var(--color-primary-gray);
|
|
583
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
584
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
585
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
586
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
587
|
-
|
|
588
|
-
--color-wash: var(--color-gray-wash);
|
|
589
|
-
--palette-black: var(--color-gray-ink);
|
|
590
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
591
|
-
/* A dark-mode only contrast color */
|
|
592
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
.theme {
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
601
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
602
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
603
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
604
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
605
|
-
|
|
606
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
607
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
608
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
609
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
610
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
614
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
615
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
616
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
617
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
618
|
-
|
|
619
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
620
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
621
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
622
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
623
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
--color-gray: var(--color-primary-gray);
|
|
627
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
628
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
629
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
630
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
631
|
-
|
|
632
|
-
--color-wash: var(--color-gray-wash);
|
|
633
|
-
--palette-black: var(--color-gray-ink);
|
|
634
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
635
|
-
/* A dark-mode only contrast color */
|
|
636
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
637
|
-
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
html, body {
|
|
641
|
-
margin: 0;
|
|
642
|
-
padding: 0;
|
|
643
|
-
font-family: var(--font-default);
|
|
644
|
-
font-size: 16px;
|
|
645
|
-
height: 100%;
|
|
646
|
-
--webkit-font-smoothing: antialiased;
|
|
647
|
-
}
|
|
648
|
-
|
|
649
|
-
body {
|
|
650
|
-
height: 100%;
|
|
651
|
-
background-color: var(--color-wash);
|
|
652
|
-
color: var(--color-black);
|
|
653
|
-
overflow: overlay;
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
a {
|
|
657
|
-
color: inherit;
|
|
658
|
-
text-decoration: none;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
* {
|
|
662
|
-
box-sizing: border-box;
|
|
663
|
-
-webkit-tap-highlight-color: transparent;
|
|
664
|
-
}
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
@layer preflightVariants {
|
|
668
|
-
/** SYSTEM OVERRIDES **/
|
|
669
|
-
.override-light {
|
|
670
|
-
|
|
671
|
-
--wash-saturation-tweak: 3;
|
|
672
|
-
--mode-mult: 1;
|
|
673
|
-
--dyn-mode-mult: 1;
|
|
674
|
-
--dyn-mode-sign: 1;
|
|
675
|
-
--dyn-source-mode-adjust: 0;
|
|
676
|
-
--dyn-mode-lighten-mult: 1;
|
|
677
|
-
--dyn-mode-light: 1;
|
|
678
|
-
--dyn-mode-dark: 0;
|
|
679
|
-
--color-dark-blend: var(--palette-dark-blend);
|
|
680
|
-
--color-light-blend: var(--palette-light-blend);
|
|
681
|
-
--color-dark-blend-2: var(--palette-dark-blend-2);
|
|
682
|
-
--color-light-blend-2: var(--palette-light-blend-2);
|
|
683
|
-
--color-black: var(--palette-true-black);
|
|
684
|
-
--color-white: var(--palette-white);
|
|
685
|
-
--color-gray-1: var(--palette-gray-1);
|
|
686
|
-
--color-gray-2: var(--palette-gray-2);
|
|
687
|
-
--color-gray-3: var(--palette-gray-3);
|
|
688
|
-
--color-gray-4: var(--palette-gray-4);
|
|
689
|
-
--color-gray-5: var(--palette-gray-5);
|
|
690
|
-
--color-gray-6: var(--palette-gray-6);
|
|
691
|
-
--color-gray-7: var(--palette-gray-7);
|
|
692
|
-
--color-gray-8: var(--palette-gray-8);
|
|
693
|
-
--color-gray-9: var(--palette-gray-9);
|
|
694
|
-
--color-gray-0: var(--palette-gray-0);
|
|
695
|
-
--color-gray-blend: var(--palette-gray-blend);
|
|
696
|
-
--color-gray-dark-blend: var(--palette-gray-dark-blend);
|
|
697
|
-
--color-shadow-1: var(--palette-shadow-2);
|
|
698
|
-
--color-shadow-2: var(--palette-shadow-1);
|
|
699
|
-
--color-overlay: var(--palette-white-overlay);
|
|
700
|
-
--color-overlay-dark: var(--palette-black-overlay);
|
|
701
|
-
|
|
702
|
-
--dyn-attention-source: 30;
|
|
703
|
-
--dyn-attention-hue-rotate: 0;
|
|
704
|
-
--dyn-attention-sat-mult: 1;
|
|
705
|
-
--dyn-attention-hue-rotate-mult: 1;
|
|
706
|
-
|
|
707
|
-
--color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
|
|
708
|
-
--color-attention-wash: oklch(from var(--color-attention) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
709
|
-
--color-attention-light: oklch(from var(--color-attention) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
710
|
-
--color-attention-dark: oklch(from var(--color-attention) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
711
|
-
--color-attention-ink: oklch(from var(--color-attention) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
712
|
-
|
|
713
|
-
--color-attention-gray: oklch(from var(--color-attention) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
714
|
-
--color-attention-gray-wash: oklch(from var(--color-attention-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
715
|
-
--color-attention-gray-light: oklch(from var(--color-attention-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
716
|
-
--color-attention-gray-dark: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
717
|
-
--color-attention-gray-ink: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
color: var(--color-black);
|
|
721
|
-
}
|
|
722
|
-
|
|
723
|
-
.override-dark {
|
|
724
|
-
|
|
725
|
-
--wash-saturation-tweak: 1;
|
|
726
|
-
--mode-mult: -1;
|
|
727
|
-
--dyn-mode-mult: -1.25;
|
|
728
|
-
--dyn-mode-lighten-mult: -1;
|
|
729
|
-
--dyn-mode-sign: -1;
|
|
730
|
-
--dyn-source-mode-adjust: 1;
|
|
731
|
-
--dyn-mode-dark: 1;
|
|
732
|
-
--dyn-mode-light: 0;
|
|
733
|
-
--color-dark-blend: var(--palette-light-blend);
|
|
734
|
-
--color-light-blend: var(--palette-dark-blend);
|
|
735
|
-
--color-dark-blend-2: var(--palette-light-blend-2);
|
|
736
|
-
--color-light-blend-2: var(--palette-dark-blend-2);
|
|
737
|
-
--color-black: var(--palette-true-white);
|
|
738
|
-
--color-white: var(--palette-white);
|
|
739
|
-
--color-gray-1: var(--palette-gray-ex-2);
|
|
740
|
-
--color-gray-2: var(--palette-gray-ex-1);
|
|
741
|
-
--color-gray-3: var(--palette-gray-0);
|
|
742
|
-
--color-gray-4: var(--palette-gray-9);
|
|
743
|
-
--color-gray-5: var(--palette-gray-8);
|
|
744
|
-
--color-gray-6: var(--palette-gray-7);
|
|
745
|
-
--color-gray-7: var(--palette-gray-6);
|
|
746
|
-
--color-gray-8: var(--palette-gray-5);
|
|
747
|
-
--color-gray-9: var(--palette-gray-4);
|
|
748
|
-
--color-gray-0: var(--palette-gray-3);
|
|
749
|
-
--color-gray-blend: var(--palette-light-gray-blend);
|
|
750
|
-
--color-gray-dark-blend: var(--palette-light-gray-dark-blend);
|
|
751
|
-
--color-shadow-1: var(--palette-shadow-4);
|
|
752
|
-
--color-shadow-2: var(--palette-shadow-3);
|
|
753
|
-
--color-overlay: var(--palette-black-overlay);
|
|
754
|
-
--color-overlay-dark: var(--palette-white-overlay);
|
|
755
|
-
|
|
756
|
-
--dyn-attention-source: 30;
|
|
757
|
-
--dyn-attention-hue-rotate: 0;
|
|
758
|
-
--dyn-attention-sat-mult: 1;
|
|
759
|
-
--dyn-attention-hue-rotate-mult: 1;
|
|
760
|
-
|
|
761
|
-
--color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
|
|
762
|
-
--color-attention-wash: oklch(from var(--color-attention) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
763
|
-
--color-attention-light: oklch(from var(--color-attention) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
764
|
-
--color-attention-dark: oklch(from var(--color-attention) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
765
|
-
--color-attention-ink: oklch(from var(--color-attention) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
766
|
-
|
|
767
|
-
--color-attention-gray: oklch(from var(--color-attention) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
768
|
-
--color-attention-gray-wash: oklch(from var(--color-attention-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
769
|
-
--color-attention-gray-light: oklch(from var(--color-attention-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
770
|
-
--color-attention-gray-dark: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
771
|
-
--color-attention-gray-ink: oklch(from var(--color-attention-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
color: var(--color-black);
|
|
775
|
-
}
|
|
776
|
-
|
|
777
|
-
.theme-override-lemon {
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
781
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
782
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
783
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
784
|
-
|
|
785
|
-
--dyn-primary-hue-rotate: 12;
|
|
786
|
-
--dyn-primary-source: 91.8;
|
|
787
|
-
--dyn-accent-hue-rotate: -1;
|
|
788
|
-
--dyn-accent-source: 160.88;
|
|
789
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
790
|
-
--dyn-primary-sat-mult: 1;
|
|
791
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
792
|
-
--dyn-accent-sat-mult: 1;
|
|
793
|
-
--dyn-primary-base-dim: 0%;
|
|
794
|
-
--dyn-accent-base-dim: 0%;
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
798
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
799
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
800
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
801
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
802
|
-
|
|
803
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
804
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
805
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
806
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
807
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
811
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
812
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
813
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
814
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
815
|
-
|
|
816
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
817
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
818
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
819
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
820
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
--color-gray: var(--color-primary-gray);
|
|
824
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
825
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
826
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
827
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
828
|
-
|
|
829
|
-
--color-wash: var(--color-gray-wash);
|
|
830
|
-
--palette-black: var(--color-gray-ink);
|
|
831
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
832
|
-
/* A dark-mode only contrast color */
|
|
833
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
}
|
|
837
|
-
.theme-override-blueberry {
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
841
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
842
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
843
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
844
|
-
|
|
845
|
-
--dyn-primary-hue-rotate: 4;
|
|
846
|
-
--dyn-primary-source: 248.14;
|
|
847
|
-
--dyn-accent-hue-rotate: -1;
|
|
848
|
-
--dyn-accent-source: 160.88;
|
|
849
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
850
|
-
--dyn-primary-sat-mult: 1;
|
|
851
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
852
|
-
--dyn-accent-sat-mult: 1;
|
|
853
|
-
--dyn-primary-base-dim: 0%;
|
|
854
|
-
--dyn-accent-base-dim: 0%;
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
858
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
859
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
860
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
861
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
862
|
-
|
|
863
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
864
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
865
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
866
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
867
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
871
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
872
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
873
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
874
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
875
|
-
|
|
876
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
877
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
878
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
879
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
880
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
--color-gray: var(--color-primary-gray);
|
|
884
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
885
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
886
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
887
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
888
|
-
|
|
889
|
-
--color-wash: var(--color-gray-wash);
|
|
890
|
-
--palette-black: var(--color-gray-ink);
|
|
891
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
892
|
-
/* A dark-mode only contrast color */
|
|
893
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
}
|
|
897
|
-
.theme-override-eggplant {
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
901
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
902
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
903
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
904
|
-
|
|
905
|
-
--dyn-primary-hue-rotate: -5;
|
|
906
|
-
--dyn-primary-source: 280.21;
|
|
907
|
-
--dyn-accent-hue-rotate: -1;
|
|
908
|
-
--dyn-accent-source: 160.88;
|
|
909
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
910
|
-
--dyn-primary-sat-mult: 1;
|
|
911
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
912
|
-
--dyn-accent-sat-mult: 1;
|
|
913
|
-
--dyn-primary-base-dim: 0%;
|
|
914
|
-
--dyn-accent-base-dim: 0%;
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
918
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
919
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
920
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
921
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
922
|
-
|
|
923
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
924
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
925
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
926
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
927
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
931
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
932
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
933
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
934
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
935
|
-
|
|
936
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
937
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
938
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
939
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
940
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
--color-gray: var(--color-primary-gray);
|
|
944
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
945
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
946
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
947
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
948
|
-
|
|
949
|
-
--color-wash: var(--color-gray-wash);
|
|
950
|
-
--palette-black: var(--color-gray-ink);
|
|
951
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
952
|
-
/* A dark-mode only contrast color */
|
|
953
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
}
|
|
957
|
-
.theme-override-leek {
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
961
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
962
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
963
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
964
|
-
|
|
965
|
-
--dyn-primary-hue-rotate: -1;
|
|
966
|
-
--dyn-primary-source: 160.88;
|
|
967
|
-
--dyn-accent-hue-rotate: 12;
|
|
968
|
-
--dyn-accent-source: 91.8;
|
|
969
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
970
|
-
--dyn-primary-sat-mult: 1;
|
|
971
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
972
|
-
--dyn-accent-sat-mult: 1;
|
|
973
|
-
--dyn-primary-base-dim: 0%;
|
|
974
|
-
--dyn-accent-base-dim: 0%;
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
978
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
979
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
980
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
981
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
982
|
-
|
|
983
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
984
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
985
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
986
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
987
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
991
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
992
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
993
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
994
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
995
|
-
|
|
996
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
997
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
998
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
999
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1000
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
--color-gray: var(--color-primary-gray);
|
|
1004
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
1005
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
1006
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
1007
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
1008
|
-
|
|
1009
|
-
--color-wash: var(--color-gray-wash);
|
|
1010
|
-
--palette-black: var(--color-gray-ink);
|
|
1011
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
1012
|
-
/* A dark-mode only contrast color */
|
|
1013
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
}
|
|
1017
|
-
.theme-override-tomato {
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
1021
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
1022
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
1023
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
1024
|
-
|
|
1025
|
-
--dyn-primary-hue-rotate: -2;
|
|
1026
|
-
--dyn-primary-source: 10.51;
|
|
1027
|
-
--dyn-accent-hue-rotate: -1;
|
|
1028
|
-
--dyn-accent-source: 160.88;
|
|
1029
|
-
--dyn-primary-hue-rotate-mult: 1;
|
|
1030
|
-
--dyn-primary-sat-mult: 1;
|
|
1031
|
-
--dyn-accent-hue-rotate-mult: 1;
|
|
1032
|
-
--dyn-accent-sat-mult: 1;
|
|
1033
|
-
--dyn-primary-base-dim: 0%;
|
|
1034
|
-
--dyn-accent-base-dim: 0%;
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
1038
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1039
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1040
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1041
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1042
|
-
|
|
1043
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
1044
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1045
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1046
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1047
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
1051
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1052
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1053
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1054
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1055
|
-
|
|
1056
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
1057
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1058
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1059
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1060
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
--color-gray: var(--color-primary-gray);
|
|
1064
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
1065
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
1066
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
1067
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
1068
|
-
|
|
1069
|
-
--color-wash: var(--color-gray-wash);
|
|
1070
|
-
--palette-black: var(--color-gray-ink);
|
|
1071
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
1072
|
-
/* A dark-mode only contrast color */
|
|
1073
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
}
|
|
1077
|
-
.theme-override-salt {
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
|
|
1081
|
-
--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
|
|
1082
|
-
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
1083
|
-
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
1084
|
-
|
|
1085
|
-
--dyn-primary-hue-rotate: -50;
|
|
1086
|
-
--dyn-primary-source: 0;
|
|
1087
|
-
--dyn-accent-hue-rotate: -50;
|
|
1088
|
-
--dyn-accent-source: 0;
|
|
1089
|
-
--dyn-primary-hue-rotate-mult: 0;
|
|
1090
|
-
--dyn-primary-sat-mult: 0;
|
|
1091
|
-
--dyn-accent-hue-rotate-mult: 0;
|
|
1092
|
-
--dyn-accent-sat-mult: 0;
|
|
1093
|
-
--dyn-primary-base-dim: 4%;
|
|
1094
|
-
--dyn-accent-base-dim: 15%;
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
--color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
|
|
1098
|
-
--color-primary-wash: oklch(from var(--color-primary) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1099
|
-
--color-primary-light: oklch(from var(--color-primary) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1100
|
-
--color-primary-dark: oklch(from var(--color-primary) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1101
|
-
--color-primary-ink: oklch(from var(--color-primary) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1102
|
-
|
|
1103
|
-
--color-primary-gray: oklch(from var(--color-primary) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
1104
|
-
--color-primary-gray-wash: oklch(from var(--color-primary-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1105
|
-
--color-primary-gray-light: oklch(from var(--color-primary-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1106
|
-
--color-primary-gray-dark: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1107
|
-
--color-primary-gray-ink: oklch(from var(--color-primary-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
--color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
|
|
1111
|
-
--color-accent-wash: oklch(from var(--color-accent) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1112
|
-
--color-accent-light: oklch(from var(--color-accent) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1113
|
-
--color-accent-dark: oklch(from var(--color-accent) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1114
|
-
--color-accent-ink: oklch(from var(--color-accent) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1115
|
-
|
|
1116
|
-
--color-accent-gray: oklch(from var(--color-accent) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
1117
|
-
--color-accent-gray-wash: oklch(from var(--color-accent-gray) calc(l * calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1)) * 1.1) calc(c * 0.9) calc(h - 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1118
|
-
--color-accent-gray-light: oklch(from var(--color-accent-gray) calc(l * calc(1 + 0.25 * var(--dyn-mode-mult, 1))) c calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1119
|
-
--color-accent-gray-dark: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.25 * var(--dyn-mode-mult, 1))) c calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1120
|
-
--color-accent-gray-ink: oklch(from var(--color-accent-gray) calc(l * calc(1 - 0.45 * var(--dyn-mode-mult, 1))) c calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
--color-gray: var(--color-primary-gray);
|
|
1124
|
-
--color-gray-wash: var(--color-primary-gray-wash);
|
|
1125
|
-
--color-gray-light: var(--color-primary-gray-light);
|
|
1126
|
-
--color-gray-dark: var(--color-primary-gray-dark);
|
|
1127
|
-
--color-gray-ink: var(--color-primary-gray-ink);
|
|
1128
|
-
|
|
1129
|
-
--color-wash: var(--color-gray-wash);
|
|
1130
|
-
--palette-black: var(--color-gray-ink);
|
|
1131
|
-
--palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
|
|
1132
|
-
/* A dark-mode only contrast color */
|
|
1133
|
-
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
}
|
|
1137
|
-
}
|
|
1138
|
-
|
|
1139
|
-
@font-face {
|
|
1140
|
-
font-family: "Inter";
|
|
1141
|
-
src: url("https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype-variations");
|
|
1142
|
-
font-weight: 1 999;
|
|
1143
|
-
font-style: oblique 0deg 5deg;
|
|
1144
|
-
font-display: block;
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
@font-face {
|
|
1148
|
-
font-family: "Domine";
|
|
1149
|
-
src: url("https://resources.biscuits.club/fonts/Domine-VariableFont_wght.ttf") format("truetype-variations");
|
|
1150
|
-
font-weight: 1 999;
|
|
1151
|
-
font-style: oblique 0deg 5deg;
|
|
1152
|
-
font-display: block;
|
|
1153
|
-
}
|
|
1154
|
-
|
|
1155
|
-
@media (display-mode: standalone) {
|
|
1156
|
-
html, body {
|
|
1157
|
-
overscroll-behavior: none;
|
|
1158
|
-
}
|
|
1159
|
-
}
|
|
1160
|
-
|
|
1161
|
-
@property --v-bg-altered {
|
|
1162
|
-
syntax: "*";
|
|
1163
|
-
inherits: false;
|
|
1164
|
-
}
|
|
1165
|
-
|
|
1166
|
-
@property --v-color-altered {
|
|
1167
|
-
syntax: "*";
|
|
1168
|
-
inherits: false;
|
|
1169
|
-
}
|
|
1170
|
-
|
|
1171
|
-
@property --v-border-altered {
|
|
1172
|
-
syntax: "*";
|
|
1173
|
-
inherits: false;
|
|
1174
|
-
}
|
|
1175
|
-
|
|
1176
|
-
@property --local-corner-scale {
|
|
1177
|
-
syntax: "*";
|
|
1178
|
-
inherits: false;
|
|
1179
|
-
}
|
|
1180
|
-
|
|
1181
|
-
@property --v-shadow-y-mult {
|
|
1182
|
-
syntax: "*";
|
|
1183
|
-
inherits: false;
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
@property --v-ring-altered {
|
|
1187
|
-
syntax: "*";
|
|
1188
|
-
inherits: false;
|
|
1189
|
-
}
|
|
1190
|
-
|
|
1191
|
-
@property --v-bg-opacity {
|
|
1192
|
-
syntax: "<percentage>";
|
|
1193
|
-
inherits: false;
|
|
1194
|
-
}
|
|
1195
|
-
|
|
1196
|
-
@property --v-color-opacity {
|
|
1197
|
-
syntax: "<percentage>";
|
|
1198
|
-
inherits: false;
|
|
1199
|
-
}
|
|
1200
|
-
|
|
1201
|
-
@property --v-border-opacity {
|
|
1202
|
-
syntax: "<percentage>";
|
|
1203
|
-
inherits: false;
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
|
-
@property --v-ring-opacity {
|
|
1207
|
-
syntax: "<percentage>";
|
|
1208
|
-
inherits: false;
|
|
1209
|
-
}
|
|
1210
|
-
.outline-off{outline:none;}.unset{all:unset;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:-50%;}.center-x{left:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.center-y{top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.row{display:flex;flex-direction:row;align-items:center;gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}.layer-components\:\[\&\[data-state\=on\]\]\:border-default[data-state=on],.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}}@media (min-width: 640px){.container{max-width:640px;}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center bottom;}.\[grid-area\:content\]{grid-area:content;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.contain-strict{contain:strict;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-\[anchor\(right\)\]{left:anchor(right);}.left-0{left:0.00rem;}.left-1\/2{left:50%;}.left-2{left:0.50rem;}.right-\[anchor\(right\)\]{right:anchor(right);}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top-\[anchor\(bottom\)\]{top:anchor(bottom);}.top-0{top:0.00rem;}.top-1\/2,.top-50\%{top:50%;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[100000\]{z-index:100000;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mr-auto{margin-right:auto;}.mt-auto{margin-top:auto;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden,[data-has-icon=true]>.\[\[data-has-icon\=true\]\>\&\]\:hidden{display:none;}.aspect-\[9\/16\]{aspect-ratio:9/16;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-10{height:2.5rem;}.h-100px{height:100px;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-32{height:8rem;}.h-4,.h4{height:1rem;}.h-600px{height:600px;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.min-h-0{min-height:0;}.min-h-18px{min-height:18px;}.min-h-20vh{min-height:20vh;}.min-h-32px{min-height:32px;}.min-w-0{min-width:0;}.min-w-32px{min-width:32px;}.w-\[12px\]{width:12px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-21px{width:21px;}.w-25px{width:25px;}.w-300px{width:300px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.\[\&\[data-state\=delayed-open\]\]\:flex[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:flex[data-state=instant-open],.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1,.grow{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.-translate-x-1\/2,.translate-x--1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y--1\/2,.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
|
|
3
|
+
:root { --font-sans: "Inter", sans-serif; --font-serif: "Domine", serif; --font-title: "Inter", sans-serif; --font-default: var(--font-sans, sans-serif); --z-nowPlaying: 40; --z-nav: 50; --z-menu: 100; --z-menuTrigger: 101; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --arrow-size: 1rem; } html, body { margin: 0; padding: 0; font-family: var(--font-default); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @property --v-shadow-y-mult { syntax: "*"; inherits: false; }
|
|
4
|
+
:root { --p-lemon-hue: 90.8; --p-leek-hue: 165.88; --p-tomato-hue: 10.51; --p-blueberry-hue: 248.14; --p-eggplant-hue: 280.21; --p-attention-hue: 30; --p-success-hue: 140; } .theme-lemon { --p-primary-hue: var(--p-lemon-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-lemon.theme-override-lemon { --p-primary-hue: var(--p-lemon-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-leek { --p-primary-hue: var(--p-leek-hue); --p-accent-hue: var(--p-lemon-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-leek.theme-override-leek { --p-primary-hue: var(--p-leek-hue); --p-accent-hue: var(--p-lemon-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-tomato { --p-primary-hue: var(--p-tomato-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-tomato.theme-override-tomato { --p-primary-hue: var(--p-tomato-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-blueberry { --p-primary-hue: var(--p-blueberry-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-blueberry.theme-override-blueberry { --p-primary-hue: var(--p-blueberry-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-eggplant { --p-primary-hue: var(--p-eggplant-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-eggplant.theme-override-eggplant { --p-primary-hue: var(--p-eggplant-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .palette-primary { --l-main-hue: var(--p-primary-hue); --l-saturation: 1; } .palette-accent { --l-main-hue: var(--p-accent-hue); --l-saturation: 1; } .palette-attention { --l-main-hue: var(--p-attention-hue); --l-saturation: 1; } .palette-success { --l-main-hue: var(--p-success-hue); --l-saturation: 1; } .palette-lemon { --l-main-hue: var(--p-lemon-hue); --l-saturation: 1; } .palette-leek { --l-main-hue: var(--p-leek-hue); --l-saturation: 1; } .palette-tomato { --l-main-hue: var(--p-tomato-hue); --l-saturation: 1; } .palette-blueberry { --l-main-hue: var(--p-blueberry-hue); --l-saturation: 1; } .palette-eggplant { --l-main-hue: var(--p-eggplant-hue); --l-saturation: 1; } .palette-gray { --l-saturation: calc(0.3 * var(--global-saturation, 0)); } .palette-high-contrast { --l-saturation: 0; --l-lightness-spread: 10; } body { --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); --l-main-hue: var(--p-primary-hue); } @property --v-bg-altered { syntax: "*"; inherits: false; } @property --v-color-altered { syntax: "*"; inherits: false; } @property --v-border-altered { syntax: "*"; inherits: false; } @property --v-ring-altered { syntax: "*"; inherits: false; } @property --v-bg-opacity { syntax: "<percentage>"; inherits: false; } @property --v-color-opacity { syntax: "<percentage>"; inherits: false; } @property --v-border-opacity { syntax: "<percentage>"; inherits: false; } @property --v-ring-opacity { syntax: "<percentage>"; inherits: false; }
|
|
5
|
+
@layer preflightBase { html { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; } @media (prefers-color-scheme: dark) { html { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; } } } @layer preflightVariants { .override-light { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; } .override-dark { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; } }
|
|
6
|
+
@layer preflightBase { :root { --global-saturation: 100%; --global-corner-scale: 1; --global-spacing-scale: md; --global-border-scale: 1; --global-shadow-spread: 1; --p-primary-hue: 90.8; --p-accent-hue: 165.88; } } @property --local-corner-scale { syntax: "*"; inherits: false; }
|
|
7
|
+
.outline-off{outline:none;}.unset{all:unset;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:-50%;}.center-x{left:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.center-y{top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hidden-input::webkit-file-upload-button{display:none;}.body{min-height:100vh;color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0;}.border{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}@layer components{.layer-components\:\[\&\[data-focus\=true\]\]\:outline-off[data-focus=true]{outline:none;}.layer-components\:unset{all:unset;}.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.col{display:flex;flex-direction:column;align-items:center;gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.row{display:flex;flex-direction:row;align-items:center;gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}.layer-components\:\[\&\[data-state\=on\]\]\:border-default[data-state=on],.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&\[data-state\=on\]\]\:hover\:border-default:hover[data-state=on]{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:focus-visible\:border:focus-visible{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}}@layer composed{.layer-composed\:border{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;}.layer-composed\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[--l-saturation\:0\]{--l-saturation:0;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center bottom;}.\[grid-area\:content\]{grid-area:content;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.contain-strict{contain:strict;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0;}.after\:inset-0::after{inset:0;}.bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0,.bottom-0px{bottom:0;}.bottom-2{bottom:0.5rem;}.bottom-3{bottom:0.75rem;}.left-\[anchor\(right\)\]{left:anchor(right);}.left-0{left:0;}.left-1\/2{left:50%;}.left-2{left:0.5rem;}.right-\[anchor\(right\)\]{right:anchor(right);}.right-0{right:0;}.right-1{right:0.25rem;}.right-2{right:0.5rem;}.top-\[anchor\(bottom\)\]{top:anchor(bottom);}.top-0{top:0;}.top-1\/2,.top-50\%{top:50%;}.top-1px{top:1px;}.top-2{top:0.5rem;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[1px\][data-today]::before{left:1px;}.\[\&\[data-today\]\]\:before\:top-\[1px\][data-today]::before{top:1px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0;}.after\:right-0::after{right:0;}.after\:top-0::after{top:0;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[100000\]{z-index:100000;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.5rem;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1rem;margin-bottom:1rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mr-auto{margin-right:auto;}.mt-auto{margin-top:auto;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden,[data-has-icon=true]>.\[\[data-has-icon\=true\]\>\&\]\:hidden{display:none;}.aspect-\[9\/16\]{aspect-ratio:9/16;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-10{height:2.5rem;}.h-100px{height:100px;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-25px{height:25px;}.h-32{height:8rem;}.h-4,.h4{height:1rem;}.h-600px{height:600px;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.min-h-0{min-height:0;}.min-h-18px{min-height:18px;}.min-h-20vh{min-height:20vh;}.min-h-32px{min-height:32px;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.min-w-32px{min-width:32px;}.w-\[12px\]{width:12px;}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-300px{width:300px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.\[\&\[data-state\=delayed-open\]\]\:flex[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:flex[data-state=instant-open],.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1,.grow{flex-grow:1;}.flex-basis-0{flex-basis:0;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.-translate-x-1\/2,.translate-x--1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y--1\/2,.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
|
|
1211
8
|
from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
|
|
1212
9
|
to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
|
|
1213
10
|
}@keyframes peek-open{
|
|
@@ -1259,14 +56,14 @@
|
|
|
1259
56
|
0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
|
|
1260
57
|
50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
|
|
1261
58
|
100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
|
|
1262
|
-
}.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.disabled\:cursor-default:disabled{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-4{gap:1.00rem;}.gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.overflow-hidden{overflow:hidden;}.text-ellipsis{text-overflow:ellipsis;}.b,.border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-inherit{border-radius:inherit;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-color-altered, var(--v-color, var(--color-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.op-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1263
|
-
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:color-black[data-state=active],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-dark-blend{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary);--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:var(--color-primary-dark);--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-gray[data-highlighted],.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-accent[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent[data-range-start],.\[\&\[data-selected\]\]\:bg-accent[data-selected],.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);--v-bg-opacity:100%;}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);--v-bg-opacity:100%;}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark);--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-ink);--v-bg-opacity:100%;}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary);--v-bg-opacity:90%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.\[\&\[data-highlighted\]\]\:bg-lighten-3[data-highlighted],.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-in-range\]\]\:bg-darken-2[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:var(--color-black);--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--color-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;}.border-primary{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-primary);--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-white);--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark);--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:var(--color-primary-light);--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-white);--v-ring-opacity:100%;}.focus\:ring-primary:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary);--v-ring-opacity:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}@layer compoennts{.layer-compoennts\:absolute{position:absolute;}.layer-compoennts\:inset-0{inset:0.00rem;}.layer-compoennts\:flex{display:flex;}.layer-compoennts\:items-center{align-items:center;}.layer-compoennts\:justify-center{justify-content:center;}.layer-compoennts\:bg-inherit{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));}}@layer components{.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:before\:top-0::before{top:0.00rem;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1.00rem;}.layer-components\:mb-6{margin-bottom:1.50rem;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-y-6{--un-translate-y:1.50rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-x-overlay{overflow-x:overlay;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-primary-wash{border-right-color:var(--color-primary-wash);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.50rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pb-4{padding-bottom:1.00rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
59
|
+
}.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.disabled\:cursor-default:disabled{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.overflow-hidden{overflow:hidden;}.text-ellipsis{text-overflow:ellipsis;}.b,.border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.border-2{border-width:2px;}.\[\&\[data-today\]\]\:before\:border-1[data-today]::before{border-width:1px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-bottom-opacity));}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-left-opacity));}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column]{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-right-opacity));}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-top-opacity));}.border-t-black{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-top-opacity));}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:calc(99999px * var(--global-corner-scale,1));}.rounded-inherit{border-radius:inherit;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.\[\&\[data-today\]\]\:before\:border-solid[data-today]::before{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-color-altered, var(--v-color, var(--color-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8) / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8) / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-main-dark{--un-stroke-opacity:1;stroke:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-stroke-opacity)) /* oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8))) */;}.object-cover{object-fit:cover;}.p-10{padding:2.5rem;}.p-2{padding:0.5rem;}.p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pr-8{padding-right:2rem;}.text-center{text-align:center;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.op-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
60
|
+
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.\[\&\[data-highlighted\]\]\:ring-2[data-highlighted],.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:ring-2:hover{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-gray-ink{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));--v-color:unset;}.color-main-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-color-opacity:100%;}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-main-light[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-main[data-range-end],.\[\&\[data-range-start\]\]\:bg-main[data-range-start],.\[\&\[data-selected\]\]\:bg-main[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:90%;}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.active\:bg-main-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-attention[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:border-gray-dark[data-state=active]{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--color-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-main{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.\[\&\[data-today\]\]\:before\:border-black[data-today]::before{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-highlighted\]\]\:ring-accent[data-highlighted]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.hover\:ring-accent:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.focus\:ring-accent:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-unstable{scrollbar-gutter:auto;}@layer components{.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0;}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:left-0{left:0;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:right-0{right:0;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:before\:top-0::before{top:0;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0;}.layer-components\:m-2{margin:0.5rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-0\.5[data-has-icon=true][data-has-label=false]{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0;margin-bottom:0;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-21px{height:21px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-21px{width:21px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:translate-x-18px[data-state=checked]{--un-translate-x:18px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-y-6{--un-translate-y:1.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[data-state=open]>.layer-components\:\[\[data-state\=open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-x-overlay{overflow-x:overlay;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-main-wash{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-border-right-opacity));}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-full{border-radius:calc(99999px * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:border-l-none{border-left-style:none;}.layer-components\:border-t-none{border-top-style:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2[data-has-icon=true][data-has-label=false],.layer-components\:p-2{padding:0.5rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-6{padding:1.5rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1rem;padding-bottom:1rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-xs{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.5rem;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2rem;}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.5rem;}.layer-components\:pt-8{padding-top:2rem;}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-state\=on\]\]\:shadow-sm[data-state=on],.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
61
|
+
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1264
62
|
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1265
|
-
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-
|
|
1266
|
-
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
63
|
+
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1267
64
|
var(--un-shadow-inset) 0 calc(15px * var(--v-shadow-y-mult,1)) calc(30px * (0.05 + var(--global-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) / 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1268
65
|
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1269
66
|
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1270
|
-
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-inset{--un-shadow-inset:inset;}.layer-components\:outline-hidden{outline-style:hidden;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-1:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:duration-300{transition-duration:300ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:\@container{container-type:inline-size;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-disabled\]\]\:color-gray-dark[data-disabled],.layer-components\:\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.layer-components\:color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);--v-color-opacity:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-black[data-active=true],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray);--v-color-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:color-primary-dark[data-state=checked]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);--v-color-opacity:100%;}.layer-components\:color-accent-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-ink);--v-color-opacity:100%;}.layer-components\:color-attention-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-ink);--v-color-opacity:100%;}.layer-components\:color-dark-blend{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);--v-color-opacity:100%;}.layer-components\:color-gray-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-ink);--v-color-opacity:100%;}.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-components\:color-primary-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-ink);--v-color-opacity:100%;}.layer-components\:color-white{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);--v-color-opacity:100%;}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-lighten-2[data-active=true],.layer-components\:color-lighten-2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 2 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:color-lighten-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h2\]\:color-darken-3 h2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 3 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h3\]\:color-darken-2 h3{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);--v-bg-opacity:100%;}.layer-components\:\[\&_mark\]\:bg-primary-wash mark,.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.layer-components\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);--v-bg-opacity:100%;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-light\/50[data-active=true]{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-primary-light);--v-bg-opacity:50%;}.layer-components\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true],.layer-components\:\[\&\[data-focus\=true\]\]\:bg-\[var\(--bg\)\][data-focus=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-gray[data-highlighted=true],.layer-components\:bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary[data-state=checked],.layer-components\:bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);--v-bg-opacity:100%;}.layer-components\:\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);--v-bg-opacity:100%;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.05);--v-bg-opacity:100%;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.1);--v-bg-opacity:100%;}.layer-components\:bg-\[var\(--bg-neutral\,var\(--bg\)\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg-neutral,var(--bg));--v-bg-opacity:100%;}.layer-components\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);--v-bg-opacity:100%;}.layer-components\:bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);--v-bg-opacity:100%;}.layer-components\:bg-attention-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);--v-bg-opacity:100%;}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);--v-bg-opacity:100%;}.layer-components\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);--v-bg-opacity:100%;}.layer-components\:bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);--v-bg-opacity:100%;}.layer-components\:bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);--v-bg-opacity:100%;}.layer-components\:bg-inherit{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));}.layer-components\:bg-light-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-light-blend);--v-bg-opacity:100%;}.layer-components\:bg-overlay{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-overlay);--v-bg-opacity:100%;}.layer-components\:bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);--v-bg-opacity:100%;}.layer-components\:hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);--v-bg-opacity:100%;}.layer-components\:hover\:bg-gray:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.layer-components\:focus-visible\:bg-\[var\(--bg\)\]:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);--v-bg-opacity:100%;}.layer-components\:focus-visible\:bg-gray:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);--v-bg-opacity:100%;}.layer-components\:active\:bg-\[var\(--bg\)\]:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-components\:active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);--v-bg-opacity:100%;}.layer-components\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-components\:disabled\:bg-transparent:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-components\:before\:bg-dark-blend::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-dark-blend);--v-bg-opacity:100%;}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-lighten-3[data-highlighted=true],.layer-components\:bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:bg-lighten-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:bg-lighten-2:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:bg-lighten-3:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus\:bg-lighten-3:focus{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-lighten-3:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:bg-lighten-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_mark\]\:bg-darken-2 mark,.layer-components\:bg-darken-2,[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&\[data-focus\=true\]\]\:bg-darken-1[data-focus=true],.layer-components\:bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-darken-2:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark);--v-border-opacity:100%;}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr,.layer-components\:border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-light);--v-border-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked],.layer-components\:border-primary-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-primary-dark);--v-border-opacity:100%;}.layer-components\:border-accent-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-accent-dark);--v-border-opacity:100%;}.layer-components\:border-attention-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-attention-dark);--v-border-opacity:100%;}.layer-components\:border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.layer-components\:border-gray-dark-blend{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark-blend);--v-border-opacity:100%;}.layer-components\:border-gray-ink{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-ink);--v-border-opacity:100%;}.layer-components\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-opacity:100%;}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray[data-visually-focused=true]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-gray);--v-ring-opacity:100%;}.layer-components\:ring-bg{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:ring-black{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-black);--v-ring-opacity:100%;}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-white);--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-accent-dark:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-accent-dark);--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-bg:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-gray);--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-primary:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary);--v-ring-opacity:100%;}.layer-components\:active\:ring-accent-dark:active{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-accent-dark);--v-ring-opacity:100%;}.layer-components\:disabled\:ring-none:disabled{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:transparent;--v-ring-opacity:100%;}.layer-components\:shadow-up{--v-shadow-y-mult:-1;}.layer-components\:overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:arrow{fill:var(--v-bg-altered,var(--v-bg));stroke:var(--v-border-altered,var(--v-border));width:var(--arrow-size);height:calc(var(--arrow-size) * 0.5);position:relative;z-index:0;}span:has(.layer-components\:arrow):after{content:"";position:absolute;top:0;left:1.5px;right:1.5px;height:1px;background:var(--v-bg-altered,var(--v-bg));}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--bg\:var\(--color-primary\)\],.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary\)\].btn-color-primary{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\]{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray\)\]{--fill:var(--color-gray);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg-neutral\:var\(--color-accent-wash\)\].btn-color-accent{--bg-neutral:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:var\(--color-accent-light\)\].btn-color-ghostAccent{--bg:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg-neutral\:var\(--color-white\)\].btn-color-default{--bg-neutral:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-gray\)\].btn-color-default{--bg:var(--color-gray);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention\)\].btn-color-destructive{--bg:var(--color-attention);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg-neutral\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg-neutral\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg-neutral\:transparent\].btn-color-ghostDestructive{--bg-neutral:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:oklch\(from_var\(--color-gray\)_l_c_h\/50\%\)\].btn-color-ghost{--bg:oklch(from var(--color-gray) l c h/50%);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:right-2{right:0.50rem;}.layer-variants\:top-2{top:0.50rem;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.50rem;}.layer-variants\:\[\&\.size-small\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-0\.5.size-small[data-has-icon=true][data-has-label=false]{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:min-w-40px[data-size="small"]{min-width:40px;}.layer-variants\:h-32px{height:32px;}.layer-variants\:max-w-300px{max-width:300px;}.layer-variants\:max-w-600px{max-width:600px;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:border-b-1px{border-bottom-width:1px;}.layer-variants\:border-l-1px{border-left-width:1px;}.layer-variants\:border-r-0{border-right-width:0px;}.layer-variants\:border-r-1px{border-right-width:1px;}.layer-variants\:\[\&\.size-small\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg.size-small[data-has-icon=true][data-has-label=false],.layer-variants\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:rounded-md[data-size="small"],.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-\[var\(--fill\)\]{fill:var(--fill) /* var(--fill) */;}.layer-variants\:\[\&\.size-small\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2.size-small[data-has-icon=true][data-has-label=false],.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true],.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small,.layer-variants\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:px-md[data-size="small"]{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:py-xs[data-size="small"]{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0.00rem;padding-bottom:0.00rem;}.layer-variants\:pb-0{padding-bottom:0.00rem;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\.size-small\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs.size-small[data-has-icon=true][data-has-label=false],[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&\.size-small\]\:text-sm.size-small,.layer-variants\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:text-sm[data-size="small"]{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary,.layer-variants\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
1271
|
-
var(--un-shadow-inset) 0 calc(
|
|
1272
|
-
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:transition-none{transition:none;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:\[\&\[data-active\=true\]\]\:color-black[data-active=true],.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast,.layer-variants\:color-white{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-dark);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:color-attention-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-dark);--v-color-opacity:100%;}.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:hover\:color-black:hover.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:color-black:hover.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:focus-visible\:color-black:focus-visible.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:color-black:focus-visible.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);--v-color-opacity:100%;}.layer-variants\:\[\&\[data-active\=true\]\]\:bg-gray\/30[data-active=true]{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:var(--color-gray);--v-bg-opacity:30%;}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);--v-bg-opacity:100%;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);--v-bg-opacity:100%;}.layer-variants\:bg-attention-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-ink);--v-bg-opacity:100%;}.layer-variants\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);--v-bg-opacity:100%;}.layer-variants\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);--v-bg-opacity:100%;}.layer-variants\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);--v-bg-opacity:100%;}.layer-variants\:hover\:bg-attention-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-light);--v-bg-opacity:100%;}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);--v-bg-opacity:100%;}.layer-variants\:hover\:bg-transparent:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-variants\:focus\:bg-transparent:focus{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary:focus-visible[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.layer-variants\:focus-visible\:bg-attention-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-light);--v-bg-opacity:100%;}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);--v-bg-opacity:100%;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary:active[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);--v-bg-opacity:100%;}.layer-variants\:active\:bg-transparent:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-variants\:\[\&\.btn-color-default\]\:bg-lighten-1.btn-color-default{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:hover\:bg-lighten-1:hover.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-default\]\:hover\:bg-lighten-1:hover.btn-color-default{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:focus-visible\:bg-lighten-1:focus-visible.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-default\]\:focus-visible\:bg-lighten-1:focus-visible.btn-color-default{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:active\:bg-lighten-1:active.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 60 * 1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-variants\:\[\&\.btn-color-accent\]\:border-accent-dark.btn-color-accent{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-accent-dark);--v-border-opacity:100%;}.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);--v-border-opacity:100%;}.layer-variants\:\[\&\.btn-color-default\]\:border-gray-dark.btn-color-default,.layer-variants\:border-gray-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark);--v-border-opacity:100%;}.layer-variants\:\[\&\.btn-color-destructive\]\:border-attention-dark.btn-color-destructive{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-attention-dark);--v-border-opacity:100%;}.layer-variants\:\[\&\.btn-color-primary\]\:border-primary-dark.btn-color-primary{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-primary-dark);--v-border-opacity:100%;}.layer-variants\:border-gray-dark-blend{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray-dark-blend);--v-border-opacity:100%;}.layer-variants\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary-dark:focus-visible[data-color=primary]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary-dark);--v-ring-opacity:100%;}.layer-variants\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-gray);--v-ring-opacity:100%;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary-dark:active[data-color=primary]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--color-primary-dark);--v-ring-opacity:100%;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:bottom-0{bottom:0.00rem;}.layer-components\:sm\:hidden{display:none;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-down{--v-shadow-y-mult:1;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:h-auto{height:auto;}.md\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:top-lg{top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.50rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0.00rem;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.50rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);--v-bg-opacity:100%;}.layer-components\:md\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;--v-bg-opacity:100%;}.layer-components\:md\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.50rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 60 * -1 * var(--dyn-mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}}}@media (min-width: 768px){@layer variants{.layer-variants\:md\:max-w-800px{max-width:800px;}*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}
|
|
67
|
+
var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-inset{--un-shadow-inset:inset;}.layer-components\:outline-hidden{outline-style:hidden;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:ring-4:active:not(:disabled),.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-2:hover:not(:disabled),.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-2:not(:disabled):hover{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-4[data-state=inactive]:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-2:hover{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:ring-4:not(:disabled):active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:duration-300{transition-duration:300ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:will-change-transform{will-change:transform;}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{--un-placeholder-opacity:1;color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-placeholder-opacity)) /* oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8)) */;}.layer-components\:\@container{container-type:inline-size;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-disabled\]\]\:color-gray-dark[data-disabled],.layer-components\:color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-black[data-active=true],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:color-main-ink[data-state=checked],.layer-components\:color-main-ink{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-color-opacity:100%;}.layer-components\:color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-color-opacity:100%;}.layer-components\:color-gray-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:80%;}.layer-components\:color-gray-ink{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));--v-color:unset;}.layer-components\:color-white{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-lighten-2[data-active=true],.layer-components\:color-lighten-2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 2 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:color-lighten-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h2\]\:color-darken-3 h2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h3\]\:color-darken-2 h3{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 2 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:\[\&\[data-disabled\]\]\:bg-white[data-disabled],.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:\[\&_mark\]\:bg-main-wash mark,.layer-components\:\[\&\[data-state\=checked\]\]\:bg-main-wash[data-state=checked],.layer-components\:aria-pressed\:bg-main-wash[aria-pressed="true"],.layer-components\:bg-main-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent;--v-bg:unset;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-main-light\/50[data-active=true]{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:50%;}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-main-light[data-highlighted=true],.layer-components\:bg-main-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-main[data-state=checked],.layer-components\:\[\&\[data-state\=on\]\]\:bg-main[data-state=on],.layer-components\:bg-main{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-success[data-state=complete]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-success-hue,140));--v-bg-opacity:100%;}.layer-components\:\[\&\[data-visually-focused\=true\]\]\:bg-black\/10[data-visually-focused=true]{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:bg-black\/15{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:15%;}.layer-components\:bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:bg-gray\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:30%;}.layer-components\:bg-inherit{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:unset;}.layer-components\:bg-main-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:bg-main-light\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:20%;}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:bg-white\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:50%;}.layer-components\:bg-white\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:80%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-gray-light[data-state=inactive]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-components\:hover\:bg-black\/10:hover{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.layer-components\:hover\:bg-main-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:hover\:bg-main:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:focus-visible\:bg-black\/10:focus-visible{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.layer-components\:focus-visible\:bg-main-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:active\:bg-main-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-components\:disabled\:bg-transparent:disabled{background-color:transparent;--v-bg:unset;}.layer-components\:before\:bg-gray-dark\/80::before{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:80%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:bg-lighten-2:hover:not(:disabled),.layer-components\:bg-lighten-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:bg-lighten-2:not(:disabled):hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:bg-lighten-2:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus\:bg-lighten-3:focus{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 3 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_mark\]\:bg-darken-2 mark,.layer-components\:bg-darken-2,[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:bg-darken-1:active:not(:disabled),.layer-components\:bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:bg-darken-0\.5{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 0.5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (0.5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-darken-1[data-state=inactive]:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:bg-darken-1:not(:disabled):active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr,.layer-components\:border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:border-color[data-state=checked],.layer-components\:border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--color-black)));--v-border-opacity:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:border-main-ink[data-state=checked]{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:100%;}.layer-components\:border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.layer-components\:border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:border-gray-dark\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:50%;}.layer-components\:border-main-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:100%;}.layer-components\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-components\:hover\:border-main-ink\/20:hover{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:20%;}.layer-components\:focus-visible\:border-black:focus-visible{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:active\:border-main-ink\/30:active{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:30%;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-bg:hover:not(:disabled),.layer-components\:ring-bg{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-accent[data-focus=true],.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-accent[data-visually-focused=true]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.layer-components\:ring-black{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-bg:not(:disabled):hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-bg[data-state=inactive]:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:var(--v-bg-altered, var(--v-bg, transparent));--v-ring-opacity:100%;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.layer-components\:active\:ring-main-dark:active{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-ring-opacity:100%;}.layer-components\:disabled\:ring-none:disabled{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:transparent;--v-ring-opacity:100%;}.layer-components\:overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-unstable{scrollbar-gutter:auto;}.layer-components\:shadow-up{--v-shadow-y-mult:-1;}.layer-components\:arrow{fill:var(--v-bg-altered,var(--v-bg));stroke:var(--v-border-altered,var(--v-border));width:var(--arrow-size);height:calc(var(--arrow-size) * 0.5);position:relative;z-index:0;}span:has(.layer-components\:arrow):after{content:"";position:absolute;top:0;left:1.5px;right:1.5px;height:1px;background:var(--v-bg-altered,var(--v-bg));}}@layer composed{.layer-composed\:inline-flex{display:inline-flex;}.layer-composed\:flex-row{flex-direction:row;}.layer-composed\:items-center{align-items:center;}.layer-composed\:gap-1{gap:0.25rem;}.layer-composed\:whitespace-nowrap{white-space:nowrap;}.layer-composed\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-composed\:border-solid{border-style:solid;}.layer-composed\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-composed\:px-sm{padding-left:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-composed\:py-xs{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-composed\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-composed\:color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-color-opacity:100%;}.layer-composed\:bg-main-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:sticky{position:sticky;}.layer-variants\:left-0{left:0;}.layer-variants\:right-2{right:0.5rem;}.layer-variants\:top-2{top:0.5rem;}.layer-variants\:z-1{z-index:1;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.5rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0;margin-bottom:0;}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:min-w-40px[data-size="small"]{min-width:40px;}.layer-variants\:h-32px{height:32px;}.layer-variants\:h-full{height:100%;}.layer-variants\:max-w-300px{max-width:300px;}.layer-variants\:max-w-600px{max-width:600px;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-shrink-0{flex-shrink:0;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.5rem;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:border-b-1px{border-bottom-width:1px;}.layer-variants\:border-l-1px{border-left-width:1px;}.layer-variants\:border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.layer-variants\:border-r-0{border-right-width:0px;}.layer-variants\:border-r-1px{border-right-width:1px;}.layer-variants\:border-r-gray{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-right-opacity));}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:rounded-md[data-size="small"],.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}.layer-variants\:border-r-solid{border-right-style:solid;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-main{--un-fill-opacity:1;fill:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-fill-opacity)) /* oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8))) */;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true]{padding:0;}.layer-variants\:important\:p-0{padding:0 !important;}.layer-variants\:p-2{padding:0.5rem;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:px-md[data-size="small"]{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:py-xs[data-size="small"]{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-variants\:px-4{padding-left:1rem;padding-right:1rem;}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1rem;padding-bottom:1rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0;padding-bottom:0;}.layer-variants\:pb-0{padding-bottom:0;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\[data-size\=\"small\"\]\]\:text-sm[data-size="small"]{font-size:1rem;line-height:1.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:font-size-inherit{font-size:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
68
|
+
var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
|
|
69
|
+
var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));--v-color:unset;}.layer-variants\:color-white{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.layer-variants\:\[\&\[aria-pressed\=false\]\]\:\[\&\:not\(\:hover\)\]\:bg-transparent:not(:hover)[aria-pressed=false],.layer-variants\:bg-transparent{background-color:transparent;--v-bg:unset;}.layer-variants\:\[\&\[data-state\=active\]\]\:bg-gray[data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-variants\:\[\&\[data-state\=active\]\]\:bg-main-light[data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-accent-hue,160.88));--v-bg-opacity:100%;}.layer-variants\:bg-attention-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.layer-variants\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-variants\:hover\:bg-gray-ink:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-variants\:hover\:bg-main-light\/80:hover{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:80%;}.layer-variants\:focus-visible\:bg-main-light\/80:focus-visible{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:80%;}.layer-variants\:focus-visible\:bg-white:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.layer-variants\:border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.layer-variants\:border-gray-dark{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.layer-variants\:border-gray-dark\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:80%;}.layer-variants\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-variants\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0;}.layer-variants\:lt-sm\:right-0{right:0;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.5rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:bottom-0{bottom:0;}.layer-components\:sm\:hidden{display:none;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-down{--v-shadow-y-mult:1;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:h-auto{height:auto;}.md\:layer-responsive\:min-h-auto{min-height:auto;}.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:top-lg{top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.5rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.5rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-transparent{background-color:transparent;--v-bg:unset;}.layer-components\:md\:border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--color-black))) h calc(s * 0.2) calc(l * 4)) transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.5rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l * (1 + 2 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}}}@media (min-width: 768px){@layer variants{.layer-variants\:md\:max-w-800px{max-width:800px;}*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);--v-bg-opacity:100%;}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}
|