@once-ui-system/core 1.8.3 → 2.0.0-alpha.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/ai/catalog.json +166 -78
- package/ai/components/Accordion.json +1 -1
- package/ai/components/BarChart.json +34 -3
- package/ai/components/Book.json +128 -0
- package/ai/components/Button.json +1 -1
- package/ai/components/Card.json +1 -0
- package/ai/components/Carousel.json +1 -1
- package/ai/components/ChartHeader.json +2 -1
- package/ai/components/ChartStatus.json +2 -1
- package/ai/components/Checkbox.json +2 -2
- package/ai/components/CodeBlock.json +23 -2
- package/ai/components/ColorInput.json +1 -1
- package/ai/components/DataTooltip.json +3 -2
- package/ai/components/DatePicker.json +2 -2
- package/ai/components/Dialog.json +1 -1
- package/ai/components/DropdownWrapper.json +6 -4
- package/ai/components/Effect.json +133 -0
- package/ai/components/Fade.json +1 -1
- package/ai/components/Feedback.json +1 -1
- package/ai/components/IconButton.json +1 -1
- package/ai/components/InfoTip.json +125 -0
- package/ai/components/Input.json +5 -4
- package/ai/components/Legend.json +2 -1
- package/ai/components/LineBarChart.json +34 -3
- package/ai/components/LineChart.json +39 -3
- package/ai/components/LinearGauge.json +3 -2
- package/ai/components/LinearGradient.json +2 -1
- package/ai/components/Logo.json +2 -2
- package/ai/components/Media.json +1 -1
- package/ai/components/MediaUpload.json +21 -2
- package/ai/components/Modal.json +1 -1
- package/ai/components/NavGroup.json +130 -0
- package/ai/components/NavIcon.json +1 -1
- package/ai/components/NavItem.json +14 -0
- package/ai/components/Option.json +2 -2
- package/ai/components/Particle.json +1 -1
- package/ai/components/PieChart.json +32 -3
- package/ai/components/ProgressBar.json +1 -1
- package/ai/components/Pulse.json +1 -1
- package/ai/components/RadialGauge.json +4 -3
- package/ai/components/RadialGradient.json +2 -1
- package/ai/components/RadioButton.json +1 -1
- package/ai/components/RevealFx.json +1 -1
- package/ai/components/Scrubber.json +136 -0
- package/ai/components/SegmentedControl.json +3 -3
- package/ai/components/Setting.json +128 -0
- package/ai/components/SettingAxes.json +127 -0
- package/ai/components/SettingGroup.json +129 -0
- package/ai/components/ShineFx.json +1 -1
- package/ai/components/Skeleton.json +2 -3
- package/ai/components/SplitView.json +2 -0
- package/ai/components/StylePanel.json +4 -2
- package/ai/components/Swatch.json +11 -0
- package/ai/components/Swiper.json +1 -1
- package/ai/components/Switch.json +1 -1
- package/ai/components/Tag.json +1 -1
- package/ai/components/Textarea.json +6 -5
- package/ai/components/ThemeSwitcher.json +3 -0
- package/ai/components/Toast.json +1 -1
- package/ai/components/ToggleButton.json +2 -1
- package/ai/eval-tasks.md +8 -0
- package/ai/examples/app-shell.tsx +111 -0
- package/ai/examples/auth.tsx +1 -1
- package/ai/examples/blocks/Dashboard1.tsx +17 -28
- package/ai/examples/blocks/Feed3.tsx +4 -4
- package/ai/examples/blocks/Footer1.tsx +5 -3
- package/ai/examples/blocks/Footer2.tsx +3 -3
- package/ai/examples/blocks/Footer3.tsx +1 -1
- package/ai/examples/blocks/Footer4.tsx +6 -5
- package/ai/examples/blocks/Header1.tsx +7 -6
- package/ai/examples/blocks/Header3.tsx +7 -7
- package/ai/examples/blocks/Header4.tsx +5 -5
- package/ai/examples/blocks/Sidebar4.tsx +1 -1
- package/ai/examples/blocks/Streaming1.tsx +4 -4
- package/ai/examples/blocks/Table1.tsx +6 -6
- package/ai/examples/blocks/Waitlist1.tsx +5 -5
- package/ai/examples/blocks/content/resources.ts +3 -1
- package/ai/examples/dashboard.tsx +8 -9
- package/ai/examples/marketing-hero.tsx +2 -2
- package/ai/examples/pricing.tsx +4 -5
- package/ai/examples/settings.tsx +3 -3
- package/ai/gotchas.json +80 -23
- package/ai/layouts.md +154 -0
- package/ai/manifest.json +3 -2
- package/ai/recipes.md +49 -4
- package/ai/rules.compact.md +18 -3
- package/ai/rules.md +68 -10
- package/ai/spec.json +634 -176
- package/dist/ai/catalog.json +166 -78
- package/dist/ai/components/Accordion.json +1 -1
- package/dist/ai/components/BarChart.json +34 -3
- package/dist/ai/components/Book.json +128 -0
- package/dist/ai/components/Button.json +1 -1
- package/dist/ai/components/Card.json +1 -0
- package/dist/ai/components/Carousel.json +1 -1
- package/dist/ai/components/ChartHeader.json +2 -1
- package/dist/ai/components/ChartStatus.json +2 -1
- package/dist/ai/components/Checkbox.json +2 -2
- package/dist/ai/components/CodeBlock.json +23 -2
- package/dist/ai/components/ColorInput.json +1 -1
- package/dist/ai/components/DataTooltip.json +3 -2
- package/dist/ai/components/DatePicker.json +2 -2
- package/dist/ai/components/Dialog.json +1 -1
- package/dist/ai/components/DropdownWrapper.json +6 -4
- package/dist/ai/components/Effect.json +133 -0
- package/dist/ai/components/Fade.json +1 -1
- package/dist/ai/components/Feedback.json +1 -1
- package/dist/ai/components/IconButton.json +1 -1
- package/dist/ai/components/InfoTip.json +125 -0
- package/dist/ai/components/Input.json +5 -4
- package/dist/ai/components/Legend.json +2 -1
- package/dist/ai/components/LineBarChart.json +34 -3
- package/dist/ai/components/LineChart.json +39 -3
- package/dist/ai/components/LinearGauge.json +3 -2
- package/dist/ai/components/LinearGradient.json +2 -1
- package/dist/ai/components/Logo.json +2 -2
- package/dist/ai/components/Media.json +1 -1
- package/dist/ai/components/MediaUpload.json +21 -2
- package/dist/ai/components/Modal.json +1 -1
- package/dist/ai/components/NavGroup.json +130 -0
- package/dist/ai/components/NavIcon.json +1 -1
- package/dist/ai/components/NavItem.json +14 -0
- package/dist/ai/components/Option.json +2 -2
- package/dist/ai/components/Particle.json +1 -1
- package/dist/ai/components/PieChart.json +32 -3
- package/dist/ai/components/ProgressBar.json +1 -1
- package/dist/ai/components/Pulse.json +1 -1
- package/dist/ai/components/RadialGauge.json +4 -3
- package/dist/ai/components/RadialGradient.json +2 -1
- package/dist/ai/components/RadioButton.json +1 -1
- package/dist/ai/components/RevealFx.json +1 -1
- package/dist/ai/components/Scrubber.json +136 -0
- package/dist/ai/components/SegmentedControl.json +3 -3
- package/dist/ai/components/Setting.json +128 -0
- package/dist/ai/components/SettingAxes.json +127 -0
- package/dist/ai/components/SettingGroup.json +129 -0
- package/dist/ai/components/ShineFx.json +1 -1
- package/dist/ai/components/Skeleton.json +2 -3
- package/dist/ai/components/SplitView.json +2 -0
- package/dist/ai/components/StylePanel.json +4 -2
- package/dist/ai/components/Swatch.json +11 -0
- package/dist/ai/components/Swiper.json +1 -1
- package/dist/ai/components/Switch.json +1 -1
- package/dist/ai/components/Tag.json +1 -1
- package/dist/ai/components/Textarea.json +6 -5
- package/dist/ai/components/ThemeSwitcher.json +3 -0
- package/dist/ai/components/Toast.json +1 -1
- package/dist/ai/components/ToggleButton.json +2 -1
- package/dist/ai/eval-tasks.md +8 -0
- package/dist/ai/gotchas.json +80 -23
- package/dist/ai/layouts.md +154 -0
- package/dist/ai/manifest.json +3 -2
- package/dist/ai/recipes.md +49 -4
- package/dist/ai/rules.compact.md +18 -3
- package/dist/ai/rules.md +68 -10
- package/dist/ai/spec.json +634 -176
- package/dist/components/Accordion.d.ts +2 -1
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Background.d.ts +6 -6
- package/dist/components/Background.d.ts.map +1 -1
- package/dist/components/Book.d.ts +28 -0
- package/dist/components/Book.d.ts.map +1 -0
- package/dist/components/Book.js +24 -0
- package/dist/components/Book.js.map +1 -0
- package/dist/components/Book.module.scss +45 -0
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -4
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts +8 -0
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +10 -2
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Card.module.scss +11 -1
- package/dist/components/Carousel.d.ts +7 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +7 -7
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Carousel.module.scss +1 -8
- package/dist/components/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +5 -5
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +5 -10
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +2 -7
- package/dist/components/ClientGrid.js.map +1 -1
- package/dist/components/ColorInput.d.ts +1 -1
- package/dist/components/ColorInput.d.ts.map +1 -1
- package/dist/components/ColorInput.js +7 -13
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/CompareImage.d.ts +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +2 -2
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +10 -1
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +2 -2
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +21 -14
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +3 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.d.ts +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +14 -14
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -3
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +17 -6
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/Effect.d.ts +41 -0
- package/dist/components/Effect.d.ts.map +1 -0
- package/dist/components/Effect.js +30 -0
- package/dist/components/Effect.js.map +1 -0
- package/dist/components/ElementType.d.ts +2 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/ElementType.js +4 -2
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +1 -1
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/FadingLettersFx.d.ts +1 -1
- package/dist/components/FadingLettersFx.d.ts.map +1 -1
- package/dist/components/Feedback.d.ts +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +2 -2
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +46 -5
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/Heading.d.ts +1 -1
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +4 -4
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.d.ts +1 -1
- package/dist/components/InfiniteScroll.d.ts.map +1 -1
- package/dist/components/InfoTip.d.ts +17 -0
- package/dist/components/InfoTip.d.ts.map +1 -0
- package/dist/components/InfoTip.js +12 -0
- package/dist/components/InfoTip.js.map +1 -0
- package/dist/components/Input.d.ts +11 -5
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +32 -16
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +313 -1
- package/dist/components/InteractiveDetails.d.ts.map +1 -1
- package/dist/components/InteractiveDetails.js +1 -1
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd.js +4 -1
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/Logo.d.ts +16 -4
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +32 -14
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/Media.d.ts +9 -2
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +25 -16
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaAudioPlayer.d.ts +29 -0
- package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
- package/dist/components/MediaAudioPlayer.js +115 -0
- package/dist/components/MediaAudioPlayer.js.map +1 -0
- package/dist/components/MediaAudioPlayer.module.scss +38 -0
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +10 -10
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavGroup.d.ts +33 -0
- package/dist/components/NavGroup.d.ts.map +1 -0
- package/dist/components/NavGroup.js +27 -0
- package/dist/components/NavGroup.js.map +1 -0
- package/dist/components/NavIcon.d.ts +1 -1
- package/dist/components/NavIcon.d.ts.map +1 -1
- package/dist/components/NavIcon.js +2 -2
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NavItem.d.ts +24 -0
- package/dist/components/NavItem.d.ts.map +1 -0
- package/dist/components/NavItem.js +18 -0
- package/dist/components/NavItem.js.map +1 -0
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.d.ts +1 -1
- package/dist/components/OgCard.js +3 -3
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +3 -3
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +2 -2
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts +2 -2
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput.js +2 -2
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +2 -2
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/Pulse.d.ts +1 -1
- package/dist/components/Pulse.d.ts.map +1 -1
- package/dist/components/Pulse.js +2 -2
- package/dist/components/Pulse.js.map +1 -1
- package/dist/components/RadioButton.d.ts +2 -2
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +1 -1
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.d.ts +2 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +8 -8
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +1 -1
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/ScrollToTop.d.ts +1 -1
- package/dist/components/Scrubber.d.ts +70 -0
- package/dist/components/Scrubber.d.ts.map +1 -0
- package/dist/components/Scrubber.js +161 -0
- package/dist/components/Scrubber.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +4 -4
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +11 -11
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +48 -15
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +0 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +99 -52
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts +0 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +11 -9
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/Setting.d.ts +50 -0
- package/dist/components/Setting.d.ts.map +1 -0
- package/dist/components/Setting.js +43 -0
- package/dist/components/Setting.js.map +1 -0
- package/dist/components/ShineFx.d.ts +1 -0
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +2 -2
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.d.ts +16 -3
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton.js +2 -2
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Skeleton.module.scss +14 -51
- package/dist/components/SplitView.d.ts +23 -3
- package/dist/components/SplitView.d.ts.map +1 -1
- package/dist/components/SplitView.js +90 -58
- package/dist/components/SplitView.js.map +1 -1
- package/dist/components/StyleOverlay.d.ts.map +1 -1
- package/dist/components/StyleOverlay.js +1 -1
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.d.ts +47 -6
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +16 -189
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/StylePanel.module.scss +6 -1
- package/dist/components/StylePanelSections.d.ts +117 -0
- package/dist/components/StylePanelSections.d.ts.map +1 -0
- package/dist/components/StylePanelSections.js +175 -0
- package/dist/components/StylePanelSections.js.map +1 -0
- package/dist/components/Swiper.d.ts +7 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +7 -7
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.js +4 -4
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +2 -2
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +2 -2
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Text.d.ts +1 -1
- package/dist/components/Textarea.d.ts +15 -5
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +31 -17
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +6 -4
- package/dist/components/ThemeInit.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +14 -1
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +19 -9
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/ThemeSwitcher.module.scss +54 -0
- package/dist/components/Toast.d.ts +1 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toast.js +2 -2
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +9 -2
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +5 -5
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/AdapterProvider.d.ts +50 -0
- package/dist/contexts/AdapterProvider.d.ts.map +1 -0
- package/dist/contexts/AdapterProvider.js +91 -0
- package/dist/contexts/AdapterProvider.js.map +1 -0
- package/dist/contexts/DataThemeProvider.d.ts +1 -1
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.d.ts +3 -3
- package/dist/contexts/IconProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.js +2 -2
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/LayoutProvider.d.ts +0 -2
- package/dist/contexts/LayoutProvider.d.ts.map +1 -1
- package/dist/contexts/LayoutProvider.js +15 -10
- package/dist/contexts/LayoutProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.d.ts +29 -1
- package/dist/contexts/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +42 -15
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/index.d.ts +3 -2
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +3 -2
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/data/emoji-data.json +0 -10
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/icons/ATTRIBUTION.md +19 -0
- package/dist/icons/data.d.ts +1919 -0
- package/dist/icons/data.d.ts.map +1 -0
- package/dist/icons/data.js +102 -0
- package/dist/icons/data.js.map +1 -0
- package/dist/icons/renderIcon.d.ts +26 -0
- package/dist/icons/renderIcon.d.ts.map +1 -0
- package/dist/icons/renderIcon.js +22 -0
- package/dist/icons/renderIcon.js.map +1 -0
- package/dist/icons.d.ts +35 -4
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +13 -60
- package/dist/icons.js.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +7 -2
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/ChartHeader.d.ts.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -2
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LinearGauge.d.ts +4 -3
- package/dist/modules/data/LinearGauge.d.ts.map +1 -1
- package/dist/modules/data/LinearGauge.js +1 -1
- package/dist/modules/data/LinearGauge.js.map +1 -1
- package/dist/modules/data/PieChart.impl.d.ts +1 -1
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
- package/dist/modules/data/PieChart.impl.js +4 -1
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/RadialGauge.d.ts +4 -3
- package/dist/modules/data/RadialGauge.d.ts.map +1 -1
- package/dist/modules/data/RadialGauge.js +1 -1
- package/dist/modules/data/RadialGauge.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +12 -3
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -4
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +9 -3
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
- package/dist/modules/media/MediaUpload.impl.js +1 -1
- package/dist/modules/media/MediaUpload.impl.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +5 -4
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +32 -35
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts +5 -3
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +24 -12
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
- package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/seo/Meta.d.ts +40 -2
- package/dist/modules/seo/Meta.d.ts.map +1 -1
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.d.ts +2 -1
- package/dist/modules/seo/Schema.d.ts.map +1 -1
- package/dist/modules/seo/Schema.js +1 -2
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/next/index.d.ts +35 -0
- package/dist/next/index.d.ts.map +1 -0
- package/dist/next/index.js +56 -0
- package/dist/next/index.js.map +1 -0
- package/dist/package.json +52 -7
- package/dist/scripts/init-agent.js +156 -0
- package/dist/scripts/validate-ai-code.js +213 -0
- package/dist/server/og-utils.d.ts +9 -3
- package/dist/server/og-utils.d.ts.map +1 -1
- package/dist/server/og-utils.js +15 -9
- package/dist/server/og-utils.js.map +1 -1
- package/dist/styles/breakpoints.scss +16 -5
- package/dist/test/setup.js +21 -0
- package/dist/test/setup.js.map +1 -1
- package/dist/types.d.ts +13 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/utils/colorScheme.d.ts +35 -0
- package/dist/utils/colorScheme.d.ts.map +1 -0
- package/dist/utils/colorScheme.js +140 -0
- package/dist/utils/colorScheme.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/navMatch.d.ts +21 -0
- package/dist/utils/navMatch.d.ts.map +1 -0
- package/dist/utils/navMatch.js +26 -0
- package/dist/utils/navMatch.js.map +1 -0
- package/package.json +66 -11
- package/scripts/validate-ai-code.js +74 -10
- package/dist/css/styles.css.map +0 -1
- package/dist/css/tokens.css.map +0 -1
- package/dist/hooks/useResponsiveClasses.d.ts +0 -9
- package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
- package/dist/hooks/useResponsiveClasses.js +0 -293
- package/dist/hooks/useResponsiveClasses.js.map +0 -1
- package/dist/styles/background.scss +0 -423
- package/dist/styles/border.scss +0 -546
- package/dist/styles/color.scss +0 -183
- package/dist/styles/display.scss +0 -391
- package/dist/styles/flex.scss +0 -518
- package/dist/styles/global.scss +0 -36
- package/dist/styles/grid.scss +0 -293
- package/dist/styles/index.scss +0 -14
- package/dist/styles/position.scss +0 -1549
- package/dist/styles/shadow.scss +0 -19
- package/dist/styles/size.scss +0 -53
- package/dist/styles/spacing.scss +0 -1505
- package/dist/styles/typography.scss +0 -223
- package/dist/styles/utilities.scss +0 -23
- package/dist/tokens/border.scss +0 -95
- package/dist/tokens/data.scss +0 -107
- package/dist/tokens/function.scss +0 -742
- package/dist/tokens/index.scss +0 -8
- package/dist/tokens/layout.scss +0 -275
- package/dist/tokens/scheme.scss +0 -352
- package/dist/tokens/shadow.scss +0 -7
- package/dist/tokens/theme.scss +0 -657
- package/dist/tokens/typography.scss +0 -118
- package/next-env.d.ts +0 -5
- package/scripts/copy-files.js +0 -103
- package/scripts/generate-ai-spec.js +0 -464
- package/scripts/generate-emoji-data.js +0 -128
- package/scss.d.ts +0 -4
- package/tsconfig.vitest.json +0 -20
- package/vitest.config.ts +0 -19
package/dist/css/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--static-transparent: #00000000;--static-white: #ffffff;--static-white-medium: #ffffff4D;--static-black: #000000;--static-black-medium: #0000004D;--scheme-gray-100: #0A0A0A;--scheme-gray-200: #151515;--scheme-gray-300: #3F3F3F;--scheme-gray-400: #595959;--scheme-gray-500: #757575;--scheme-gray-600: #959595;--scheme-gray-700: #B2B2B2;--scheme-gray-800: #D2D2D2;--scheme-gray-900: #E0E0E0;--scheme-gray-1000: #EDEDED;--scheme-gray-1100: #F3F3F3;--scheme-gray-1200: #F9F9F9;--scheme-gray-600-15: #95959526;--scheme-gray-600-30: #9595954D;--scheme-gray-600-50: #95959580;--scheme-sand-100: #0a0905;--scheme-sand-200: #171611;--scheme-sand-300: #414039;--scheme-sand-400: #5d5b54;--scheme-sand-500: #797770;--scheme-sand-600: #97958e;--scheme-sand-700: #b6b4ad;--scheme-sand-800: #d6d4cc;--scheme-sand-900: #e3e1d9;--scheme-sand-1000: #f0efe7;--scheme-sand-1100: #f7f5ed;--scheme-sand-1200: #fefcf4;--scheme-sand-600-15: #97958e26;--scheme-sand-600-30: #97958e4D;--scheme-sand-600-50: #97958e80;--scheme-slate-100: #080811;--scheme-slate-200: #15151f;--scheme-slate-300: #3e3f4a;--scheme-slate-400: #595a66;--scheme-slate-500: #757683;--scheme-slate-600: #9697a5;--scheme-slate-700: #b2b3c1;--scheme-slate-800: #d2d3e2;--scheme-slate-900: #dfe0ef;--scheme-slate-1000: #ecedfc;--scheme-slate-1100: #f3f4ff;--scheme-slate-1200: #f9faff;--scheme-slate-600-15: #9697a526;--scheme-slate-600-30: #9697a54D;--scheme-slate-600-50: #9697a580;--scheme-mint-100: #030b0a;--scheme-mint-200: #0d1917;--scheme-mint-300: #364341;--scheme-mint-400: #505e5c;--scheme-mint-500: #6a7875;--scheme-mint-600: #8a9996;--scheme-mint-700: #a9b8b5;--scheme-mint-800: #c8d8d5;--scheme-mint-900: #d5e5e2;--scheme-mint-1000: #e2f3f0;--scheme-mint-1100: #e9f9f6;--scheme-mint-1200: #f0fffd;--scheme-mint-600-15: #8a999626;--scheme-mint-600-30: #8a99964D;--scheme-mint-600-50: #8a999680;--scheme-rose-100: #110606;--scheme-rose-200: #1f1212;--scheme-rose-300: #4d3e3e;--scheme-rose-400: #675656;--scheme-rose-500: #847273;--scheme-rose-600: #a59393;--scheme-rose-700: #c2afaf;--scheme-rose-800: #e2cfcf;--scheme-rose-900: #f3dfdf;--scheme-rose-1000: #fde9e9;--scheme-rose-1100: #fff3f3;--scheme-rose-1200: #fffafa;--scheme-rose-600-15: #a5939326;--scheme-rose-600-30: #a593934D;--scheme-rose-600-50: #a5939380;--scheme-dusk-100: #0d070d;--scheme-dusk-200: #1a131a;--scheme-dusk-300: #453d45;--scheme-dusk-400: #605860;--scheme-dusk-500: #7d747d;--scheme-dusk-600: #9e959e;--scheme-dusk-700: #bab1ba;--scheme-dusk-800: #dad1da;--scheme-dusk-900: #e7dee7;--scheme-dusk-1000: #f5ebf5;--scheme-dusk-1100: #fbf1fb;--scheme-dusk-1200: #fff8ff;--scheme-dusk-600-15: #9e959e26;--scheme-dusk-600-30: #9e959e4D;--scheme-dusk-600-50: #9e959e80;--scheme-red-100: #130507;--scheme-red-200: #2A0A10;--scheme-red-300: #830711;--scheme-red-400: #B6020C;--scheme-red-500: #E90507;--scheme-red-600: #FF5F53;--scheme-red-700: #FF9689;--scheme-red-800: #FDC6BD;--scheme-red-900: #FDD8D2;--scheme-red-1000: #FDEAE6;--scheme-red-1100: #FCF1EF;--scheme-red-1200: #FDF9F8;--scheme-red-600-15: #FF5F5326;--scheme-red-600-30: #FF5F534D;--scheme-red-600-50: #FF5F5380;--scheme-orange-100: #120605;--scheme-orange-200: #270D0A;--scheme-orange-300: #7C1A06;--scheme-orange-400: #AC2401;--scheme-orange-500: #DB3400;--scheme-orange-600: #FD6325;--scheme-orange-700: #FF9964;--scheme-orange-800: #FEC8A4;--scheme-orange-900: #FDDAC2;--scheme-orange-1000: #FDEADD;--scheme-orange-1100: #FCF2E9;--scheme-orange-1200: #FCF9F5;--scheme-orange-600-15: #FD632526;--scheme-orange-600-30: #FD63254D;--scheme-orange-600-50: #FD632580;--scheme-yellow-100: #100704;--scheme-yellow-200: #231009;--scheme-yellow-300: #6B2D09;--scheme-yellow-400: #924205;--scheme-yellow-500: #B85B02;--scheme-yellow-600: #E07B00;--scheme-yellow-700: #FE9C0B;--scheme-yellow-800: #FECC55;--scheme-yellow-900: #FEDE79;--scheme-yellow-1000: #FCEEA7;--scheme-yellow-1100: #FBF5CB;--scheme-yellow-1200: #FBFAEB;--scheme-yellow-600-15: #E07B0026;--scheme-yellow-600-30: #E07B004D;--scheme-yellow-600-50: #E07B0080;--scheme-moss-100: #080B04;--scheme-moss-200: #111707;--scheme-moss-300: #2F460C;--scheme-moss-400: #3C630A;--scheme-moss-500: #478309;--scheme-moss-600: #4FA900;--scheme-moss-700: #54CC01;--scheme-moss-800: #76ED53;--scheme-moss-900: #98F789;--scheme-moss-1000: #C0FDBB;--scheme-moss-1100: #DAFDD7;--scheme-moss-1200: #F0FDEF;--scheme-moss-600-15: #4FA90026;--scheme-moss-600-30: #4FA9004D;--scheme-moss-600-50: #4FA90080;--scheme-green-100: #040B07;--scheme-green-200: #081810;--scheme-green-300: #0D4929;--scheme-green-400: #0C6731;--scheme-green-500: #0A8637;--scheme-green-600: #08AC3A;--scheme-green-700: #01CF38;--scheme-green-800: #5FEF61;--scheme-green-900: #91F88C;--scheme-green-1000: #C0FDBB;--scheme-green-1100: #DAFDD7;--scheme-green-1200: #F0FDEF;--scheme-green-600-15: #08AC3A26;--scheme-green-600-30: #08AC3A4D;--scheme-green-600-50: #08AC3A80;--scheme-emerald-100: #040B0A;--scheme-emerald-200: #081816;--scheme-emerald-300: #0D483C;--scheme-emerald-400: #0C6551;--scheme-emerald-500: #0A8466;--scheme-emerald-600: #08A97C;--scheme-emerald-700: #01CB90;--scheme-emerald-800: #56ECAD;--scheme-emerald-900: #84F6C3;--scheme-emerald-1000: #B4FDDA;--scheme-emerald-1100: #D7FCEA;--scheme-emerald-1200: #EEFDF5;--scheme-emerald-600-15: #08A97C26;--scheme-emerald-600-30: #08A97C4D;--scheme-emerald-600-50: #08A97C80;--scheme-aqua-100: #050B0D;--scheme-aqua-200: #081719;--scheme-aqua-300: #0C464B;--scheme-aqua-400: #0C6367;--scheme-aqua-500: #0B8184;--scheme-aqua-600: #08A6A5;--scheme-aqua-700: #01C7C3;--scheme-aqua-800: #4DE9DC;--scheme-aqua-900: #78F6E4;--scheme-aqua-1000: #B0FCEE;--scheme-aqua-1100: #D3FCF3;--scheme-aqua-1200: #ECFDF9;--scheme-aqua-600-15: #08A6A526;--scheme-aqua-600-30: #08A6A54D;--scheme-aqua-600-50: #08A6A580;--scheme-cyan-100: #050911;--scheme-cyan-200: #0A1525;--scheme-cyan-300: #094074;--scheme-cyan-400: #045B9C;--scheme-cyan-500: #0279BE;--scheme-cyan-600: #049EE2;--scheme-cyan-700: #17C0FD;--scheme-cyan-800: #60E4FC;--scheme-cyan-900: #82F1FC;--scheme-cyan-1000: #B3FAFC;--scheme-cyan-1100: #D4FBFC;--scheme-cyan-1200: #EFFCFD;--scheme-cyan-600-15: #049EE226;--scheme-cyan-600-30: #049EE24D;--scheme-cyan-600-50: #049EE280;--scheme-blue-100: #0A071B;--scheme-blue-200: #0D0B44;--scheme-blue-300: #0019CB;--scheme-blue-400: #033CF8;--scheme-blue-500: #2D69FA;--scheme-blue-600: #5A93FC;--scheme-blue-700: #84B5FD;--scheme-blue-800: #B4D6FB;--scheme-blue-900: #CBE3FB;--scheme-blue-1000: #E0EFFC;--scheme-blue-1100: #EBF5FC;--scheme-blue-1200: #F6FAFD;--scheme-blue-600-15: #5A93FC26;--scheme-blue-600-30: #5A93FC4D;--scheme-blue-600-50: #5A93FC80;--scheme-indigo-100: #0E0718;--scheme-indigo-200: #1C0B35;--scheme-indigo-300: #3D01C5;--scheme-indigo-400: #5625F7;--scheme-indigo-500: #7358FA;--scheme-indigo-600: #9585FA;--scheme-indigo-700: #B3A9FD;--scheme-indigo-800: #D2CEFB;--scheme-indigo-900: #E0DEFA;--scheme-indigo-1000: #EDEDFB;--scheme-indigo-1100: #F3F2FC;--scheme-indigo-1200: #F9F9FD;--scheme-indigo-600-15: #9585FA26;--scheme-indigo-600-30: #9585FA4D;--scheme-indigo-600-50: #9585FA80;--scheme-violet-100: #0E0512;--scheme-violet-200: #210B2B;--scheme-violet-300: #60099B;--scheme-violet-400: #7D04E4;--scheme-violet-500: #9745F7;--scheme-violet-600: #B07AFA;--scheme-violet-700: #C7A2FD;--scheme-violet-800: #DDCBFB;--scheme-violet-900: #E6DCFB;--scheme-violet-1000: #F0EBFC;--scheme-violet-1100: #F5F3FC;--scheme-violet-1200: #FAF8FD;--scheme-violet-600-15: #B07AFA26;--scheme-violet-600-30: #B07AFA4D;--scheme-violet-600-50: #B07AFA80;--scheme-magenta-100: #100511;--scheme-magenta-200: #250A26;--scheme-magenta-300: #70077B;--scheme-magenta-400: #9902B3;--scheme-magenta-500: #BD1DE8;--scheme-magenta-600: #D166FA;--scheme-magenta-700: #DC98FD;--scheme-magenta-800: #E8C7FB;--scheme-magenta-900: #EFD9FB;--scheme-magenta-1000: #F5E9FC;--scheme-magenta-1100: #F8F1FC;--scheme-magenta-1200: #FBF8FD;--scheme-magenta-600-15: #D166FA26;--scheme-magenta-600-30: #D166FA4D;--scheme-magenta-600-50: #D166FA80;--scheme-pink-100: #12050B;--scheme-pink-200: #280A1A;--scheme-pink-300: #7D074A;--scheme-pink-400: #AE0169;--scheme-pink-500: #DE028E;--scheme-pink-600: #F854BE;--scheme-pink-700: #FD8BE4;--scheme-pink-800: #FCC0F1;--scheme-pink-900: #FCD5F5;--scheme-pink-1000: #FCE7F9;--scheme-pink-1100: #FCF0FA;--scheme-pink-1200: #FDF8FC;--scheme-pink-600-15: #F854BE26;--scheme-pink-600-30: #F854BE4D;--scheme-pink-600-50: #F854BE80}:root{--function-info-100: var(--scheme-gray-100);--function-info-200: var(--scheme-gray-200);--function-info-300: var(--scheme-gray-300);--function-info-400: var(--scheme-gray-400);--function-info-500: var(--scheme-gray-500);--function-info-600: var(--scheme-gray-600);--function-info-700: var(--scheme-gray-700);--function-info-800: var(--scheme-gray-800);--function-info-900: var(--scheme-gray-900);--function-info-1000: var(--scheme-gray-1000);--function-info-1100: var(--scheme-gray-1100);--function-info-1200: var(--scheme-gray-1200);--function-info-600-15: var(--scheme-gray-600-15);--function-info-600-30: var(--scheme-gray-600-30);--function-info-600-50: var(--scheme-gray-600-50);--function-warning-100: var(--scheme-yellow-100);--function-warning-200: var(--scheme-yellow-200);--function-warning-300: var(--scheme-yellow-300);--function-warning-400: var(--scheme-yellow-400);--function-warning-500: var(--scheme-yellow-500);--function-warning-600: var(--scheme-yellow-600);--function-warning-700: var(--scheme-yellow-700);--function-warning-800: var(--scheme-yellow-800);--function-warning-900: var(--scheme-yellow-900);--function-warning-1000: var(--scheme-yellow-1000);--function-warning-1100: var(--scheme-yellow-1100);--function-warning-1200: var(--scheme-yellow-1200);--function-warning-600-15: var(--scheme-yellow-600-15);--function-warning-600-30: var(--scheme-yellow-600-30);--function-warning-600-50: var(--scheme-yellow-600-50);--function-danger-100: var(--scheme-red-100);--function-danger-200: var(--scheme-red-200);--function-danger-300: var(--scheme-red-300);--function-danger-400: var(--scheme-red-400);--function-danger-500: var(--scheme-red-500);--function-danger-600: var(--scheme-red-600);--function-danger-700: var(--scheme-red-700);--function-danger-800: var(--scheme-red-800);--function-danger-900: var(--scheme-red-900);--function-danger-1000: var(--scheme-red-1000);--function-danger-1100: var(--scheme-red-1100);--function-danger-1200: var(--scheme-red-1200);--function-danger-600-15: var(--scheme-red-600-15);--function-danger-600-30: var(--scheme-red-600-30);--function-danger-600-50: var(--scheme-red-600-50);--function-success-100: var(--scheme-green-100);--function-success-200: var(--scheme-green-200);--function-success-300: var(--scheme-green-300);--function-success-400: var(--scheme-green-400);--function-success-500: var(--scheme-green-500);--function-success-600: var(--scheme-green-600);--function-success-700: var(--scheme-green-700);--function-success-800: var(--scheme-green-800);--function-success-900: var(--scheme-green-900);--function-success-1000: var(--scheme-green-1000);--function-success-1100: var(--scheme-green-1100);--function-success-1200: var(--scheme-green-1200);--function-success-600-15: var(--scheme-green-600-15);--function-success-600-30: var(--scheme-green-600-30);--function-success-600-50: var(--scheme-green-600-50)}[data-brand=custom]{--function-brand-100: var(--scheme-brand-100);--function-brand-200: var(--scheme-brand-200);--function-brand-300: var(--scheme-brand-300);--function-brand-400: var(--scheme-brand-400);--function-brand-500: var(--scheme-brand-500);--function-brand-600: var(--scheme-brand-600);--function-brand-700: var(--scheme-brand-700);--function-brand-800: var(--scheme-brand-800);--function-brand-900: var(--scheme-brand-900);--function-brand-1000: var(--scheme-brand-1000);--function-brand-1100: var(--scheme-brand-1100);--function-brand-1200: var(--scheme-brand-1200);--function-brand-600-15: var(--scheme-brand-600-15);--function-brand-600-30: var(--scheme-brand-600-30);--function-brand-600-50: var(--scheme-brand-600-50)}[data-brand=red]{--function-brand-100: var(--scheme-red-100);--function-brand-200: var(--scheme-red-200);--function-brand-300: var(--scheme-red-300);--function-brand-400: var(--scheme-red-400);--function-brand-500: var(--scheme-red-500);--function-brand-600: var(--scheme-red-600);--function-brand-700: var(--scheme-red-700);--function-brand-800: var(--scheme-red-800);--function-brand-900: var(--scheme-red-900);--function-brand-1000: var(--scheme-red-1000);--function-brand-1100: var(--scheme-red-1100);--function-brand-1200: var(--scheme-red-1200);--function-brand-600-15: var(--scheme-red-600-15);--function-brand-600-30: var(--scheme-red-600-30);--function-brand-600-50: var(--scheme-red-600-50)}[data-brand=orange]{--function-brand-100: var(--scheme-orange-100);--function-brand-200: var(--scheme-orange-200);--function-brand-300: var(--scheme-orange-300);--function-brand-400: var(--scheme-orange-400);--function-brand-500: var(--scheme-orange-500);--function-brand-600: var(--scheme-orange-600);--function-brand-700: var(--scheme-orange-700);--function-brand-800: var(--scheme-orange-800);--function-brand-900: var(--scheme-orange-900);--function-brand-1000: var(--scheme-orange-1000);--function-brand-1100: var(--scheme-orange-1100);--function-brand-1200: var(--scheme-orange-1200);--function-brand-600-15: var(--scheme-orange-600-15);--function-brand-600-30: var(--scheme-orange-600-30);--function-brand-600-50: var(--scheme-orange-600-50)}[data-brand=yellow]{--function-brand-100: var(--scheme-yellow-100);--function-brand-200: var(--scheme-yellow-200);--function-brand-300: var(--scheme-yellow-300);--function-brand-400: var(--scheme-yellow-400);--function-brand-500: var(--scheme-yellow-500);--function-brand-600: var(--scheme-yellow-600);--function-brand-700: var(--scheme-yellow-700);--function-brand-800: var(--scheme-yellow-800);--function-brand-900: var(--scheme-yellow-900);--function-brand-1000: var(--scheme-yellow-1000);--function-brand-1100: var(--scheme-yellow-1100);--function-brand-1200: var(--scheme-yellow-1200);--function-brand-600-15: var(--scheme-yellow-600-15);--function-brand-600-30: var(--scheme-yellow-600-30);--function-brand-600-50: var(--scheme-yellow-600-50)}[data-brand=moss]{--function-brand-100: var(--scheme-moss-100);--function-brand-200: var(--scheme-moss-200);--function-brand-300: var(--scheme-moss-300);--function-brand-400: var(--scheme-moss-400);--function-brand-500: var(--scheme-moss-500);--function-brand-600: var(--scheme-moss-600);--function-brand-700: var(--scheme-moss-700);--function-brand-800: var(--scheme-moss-800);--function-brand-900: var(--scheme-moss-900);--function-brand-1000: var(--scheme-moss-1000);--function-brand-1100: var(--scheme-moss-1100);--function-brand-1200: var(--scheme-moss-1200);--function-brand-600-15: var(--scheme-moss-600-15);--function-brand-600-30: var(--scheme-moss-600-30);--function-brand-600-50: var(--scheme-moss-600-50)}[data-brand=green]{--function-brand-100: var(--scheme-green-100);--function-brand-200: var(--scheme-green-200);--function-brand-300: var(--scheme-green-300);--function-brand-400: var(--scheme-green-400);--function-brand-500: var(--scheme-green-500);--function-brand-600: var(--scheme-green-600);--function-brand-700: var(--scheme-green-700);--function-brand-800: var(--scheme-green-800);--function-brand-900: var(--scheme-green-900);--function-brand-1000: var(--scheme-green-1000);--function-brand-1100: var(--scheme-green-1100);--function-brand-1200: var(--scheme-green-1200);--function-brand-600-15: var(--scheme-green-600-15);--function-brand-600-30: var(--scheme-green-600-30);--function-brand-600-50: var(--scheme-green-600-50)}[data-brand=emerald]{--function-brand-100: var(--scheme-emerald-100);--function-brand-200: var(--scheme-emerald-200);--function-brand-300: var(--scheme-emerald-300);--function-brand-400: var(--scheme-emerald-400);--function-brand-500: var(--scheme-emerald-500);--function-brand-600: var(--scheme-emerald-600);--function-brand-700: var(--scheme-emerald-700);--function-brand-800: var(--scheme-emerald-800);--function-brand-900: var(--scheme-emerald-900);--function-brand-1000: var(--scheme-emerald-1000);--function-brand-1100: var(--scheme-emerald-1100);--function-brand-1200: var(--scheme-emerald-1200);--function-brand-600-15: var(--scheme-emerald-600-15);--function-brand-600-30: var(--scheme-emerald-600-30);--function-brand-600-50: var(--scheme-emerald-600-50)}[data-brand=aqua]{--function-brand-100: var(--scheme-aqua-100);--function-brand-200: var(--scheme-aqua-200);--function-brand-300: var(--scheme-aqua-300);--function-brand-400: var(--scheme-aqua-400);--function-brand-500: var(--scheme-aqua-500);--function-brand-600: var(--scheme-aqua-600);--function-brand-700: var(--scheme-aqua-700);--function-brand-800: var(--scheme-aqua-800);--function-brand-900: var(--scheme-aqua-900);--function-brand-1000: var(--scheme-aqua-1000);--function-brand-1100: var(--scheme-aqua-1100);--function-brand-1200: var(--scheme-aqua-1200);--function-brand-600-15: var(--scheme-aqua-600-15);--function-brand-600-30: var(--scheme-aqua-600-30);--function-brand-600-50: var(--scheme-aqua-600-50)}[data-brand=cyan]{--function-brand-100: var(--scheme-cyan-100);--function-brand-200: var(--scheme-cyan-200);--function-brand-300: var(--scheme-cyan-300);--function-brand-400: var(--scheme-cyan-400);--function-brand-500: var(--scheme-cyan-500);--function-brand-600: var(--scheme-cyan-600);--function-brand-700: var(--scheme-cyan-700);--function-brand-800: var(--scheme-cyan-800);--function-brand-900: var(--scheme-cyan-900);--function-brand-1000: var(--scheme-cyan-1000);--function-brand-1100: var(--scheme-cyan-1100);--function-brand-1200: var(--scheme-cyan-1200);--function-brand-600-15: var(--scheme-cyan-600-15);--function-brand-600-30: var(--scheme-cyan-600-30);--function-brand-600-50: var(--scheme-cyan-600-50)}[data-brand=blue]{--function-brand-100: var(--scheme-blue-100);--function-brand-200: var(--scheme-blue-200);--function-brand-300: var(--scheme-blue-300);--function-brand-400: var(--scheme-blue-400);--function-brand-500: var(--scheme-blue-500);--function-brand-600: var(--scheme-blue-600);--function-brand-700: var(--scheme-blue-700);--function-brand-800: var(--scheme-blue-800);--function-brand-900: var(--scheme-blue-900);--function-brand-1000: var(--scheme-blue-1000);--function-brand-1100: var(--scheme-blue-1100);--function-brand-1200: var(--scheme-blue-1200);--function-brand-600-15: var(--scheme-blue-600-15);--function-brand-600-30: var(--scheme-blue-600-30);--function-brand-600-50: var(--scheme-blue-600-50)}[data-brand=indigo]{--function-brand-100: var(--scheme-indigo-100);--function-brand-200: var(--scheme-indigo-200);--function-brand-300: var(--scheme-indigo-300);--function-brand-400: var(--scheme-indigo-400);--function-brand-500: var(--scheme-indigo-500);--function-brand-600: var(--scheme-indigo-600);--function-brand-700: var(--scheme-indigo-700);--function-brand-800: var(--scheme-indigo-800);--function-brand-900: var(--scheme-indigo-900);--function-brand-1000: var(--scheme-indigo-1000);--function-brand-1100: var(--scheme-indigo-1100);--function-brand-1200: var(--scheme-indigo-1200);--function-brand-600-15: var(--scheme-indigo-600-15);--function-brand-600-30: var(--scheme-indigo-600-30);--function-brand-600-50: var(--scheme-indigo-600-50)}[data-brand=violet]{--function-brand-100: var(--scheme-violet-100);--function-brand-200: var(--scheme-violet-200);--function-brand-300: var(--scheme-violet-300);--function-brand-400: var(--scheme-violet-400);--function-brand-500: var(--scheme-violet-500);--function-brand-600: var(--scheme-violet-600);--function-brand-700: var(--scheme-violet-700);--function-brand-800: var(--scheme-violet-800);--function-brand-900: var(--scheme-violet-900);--function-brand-1000: var(--scheme-violet-1000);--function-brand-1100: var(--scheme-violet-1100);--function-brand-1200: var(--scheme-violet-1200);--function-brand-600-15: var(--scheme-violet-600-15);--function-brand-600-30: var(--scheme-violet-600-30);--function-brand-600-50: var(--scheme-violet-600-50)}[data-brand=magenta]{--function-brand-100: var(--scheme-magenta-100);--function-brand-200: var(--scheme-magenta-200);--function-brand-300: var(--scheme-magenta-300);--function-brand-400: var(--scheme-magenta-400);--function-brand-500: var(--scheme-magenta-500);--function-brand-600: var(--scheme-magenta-600);--function-brand-700: var(--scheme-magenta-700);--function-brand-800: var(--scheme-magenta-800);--function-brand-900: var(--scheme-magenta-900);--function-brand-1000: var(--scheme-magenta-1000);--function-brand-1100: var(--scheme-magenta-1100);--function-brand-1200: var(--scheme-magenta-1200);--function-brand-600-15: var(--scheme-magenta-600-15);--function-brand-600-30: var(--scheme-magenta-600-30);--function-brand-600-50: var(--scheme-magenta-600-50)}[data-brand=pink]{--function-brand-100: var(--scheme-pink-100);--function-brand-200: var(--scheme-pink-200);--function-brand-300: var(--scheme-pink-300);--function-brand-400: var(--scheme-pink-400);--function-brand-500: var(--scheme-pink-500);--function-brand-600: var(--scheme-pink-600);--function-brand-700: var(--scheme-pink-700);--function-brand-800: var(--scheme-pink-800);--function-brand-900: var(--scheme-pink-900);--function-brand-1000: var(--scheme-pink-1000);--function-brand-1100: var(--scheme-pink-1100);--function-brand-1200: var(--scheme-pink-1200);--function-brand-600-15: var(--scheme-pink-600-15);--function-brand-600-30: var(--scheme-pink-600-30);--function-brand-600-50: var(--scheme-pink-600-50)}[data-accent=custom]{--function-accent-100: var(--scheme-accent-100);--function-accent-200: var(--scheme-accent-200);--function-accent-300: var(--scheme-accent-300);--function-accent-400: var(--scheme-accent-400);--function-accent-500: var(--scheme-accent-500);--function-accent-600: var(--scheme-accent-600);--function-accent-700: var(--scheme-accent-700);--function-accent-800: var(--scheme-accent-800);--function-accent-900: var(--scheme-accent-900);--function-accent-1000: var(--scheme-accent-1000);--function-accent-1100: var(--scheme-accent-1100);--function-accent-1200: var(--scheme-accent-1200);--function-accent-600-15: var(--scheme-accent-600-15);--function-accent-600-30: var(--scheme-accent-600-30);--function-accent-600-50: var(--scheme-accent-600-50)}[data-accent=red]{--function-accent-100: var(--scheme-red-100);--function-accent-200: var(--scheme-red-200);--function-accent-300: var(--scheme-red-300);--function-accent-400: var(--scheme-red-400);--function-accent-500: var(--scheme-red-500);--function-accent-600: var(--scheme-red-600);--function-accent-700: var(--scheme-red-700);--function-accent-800: var(--scheme-red-800);--function-accent-900: var(--scheme-red-900);--function-accent-1000: var(--scheme-red-1000);--function-accent-1100: var(--scheme-red-1100);--function-accent-1200: var(--scheme-red-1200);--function-accent-600-15: var(--scheme-red-600-15);--function-accent-600-30: var(--scheme-red-600-30);--function-accent-600-50: var(--scheme-red-600-50)}[data-accent=orange]{--function-accent-100: var(--scheme-orange-100);--function-accent-200: var(--scheme-orange-200);--function-accent-300: var(--scheme-orange-300);--function-accent-400: var(--scheme-orange-400);--function-accent-500: var(--scheme-orange-500);--function-accent-600: var(--scheme-orange-600);--function-accent-700: var(--scheme-orange-700);--function-accent-800: var(--scheme-orange-800);--function-accent-900: var(--scheme-orange-900);--function-accent-1000: var(--scheme-orange-1000);--function-accent-1100: var(--scheme-orange-1100);--function-accent-1200: var(--scheme-orange-1200);--function-accent-600-15: var(--scheme-orange-600-15);--function-accent-600-30: var(--scheme-orange-600-30);--function-accent-600-50: var(--scheme-orange-600-50)}[data-accent=yellow]{--function-accent-100: var(--scheme-yellow-100);--function-accent-200: var(--scheme-yellow-200);--function-accent-300: var(--scheme-yellow-300);--function-accent-400: var(--scheme-yellow-400);--function-accent-500: var(--scheme-yellow-500);--function-accent-600: var(--scheme-yellow-600);--function-accent-700: var(--scheme-yellow-700);--function-accent-800: var(--scheme-yellow-800);--function-accent-900: var(--scheme-yellow-900);--function-accent-1000: var(--scheme-yellow-1000);--function-accent-1100: var(--scheme-yellow-1100);--function-accent-1200: var(--scheme-yellow-1200);--function-accent-600-15: var(--scheme-yellow-600-15);--function-accent-600-30: var(--scheme-yellow-600-30);--function-accent-600-50: var(--scheme-yellow-600-50)}[data-accent=moss]{--function-accent-100: var(--scheme-moss-100);--function-accent-200: var(--scheme-moss-200);--function-accent-300: var(--scheme-moss-300);--function-accent-400: var(--scheme-moss-400);--function-accent-500: var(--scheme-moss-500);--function-accent-600: var(--scheme-moss-600);--function-accent-700: var(--scheme-moss-700);--function-accent-800: var(--scheme-moss-800);--function-accent-900: var(--scheme-moss-900);--function-accent-1000: var(--scheme-moss-1000);--function-accent-1100: var(--scheme-moss-1100);--function-accent-1200: var(--scheme-moss-1200);--function-accent-600-15: var(--scheme-moss-600-15);--function-accent-600-30: var(--scheme-moss-600-30);--function-accent-600-50: var(--scheme-moss-600-50)}[data-accent=green]{--function-accent-100: var(--scheme-green-100);--function-accent-200: var(--scheme-green-200);--function-accent-300: var(--scheme-green-300);--function-accent-400: var(--scheme-green-400);--function-accent-500: var(--scheme-green-500);--function-accent-600: var(--scheme-green-600);--function-accent-700: var(--scheme-green-700);--function-accent-800: var(--scheme-green-800);--function-accent-900: var(--scheme-green-900);--function-accent-1000: var(--scheme-green-1000);--function-accent-1100: var(--scheme-green-1100);--function-accent-1200: var(--scheme-green-1200);--function-accent-600-15: var(--scheme-green-600-15);--function-accent-600-30: var(--scheme-green-600-30);--function-accent-600-50: var(--scheme-green-600-50)}[data-accent=emerald]{--function-accent-100: var(--scheme-emerald-100);--function-accent-200: var(--scheme-emerald-200);--function-accent-300: var(--scheme-emerald-300);--function-accent-400: var(--scheme-emerald-400);--function-accent-500: var(--scheme-emerald-500);--function-accent-600: var(--scheme-emerald-600);--function-accent-700: var(--scheme-emerald-700);--function-accent-800: var(--scheme-emerald-800);--function-accent-900: var(--scheme-emerald-900);--function-accent-1000: var(--scheme-emerald-1000);--function-accent-1100: var(--scheme-emerald-1100);--function-accent-1200: var(--scheme-emerald-1200);--function-accent-600-15: var(--scheme-emerald-600-15);--function-accent-600-30: var(--scheme-emerald-600-30);--function-accent-600-50: var(--scheme-emerald-600-50)}[data-accent=aqua]{--function-accent-100: var(--scheme-aqua-100);--function-accent-200: var(--scheme-aqua-200);--function-accent-300: var(--scheme-aqua-300);--function-accent-400: var(--scheme-aqua-400);--function-accent-500: var(--scheme-aqua-500);--function-accent-600: var(--scheme-aqua-600);--function-accent-700: var(--scheme-aqua-700);--function-accent-800: var(--scheme-aqua-800);--function-accent-900: var(--scheme-aqua-900);--function-accent-1000: var(--scheme-aqua-1000);--function-accent-1100: var(--scheme-aqua-1100);--function-accent-1200: var(--scheme-aqua-1200);--function-accent-600-15: var(--scheme-aqua-600-15);--function-accent-600-30: var(--scheme-aqua-600-30);--function-accent-600-50: var(--scheme-aqua-600-50)}[data-accent=cyan]{--function-accent-100: var(--scheme-cyan-100);--function-accent-200: var(--scheme-cyan-200);--function-accent-300: var(--scheme-cyan-300);--function-accent-400: var(--scheme-cyan-400);--function-accent-500: var(--scheme-cyan-500);--function-accent-600: var(--scheme-cyan-600);--function-accent-700: var(--scheme-cyan-700);--function-accent-800: var(--scheme-cyan-800);--function-accent-900: var(--scheme-cyan-900);--function-accent-1000: var(--scheme-cyan-1000);--function-accent-1100: var(--scheme-cyan-1100);--function-accent-1200: var(--scheme-cyan-1200);--function-accent-600-15: var(--scheme-cyan-600-15);--function-accent-600-30: var(--scheme-cyan-600-30);--function-accent-600-50: var(--scheme-cyan-600-50)}[data-accent=blue]{--function-accent-100: var(--scheme-blue-100);--function-accent-200: var(--scheme-blue-200);--function-accent-300: var(--scheme-blue-300);--function-accent-400: var(--scheme-blue-400);--function-accent-500: var(--scheme-blue-500);--function-accent-600: var(--scheme-blue-600);--function-accent-700: var(--scheme-blue-700);--function-accent-800: var(--scheme-blue-800);--function-accent-900: var(--scheme-blue-900);--function-accent-1000: var(--scheme-blue-1000);--function-accent-1100: var(--scheme-blue-1100);--function-accent-1200: var(--scheme-blue-1200);--function-accent-600-15: var(--scheme-blue-600-15);--function-accent-600-30: var(--scheme-blue-600-30);--function-accent-600-50: var(--scheme-blue-600-50)}[data-accent=indigo]{--function-accent-100: var(--scheme-indigo-100);--function-accent-200: var(--scheme-indigo-200);--function-accent-300: var(--scheme-indigo-300);--function-accent-400: var(--scheme-indigo-400);--function-accent-500: var(--scheme-indigo-500);--function-accent-600: var(--scheme-indigo-600);--function-accent-700: var(--scheme-indigo-700);--function-accent-800: var(--scheme-indigo-800);--function-accent-900: var(--scheme-indigo-900);--function-accent-1000: var(--scheme-indigo-1000);--function-accent-1100: var(--scheme-indigo-1100);--function-accent-1200: var(--scheme-indigo-1200);--function-accent-600-15: var(--scheme-indigo-600-15);--function-accent-600-30: var(--scheme-indigo-600-30);--function-accent-600-50: var(--scheme-indigo-600-50)}[data-accent=violet]{--function-accent-100: var(--scheme-violet-100);--function-accent-200: var(--scheme-violet-200);--function-accent-300: var(--scheme-violet-300);--function-accent-400: var(--scheme-violet-400);--function-accent-500: var(--scheme-violet-500);--function-accent-600: var(--scheme-violet-600);--function-accent-700: var(--scheme-violet-700);--function-accent-800: var(--scheme-violet-800);--function-accent-900: var(--scheme-violet-900);--function-accent-1000: var(--scheme-violet-1000);--function-accent-1100: var(--scheme-violet-1100);--function-accent-1200: var(--scheme-violet-1200);--function-accent-600-15: var(--scheme-violet-600-15);--function-accent-600-30: var(--scheme-violet-600-30);--function-accent-600-50: var(--scheme-violet-600-50)}[data-accent=magenta]{--function-accent-100: var(--scheme-magenta-100);--function-accent-200: var(--scheme-magenta-200);--function-accent-300: var(--scheme-magenta-300);--function-accent-400: var(--scheme-magenta-400);--function-accent-500: var(--scheme-magenta-500);--function-accent-600: var(--scheme-magenta-600);--function-accent-700: var(--scheme-magenta-700);--function-accent-800: var(--scheme-magenta-800);--function-accent-900: var(--scheme-magenta-900);--function-accent-1000: var(--scheme-magenta-1000);--function-accent-1100: var(--scheme-magenta-1100);--function-accent-1200: var(--scheme-magenta-1200);--function-accent-600-15: var(--scheme-magenta-600-15);--function-accent-600-30: var(--scheme-magenta-600-30);--function-accent-600-50: var(--scheme-magenta-600-50)}[data-accent=pink]{--function-accent-100: var(--scheme-pink-100);--function-accent-200: var(--scheme-pink-200);--function-accent-300: var(--scheme-pink-300);--function-accent-400: var(--scheme-pink-400);--function-accent-500: var(--scheme-pink-500);--function-accent-600: var(--scheme-pink-600);--function-accent-700: var(--scheme-pink-700);--function-accent-800: var(--scheme-pink-800);--function-accent-900: var(--scheme-pink-900);--function-accent-1000: var(--scheme-pink-1000);--function-accent-1100: var(--scheme-pink-1100);--function-accent-1200: var(--scheme-pink-1200);--function-accent-600-15: var(--scheme-pink-600-15);--function-accent-600-30: var(--scheme-pink-600-30);--function-accent-600-50: var(--scheme-pink-600-50)}[data-neutral=custom]{--function-neutral-100: var(--scheme-neutral-100);--function-neutral-200: var(--scheme-neutral-200);--function-neutral-300: var(--scheme-neutral-300);--function-neutral-400: var(--scheme-neutral-400);--function-neutral-500: var(--scheme-neutral-500);--function-neutral-600: var(--scheme-neutral-600);--function-neutral-700: var(--scheme-neutral-700);--function-neutral-800: var(--scheme-neutral-800);--function-neutral-900: var(--scheme-neutral-900);--function-neutral-1000: var(--scheme-neutral-1000);--function-neutral-1100: var(--scheme-neutral-1100);--function-neutral-1200: var(--scheme-neutral-1200);--function-neutral-600-15: var(--scheme-neutral-600-15);--function-neutral-600-30: var(--scheme-neutral-600-30);--function-neutral-600-50: var(--scheme-neutral-600-50)}[data-neutral=slate]{--function-neutral-100: var(--scheme-slate-100);--function-neutral-200: var(--scheme-slate-200);--function-neutral-300: var(--scheme-slate-300);--function-neutral-400: var(--scheme-slate-400);--function-neutral-500: var(--scheme-slate-500);--function-neutral-600: var(--scheme-slate-600);--function-neutral-700: var(--scheme-slate-700);--function-neutral-800: var(--scheme-slate-800);--function-neutral-900: var(--scheme-slate-900);--function-neutral-1000: var(--scheme-slate-1000);--function-neutral-1100: var(--scheme-slate-1100);--function-neutral-1200: var(--scheme-slate-1200);--function-neutral-600-15: var(--scheme-slate-600-15);--function-neutral-600-30: var(--scheme-slate-600-30);--function-neutral-600-50: var(--scheme-slate-600-50)}[data-neutral=gray]{--function-neutral-100: var(--scheme-gray-100);--function-neutral-200: var(--scheme-gray-200);--function-neutral-300: var(--scheme-gray-300);--function-neutral-400: var(--scheme-gray-400);--function-neutral-500: var(--scheme-gray-500);--function-neutral-600: var(--scheme-gray-600);--function-neutral-700: var(--scheme-gray-700);--function-neutral-800: var(--scheme-gray-800);--function-neutral-900: var(--scheme-gray-900);--function-neutral-1000: var(--scheme-gray-1000);--function-neutral-1100: var(--scheme-gray-1100);--function-neutral-1200: var(--scheme-gray-1200);--function-neutral-600-15: var(--scheme-gray-600-15);--function-neutral-600-30: var(--scheme-gray-600-30);--function-neutral-600-50: var(--scheme-gray-600-50)}[data-neutral=rose]{--function-neutral-100: var(--scheme-rose-100);--function-neutral-200: var(--scheme-rose-200);--function-neutral-300: var(--scheme-rose-300);--function-neutral-400: var(--scheme-rose-400);--function-neutral-500: var(--scheme-rose-500);--function-neutral-600: var(--scheme-rose-600);--function-neutral-700: var(--scheme-rose-700);--function-neutral-800: var(--scheme-rose-800);--function-neutral-900: var(--scheme-rose-900);--function-neutral-1000: var(--scheme-rose-1000);--function-neutral-1100: var(--scheme-rose-1100);--function-neutral-1200: var(--scheme-rose-1200);--function-neutral-600-15: var(--scheme-rose-600-15);--function-neutral-600-30: var(--scheme-rose-600-30);--function-neutral-600-50: var(--scheme-rose-600-50)}[data-neutral=mint]{--function-neutral-100: var(--scheme-mint-100);--function-neutral-200: var(--scheme-mint-200);--function-neutral-300: var(--scheme-mint-300);--function-neutral-400: var(--scheme-mint-400);--function-neutral-500: var(--scheme-mint-500);--function-neutral-600: var(--scheme-mint-600);--function-neutral-700: var(--scheme-mint-700);--function-neutral-800: var(--scheme-mint-800);--function-neutral-900: var(--scheme-mint-900);--function-neutral-1000: var(--scheme-mint-1000);--function-neutral-1100: var(--scheme-mint-1100);--function-neutral-1200: var(--scheme-mint-1200);--function-neutral-600-15: var(--scheme-mint-600-15);--function-neutral-600-30: var(--scheme-mint-600-30);--function-neutral-600-50: var(--scheme-mint-600-50)}[data-neutral=dusk]{--function-neutral-100: var(--scheme-dusk-100);--function-neutral-200: var(--scheme-dusk-200);--function-neutral-300: var(--scheme-dusk-300);--function-neutral-400: var(--scheme-dusk-400);--function-neutral-500: var(--scheme-dusk-500);--function-neutral-600: var(--scheme-dusk-600);--function-neutral-700: var(--scheme-dusk-700);--function-neutral-800: var(--scheme-dusk-800);--function-neutral-900: var(--scheme-dusk-900);--function-neutral-1000: var(--scheme-dusk-1000);--function-neutral-1100: var(--scheme-dusk-1100);--function-neutral-1200: var(--scheme-dusk-1200);--function-neutral-600-15: var(--scheme-dusk-600-15);--function-neutral-600-30: var(--scheme-dusk-600-30);--function-neutral-600-50: var(--scheme-dusk-600-50)}[data-neutral=sand]{--function-neutral-100: var(--scheme-sand-100);--function-neutral-200: var(--scheme-sand-200);--function-neutral-300: var(--scheme-sand-300);--function-neutral-400: var(--scheme-sand-400);--function-neutral-500: var(--scheme-sand-500);--function-neutral-600: var(--scheme-sand-600);--function-neutral-700: var(--scheme-sand-700);--function-neutral-800: var(--scheme-sand-800);--function-neutral-900: var(--scheme-sand-900);--function-neutral-1000: var(--scheme-sand-1000);--function-neutral-1100: var(--scheme-sand-1100);--function-neutral-1200: var(--scheme-sand-1200);--function-neutral-600-15: var(--scheme-sand-600-15);--function-neutral-600-30: var(--scheme-sand-600-30);--function-neutral-600-50: var(--scheme-sand-600-50)}:root{--static-space-0: 0;--static-space-1: 1px;--static-space-2: 0.125rem;--static-space-4: 0.25rem;--static-space-8: 0.5rem;--static-space-12: 0.75rem;--static-space-16: 1rem;--static-space-20: 1.25rem;--static-space-24: 1.5rem;--static-space-32: 2rem;--static-space-40: 2.5rem;--static-space-48: 3rem;--static-space-56: 3.5rem;--static-space-64: 4rem;--static-space-72: 4.5rem;--static-space-80: 5rem;--static-space-104: 6.5rem;--static-space-128: 8rem;--static-space-160: 10rem;--static-width-2400: 150rem;--static-width-1600: 100rem;--static-width-1440: 90rem;--static-width-1200: 75rem;--static-width-1024: 64rem;--static-width-880: 55rem;--static-width-768: 48rem;--static-width-640: 40rem;--static-width-560: 35rem;--static-width-400: 25rem;--static-width-320: 20rem;--static-height-560: 35rem;--static-height-480: 30rem;--static-height-400: 25rem;--static-height-360: 22.5rem;--static-height-320: 20rem;--static-height-280: 17.5rem;--static-height-240: 15rem;--static-height-220: 13.75rem;--static-height-160: 10rem;--responsive-width-xl: var(--static-width-1440);--responsive-width-l: var(--static-width-1200);--responsive-width-m: var(--static-width-1024);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-560);--responsive-height-l: var(--static-height-480);--responsive-height-m: var(--static-height-400);--responsive-height-s: var(--static-height-360);--responsive-height-xs: var(--static-height-280);--responsive-space-xl: var(--static-space-80);--responsive-space-l: var(--static-space-40);--responsive-space-m: var(--static-space-24);--responsive-space-s: var(--static-space-16);--responsive-space-xs: var(--static-space-12)}@media(max-width: 1024px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-480);--responsive-height-l: var(--static-height-400);--responsive-height-m: var(--static-height-360);--responsive-height-s: var(--static-height-280);--responsive-height-xs: var(--static-height-240);--responsive-space-xl: var(--static-space-64);--responsive-space-l: var(--static-space-24);--responsive-space-m: var(--static-space-16);--responsive-space-s: var(--static-space-12);--responsive-space-xs: var(--static-space-8)}}@media(max-width: 768px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-320);--responsive-height-l: var(--static-height-280);--responsive-height-m: var(--static-height-240);--responsive-height-s: var(--static-height-220);--responsive-height-xs: var(--static-height-160);--responsive-space-xl: var(--static-space-40);--responsive-space-l: var(--static-space-16);--responsive-space-m: var(--static-space-12);--responsive-space-s: var(--static-space-8);--responsive-space-xs: var(--static-space-4)}}[data-scaling="110"]{--static-space-1: calc(0.0625rem * 1.1);--static-space-2: calc(0.125rem * 1.1);--static-space-4: calc(0.25rem * 1.1);--static-space-8: calc(0.5rem * 1.1);--static-space-12: calc(0.75rem * 1.1);--static-space-16: calc(1rem * 1.1);--static-space-20: calc(1.25rem * 1.1);--static-space-24: calc(1.5rem * 1.1);--static-space-32: calc(2rem * 1.1);--static-space-40: calc(2.5rem * 1.1);--static-space-48: calc(3rem * 1.1);--static-space-56: calc(3.5rem * 1.1);--static-space-64: calc(4rem * 1.1);--static-space-72: calc(4.5rem * 1.1);--static-space-80: calc(5rem * 1.1);--static-space-104: calc(6.5rem * 1.1);--static-space-128: calc(8rem * 1.1);--static-space-160: calc(10rem * 1.1);--static-width-2400: calc(150rem * 1.1);--static-width-1600: calc(100rem * 1.1);--static-width-1440: calc(90rem * 1.1);--static-width-1200: calc(75rem * 1.1);--static-width-1024: calc(64rem * 1.1);--static-width-880: calc(55rem * 1.1);--static-width-768: calc(48rem * 1.1);--static-width-560: calc(35rem * 1.1);--static-width-400: calc(25rem * 1.1);--static-width-320: calc(20rem * 1.1);--static-height-560: calc(35rem * 1.1);--static-height-480: calc(30rem * 1.1);--static-height-400: calc(25rem * 1.1);--static-height-360: calc(22.5rem * 1.1);--static-height-320: calc(20rem * 1.1);--static-height-280: calc(17.5rem * 1.1);--static-height-240: calc(15rem * 1.1);--static-height-220: calc(13.75rem * 1.1);--static-height-160: calc(10rem * 1.1)}[data-scaling="105"]{--static-space-1: calc(0.0625rem * 1.05);--static-space-2: calc(0.125rem * 1.05);--static-space-4: calc(0.25rem * 1.05);--static-space-8: calc(0.5rem * 1.05);--static-space-12: calc(0.75rem * 1.05);--static-space-16: calc(1rem * 1.05);--static-space-20: calc(1.25rem * 1.05);--static-space-24: calc(1.5rem * 1.05);--static-space-32: calc(2rem * 1.05);--static-space-40: calc(2.5rem * 1.05);--static-space-48: calc(3rem * 1.05);--static-space-56: calc(3.5rem * 1.05);--static-space-64: calc(4rem * 1.05);--static-space-72: calc(4.5rem * 1.05);--static-space-80: calc(5rem * 1.05);--static-space-104: calc(6.5rem * 1.05);--static-space-128: calc(8rem * 1.05);--static-space-160: calc(10rem * 1.05);--static-width-2400: calc(150rem * 1.05);--static-width-1600: calc(100rem * 1.05);--static-width-1440: calc(90rem * 1.05);--static-width-1200: calc(75rem * 1.05);--static-width-1024: calc(64rem * 1.05);--static-width-880: calc(55rem * 1.05);--static-width-768: calc(48rem * 1.05);--static-width-560: calc(35rem * 1.05);--static-width-400: calc(25rem * 1.05);--static-width-320: calc(20rem * 1.05);--static-height-560: calc(35rem * 1.05);--static-height-480: calc(30rem * 1.05);--static-height-400: calc(25rem * 1.05);--static-height-360: calc(22.5rem * 1.05);--static-height-320: calc(20rem * 1.05);--static-height-280: calc(17.5rem * 1.05);--static-height-240: calc(15rem * 1.05);--static-height-220: calc(13.75rem * 1.05);--static-height-160: calc(10rem * 1.05)}[data-scaling="95"]{--static-space-1: calc(0.0625rem * 0.95);--static-space-2: calc(0.125rem * 0.95);--static-space-4: calc(0.25rem * 0.95);--static-space-8: calc(0.5rem * 0.95);--static-space-12: calc(0.75rem * 0.95);--static-space-16: calc(1rem * 0.95);--static-space-20: calc(1.25rem * 0.95);--static-space-24: calc(1.5rem * 0.95);--static-space-32: calc(2rem * 0.95);--static-space-40: calc(2.5rem * 0.95);--static-space-48: calc(3rem * 0.95);--static-space-56: calc(3.5rem * 0.95);--static-space-64: calc(4rem * 0.95);--static-space-72: calc(4.5rem * 0.95);--static-space-80: calc(5rem * 0.95);--static-space-104: calc(6.5rem * 0.95);--static-space-128: calc(8rem * 0.95);--static-space-160: calc(10rem * 0.95);--static-width-2400: calc(150rem * 0.95);--static-width-1600: calc(100rem * 0.95);--static-width-1440: calc(90rem * 0.95);--static-width-1200: calc(75rem * 0.95);--static-width-1024: calc(64rem * 0.95);--static-width-880: calc(55rem * 0.95);--static-width-768: calc(48rem * 0.95);--static-width-560: calc(35rem * 0.95);--static-width-400: calc(25rem * 0.95);--static-width-320: calc(20rem * 0.95);--static-height-560: calc(35rem * 0.95);--static-height-480: calc(30rem * 0.95);--static-height-400: calc(25rem * 0.95);--static-height-360: calc(22.5rem * 0.95);--static-height-320: calc(20rem * 0.95);--static-height-280: calc(17.5rem * 0.95);--static-height-240: calc(15rem * 0.95);--static-height-220: calc(13.75rem * 0.95);--static-height-160: calc(10rem * 0.95)}[data-scaling="90"]{--static-space-1: calc(0.0625rem * 0.9);--static-space-2: calc(0.125rem * 0.9);--static-space-4: calc(0.25rem * 0.9);--static-space-8: calc(0.5rem * 0.9);--static-space-12: calc(0.75rem * 0.9);--static-space-16: calc(1rem * 0.9);--static-space-20: calc(1.25rem * 0.9);--static-space-24: calc(1.5rem * 0.9);--static-space-32: calc(2rem * 0.9);--static-space-40: calc(2.5rem * 0.9);--static-space-48: calc(3rem * 0.9);--static-space-56: calc(3.5rem * 0.9);--static-space-64: calc(4rem * 0.9);--static-space-72: calc(4.5rem * 0.9);--static-space-80: calc(5rem * 0.9);--static-space-104: calc(6.5rem * 0.9);--static-space-128: calc(8rem * 0.9);--static-space-160: calc(10rem * 0.9);--static-width-2400: calc(150rem * 0.9);--static-width-1600: calc(100rem * 0.9);--static-width-1440: calc(90rem * 0.9);--static-width-1200: calc(75rem * 0.9);--static-width-1024: calc(64rem * 0.9);--static-width-880: calc(55rem * 0.9);--static-width-768: calc(48rem * 0.9);--static-width-560: calc(35rem * 0.9);--static-width-400: calc(25rem * 0.9);--static-width-320: calc(20rem * 0.9);--static-height-560: calc(35rem * 0.9);--static-height-480: calc(30rem * 0.9);--static-height-400: calc(25rem * 0.9);--static-height-360: calc(22.5rem * 0.9);--static-height-320: calc(20rem * 0.9);--static-height-280: calc(17.5rem * 0.9);--static-height-240: calc(15rem * 0.9);--static-height-220: calc(13.75rem * 0.9);--static-height-160: calc(10rem * 0.9)}[data-border=playful]{--radius-xs: 0.25rem;--radius-xs-nest-4: 0.375rem;--radius-xs-nest-8: 0.5rem;--radius-s: 0.5rem;--radius-s-nest-4: 0.75rem;--radius-s-nest-8: 1rem;--radius-m: 0.75rem;--radius-m-nest-4: 1rem;--radius-m-nest-8: 1.25rem;--radius-l: 1rem;--radius-l-nest-4: 1.25rem;--radius-l-nest-8: 1.625rem;--radius-xl: 1.25rem;--radius-xl-nest-4: 1.5rem;--radius-xl-nest-8: 1.875rem;--radius-full: 999rem}[data-border=conservative]{--radius-xs: 0.125rem;--radius-xs-nest-4: 0.25rem;--radius-xs-nest-8: 0.375rem;--radius-s: 0.25rem;--radius-s-nest-4: 0.375rem;--radius-s-nest-8: 0.5rem;--radius-m: 0.375rem;--radius-m-nest-4: 0.5rem;--radius-m-nest-8: 0.625rem;--radius-l: 0.625rem;--radius-l-nest-4: 0.875rem;--radius-l-nest-8: 1.125rem;--radius-xl: 0.75rem;--radius-xl-nest-4: 1rem;--radius-xl-nest-8: 1.25rem;--radius-full: 999rem}[data-border=rounded]{--radius-xs: 1rem;--radius-xs-nest-4: 1.25rem;--radius-xs-nest-8: 1.5rem;--radius-s: 1.25rem;--radius-s-nest-4: 1.5rem;--radius-s-nest-8: 2rem;--radius-m: 1.25rem;--radius-m-nest-4: 1.5rem;--radius-m-nest-8: 1.875rem;--radius-l: 1.75rem;--radius-l-nest-4: 2rem;--radius-l-nest-8: 2.5rem;--radius-xl: 2rem;--radius-xl-nest-4: 2.25rem;--radius-xl-nest-8: 2.75rem;--radius-full: 999rem}[data-border=sharp]{--radius-xs: 0;--radius-xs-nest-4: 0;--radius-xs-nest-8: 0;--radius-s: 0;--radius-s-nest-4: 0;--radius-s-nest-8: 0;--radius-m: 0;--radius-m-nest-4: 0;--radius-m-nest-8: 0;--radius-l: 0;--radius-l-nest-4: 0;--radius-l-nest-8: 0;--radius-xl: 0;--radius-xl-nest-4: 0;--radius-xl-nest-8: 0;--radius-full: 999rem}:root{--shadow-xs: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--shadow-s: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08);--shadow-m: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.08);--shadow-l: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.08);--shadow-xl: 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 24px 24px rgba(0, 0, 0, 0.08)}:root{--font-weight-thin: 100;--font-weight-extraLight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--font-weight-extraBold: 800;--font-weight-body-default: var(--font-weight-normal);--font-weight-body-strong: var(--font-weight-bold);--font-weight-label-default: var(--font-weight-normal);--font-weight-label-strong: var(--font-weight-semiBold);--font-weight-code-default: var(--font-weight-normal);--font-weight-code-strong: var(--font-weight-bold);--font-weight-heading-default: var(--font-weight-normal);--font-weight-heading-strong: var(--font-weight-semiBold);--font-weight-display-default: var(--font-weight-light);--font-weight-display-normal: var(--font-weight-normal);--font-weight-display-medium: var(--font-weight-medium);--font-weight-display-strong: var(--font-weight-semiBold);--font-size-display-xl: 5rem;--font-size-display-l: 4rem;--font-size-display-m: 3rem;--font-size-display-s: 2.5rem;--font-size-display-xs: 2rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.33rem;--font-size-heading-m: 1.25rem;--font-size-heading-s: 1.125rem;--font-size-heading-xs: 1rem;--font-size-body-xl: 1.25rem;--font-size-body-l: 1.125rem;--font-size-body-m: 1rem;--font-size-body-s: 0.875rem;--font-size-body-xs: 0.75rem;--font-size-label-xl: 1.125rem;--font-size-label-l: 1rem;--font-size-label-m: 0.925rem;--font-size-label-s: 0.825rem;--font-size-label-xs: 0.75rem;--line-height-display-xl: 5rem;--line-height-display-l: 4.25rem;--line-height-display-m: 3.25rem;--line-height-display-s: 3rem;--line-height-display-xs: 2.5rem;--line-height-heading-xl: 2rem;--line-height-heading-l: 1.75rem;--line-height-heading-m: 1.5rem;--line-height-heading-s: 1.5rem;--line-height-heading-xs: 1.25rem;--line-height-body-xl: 1.75rem;--line-height-body-l: 1.5rem;--line-height-body-m: 1.5rem;--line-height-body-s: 1.125rem;--line-height-body-xs: 1rem;--line-height-label-xl: 1.5rem;--line-height-label-l: 1.25rem;--line-height-label-m: 1.25rem;--line-height-label-s: 1rem;--line-height-label-xs: 0.875rem}@media(max-width: 1024px){:root{--font-size-display-xl: 3.5rem;--font-size-display-l: 3.25rem;--font-size-display-m: 2.75rem;--font-size-display-s: 2.25rem;--font-size-display-xs: 1.75rem;--font-size-heading-xl: 1.33rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--line-height-display-xl: 3.75rem;--line-height-display-l: 3.5rem;--line-height-display-m: 3rem;--line-height-display-s: 2.5rem;--line-height-display-xs: 2rem;--line-height-heading-xl: 1.75rem;--line-height-heading-l: 1.5rem;--line-height-heading-m: 1.25rem}}@media(max-width: 768px){:root{--font-size-display-xl: 2.75rem;--font-size-display-l: 2.5rem;--font-size-display-m: 2.25rem;--font-size-display-s: 2rem;--line-height-display-xl: 3rem;--line-height-display-l: 2.75rem;--line-height-display-m: 2.5rem;--line-height-display-s: 2.5rem}}:root{--font-heading: var(--font-heading);--font-body: var(--font-body);--font-label: var(--font-label);--font-code: var(--font-code);--font-size-display-multiplier: 1;--font-size-heading-multiplier: 1;--font-size-body-multiplier: 1;--font-size-label-multiplier: 1;--line-height-display-multiplier: 1;--line-height-heading-multiplier: 1;--line-height-body-multiplier: 1;--line-height-label-multiplier: 1;--font-scaling-desktop: 16px;--font-scaling-tablet: 16px;--font-scaling-mobile: 15px;--cursor-interactive: pointer;--solid-inset-distance: 0;--solid-inset-size: 0;--solid-border-width: 0;--backdrop-filter: none;--surface-border: var(--static-transparent);--surface-background: var(--neutral-background-medium);--default-border: var(--neutral-border-medium)}[data-cursor-interactive=pointer]{--cursor-interactive: pointer}[data-cursor-interactive=default]{--cursor-interactive: default}[data-desktop-size="18"]{--font-scaling-desktop: 18px}[data-desktop-size="17"]{--font-scaling-desktop: 17px}[data-desktop-size="16"]{--font-scaling-desktop: 16px}[data-desktop-size="15"]{--font-scaling-desktop: 15px}[data-desktop-size="14"]{--font-scaling-desktop: 14px}[data-desktop-size="13"]{--font-scaling-desktop: 13px}[data-tablet-size="18"]{--font-scaling-tablet: 18px}[data-tablet-size="17"]{--font-scaling-tablet: 17px}[data-tablet-size="16"]{--font-scaling-tablet: 16px}[data-tablet-size="15"]{--font-scaling-tablet: 15px}[data-tablet-size="14"]{--font-scaling-tablet: 14px}[data-tablet-size="13"]{--font-scaling-tablet: 13px}[data-mobile-size="18"]{--font-scaling-mobile: 18px}[data-mobile-size="17"]{--font-scaling-mobile: 17px}[data-mobile-size="16"]{--font-scaling-mobile: 16px}[data-mobile-size="15"]{--font-scaling-mobile: 15px}[data-mobile-size="14"]{--font-scaling-mobile: 14px}[data-mobile-size="13"]{--font-scaling-mobile: 13px}[data-theme=dark]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-black-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-800);--code-gray: var(--scheme-gray-800);--code-aqua: var(--scheme-aqua-800);--code-green: var(--scheme-green-800);--code-blue: var(--scheme-blue-800);--code-violet: var(--scheme-violet-800);--code-orange: var(--scheme-orange-800);--brand-background-strong: var(--function-brand-300);--brand-background-medium: var(--function-brand-200);--brand-background-weak: var(--function-brand-100);--brand-on-background-strong: var(--static-white);--brand-on-background-medium: var(--function-brand-900);--brand-on-background-weak: var(--function-brand-700);--brand-border-strong: var(--function-brand-400);--brand-border-medium: var(--function-brand-300);--brand-border-weak: var(--function-brand-200);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-300);--accent-background-medium: var(--function-accent-200);--accent-background-weak: var(--function-accent-100);--accent-on-background-strong: var(--static-white);--accent-on-background-medium: var(--function-accent-900);--accent-on-background-weak: var(--function-accent-700);--accent-solid-strong: var(--function-accent-500);--accent-solid-medium: var(--function-accent-400);--accent-solid-weak: var(--function-accent-300);--accent-on-solid-strong: var(--static-white);--accent-on-solid-medium: var(--function-accent-1000);--accent-on-solid-weak: var(--function-accent-900);--accent-border-strong: var(--function-accent-400);--accent-border-medium: var(--function-accent-300);--accent-border-weak: var(--function-accent-200);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-300);--neutral-background-medium: var(--function-neutral-200);--neutral-background-weak: var(--function-neutral-100);--neutral-on-background-strong: var(--static-white);--neutral-on-background-medium: var(--function-neutral-900);--neutral-on-background-weak: var(--function-neutral-700);--neutral-solid-strong: var(--function-neutral-500);--neutral-solid-medium: var(--function-neutral-400);--neutral-solid-weak: var(--function-neutral-300);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-medium: var(--function-neutral-1000);--neutral-on-solid-weak: var(--function-neutral-900);--neutral-border-strong: var(--function-neutral-400);--neutral-border-medium: var(--function-neutral-300);--neutral-border-weak: var(--function-neutral-200);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-300);--info-background-medium: var(--function-info-200);--info-background-weak: var(--function-info-100);--info-on-background-strong: var(--static-white);--info-on-background-medium: var(--function-info-900);--info-on-background-weak: var(--function-info-700);--info-solid-strong: var(--function-info-500);--info-solid-medium: var(--function-info-400);--info-solid-weak: var(--function-info-300);--info-on-solid-strong: var(--static-white);--info-on-solid-medium: var(--function-info-1000);--info-on-solid-weak: var(--function-info-900);--info-border-strong: var(--function-info-400);--info-border-medium: var(--function-info-300);--info-border-weak: var(--function-info-200);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-300);--warning-background-medium: var(--function-warning-200);--warning-background-weak: var(--function-warning-100);--warning-on-background-strong: var(--static-white);--warning-on-background-medium: var(--function-warning-900);--warning-on-background-weak: var(--function-warning-700);--warning-solid-strong: var(--function-warning-500);--warning-solid-medium: var(--function-warning-400);--warning-solid-weak: var(--function-warning-300);--warning-on-solid-strong: var(--static-white);--warning-on-solid-medium: var(--function-warning-1000);--warning-on-solid-weak: var(--function-warning-900);--warning-border-strong: var(--function-warning-400);--warning-border-medium: var(--function-warning-300);--warning-border-weak: var(--function-warning-200);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-300);--danger-background-medium: var(--function-danger-200);--danger-background-weak: var(--function-danger-100);--danger-on-background-strong: var(--static-white);--danger-on-background-medium: var(--function-danger-900);--danger-on-background-weak: var(--function-danger-700);--danger-solid-strong: var(--function-danger-500);--danger-solid-medium: var(--function-danger-400);--danger-solid-weak: var(--function-danger-300);--danger-on-solid-strong: var(--static-white);--danger-on-solid-medium: var(--function-danger-1000);--danger-on-solid-weak: var(--function-danger-900);--danger-border-strong: var(--function-danger-400);--danger-border-medium: var(--function-danger-300);--danger-border-weak: var(--function-danger-200);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-300);--success-background-medium: var(--function-success-200);--success-background-weak: var(--function-success-100);--success-on-background-strong: var(--static-white);--success-on-background-medium: var(--function-success-900);--success-on-background-weak: var(--function-success-700);--success-solid-strong: var(--function-success-500);--success-solid-medium: var(--function-success-400);--success-solid-weak: var(--function-success-300);--success-on-solid-strong: var(--static-white);--success-on-solid-medium: var(--function-success-1000);--success-on-solid-weak: var(--function-success-900);--success-border-strong: var(--function-success-400);--success-border-medium: var(--function-success-300);--success-border-weak: var(--function-success-200);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=dark] .dark-flex{display:flex}[data-theme=dark] .dark-grid{display:grid}[data-theme=dark] .light-flex{display:none}[data-theme=dark] .light-grid{display:none}[data-theme=light]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-white-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-600);--code-gray: var(--scheme-gray-600);--code-aqua: var(--scheme-aqua-600);--code-green: var(--scheme-green-600);--code-blue: var(--scheme-blue-600);--code-violet: var(--scheme-violet-600);--code-orange: var(--scheme-orange-600);--brand-background-strong: var(--function-brand-800);--brand-background-medium: var(--function-brand-1000);--brand-background-weak: var(--static-white);--brand-on-background-strong: var(--function-brand-100);--brand-on-background-medium: var(--function-brand-400);--brand-on-background-weak: var(--function-brand-500);--brand-border-strong: var(--function-brand-800);--brand-border-medium: var(--function-brand-900);--brand-border-weak: var(--function-brand-1000);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-800);--accent-background-medium: var(--function-accent-1000);--accent-background-weak: var(--static-white);--accent-on-background-strong: var(--function-accent-100);--accent-on-background-medium: var(--function-accent-400);--accent-on-background-weak: var(--function-accent-500);--accent-solid-strong: var(--function-accent-600);--accent-solid-medium: var(--function-accent-500);--accent-solid-weak: var(--function-accent-400);--accent-on-solid-strong: var(--static-white);--accent-on-solid-medium: var(--function-accent-1100);--accent-on-solid-weak: var(--function-accent-1000);--accent-border-strong: var(--function-accent-800);--accent-border-medium: var(--function-accent-900);--accent-border-weak: var(--function-accent-1000);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-800);--neutral-background-medium: var(--function-neutral-1000);--neutral-background-weak: var(--static-white);--neutral-on-background-strong: var(--function-neutral-100);--neutral-on-background-medium: var(--function-neutral-400);--neutral-on-background-weak: var(--function-neutral-500);--neutral-solid-strong: var(--function-neutral-600);--neutral-solid-medium: var(--function-neutral-500);--neutral-solid-weak: var(--function-neutral-400);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-medium: var(--function-neutral-1100);--neutral-on-solid-weak: var(--function-neutral-1000);--neutral-border-strong: var(--function-neutral-800);--neutral-border-medium: var(--function-neutral-900);--neutral-border-weak: var(--function-neutral-1000);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-800);--info-background-medium: var(--function-info-1000);--info-background-weak: var(--static-white);--info-on-background-strong: var(--function-info-100);--info-on-background-medium: var(--function-info-400);--info-on-background-weak: var(--function-info-500);--info-solid-strong: var(--function-info-600);--info-solid-medium: var(--function-info-500);--info-solid-weak: var(--function-info-400);--info-on-solid-strong: var(--static-white);--info-on-solid-medium: var(--function-info-1100);--info-on-solid-weak: var(--function-info-1000);--info-border-strong: var(--function-info-800);--info-border-medium: var(--function-info-900);--info-border-weak: var(--function-info-1000);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-800);--warning-background-medium: var(--function-warning-1000);--warning-background-weak: var(--static-white);--warning-on-background-strong: var(--function-warning-100);--warning-on-background-medium: var(--function-warning-400);--warning-on-background-weak: var(--function-warning-500);--warning-solid-strong: var(--function-warning-600);--warning-solid-medium: var(--function-warning-500);--warning-solid-weak: var(--function-warning-400);--warning-on-solid-strong: var(--static-white);--warning-on-solid-medium: var(--function-warning-1100);--warning-on-solid-weak: var(--function-warning-1000);--warning-border-strong: var(--function-warning-800);--warning-border-medium: var(--function-warning-900);--warning-border-weak: var(--function-warning-1000);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-800);--danger-background-medium: var(--function-danger-1000);--danger-background-weak: var(--static-white);--danger-on-background-strong: var(--function-danger-100);--danger-on-background-medium: var(--function-danger-400);--danger-on-background-weak: var(--function-danger-500);--danger-solid-strong: var(--function-danger-600);--danger-solid-medium: var(--function-danger-500);--danger-solid-weak: var(--function-danger-400);--danger-on-solid-strong: var(--static-white);--danger-on-solid-medium: var(--function-danger-1100);--danger-on-solid-weak: var(--function-danger-1000);--danger-border-strong: var(--function-danger-800);--danger-border-medium: var(--function-danger-900);--danger-border-weak: var(--function-danger-1000);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-800);--success-background-medium: var(--function-success-1000);--success-background-weak: var(--static-white);--success-on-background-strong: var(--function-success-100);--success-on-background-medium: var(--function-success-400);--success-on-background-weak: var(--function-success-500);--success-solid-strong: var(--function-success-600);--success-solid-medium: var(--function-success-500);--success-solid-weak: var(--function-success-400);--success-on-solid-strong: var(--static-white);--success-on-solid-medium: var(--function-success-1100);--success-on-solid-weak: var(--function-success-1000);--success-border-strong: var(--function-success-800);--success-border-medium: var(--function-success-900);--success-border-weak: var(--function-success-1000);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=light] .dark-flex{display:none}[data-theme=light] .dark-grid{display:none}[data-theme=light] .light-flex{display:flex}[data-theme=light] .light-grid{display:grid}[data-solid-style=plastic]{--solid-inset-distance: -1rem;--solid-inset-size: 1rem;--solid-border-width: 1px}[data-transition=all],[data-transition=micro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-micro-short: 0.1s;--transition-duration-micro-medium: 0.2s;--transition-duration-micro-long: 0.4s;--transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);--transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);--transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased)}[data-transition=all],[data-transition=macro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-macro-short: 0.15s;--transition-duration-macro-medium: 0.3s;--transition-duration-macro-long: 0.6s;--transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);--transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);--transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased)}[data-surface=translucent]{--backdrop-filter: blur(1rem)}[data-surface=translucent][data-theme=light],[data-surface=translucent] [data-theme=light]{--surface-background: var(--static-white-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=translucent][data-theme=dark],[data-surface=translucent] [data-theme=dark]{--surface-background: var(--static-black-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=filled][data-theme=light],[data-surface=filled] [data-theme=light]{--surface-background: var(--neutral-background-weak);--surface-border: var(--neutral-border-medium)}[data-surface=filled][data-theme=dark],[data-surface=filled] [data-theme=dark]{--surface-background: var(--neutral-background-medium);--surface-border: var(--static-transparent)}[data-theme=dark][data-solid=color],[data-theme=dark] [data-solid=color]{--brand-solid-strong: var(--function-brand-500);--brand-solid-medium: var(--function-brand-400);--brand-solid-weak: var(--function-brand-300);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-900)}[data-theme=dark][data-solid=contrast],[data-theme=dark] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-1000);--brand-solid-medium: var(--static-white);--brand-solid-weak: var(--function-neutral-900);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-neutral-100);--brand-on-solid-weak: var(--function-neutral-200)}[data-theme=dark][data-solid=inverse],[data-theme=dark] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-800);--brand-solid-medium: var(--function-brand-700);--brand-solid-weak: var(--function-brand-600);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=light][data-solid=color],[data-theme=light] [data-solid=color]{--brand-solid-strong: var(--function-brand-600);--brand-solid-medium: var(--function-brand-500);--brand-solid-weak: var(--function-brand-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-1000)}[data-theme=light][data-solid=contrast],[data-theme=light] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-300);--brand-solid-medium: var(--static-black);--brand-solid-weak: var(--function-neutral-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-neutral-1100);--brand-on-solid-weak: var(--function-neutral-1000)}[data-solid=color]{--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=contrast]{--solid-border-color-brand: var(--neutral-alpha-strong);--solid-inset-color-brand: var(--static-transparent);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=inverse]{--solid-border-color-brand: var(--brand-alpha-strong);--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-theme=light][data-solid=inverse],[data-theme=light] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-900);--brand-solid-medium: var(--function-brand-800);--brand-solid-weak: var(--function-brand-700);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-neutral-100);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=dark]{--data-blue: var(--scheme-blue-400);--data-aqua: var(--scheme-aqua-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-yellow: var(--scheme-yellow-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-moss: var(--scheme-moss-400);--data-green: var(--scheme-green-400);--data-emerald: var(--scheme-emerald-400);--data-cyan: var(--scheme-cyan-400);--data-violet: var(--scheme-violet-400);--data-indigo: var(--scheme-indigo-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=divergent]{--data-blue: var(--scheme-red-400);--data-aqua: var(--scheme-red-500);--data-magenta: var(--scheme-orange-500);--data-pink: var(--scheme-orange-600);--data-yellow: var(--scheme-yellow-700);--data-orange: var(--scheme-yellow-800);--data-red: var(--scheme-yellow-900);--data-moss: var(--scheme-moss-1000);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-300);--data-magenta: var(--function-brand-400);--data-pink: var(--function-brand-500);--data-yellow: var(--function-brand-600);--data-orange: var(--function-brand-700);--data-red: var(--function-brand-800);--data-moss: var(--function-brand-900);--data-green: var(--function-brand-1000);--data-emerald: var(--function-brand-1100);--data-cyan: var(--function-brand-1200);--data-violet: var(--function-brand-1200);--data-indigo: var(--function-brand-1200);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=light]{--data-blue: var(--scheme-blue-400);--data-indigo: var(--scheme-indigo-400);--data-green: var(--scheme-green-400);--data-aqua: var(--scheme-aqua-400);--data-violet: var(--scheme-violet-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-cyan: var(--scheme-cyan-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-moss: var(--scheme-moss-400);--data-emerald: var(--scheme-emerald-400);--data-yellow: var(--scheme-yellow-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=divergent]{--data-blue: var(--scheme-red-300);--data-aqua: var(--scheme-red-400);--data-magenta: var(--scheme-orange-400);--data-pink: var(--scheme-orange-500);--data-yellow: var(--scheme-yellow-500);--data-orange: var(--scheme-yellow-600);--data-red: var(--scheme-yellow-700);--data-moss: var(--scheme-moss-800);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-200);--data-magenta: var(--function-brand-200);--data-pink: var(--function-brand-300);--data-yellow: var(--function-brand-400);--data-orange: var(--function-brand-500);--data-red: var(--function-brand-600);--data-moss: var(--function-brand-700);--data-green: var(--function-brand-800);--data-emerald: var(--function-brand-900);--data-cyan: var(--function-brand-1000);--data-violet: var(--function-brand-1100);--data-indigo: var(--function-brand-1100);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}/*# sourceMappingURL=tokens.css.map */
|
|
1
|
+
:root{--static-transparent: #00000000;--static-white: #ffffff;--static-white-medium: #ffffff4D;--static-black: #000000;--static-black-medium: #0000004D;--scheme-gray-100: oklch(0.1448 0 0);--scheme-gray-200: oklch(0.1957 0 0);--scheme-gray-300: oklch(0.3677 0 0);--scheme-gray-400: oklch(0.4640 0 0);--scheme-gray-500: oklch(0.5624 0 0);--scheme-gray-600: oklch(0.6698 0 0);--scheme-gray-700: oklch(0.7636 0 0);--scheme-gray-800: oklch(0.8638 0 0);--scheme-gray-900: oklch(0.9067 0 0);--scheme-gray-1000: oklch(0.9461 0 0);--scheme-gray-1100: oklch(0.9642 0 0);--scheme-gray-1200: oklch(0.9821 0 0);--scheme-gray-600-15: oklch(0.6698 0 0 / 0.15);--scheme-gray-600-30: oklch(0.6698 0 0 / 0.3);--scheme-gray-600-50: oklch(0.6698 0 0 / 0.5);--scheme-sand-100: oklch(0.1392 0.0105 97.77);--scheme-sand-200: oklch(0.1995 0.0098 97.85);--scheme-sand-300: oklch(0.3701 0.0117 100.30);--scheme-sand-400: oklch(0.4708 0.0113 93.70);--scheme-sand-500: oklch(0.5689 0.0108 93.66);--scheme-sand-600: oklch(0.6694 0.0104 93.62);--scheme-sand-700: oklch(0.7695 0.0101 93.60);--scheme-sand-800: oklch(0.8693 0.0111 95.18);--scheme-sand-900: oklch(0.9091 0.0110 95.17);--scheme-sand-1000: oklch(0.9507 0.0107 100.83);--scheme-sand-1100: oklch(0.9695 0.0108 95.16);--scheme-sand-1200: oklch(0.9904 0.0107 95.16);--scheme-sand-600-15: oklch(0.6694 0.0104 93.62 / 0.15);--scheme-sand-600-30: oklch(0.6694 0.0104 93.62 / 0.3);--scheme-sand-600-50: oklch(0.6694 0.0104 93.62 / 0.5);--scheme-slate-100: oklch(0.1397 0.0199 283.53);--scheme-slate-200: oklch(0.2007 0.0199 284.46);--scheme-slate-300: oklch(0.3710 0.0188 281.33);--scheme-slate-400: oklch(0.4710 0.0193 281.85);--scheme-slate-500: oklch(0.5694 0.0199 282.24);--scheme-slate-600: oklch(0.6801 0.0205 282.58);--scheme-slate-700: oklch(0.7703 0.0198 282.66);--scheme-slate-800: oklch(0.8706 0.0206 282.91);--scheme-slate-900: oklch(0.9104 0.0203 282.94);--scheme-slate-1000: oklch(0.9497 0.0201 282.96);--scheme-slate-1100: oklch(0.9696 0.0147 281.96);--scheme-slate-1200: oklch(0.9858 0.0067 277.17);--scheme-slate-600-15: oklch(0.6801 0.0205 282.58 / 0.15);--scheme-slate-600-30: oklch(0.6801 0.0205 282.58 / 0.3);--scheme-slate-600-50: oklch(0.6801 0.0205 282.58 / 0.5);--scheme-mint-100: oklch(0.1391 0.0157 187.56);--scheme-mint-200: oklch(0.2013 0.0176 182.91);--scheme-mint-300: oklch(0.3706 0.0172 185.10);--scheme-mint-400: oklch(0.4693 0.0176 186.13);--scheme-mint-500: oklch(0.5601 0.0173 181.35);--scheme-mint-600: oklch(0.6701 0.0177 182.45);--scheme-mint-700: oklch(0.7701 0.0171 182.57);--scheme-mint-800: oklch(0.8693 0.0177 183.47);--scheme-mint-900: oklch(0.9091 0.0175 183.50);--scheme-mint-1000: oklch(0.9507 0.0184 184.26);--scheme-mint-1100: oklch(0.9695 0.0173 183.55);--scheme-mint-1200: oklch(0.9884 0.0159 187.35);--scheme-mint-600-15: oklch(0.6701 0.0177 182.45 / 0.15);--scheme-mint-600-30: oklch(0.6701 0.0177 182.45 / 0.3);--scheme-mint-600-50: oklch(0.6701 0.0177 182.45 / 0.5);--scheme-rose-100: oklch(0.1405 0.0215 20.12);--scheme-rose-200: oklch(0.1998 0.0218 19.17);--scheme-rose-300: oklch(0.3798 0.0210 18.12);--scheme-rose-400: oklch(0.4701 0.0225 17.98);--scheme-rose-500: oklch(0.5692 0.0226 14.02);--scheme-rose-600: oklch(0.6791 0.0215 17.69);--scheme-rose-700: oklch(0.7702 0.0219 17.64);--scheme-rose-800: oklch(0.8701 0.0212 17.57);--scheme-rose-900: oklch(0.9198 0.0220 17.56);--scheme-rose-1000: oklch(0.9500 0.0218 17.54);--scheme-rose-1100: oklch(0.9735 0.0129 17.38);--scheme-rose-1200: oklch(0.9889 0.0053 17.25);--scheme-rose-600-15: oklch(0.6791 0.0215 17.69 / 0.15);--scheme-rose-600-30: oklch(0.6791 0.0215 17.69 / 0.3);--scheme-rose-600-50: oklch(0.6791 0.0215 17.69 / 0.5);--scheme-dusk-100: oklch(0.1407 0.0172 326.44);--scheme-dusk-200: oklch(0.1987 0.0176 326.21);--scheme-dusk-300: oklch(0.3712 0.0172 325.92);--scheme-dusk-400: oklch(0.4708 0.0162 325.83);--scheme-dusk-500: oklch(0.5700 0.0174 325.80);--scheme-dusk-600: oklch(0.6804 0.0166 325.76);--scheme-dusk-700: oklch(0.7706 0.0161 325.73);--scheme-dusk-800: oklch(0.8705 0.0156 325.71);--scheme-dusk-900: oklch(0.9103 0.0155 325.70);--scheme-dusk-1000: oklch(0.9508 0.0170 325.71);--scheme-dusk-1100: oklch(0.9688 0.0169 325.71);--scheme-dusk-1200: oklch(0.9865 0.0118 325.67);--scheme-dusk-600-15: oklch(0.6804 0.0166 325.76 / 0.15);--scheme-dusk-600-30: oklch(0.6804 0.0166 325.76 / 0.3);--scheme-dusk-600-50: oklch(0.6804 0.0166 325.76 / 0.5);--scheme-red-100: oklch(0.1414 0.0279 9.90);--scheme-red-200: oklch(0.2022 0.0534 11.86);--scheme-red-300: oklch(0.3875 0.1526 25.91);--scheme-red-400: oklch(0.4885 0.1988 27.95);--scheme-red-500: oklch(0.5877 0.2394 28.95);--scheme-red-600: oklch(0.6930 0.1970 27.63);--scheme-red-700: oklch(0.7801 0.1286 27.87);--scheme-red-800: oklch(0.8729 0.0645 29.11);--scheme-red-900: oklch(0.9117 0.0423 28.78);--scheme-red-1000: oklch(0.9511 0.0215 31.78);--scheme-red-1100: oklch(0.9662 0.0122 29.87);--scheme-red-1200: oklch(0.9849 0.0045 34.31);--scheme-red-600-15: oklch(0.6930 0.1970 27.63 / 0.15);--scheme-red-600-30: oklch(0.6930 0.1970 27.63 / 0.3);--scheme-red-600-50: oklch(0.6930 0.1970 27.63 / 0.5);--scheme-orange-100: oklch(0.1419 0.0236 27.24);--scheme-orange-200: oklch(0.2001 0.0446 28.40);--scheme-orange-300: oklch(0.3850 0.1356 32.92);--scheme-orange-400: oklch(0.4850 0.1760 33.49);--scheme-orange-500: oklch(0.5834 0.2086 34.23);--scheme-orange-600: oklch(0.6902 0.2005 39.65);--scheme-orange-700: oklch(0.7786 0.1403 47.34);--scheme-orange-800: oklch(0.8719 0.0781 55.14);--scheme-orange-900: oklch(0.9115 0.0506 56.44);--scheme-orange-1000: oklch(0.9487 0.0271 56.76);--scheme-orange-1100: oklch(0.9665 0.0161 64.67);--scheme-orange-1200: oklch(0.9833 0.0062 75.41);--scheme-orange-600-15: oklch(0.6902 0.2005 39.65 / 0.15);--scheme-orange-600-30: oklch(0.6902 0.2005 39.65 / 0.3);--scheme-orange-600-50: oklch(0.6902 0.2005 39.65 / 0.5);--scheme-yellow-100: oklch(0.1411 0.0193 45.54);--scheme-yellow-200: oklch(0.1990 0.0349 40.88);--scheme-yellow-300: oklch(0.3786 0.0993 45.68);--scheme-yellow-400: oklch(0.4759 0.1248 49.11);--scheme-yellow-500: oklch(0.5736 0.1448 53.06);--scheme-yellow-600: oklch(0.6817 0.1620 58.68);--scheme-yellow-700: oklch(0.7760 0.1710 65.97);--scheme-yellow-800: oklch(0.8680 0.1450 85.86);--scheme-yellow-900: oklch(0.9070 0.1258 92.19);--scheme-yellow-1000: oklch(0.9440 0.0907 98.36);--scheme-yellow-1100: oklch(0.9643 0.0547 100.62);--scheme-yellow-1200: oklch(0.9818 0.0197 103.66);--scheme-yellow-600-15: oklch(0.6817 0.1620 58.68 / 0.15);--scheme-yellow-600-30: oklch(0.6817 0.1620 58.68 / 0.3);--scheme-yellow-600-50: oklch(0.6817 0.1620 58.68 / 0.5);--scheme-moss-100: oklch(0.1428 0.0184 124.91);--scheme-moss-200: oklch(0.1932 0.0314 125.79);--scheme-moss-300: oklch(0.3622 0.0864 129.16);--scheme-moss-400: oklch(0.4533 0.1200 131.81);--scheme-moss-500: oklch(0.5476 0.1544 134.27);--scheme-moss-600: oklch(0.6530 0.1960 136.49);--scheme-moss-700: oklch(0.7464 0.2307 138.07);--scheme-moss-800: oklch(0.8461 0.2198 139.34);--scheme-moss-900: oklch(0.8918 0.1711 141.04);--scheme-moss-1000: oklch(0.9363 0.1073 142.78);--scheme-moss-1100: oklch(0.9591 0.0621 142.95);--scheme-moss-1200: oklch(0.9806 0.0229 143.37);--scheme-moss-600-15: oklch(0.6530 0.1960 136.49 / 0.15);--scheme-moss-600-30: oklch(0.6530 0.1960 136.49 / 0.3);--scheme-moss-600-50: oklch(0.6530 0.1960 136.49 / 0.5);--scheme-green-100: oklch(0.1390 0.0164 161.47);--scheme-green-200: oklch(0.1917 0.0276 160.64);--scheme-green-300: oklch(0.3594 0.0812 154.67);--scheme-green-400: oklch(0.4514 0.1169 150.78);--scheme-green-500: oklch(0.5421 0.1523 148.37);--scheme-green-600: oklch(0.6486 0.1950 146.22);--scheme-green-700: oklch(0.7426 0.2344 144.85);--scheme-green-800: oklch(0.8444 0.2218 143.51);--scheme-green-900: oklch(0.8913 0.1733 143.00);--scheme-green-1000: oklch(0.9363 0.1073 142.78);--scheme-green-1100: oklch(0.9591 0.0621 142.95);--scheme-green-1200: oklch(0.9806 0.0229 143.37);--scheme-green-600-15: oklch(0.6486 0.1950 146.22 / 0.15);--scheme-green-600-30: oklch(0.6486 0.1950 146.22 / 0.3);--scheme-green-600-50: oklch(0.6486 0.1950 146.22 / 0.5);--scheme-emerald-100: oklch(0.1405 0.0134 186.49);--scheme-emerald-200: oklch(0.1941 0.0224 185.18);--scheme-emerald-300: oklch(0.3618 0.0618 175.55);--scheme-emerald-400: oklch(0.4533 0.0840 172.29);--scheme-emerald-500: oklch(0.5463 0.1068 169.32);--scheme-emerald-600: oklch(0.6520 0.1346 165.65);--scheme-emerald-700: oklch(0.7453 0.1597 163.56);--scheme-emerald-800: oklch(0.8472 0.1562 161.90);--scheme-emerald-900: oklch(0.8919 0.1278 162.96);--scheme-emerald-1000: oklch(0.9366 0.0867 163.42);--scheme-emerald-1100: oklch(0.9599 0.0451 164.53);--scheme-emerald-1200: oklch(0.9808 0.0189 162.95);--scheme-emerald-600-15: oklch(0.6520 0.1346 165.65 / 0.15);--scheme-emerald-600-30: oklch(0.6520 0.1346 165.65 / 0.3);--scheme-emerald-600-50: oklch(0.6520 0.1346 165.65 / 0.5);--scheme-aqua-100: oklch(0.1433 0.0119 217.45);--scheme-aqua-200: oklch(0.1922 0.0211 206.60);--scheme-aqua-300: oklch(0.3616 0.0565 203.77);--scheme-aqua-400: oklch(0.4556 0.0742 199.91);--scheme-aqua-500: oklch(0.5483 0.0913 197.76);--scheme-aqua-600: oklch(0.6567 0.1112 194.02);--scheme-aqua-700: oklch(0.7499 0.1286 192.20);--scheme-aqua-800: oklch(0.8504 0.1296 187.01);--scheme-aqua-900: oklch(0.8961 0.1160 183.09);--scheme-aqua-1000: oklch(0.9376 0.0772 181.82);--scheme-aqua-1100: oklch(0.9597 0.0438 180.55);--scheme-aqua-1200: oklch(0.9804 0.0186 180.29);--scheme-aqua-600-15: oklch(0.6567 0.1112 194.02 / 0.15);--scheme-aqua-600-30: oklch(0.6567 0.1112 194.02 / 0.3);--scheme-aqua-600-50: oklch(0.6567 0.1112 194.02 / 0.5);--scheme-cyan-100: oklch(0.1391 0.0196 259.66);--scheme-cyan-200: oklch(0.1947 0.0363 257.71);--scheme-cyan-300: oklch(0.3689 0.1039 252.38);--scheme-cyan-400: oklch(0.4627 0.1273 249.48);--scheme-cyan-500: oklch(0.5561 0.1386 244.71);--scheme-cyan-600: oklch(0.6640 0.1467 238.08);--scheme-cyan-700: oklch(0.7580 0.1491 230.84);--scheme-cyan-800: oklch(0.8549 0.1190 211.56);--scheme-cyan-900: oklch(0.8962 0.1030 203.93);--scheme-cyan-1000: oklch(0.9391 0.0701 198.23);--scheme-cyan-1100: oklch(0.9609 0.0401 198.42);--scheme-cyan-1200: oklch(0.9817 0.0138 202.46);--scheme-cyan-600-15: oklch(0.6640 0.1467 238.08 / 0.15);--scheme-cyan-600-30: oklch(0.6640 0.1467 238.08 / 0.3);--scheme-cyan-600-50: oklch(0.6640 0.1467 238.08 / 0.5);--scheme-blue-100: oklch(0.1471 0.0423 287.53);--scheme-blue-200: oklch(0.2049 0.1018 274.20);--scheme-blue-300: oklch(0.3947 0.2542 264.21);--scheme-blue-400: oklch(0.4883 0.2760 264.05);--scheme-blue-500: oklch(0.5721 0.2254 263.69);--scheme-blue-600: oklch(0.6743 0.1670 261.54);--scheme-blue-700: oklch(0.7670 0.1165 257.88);--scheme-blue-800: oklch(0.8638 0.0631 250.74);--scheme-blue-900: oklch(0.9057 0.0417 248.29);--scheme-blue-1000: oklch(0.9448 0.0238 244.14);--scheme-blue-1100: oklch(0.9647 0.0142 238.01);--scheme-blue-1200: oklch(0.9829 0.0058 239.82);--scheme-blue-600-15: oklch(0.6743 0.1670 261.54 / 0.15);--scheme-blue-600-30: oklch(0.6743 0.1670 261.54 / 0.3);--scheme-blue-600-50: oklch(0.6743 0.1670 261.54 / 0.5);--scheme-indigo-100: oklch(0.1498 0.0371 301.58);--scheme-indigo-200: oklch(0.2040 0.0780 297.60);--scheme-indigo-300: oklch(0.4008 0.2439 278.87);--scheme-indigo-400: oklch(0.4973 0.2756 280.21);--scheme-indigo-500: oklch(0.5818 0.2295 284.32);--scheme-indigo-600: oklch(0.6833 0.1679 287.37);--scheme-indigo-700: oklch(0.7749 0.1187 288.76);--scheme-indigo-800: oklch(0.8692 0.0620 289.11);--scheme-indigo-900: oklch(0.9107 0.0380 288.90);--scheme-indigo-1000: oklch(0.9502 0.0187 286.04);--scheme-indigo-1100: oklch(0.9648 0.0133 290.75);--scheme-indigo-1200: oklch(0.9832 0.0053 286.30);--scheme-indigo-600-15: oklch(0.6833 0.1679 287.37 / 0.15);--scheme-indigo-600-30: oklch(0.6833 0.1679 287.37 / 0.3);--scheme-indigo-600-50: oklch(0.6833 0.1679 287.37 / 0.5);--scheme-violet-100: oklch(0.1388 0.0332 315.69);--scheme-violet-200: oklch(0.2026 0.0656 313.81);--scheme-violet-300: oklch(0.3967 0.2006 303.99);--scheme-violet-400: oklch(0.5016 0.2692 297.90);--scheme-violet-500: oklch(0.5898 0.2481 299.65);--scheme-violet-600: oklch(0.6890 0.1859 301.14);--scheme-violet-700: oklch(0.7791 0.1318 302.14);--scheme-violet-800: oklch(0.8723 0.0681 302.11);--scheme-violet-900: oklch(0.9119 0.0431 300.25);--scheme-violet-1000: oklch(0.9489 0.0233 299.36);--scheme-violet-1100: oklch(0.9683 0.0121 296.35);--scheme-violet-1200: oklch(0.9821 0.0069 304.24);--scheme-violet-600-15: oklch(0.6890 0.1859 301.14 / 0.15);--scheme-violet-600-30: oklch(0.6890 0.1859 301.14 / 0.3);--scheme-violet-600-50: oklch(0.6890 0.1859 301.14 / 0.5);--scheme-magenta-100: oklch(0.1414 0.0333 324.31);--scheme-magenta-200: oklch(0.2039 0.0638 326.19);--scheme-magenta-300: oklch(0.3934 0.1799 323.42);--scheme-magenta-400: oklch(0.4977 0.2377 320.06);--scheme-magenta-500: oklch(0.5969 0.2770 317.03);--scheme-magenta-600: oklch(0.6967 0.2254 315.54);--scheme-magenta-700: oklch(0.7823 0.1554 314.08);--scheme-magenta-800: oklch(0.8741 0.0787 313.10);--scheme-magenta-900: oklch(0.9135 0.0512 313.80);--scheme-magenta-1000: oklch(0.9490 0.0282 313.36);--scheme-magenta-1100: oklch(0.9667 0.0163 313.62);--scheme-magenta-1200: oklch(0.9828 0.0073 312.30);--scheme-magenta-600-15: oklch(0.6967 0.2254 315.54 / 0.15);--scheme-magenta-600-30: oklch(0.6967 0.2254 315.54 / 0.3);--scheme-magenta-600-50: oklch(0.6967 0.2254 315.54 / 0.5);--scheme-pink-100: oklch(0.1415 0.0286 350.01);--scheme-pink-200: oklch(0.2023 0.0550 350.02);--scheme-pink-300: oklch(0.3891 0.1548 354.23);--scheme-pink-400: oklch(0.4917 0.2021 353.79);--scheme-pink-500: oklch(0.5923 0.2452 351.55);--scheme-pink-600: oklch(0.6992 0.2249 344.77);--scheme-pink-700: oklch(0.7881 0.1733 335.88);--scheme-pink-800: oklch(0.8765 0.0929 332.83);--scheme-pink-900: oklch(0.9153 0.0600 332.16);--scheme-pink-1000: oklch(0.9500 0.0327 330.43);--scheme-pink-1100: oklch(0.9674 0.0183 331.08);--scheme-pink-1200: oklch(0.9841 0.0075 332.12);--scheme-pink-600-15: oklch(0.6992 0.2249 344.77 / 0.15);--scheme-pink-600-30: oklch(0.6992 0.2249 344.77 / 0.3);--scheme-pink-600-50: oklch(0.6992 0.2249 344.77 / 0.5)}:root{--function-info-100: var(--scheme-gray-100);--function-info-200: var(--scheme-gray-200);--function-info-300: var(--scheme-gray-300);--function-info-400: var(--scheme-gray-400);--function-info-500: var(--scheme-gray-500);--function-info-600: var(--scheme-gray-600);--function-info-700: var(--scheme-gray-700);--function-info-800: var(--scheme-gray-800);--function-info-900: var(--scheme-gray-900);--function-info-1000: var(--scheme-gray-1000);--function-info-1100: var(--scheme-gray-1100);--function-info-1200: var(--scheme-gray-1200);--function-info-600-15: var(--scheme-gray-600-15);--function-info-600-30: var(--scheme-gray-600-30);--function-info-600-50: var(--scheme-gray-600-50);--function-warning-100: var(--scheme-yellow-100);--function-warning-200: var(--scheme-yellow-200);--function-warning-300: var(--scheme-yellow-300);--function-warning-400: var(--scheme-yellow-400);--function-warning-500: var(--scheme-yellow-500);--function-warning-600: var(--scheme-yellow-600);--function-warning-700: var(--scheme-yellow-700);--function-warning-800: var(--scheme-yellow-800);--function-warning-900: var(--scheme-yellow-900);--function-warning-1000: var(--scheme-yellow-1000);--function-warning-1100: var(--scheme-yellow-1100);--function-warning-1200: var(--scheme-yellow-1200);--function-warning-600-15: var(--scheme-yellow-600-15);--function-warning-600-30: var(--scheme-yellow-600-30);--function-warning-600-50: var(--scheme-yellow-600-50);--function-danger-100: var(--scheme-red-100);--function-danger-200: var(--scheme-red-200);--function-danger-300: var(--scheme-red-300);--function-danger-400: var(--scheme-red-400);--function-danger-500: var(--scheme-red-500);--function-danger-600: var(--scheme-red-600);--function-danger-700: var(--scheme-red-700);--function-danger-800: var(--scheme-red-800);--function-danger-900: var(--scheme-red-900);--function-danger-1000: var(--scheme-red-1000);--function-danger-1100: var(--scheme-red-1100);--function-danger-1200: var(--scheme-red-1200);--function-danger-600-15: var(--scheme-red-600-15);--function-danger-600-30: var(--scheme-red-600-30);--function-danger-600-50: var(--scheme-red-600-50);--function-success-100: var(--scheme-green-100);--function-success-200: var(--scheme-green-200);--function-success-300: var(--scheme-green-300);--function-success-400: var(--scheme-green-400);--function-success-500: var(--scheme-green-500);--function-success-600: var(--scheme-green-600);--function-success-700: var(--scheme-green-700);--function-success-800: var(--scheme-green-800);--function-success-900: var(--scheme-green-900);--function-success-1000: var(--scheme-green-1000);--function-success-1100: var(--scheme-green-1100);--function-success-1200: var(--scheme-green-1200);--function-success-600-15: var(--scheme-green-600-15);--function-success-600-30: var(--scheme-green-600-30);--function-success-600-50: var(--scheme-green-600-50)}[data-brand=custom]{--function-brand-100: var(--scheme-brand-100);--function-brand-200: var(--scheme-brand-200);--function-brand-300: var(--scheme-brand-300);--function-brand-400: var(--scheme-brand-400);--function-brand-500: var(--scheme-brand-500);--function-brand-600: var(--scheme-brand-600);--function-brand-700: var(--scheme-brand-700);--function-brand-800: var(--scheme-brand-800);--function-brand-900: var(--scheme-brand-900);--function-brand-1000: var(--scheme-brand-1000);--function-brand-1100: var(--scheme-brand-1100);--function-brand-1200: var(--scheme-brand-1200);--function-brand-600-15: var(--scheme-brand-600-15);--function-brand-600-30: var(--scheme-brand-600-30);--function-brand-600-50: var(--scheme-brand-600-50)}[data-brand=red]{--function-brand-100: var(--scheme-red-100);--function-brand-200: var(--scheme-red-200);--function-brand-300: var(--scheme-red-300);--function-brand-400: var(--scheme-red-400);--function-brand-500: var(--scheme-red-500);--function-brand-600: var(--scheme-red-600);--function-brand-700: var(--scheme-red-700);--function-brand-800: var(--scheme-red-800);--function-brand-900: var(--scheme-red-900);--function-brand-1000: var(--scheme-red-1000);--function-brand-1100: var(--scheme-red-1100);--function-brand-1200: var(--scheme-red-1200);--function-brand-600-15: var(--scheme-red-600-15);--function-brand-600-30: var(--scheme-red-600-30);--function-brand-600-50: var(--scheme-red-600-50)}[data-brand=orange]{--function-brand-100: var(--scheme-orange-100);--function-brand-200: var(--scheme-orange-200);--function-brand-300: var(--scheme-orange-300);--function-brand-400: var(--scheme-orange-400);--function-brand-500: var(--scheme-orange-500);--function-brand-600: var(--scheme-orange-600);--function-brand-700: var(--scheme-orange-700);--function-brand-800: var(--scheme-orange-800);--function-brand-900: var(--scheme-orange-900);--function-brand-1000: var(--scheme-orange-1000);--function-brand-1100: var(--scheme-orange-1100);--function-brand-1200: var(--scheme-orange-1200);--function-brand-600-15: var(--scheme-orange-600-15);--function-brand-600-30: var(--scheme-orange-600-30);--function-brand-600-50: var(--scheme-orange-600-50)}[data-brand=yellow]{--function-brand-100: var(--scheme-yellow-100);--function-brand-200: var(--scheme-yellow-200);--function-brand-300: var(--scheme-yellow-300);--function-brand-400: var(--scheme-yellow-400);--function-brand-500: var(--scheme-yellow-500);--function-brand-600: var(--scheme-yellow-600);--function-brand-700: var(--scheme-yellow-700);--function-brand-800: var(--scheme-yellow-800);--function-brand-900: var(--scheme-yellow-900);--function-brand-1000: var(--scheme-yellow-1000);--function-brand-1100: var(--scheme-yellow-1100);--function-brand-1200: var(--scheme-yellow-1200);--function-brand-600-15: var(--scheme-yellow-600-15);--function-brand-600-30: var(--scheme-yellow-600-30);--function-brand-600-50: var(--scheme-yellow-600-50)}[data-brand=moss]{--function-brand-100: var(--scheme-moss-100);--function-brand-200: var(--scheme-moss-200);--function-brand-300: var(--scheme-moss-300);--function-brand-400: var(--scheme-moss-400);--function-brand-500: var(--scheme-moss-500);--function-brand-600: var(--scheme-moss-600);--function-brand-700: var(--scheme-moss-700);--function-brand-800: var(--scheme-moss-800);--function-brand-900: var(--scheme-moss-900);--function-brand-1000: var(--scheme-moss-1000);--function-brand-1100: var(--scheme-moss-1100);--function-brand-1200: var(--scheme-moss-1200);--function-brand-600-15: var(--scheme-moss-600-15);--function-brand-600-30: var(--scheme-moss-600-30);--function-brand-600-50: var(--scheme-moss-600-50)}[data-brand=green]{--function-brand-100: var(--scheme-green-100);--function-brand-200: var(--scheme-green-200);--function-brand-300: var(--scheme-green-300);--function-brand-400: var(--scheme-green-400);--function-brand-500: var(--scheme-green-500);--function-brand-600: var(--scheme-green-600);--function-brand-700: var(--scheme-green-700);--function-brand-800: var(--scheme-green-800);--function-brand-900: var(--scheme-green-900);--function-brand-1000: var(--scheme-green-1000);--function-brand-1100: var(--scheme-green-1100);--function-brand-1200: var(--scheme-green-1200);--function-brand-600-15: var(--scheme-green-600-15);--function-brand-600-30: var(--scheme-green-600-30);--function-brand-600-50: var(--scheme-green-600-50)}[data-brand=emerald]{--function-brand-100: var(--scheme-emerald-100);--function-brand-200: var(--scheme-emerald-200);--function-brand-300: var(--scheme-emerald-300);--function-brand-400: var(--scheme-emerald-400);--function-brand-500: var(--scheme-emerald-500);--function-brand-600: var(--scheme-emerald-600);--function-brand-700: var(--scheme-emerald-700);--function-brand-800: var(--scheme-emerald-800);--function-brand-900: var(--scheme-emerald-900);--function-brand-1000: var(--scheme-emerald-1000);--function-brand-1100: var(--scheme-emerald-1100);--function-brand-1200: var(--scheme-emerald-1200);--function-brand-600-15: var(--scheme-emerald-600-15);--function-brand-600-30: var(--scheme-emerald-600-30);--function-brand-600-50: var(--scheme-emerald-600-50)}[data-brand=aqua]{--function-brand-100: var(--scheme-aqua-100);--function-brand-200: var(--scheme-aqua-200);--function-brand-300: var(--scheme-aqua-300);--function-brand-400: var(--scheme-aqua-400);--function-brand-500: var(--scheme-aqua-500);--function-brand-600: var(--scheme-aqua-600);--function-brand-700: var(--scheme-aqua-700);--function-brand-800: var(--scheme-aqua-800);--function-brand-900: var(--scheme-aqua-900);--function-brand-1000: var(--scheme-aqua-1000);--function-brand-1100: var(--scheme-aqua-1100);--function-brand-1200: var(--scheme-aqua-1200);--function-brand-600-15: var(--scheme-aqua-600-15);--function-brand-600-30: var(--scheme-aqua-600-30);--function-brand-600-50: var(--scheme-aqua-600-50)}[data-brand=cyan]{--function-brand-100: var(--scheme-cyan-100);--function-brand-200: var(--scheme-cyan-200);--function-brand-300: var(--scheme-cyan-300);--function-brand-400: var(--scheme-cyan-400);--function-brand-500: var(--scheme-cyan-500);--function-brand-600: var(--scheme-cyan-600);--function-brand-700: var(--scheme-cyan-700);--function-brand-800: var(--scheme-cyan-800);--function-brand-900: var(--scheme-cyan-900);--function-brand-1000: var(--scheme-cyan-1000);--function-brand-1100: var(--scheme-cyan-1100);--function-brand-1200: var(--scheme-cyan-1200);--function-brand-600-15: var(--scheme-cyan-600-15);--function-brand-600-30: var(--scheme-cyan-600-30);--function-brand-600-50: var(--scheme-cyan-600-50)}[data-brand=blue]{--function-brand-100: var(--scheme-blue-100);--function-brand-200: var(--scheme-blue-200);--function-brand-300: var(--scheme-blue-300);--function-brand-400: var(--scheme-blue-400);--function-brand-500: var(--scheme-blue-500);--function-brand-600: var(--scheme-blue-600);--function-brand-700: var(--scheme-blue-700);--function-brand-800: var(--scheme-blue-800);--function-brand-900: var(--scheme-blue-900);--function-brand-1000: var(--scheme-blue-1000);--function-brand-1100: var(--scheme-blue-1100);--function-brand-1200: var(--scheme-blue-1200);--function-brand-600-15: var(--scheme-blue-600-15);--function-brand-600-30: var(--scheme-blue-600-30);--function-brand-600-50: var(--scheme-blue-600-50)}[data-brand=indigo]{--function-brand-100: var(--scheme-indigo-100);--function-brand-200: var(--scheme-indigo-200);--function-brand-300: var(--scheme-indigo-300);--function-brand-400: var(--scheme-indigo-400);--function-brand-500: var(--scheme-indigo-500);--function-brand-600: var(--scheme-indigo-600);--function-brand-700: var(--scheme-indigo-700);--function-brand-800: var(--scheme-indigo-800);--function-brand-900: var(--scheme-indigo-900);--function-brand-1000: var(--scheme-indigo-1000);--function-brand-1100: var(--scheme-indigo-1100);--function-brand-1200: var(--scheme-indigo-1200);--function-brand-600-15: var(--scheme-indigo-600-15);--function-brand-600-30: var(--scheme-indigo-600-30);--function-brand-600-50: var(--scheme-indigo-600-50)}[data-brand=violet]{--function-brand-100: var(--scheme-violet-100);--function-brand-200: var(--scheme-violet-200);--function-brand-300: var(--scheme-violet-300);--function-brand-400: var(--scheme-violet-400);--function-brand-500: var(--scheme-violet-500);--function-brand-600: var(--scheme-violet-600);--function-brand-700: var(--scheme-violet-700);--function-brand-800: var(--scheme-violet-800);--function-brand-900: var(--scheme-violet-900);--function-brand-1000: var(--scheme-violet-1000);--function-brand-1100: var(--scheme-violet-1100);--function-brand-1200: var(--scheme-violet-1200);--function-brand-600-15: var(--scheme-violet-600-15);--function-brand-600-30: var(--scheme-violet-600-30);--function-brand-600-50: var(--scheme-violet-600-50)}[data-brand=magenta]{--function-brand-100: var(--scheme-magenta-100);--function-brand-200: var(--scheme-magenta-200);--function-brand-300: var(--scheme-magenta-300);--function-brand-400: var(--scheme-magenta-400);--function-brand-500: var(--scheme-magenta-500);--function-brand-600: var(--scheme-magenta-600);--function-brand-700: var(--scheme-magenta-700);--function-brand-800: var(--scheme-magenta-800);--function-brand-900: var(--scheme-magenta-900);--function-brand-1000: var(--scheme-magenta-1000);--function-brand-1100: var(--scheme-magenta-1100);--function-brand-1200: var(--scheme-magenta-1200);--function-brand-600-15: var(--scheme-magenta-600-15);--function-brand-600-30: var(--scheme-magenta-600-30);--function-brand-600-50: var(--scheme-magenta-600-50)}[data-brand=pink]{--function-brand-100: var(--scheme-pink-100);--function-brand-200: var(--scheme-pink-200);--function-brand-300: var(--scheme-pink-300);--function-brand-400: var(--scheme-pink-400);--function-brand-500: var(--scheme-pink-500);--function-brand-600: var(--scheme-pink-600);--function-brand-700: var(--scheme-pink-700);--function-brand-800: var(--scheme-pink-800);--function-brand-900: var(--scheme-pink-900);--function-brand-1000: var(--scheme-pink-1000);--function-brand-1100: var(--scheme-pink-1100);--function-brand-1200: var(--scheme-pink-1200);--function-brand-600-15: var(--scheme-pink-600-15);--function-brand-600-30: var(--scheme-pink-600-30);--function-brand-600-50: var(--scheme-pink-600-50)}[data-accent=custom]{--function-accent-100: var(--scheme-accent-100);--function-accent-200: var(--scheme-accent-200);--function-accent-300: var(--scheme-accent-300);--function-accent-400: var(--scheme-accent-400);--function-accent-500: var(--scheme-accent-500);--function-accent-600: var(--scheme-accent-600);--function-accent-700: var(--scheme-accent-700);--function-accent-800: var(--scheme-accent-800);--function-accent-900: var(--scheme-accent-900);--function-accent-1000: var(--scheme-accent-1000);--function-accent-1100: var(--scheme-accent-1100);--function-accent-1200: var(--scheme-accent-1200);--function-accent-600-15: var(--scheme-accent-600-15);--function-accent-600-30: var(--scheme-accent-600-30);--function-accent-600-50: var(--scheme-accent-600-50)}[data-accent=red]{--function-accent-100: var(--scheme-red-100);--function-accent-200: var(--scheme-red-200);--function-accent-300: var(--scheme-red-300);--function-accent-400: var(--scheme-red-400);--function-accent-500: var(--scheme-red-500);--function-accent-600: var(--scheme-red-600);--function-accent-700: var(--scheme-red-700);--function-accent-800: var(--scheme-red-800);--function-accent-900: var(--scheme-red-900);--function-accent-1000: var(--scheme-red-1000);--function-accent-1100: var(--scheme-red-1100);--function-accent-1200: var(--scheme-red-1200);--function-accent-600-15: var(--scheme-red-600-15);--function-accent-600-30: var(--scheme-red-600-30);--function-accent-600-50: var(--scheme-red-600-50)}[data-accent=orange]{--function-accent-100: var(--scheme-orange-100);--function-accent-200: var(--scheme-orange-200);--function-accent-300: var(--scheme-orange-300);--function-accent-400: var(--scheme-orange-400);--function-accent-500: var(--scheme-orange-500);--function-accent-600: var(--scheme-orange-600);--function-accent-700: var(--scheme-orange-700);--function-accent-800: var(--scheme-orange-800);--function-accent-900: var(--scheme-orange-900);--function-accent-1000: var(--scheme-orange-1000);--function-accent-1100: var(--scheme-orange-1100);--function-accent-1200: var(--scheme-orange-1200);--function-accent-600-15: var(--scheme-orange-600-15);--function-accent-600-30: var(--scheme-orange-600-30);--function-accent-600-50: var(--scheme-orange-600-50)}[data-accent=yellow]{--function-accent-100: var(--scheme-yellow-100);--function-accent-200: var(--scheme-yellow-200);--function-accent-300: var(--scheme-yellow-300);--function-accent-400: var(--scheme-yellow-400);--function-accent-500: var(--scheme-yellow-500);--function-accent-600: var(--scheme-yellow-600);--function-accent-700: var(--scheme-yellow-700);--function-accent-800: var(--scheme-yellow-800);--function-accent-900: var(--scheme-yellow-900);--function-accent-1000: var(--scheme-yellow-1000);--function-accent-1100: var(--scheme-yellow-1100);--function-accent-1200: var(--scheme-yellow-1200);--function-accent-600-15: var(--scheme-yellow-600-15);--function-accent-600-30: var(--scheme-yellow-600-30);--function-accent-600-50: var(--scheme-yellow-600-50)}[data-accent=moss]{--function-accent-100: var(--scheme-moss-100);--function-accent-200: var(--scheme-moss-200);--function-accent-300: var(--scheme-moss-300);--function-accent-400: var(--scheme-moss-400);--function-accent-500: var(--scheme-moss-500);--function-accent-600: var(--scheme-moss-600);--function-accent-700: var(--scheme-moss-700);--function-accent-800: var(--scheme-moss-800);--function-accent-900: var(--scheme-moss-900);--function-accent-1000: var(--scheme-moss-1000);--function-accent-1100: var(--scheme-moss-1100);--function-accent-1200: var(--scheme-moss-1200);--function-accent-600-15: var(--scheme-moss-600-15);--function-accent-600-30: var(--scheme-moss-600-30);--function-accent-600-50: var(--scheme-moss-600-50)}[data-accent=green]{--function-accent-100: var(--scheme-green-100);--function-accent-200: var(--scheme-green-200);--function-accent-300: var(--scheme-green-300);--function-accent-400: var(--scheme-green-400);--function-accent-500: var(--scheme-green-500);--function-accent-600: var(--scheme-green-600);--function-accent-700: var(--scheme-green-700);--function-accent-800: var(--scheme-green-800);--function-accent-900: var(--scheme-green-900);--function-accent-1000: var(--scheme-green-1000);--function-accent-1100: var(--scheme-green-1100);--function-accent-1200: var(--scheme-green-1200);--function-accent-600-15: var(--scheme-green-600-15);--function-accent-600-30: var(--scheme-green-600-30);--function-accent-600-50: var(--scheme-green-600-50)}[data-accent=emerald]{--function-accent-100: var(--scheme-emerald-100);--function-accent-200: var(--scheme-emerald-200);--function-accent-300: var(--scheme-emerald-300);--function-accent-400: var(--scheme-emerald-400);--function-accent-500: var(--scheme-emerald-500);--function-accent-600: var(--scheme-emerald-600);--function-accent-700: var(--scheme-emerald-700);--function-accent-800: var(--scheme-emerald-800);--function-accent-900: var(--scheme-emerald-900);--function-accent-1000: var(--scheme-emerald-1000);--function-accent-1100: var(--scheme-emerald-1100);--function-accent-1200: var(--scheme-emerald-1200);--function-accent-600-15: var(--scheme-emerald-600-15);--function-accent-600-30: var(--scheme-emerald-600-30);--function-accent-600-50: var(--scheme-emerald-600-50)}[data-accent=aqua]{--function-accent-100: var(--scheme-aqua-100);--function-accent-200: var(--scheme-aqua-200);--function-accent-300: var(--scheme-aqua-300);--function-accent-400: var(--scheme-aqua-400);--function-accent-500: var(--scheme-aqua-500);--function-accent-600: var(--scheme-aqua-600);--function-accent-700: var(--scheme-aqua-700);--function-accent-800: var(--scheme-aqua-800);--function-accent-900: var(--scheme-aqua-900);--function-accent-1000: var(--scheme-aqua-1000);--function-accent-1100: var(--scheme-aqua-1100);--function-accent-1200: var(--scheme-aqua-1200);--function-accent-600-15: var(--scheme-aqua-600-15);--function-accent-600-30: var(--scheme-aqua-600-30);--function-accent-600-50: var(--scheme-aqua-600-50)}[data-accent=cyan]{--function-accent-100: var(--scheme-cyan-100);--function-accent-200: var(--scheme-cyan-200);--function-accent-300: var(--scheme-cyan-300);--function-accent-400: var(--scheme-cyan-400);--function-accent-500: var(--scheme-cyan-500);--function-accent-600: var(--scheme-cyan-600);--function-accent-700: var(--scheme-cyan-700);--function-accent-800: var(--scheme-cyan-800);--function-accent-900: var(--scheme-cyan-900);--function-accent-1000: var(--scheme-cyan-1000);--function-accent-1100: var(--scheme-cyan-1100);--function-accent-1200: var(--scheme-cyan-1200);--function-accent-600-15: var(--scheme-cyan-600-15);--function-accent-600-30: var(--scheme-cyan-600-30);--function-accent-600-50: var(--scheme-cyan-600-50)}[data-accent=blue]{--function-accent-100: var(--scheme-blue-100);--function-accent-200: var(--scheme-blue-200);--function-accent-300: var(--scheme-blue-300);--function-accent-400: var(--scheme-blue-400);--function-accent-500: var(--scheme-blue-500);--function-accent-600: var(--scheme-blue-600);--function-accent-700: var(--scheme-blue-700);--function-accent-800: var(--scheme-blue-800);--function-accent-900: var(--scheme-blue-900);--function-accent-1000: var(--scheme-blue-1000);--function-accent-1100: var(--scheme-blue-1100);--function-accent-1200: var(--scheme-blue-1200);--function-accent-600-15: var(--scheme-blue-600-15);--function-accent-600-30: var(--scheme-blue-600-30);--function-accent-600-50: var(--scheme-blue-600-50)}[data-accent=indigo]{--function-accent-100: var(--scheme-indigo-100);--function-accent-200: var(--scheme-indigo-200);--function-accent-300: var(--scheme-indigo-300);--function-accent-400: var(--scheme-indigo-400);--function-accent-500: var(--scheme-indigo-500);--function-accent-600: var(--scheme-indigo-600);--function-accent-700: var(--scheme-indigo-700);--function-accent-800: var(--scheme-indigo-800);--function-accent-900: var(--scheme-indigo-900);--function-accent-1000: var(--scheme-indigo-1000);--function-accent-1100: var(--scheme-indigo-1100);--function-accent-1200: var(--scheme-indigo-1200);--function-accent-600-15: var(--scheme-indigo-600-15);--function-accent-600-30: var(--scheme-indigo-600-30);--function-accent-600-50: var(--scheme-indigo-600-50)}[data-accent=violet]{--function-accent-100: var(--scheme-violet-100);--function-accent-200: var(--scheme-violet-200);--function-accent-300: var(--scheme-violet-300);--function-accent-400: var(--scheme-violet-400);--function-accent-500: var(--scheme-violet-500);--function-accent-600: var(--scheme-violet-600);--function-accent-700: var(--scheme-violet-700);--function-accent-800: var(--scheme-violet-800);--function-accent-900: var(--scheme-violet-900);--function-accent-1000: var(--scheme-violet-1000);--function-accent-1100: var(--scheme-violet-1100);--function-accent-1200: var(--scheme-violet-1200);--function-accent-600-15: var(--scheme-violet-600-15);--function-accent-600-30: var(--scheme-violet-600-30);--function-accent-600-50: var(--scheme-violet-600-50)}[data-accent=magenta]{--function-accent-100: var(--scheme-magenta-100);--function-accent-200: var(--scheme-magenta-200);--function-accent-300: var(--scheme-magenta-300);--function-accent-400: var(--scheme-magenta-400);--function-accent-500: var(--scheme-magenta-500);--function-accent-600: var(--scheme-magenta-600);--function-accent-700: var(--scheme-magenta-700);--function-accent-800: var(--scheme-magenta-800);--function-accent-900: var(--scheme-magenta-900);--function-accent-1000: var(--scheme-magenta-1000);--function-accent-1100: var(--scheme-magenta-1100);--function-accent-1200: var(--scheme-magenta-1200);--function-accent-600-15: var(--scheme-magenta-600-15);--function-accent-600-30: var(--scheme-magenta-600-30);--function-accent-600-50: var(--scheme-magenta-600-50)}[data-accent=pink]{--function-accent-100: var(--scheme-pink-100);--function-accent-200: var(--scheme-pink-200);--function-accent-300: var(--scheme-pink-300);--function-accent-400: var(--scheme-pink-400);--function-accent-500: var(--scheme-pink-500);--function-accent-600: var(--scheme-pink-600);--function-accent-700: var(--scheme-pink-700);--function-accent-800: var(--scheme-pink-800);--function-accent-900: var(--scheme-pink-900);--function-accent-1000: var(--scheme-pink-1000);--function-accent-1100: var(--scheme-pink-1100);--function-accent-1200: var(--scheme-pink-1200);--function-accent-600-15: var(--scheme-pink-600-15);--function-accent-600-30: var(--scheme-pink-600-30);--function-accent-600-50: var(--scheme-pink-600-50)}[data-neutral=custom]{--function-neutral-100: var(--scheme-neutral-100);--function-neutral-200: var(--scheme-neutral-200);--function-neutral-300: var(--scheme-neutral-300);--function-neutral-400: var(--scheme-neutral-400);--function-neutral-500: var(--scheme-neutral-500);--function-neutral-600: var(--scheme-neutral-600);--function-neutral-700: var(--scheme-neutral-700);--function-neutral-800: var(--scheme-neutral-800);--function-neutral-900: var(--scheme-neutral-900);--function-neutral-1000: var(--scheme-neutral-1000);--function-neutral-1100: var(--scheme-neutral-1100);--function-neutral-1200: var(--scheme-neutral-1200);--function-neutral-600-15: var(--scheme-neutral-600-15);--function-neutral-600-30: var(--scheme-neutral-600-30);--function-neutral-600-50: var(--scheme-neutral-600-50)}[data-neutral=slate]{--function-neutral-100: var(--scheme-slate-100);--function-neutral-200: var(--scheme-slate-200);--function-neutral-300: var(--scheme-slate-300);--function-neutral-400: var(--scheme-slate-400);--function-neutral-500: var(--scheme-slate-500);--function-neutral-600: var(--scheme-slate-600);--function-neutral-700: var(--scheme-slate-700);--function-neutral-800: var(--scheme-slate-800);--function-neutral-900: var(--scheme-slate-900);--function-neutral-1000: var(--scheme-slate-1000);--function-neutral-1100: var(--scheme-slate-1100);--function-neutral-1200: var(--scheme-slate-1200);--function-neutral-600-15: var(--scheme-slate-600-15);--function-neutral-600-30: var(--scheme-slate-600-30);--function-neutral-600-50: var(--scheme-slate-600-50)}[data-neutral=gray]{--function-neutral-100: var(--scheme-gray-100);--function-neutral-200: var(--scheme-gray-200);--function-neutral-300: var(--scheme-gray-300);--function-neutral-400: var(--scheme-gray-400);--function-neutral-500: var(--scheme-gray-500);--function-neutral-600: var(--scheme-gray-600);--function-neutral-700: var(--scheme-gray-700);--function-neutral-800: var(--scheme-gray-800);--function-neutral-900: var(--scheme-gray-900);--function-neutral-1000: var(--scheme-gray-1000);--function-neutral-1100: var(--scheme-gray-1100);--function-neutral-1200: var(--scheme-gray-1200);--function-neutral-600-15: var(--scheme-gray-600-15);--function-neutral-600-30: var(--scheme-gray-600-30);--function-neutral-600-50: var(--scheme-gray-600-50)}[data-neutral=rose]{--function-neutral-100: var(--scheme-rose-100);--function-neutral-200: var(--scheme-rose-200);--function-neutral-300: var(--scheme-rose-300);--function-neutral-400: var(--scheme-rose-400);--function-neutral-500: var(--scheme-rose-500);--function-neutral-600: var(--scheme-rose-600);--function-neutral-700: var(--scheme-rose-700);--function-neutral-800: var(--scheme-rose-800);--function-neutral-900: var(--scheme-rose-900);--function-neutral-1000: var(--scheme-rose-1000);--function-neutral-1100: var(--scheme-rose-1100);--function-neutral-1200: var(--scheme-rose-1200);--function-neutral-600-15: var(--scheme-rose-600-15);--function-neutral-600-30: var(--scheme-rose-600-30);--function-neutral-600-50: var(--scheme-rose-600-50)}[data-neutral=mint]{--function-neutral-100: var(--scheme-mint-100);--function-neutral-200: var(--scheme-mint-200);--function-neutral-300: var(--scheme-mint-300);--function-neutral-400: var(--scheme-mint-400);--function-neutral-500: var(--scheme-mint-500);--function-neutral-600: var(--scheme-mint-600);--function-neutral-700: var(--scheme-mint-700);--function-neutral-800: var(--scheme-mint-800);--function-neutral-900: var(--scheme-mint-900);--function-neutral-1000: var(--scheme-mint-1000);--function-neutral-1100: var(--scheme-mint-1100);--function-neutral-1200: var(--scheme-mint-1200);--function-neutral-600-15: var(--scheme-mint-600-15);--function-neutral-600-30: var(--scheme-mint-600-30);--function-neutral-600-50: var(--scheme-mint-600-50)}[data-neutral=dusk]{--function-neutral-100: var(--scheme-dusk-100);--function-neutral-200: var(--scheme-dusk-200);--function-neutral-300: var(--scheme-dusk-300);--function-neutral-400: var(--scheme-dusk-400);--function-neutral-500: var(--scheme-dusk-500);--function-neutral-600: var(--scheme-dusk-600);--function-neutral-700: var(--scheme-dusk-700);--function-neutral-800: var(--scheme-dusk-800);--function-neutral-900: var(--scheme-dusk-900);--function-neutral-1000: var(--scheme-dusk-1000);--function-neutral-1100: var(--scheme-dusk-1100);--function-neutral-1200: var(--scheme-dusk-1200);--function-neutral-600-15: var(--scheme-dusk-600-15);--function-neutral-600-30: var(--scheme-dusk-600-30);--function-neutral-600-50: var(--scheme-dusk-600-50)}[data-neutral=sand]{--function-neutral-100: var(--scheme-sand-100);--function-neutral-200: var(--scheme-sand-200);--function-neutral-300: var(--scheme-sand-300);--function-neutral-400: var(--scheme-sand-400);--function-neutral-500: var(--scheme-sand-500);--function-neutral-600: var(--scheme-sand-600);--function-neutral-700: var(--scheme-sand-700);--function-neutral-800: var(--scheme-sand-800);--function-neutral-900: var(--scheme-sand-900);--function-neutral-1000: var(--scheme-sand-1000);--function-neutral-1100: var(--scheme-sand-1100);--function-neutral-1200: var(--scheme-sand-1200);--function-neutral-600-15: var(--scheme-sand-600-15);--function-neutral-600-30: var(--scheme-sand-600-30);--function-neutral-600-50: var(--scheme-sand-600-50)}:root{--static-space-0: 0;--static-space-1: 1px;--static-space-2: 0.125rem;--static-space-4: 0.25rem;--static-space-8: 0.5rem;--static-space-12: 0.75rem;--static-space-16: 1rem;--static-space-20: 1.25rem;--static-space-24: 1.5rem;--static-space-32: 2rem;--static-space-40: 2.5rem;--static-space-48: 3rem;--static-space-56: 3.5rem;--static-space-64: 4rem;--static-space-72: 4.5rem;--static-space-80: 5rem;--static-space-104: 6.5rem;--static-space-128: 8rem;--static-space-160: 10rem;--static-width-2400: 150rem;--static-width-1600: 100rem;--static-width-1440: 90rem;--static-width-1200: 75rem;--static-width-1024: 64rem;--static-width-880: 55rem;--static-width-768: 48rem;--static-width-640: 40rem;--static-width-560: 35rem;--static-width-400: 25rem;--static-width-320: 20rem;--static-height-560: 35rem;--static-height-480: 30rem;--static-height-400: 25rem;--static-height-360: 22.5rem;--static-height-320: 20rem;--static-height-280: 17.5rem;--static-height-240: 15rem;--static-height-220: 13.75rem;--static-height-160: 10rem;--responsive-width-xl: var(--static-width-1440);--responsive-width-l: var(--static-width-1200);--responsive-width-m: var(--static-width-1024);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-560);--responsive-height-l: var(--static-height-480);--responsive-height-m: var(--static-height-400);--responsive-height-s: var(--static-height-360);--responsive-height-xs: var(--static-height-280);--responsive-space-xl: var(--static-space-80);--responsive-space-l: var(--static-space-40);--responsive-space-m: var(--static-space-24);--responsive-space-s: var(--static-space-16);--responsive-space-xs: var(--static-space-12)}@media(max-width: 1024px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-480);--responsive-height-l: var(--static-height-400);--responsive-height-m: var(--static-height-360);--responsive-height-s: var(--static-height-280);--responsive-height-xs: var(--static-height-240);--responsive-space-xl: var(--static-space-64);--responsive-space-l: var(--static-space-24);--responsive-space-m: var(--static-space-16);--responsive-space-s: var(--static-space-12);--responsive-space-xs: var(--static-space-8)}}@media(max-width: 768px){:root{--responsive-width-xl: var(--static-width-1024);--responsive-width-l: var(--static-width-1024);--responsive-width-m: var(--static-width-880);--responsive-width-s: var(--static-width-768);--responsive-width-xs: var(--static-width-640);--responsive-height-xl: var(--static-height-320);--responsive-height-l: var(--static-height-280);--responsive-height-m: var(--static-height-240);--responsive-height-s: var(--static-height-220);--responsive-height-xs: var(--static-height-160);--responsive-space-xl: var(--static-space-40);--responsive-space-l: var(--static-space-16);--responsive-space-m: var(--static-space-12);--responsive-space-s: var(--static-space-8);--responsive-space-xs: var(--static-space-4)}}[data-scaling="110"]{--static-space-1: calc(0.0625rem * 1.1);--static-space-2: calc(0.125rem * 1.1);--static-space-4: calc(0.25rem * 1.1);--static-space-8: calc(0.5rem * 1.1);--static-space-12: calc(0.75rem * 1.1);--static-space-16: calc(1rem * 1.1);--static-space-20: calc(1.25rem * 1.1);--static-space-24: calc(1.5rem * 1.1);--static-space-32: calc(2rem * 1.1);--static-space-40: calc(2.5rem * 1.1);--static-space-48: calc(3rem * 1.1);--static-space-56: calc(3.5rem * 1.1);--static-space-64: calc(4rem * 1.1);--static-space-72: calc(4.5rem * 1.1);--static-space-80: calc(5rem * 1.1);--static-space-104: calc(6.5rem * 1.1);--static-space-128: calc(8rem * 1.1);--static-space-160: calc(10rem * 1.1);--static-width-2400: calc(150rem * 1.1);--static-width-1600: calc(100rem * 1.1);--static-width-1440: calc(90rem * 1.1);--static-width-1200: calc(75rem * 1.1);--static-width-1024: calc(64rem * 1.1);--static-width-880: calc(55rem * 1.1);--static-width-768: calc(48rem * 1.1);--static-width-560: calc(35rem * 1.1);--static-width-400: calc(25rem * 1.1);--static-width-320: calc(20rem * 1.1);--static-height-560: calc(35rem * 1.1);--static-height-480: calc(30rem * 1.1);--static-height-400: calc(25rem * 1.1);--static-height-360: calc(22.5rem * 1.1);--static-height-320: calc(20rem * 1.1);--static-height-280: calc(17.5rem * 1.1);--static-height-240: calc(15rem * 1.1);--static-height-220: calc(13.75rem * 1.1);--static-height-160: calc(10rem * 1.1)}[data-scaling="105"]{--static-space-1: calc(0.0625rem * 1.05);--static-space-2: calc(0.125rem * 1.05);--static-space-4: calc(0.25rem * 1.05);--static-space-8: calc(0.5rem * 1.05);--static-space-12: calc(0.75rem * 1.05);--static-space-16: calc(1rem * 1.05);--static-space-20: calc(1.25rem * 1.05);--static-space-24: calc(1.5rem * 1.05);--static-space-32: calc(2rem * 1.05);--static-space-40: calc(2.5rem * 1.05);--static-space-48: calc(3rem * 1.05);--static-space-56: calc(3.5rem * 1.05);--static-space-64: calc(4rem * 1.05);--static-space-72: calc(4.5rem * 1.05);--static-space-80: calc(5rem * 1.05);--static-space-104: calc(6.5rem * 1.05);--static-space-128: calc(8rem * 1.05);--static-space-160: calc(10rem * 1.05);--static-width-2400: calc(150rem * 1.05);--static-width-1600: calc(100rem * 1.05);--static-width-1440: calc(90rem * 1.05);--static-width-1200: calc(75rem * 1.05);--static-width-1024: calc(64rem * 1.05);--static-width-880: calc(55rem * 1.05);--static-width-768: calc(48rem * 1.05);--static-width-560: calc(35rem * 1.05);--static-width-400: calc(25rem * 1.05);--static-width-320: calc(20rem * 1.05);--static-height-560: calc(35rem * 1.05);--static-height-480: calc(30rem * 1.05);--static-height-400: calc(25rem * 1.05);--static-height-360: calc(22.5rem * 1.05);--static-height-320: calc(20rem * 1.05);--static-height-280: calc(17.5rem * 1.05);--static-height-240: calc(15rem * 1.05);--static-height-220: calc(13.75rem * 1.05);--static-height-160: calc(10rem * 1.05)}[data-scaling="95"]{--static-space-1: calc(0.0625rem * 0.95);--static-space-2: calc(0.125rem * 0.95);--static-space-4: calc(0.25rem * 0.95);--static-space-8: calc(0.5rem * 0.95);--static-space-12: calc(0.75rem * 0.95);--static-space-16: calc(1rem * 0.95);--static-space-20: calc(1.25rem * 0.95);--static-space-24: calc(1.5rem * 0.95);--static-space-32: calc(2rem * 0.95);--static-space-40: calc(2.5rem * 0.95);--static-space-48: calc(3rem * 0.95);--static-space-56: calc(3.5rem * 0.95);--static-space-64: calc(4rem * 0.95);--static-space-72: calc(4.5rem * 0.95);--static-space-80: calc(5rem * 0.95);--static-space-104: calc(6.5rem * 0.95);--static-space-128: calc(8rem * 0.95);--static-space-160: calc(10rem * 0.95);--static-width-2400: calc(150rem * 0.95);--static-width-1600: calc(100rem * 0.95);--static-width-1440: calc(90rem * 0.95);--static-width-1200: calc(75rem * 0.95);--static-width-1024: calc(64rem * 0.95);--static-width-880: calc(55rem * 0.95);--static-width-768: calc(48rem * 0.95);--static-width-560: calc(35rem * 0.95);--static-width-400: calc(25rem * 0.95);--static-width-320: calc(20rem * 0.95);--static-height-560: calc(35rem * 0.95);--static-height-480: calc(30rem * 0.95);--static-height-400: calc(25rem * 0.95);--static-height-360: calc(22.5rem * 0.95);--static-height-320: calc(20rem * 0.95);--static-height-280: calc(17.5rem * 0.95);--static-height-240: calc(15rem * 0.95);--static-height-220: calc(13.75rem * 0.95);--static-height-160: calc(10rem * 0.95)}[data-scaling="90"]{--static-space-1: calc(0.0625rem * 0.9);--static-space-2: calc(0.125rem * 0.9);--static-space-4: calc(0.25rem * 0.9);--static-space-8: calc(0.5rem * 0.9);--static-space-12: calc(0.75rem * 0.9);--static-space-16: calc(1rem * 0.9);--static-space-20: calc(1.25rem * 0.9);--static-space-24: calc(1.5rem * 0.9);--static-space-32: calc(2rem * 0.9);--static-space-40: calc(2.5rem * 0.9);--static-space-48: calc(3rem * 0.9);--static-space-56: calc(3.5rem * 0.9);--static-space-64: calc(4rem * 0.9);--static-space-72: calc(4.5rem * 0.9);--static-space-80: calc(5rem * 0.9);--static-space-104: calc(6.5rem * 0.9);--static-space-128: calc(8rem * 0.9);--static-space-160: calc(10rem * 0.9);--static-width-2400: calc(150rem * 0.9);--static-width-1600: calc(100rem * 0.9);--static-width-1440: calc(90rem * 0.9);--static-width-1200: calc(75rem * 0.9);--static-width-1024: calc(64rem * 0.9);--static-width-880: calc(55rem * 0.9);--static-width-768: calc(48rem * 0.9);--static-width-560: calc(35rem * 0.9);--static-width-400: calc(25rem * 0.9);--static-width-320: calc(20rem * 0.9);--static-height-560: calc(35rem * 0.9);--static-height-480: calc(30rem * 0.9);--static-height-400: calc(25rem * 0.9);--static-height-360: calc(22.5rem * 0.9);--static-height-320: calc(20rem * 0.9);--static-height-280: calc(17.5rem * 0.9);--static-height-240: calc(15rem * 0.9);--static-height-220: calc(13.75rem * 0.9);--static-height-160: calc(10rem * 0.9)}[data-border=playful]{--radius-xs: 0.25rem;--radius-xs-nest-4: 0.375rem;--radius-xs-nest-8: 0.5rem;--radius-s: 0.5rem;--radius-s-nest-4: 0.75rem;--radius-s-nest-8: 1rem;--radius-m: 0.75rem;--radius-m-nest-4: 1rem;--radius-m-nest-8: 1.25rem;--radius-l: 1rem;--radius-l-nest-4: 1.25rem;--radius-l-nest-8: 1.625rem;--radius-xl: 1.25rem;--radius-xl-nest-4: 1.5rem;--radius-xl-nest-8: 1.875rem;--radius-full: 999rem}[data-border=conservative]{--radius-xs: 0.125rem;--radius-xs-nest-4: 0.25rem;--radius-xs-nest-8: 0.375rem;--radius-s: 0.25rem;--radius-s-nest-4: 0.375rem;--radius-s-nest-8: 0.5rem;--radius-m: 0.375rem;--radius-m-nest-4: 0.5rem;--radius-m-nest-8: 0.625rem;--radius-l: 0.625rem;--radius-l-nest-4: 0.875rem;--radius-l-nest-8: 1.125rem;--radius-xl: 0.75rem;--radius-xl-nest-4: 1rem;--radius-xl-nest-8: 1.25rem;--radius-full: 999rem}[data-border=rounded]{--radius-xs: 1rem;--radius-xs-nest-4: 1.25rem;--radius-xs-nest-8: 1.5rem;--radius-s: 1.25rem;--radius-s-nest-4: 1.5rem;--radius-s-nest-8: 2rem;--radius-m: 1.25rem;--radius-m-nest-4: 1.5rem;--radius-m-nest-8: 1.875rem;--radius-l: 1.75rem;--radius-l-nest-4: 2rem;--radius-l-nest-8: 2.5rem;--radius-xl: 2rem;--radius-xl-nest-4: 2.25rem;--radius-xl-nest-8: 2.75rem;--radius-full: 999rem}[data-border=sharp]{--radius-xs: 0;--radius-xs-nest-4: 0;--radius-xs-nest-8: 0;--radius-s: 0;--radius-s-nest-4: 0;--radius-s-nest-8: 0;--radius-m: 0;--radius-m-nest-4: 0;--radius-m-nest-8: 0;--radius-l: 0;--radius-l-nest-4: 0;--radius-l-nest-8: 0;--radius-xl: 0;--radius-xl-nest-4: 0;--radius-xl-nest-8: 0;--radius-full: 999rem}:root{--shadow-xs: 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--shadow-s: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 4px 8px rgba(0, 0, 0, 0.08);--shadow-m: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 8px 8px rgba(0, 0, 0, 0.08);--shadow-l: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.08);--shadow-xl: 0px 4px 4px rgba(0, 0, 0, 0.12), 0px 8px 12px rgba(0, 0, 0, 0.08), 0px 24px 24px rgba(0, 0, 0, 0.08)}:root{--font-weight-thin: 100;--font-weight-extraLight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--font-weight-extraBold: 800;--font-weight-body-default: var(--font-weight-normal);--font-weight-body-strong: var(--font-weight-bold);--font-weight-label-default: var(--font-weight-normal);--font-weight-label-strong: var(--font-weight-semiBold);--font-weight-code-default: var(--font-weight-normal);--font-weight-code-strong: var(--font-weight-bold);--font-weight-heading-default: var(--font-weight-normal);--font-weight-heading-strong: var(--font-weight-semiBold);--font-weight-display-default: var(--font-weight-light);--font-weight-display-normal: var(--font-weight-normal);--font-weight-display-medium: var(--font-weight-medium);--font-weight-display-strong: var(--font-weight-semiBold);--font-size-display-xl: 5rem;--font-size-display-l: 4rem;--font-size-display-m: 3rem;--font-size-display-s: 2.5rem;--font-size-display-xs: 2rem;--font-size-heading-xl: 1.5rem;--font-size-heading-l: 1.33rem;--font-size-heading-m: 1.25rem;--font-size-heading-s: 1.125rem;--font-size-heading-xs: 1rem;--font-size-body-xl: 1.25rem;--font-size-body-l: 1.125rem;--font-size-body-m: 1rem;--font-size-body-s: 0.875rem;--font-size-body-xs: 0.75rem;--font-size-label-xl: 1.125rem;--font-size-label-l: 1rem;--font-size-label-m: 0.925rem;--font-size-label-s: 0.825rem;--font-size-label-xs: 0.75rem;--line-height-display-xl: 5rem;--line-height-display-l: 4.25rem;--line-height-display-m: 3.25rem;--line-height-display-s: 3rem;--line-height-display-xs: 2.5rem;--line-height-heading-xl: 2rem;--line-height-heading-l: 1.75rem;--line-height-heading-m: 1.5rem;--line-height-heading-s: 1.5rem;--line-height-heading-xs: 1.25rem;--line-height-body-xl: 1.75rem;--line-height-body-l: 1.5rem;--line-height-body-m: 1.5rem;--line-height-body-s: 1.125rem;--line-height-body-xs: 1rem;--line-height-label-xl: 1.5rem;--line-height-label-l: 1.25rem;--line-height-label-m: 1.25rem;--line-height-label-s: 1rem;--line-height-label-xs: 0.875rem}@media(max-width: 1024px){:root{--font-size-display-xl: 3.5rem;--font-size-display-l: 3.25rem;--font-size-display-m: 2.75rem;--font-size-display-s: 2.25rem;--font-size-display-xs: 1.75rem;--font-size-heading-xl: 1.33rem;--font-size-heading-l: 1.25rem;--font-size-heading-m: 1.125rem;--line-height-display-xl: 3.75rem;--line-height-display-l: 3.5rem;--line-height-display-m: 3rem;--line-height-display-s: 2.5rem;--line-height-display-xs: 2rem;--line-height-heading-xl: 1.75rem;--line-height-heading-l: 1.5rem;--line-height-heading-m: 1.25rem}}@media(max-width: 768px){:root{--font-size-display-xl: 2.75rem;--font-size-display-l: 2.5rem;--font-size-display-m: 2.25rem;--font-size-display-s: 2rem;--line-height-display-xl: 3rem;--line-height-display-l: 2.75rem;--line-height-display-m: 2.5rem;--line-height-display-s: 2.5rem}}:root{--font-heading: var(--font-heading);--font-body: var(--font-body);--font-label: var(--font-label);--font-code: var(--font-code);--font-size-display-multiplier: 1;--font-size-heading-multiplier: 1;--font-size-body-multiplier: 1;--font-size-label-multiplier: 1;--line-height-display-multiplier: 1;--line-height-heading-multiplier: 1;--line-height-body-multiplier: 1;--line-height-label-multiplier: 1;--font-scaling-desktop: 16px;--font-scaling-tablet: 16px;--font-scaling-mobile: 15px;--cursor-interactive: pointer;--solid-inset-distance: 0;--solid-inset-size: 0;--solid-border-width: 0;--backdrop-filter: none;--surface-border: var(--static-transparent);--surface-background: var(--neutral-background-medium);--default-border: var(--neutral-border-weak)}[data-cursor-interactive=pointer]{--cursor-interactive: pointer}[data-cursor-interactive=default]{--cursor-interactive: default}[data-desktop-size="18"]{--font-scaling-desktop: 18px}[data-desktop-size="17"]{--font-scaling-desktop: 17px}[data-desktop-size="16"]{--font-scaling-desktop: 16px}[data-desktop-size="15"]{--font-scaling-desktop: 15px}[data-desktop-size="14"]{--font-scaling-desktop: 14px}[data-desktop-size="13"]{--font-scaling-desktop: 13px}[data-tablet-size="18"]{--font-scaling-tablet: 18px}[data-tablet-size="17"]{--font-scaling-tablet: 17px}[data-tablet-size="16"]{--font-scaling-tablet: 16px}[data-tablet-size="15"]{--font-scaling-tablet: 15px}[data-tablet-size="14"]{--font-scaling-tablet: 14px}[data-tablet-size="13"]{--font-scaling-tablet: 13px}[data-mobile-size="18"]{--font-scaling-mobile: 18px}[data-mobile-size="17"]{--font-scaling-mobile: 17px}[data-mobile-size="16"]{--font-scaling-mobile: 16px}[data-mobile-size="15"]{--font-scaling-mobile: 15px}[data-mobile-size="14"]{--font-scaling-mobile: 14px}[data-mobile-size="13"]{--font-scaling-mobile: 13px}[data-body-size="90"]{--font-size-body-multiplier: 0.9}[data-body-size="95"]{--font-size-body-multiplier: 0.95}[data-body-size="100"]{--font-size-body-multiplier: 1}[data-body-size="105"]{--font-size-body-multiplier: 1.05}[data-body-size="110"]{--font-size-body-multiplier: 1.1}[data-body-line-height="90"]{--line-height-body-multiplier: 0.9}[data-body-line-height="100"]{--line-height-body-multiplier: 1}[data-body-line-height="110"]{--line-height-body-multiplier: 1.1}[data-body-line-height="120"]{--line-height-body-multiplier: 1.2}[data-theme=dark]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-black-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-800);--code-gray: var(--scheme-gray-800);--code-aqua: var(--scheme-aqua-800);--code-green: var(--scheme-green-800);--code-blue: var(--scheme-blue-800);--code-violet: var(--scheme-violet-800);--code-orange: var(--scheme-orange-800);--brand-background-strong: var(--function-brand-300);--brand-background-medium: var(--function-brand-200);--brand-background-weak: var(--function-brand-100);--brand-on-background-strong: var(--static-white);--brand-on-background-medium: var(--function-brand-900);--brand-on-background-weak: var(--function-brand-700);--brand-border-strong: var(--function-brand-400);--brand-border-medium: var(--function-brand-300);--brand-border-weak: var(--function-brand-200);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-300);--accent-background-medium: var(--function-accent-200);--accent-background-weak: var(--function-accent-100);--accent-on-background-strong: var(--static-white);--accent-on-background-medium: var(--function-accent-900);--accent-on-background-weak: var(--function-accent-700);--accent-solid-strong: var(--function-accent-500);--accent-solid-medium: var(--function-accent-400);--accent-solid-weak: var(--function-accent-300);--accent-on-solid-strong: var(--static-white);--accent-on-solid-medium: var(--function-accent-1000);--accent-on-solid-weak: var(--function-accent-900);--accent-border-strong: var(--function-accent-400);--accent-border-medium: var(--function-accent-300);--accent-border-weak: var(--function-accent-200);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-300);--neutral-background-medium: var(--function-neutral-200);--neutral-background-weak: var(--function-neutral-100);--neutral-on-background-strong: var(--static-white);--neutral-on-background-medium: var(--function-neutral-900);--neutral-on-background-weak: var(--function-neutral-700);--neutral-solid-strong: var(--function-neutral-500);--neutral-solid-medium: var(--function-neutral-400);--neutral-solid-weak: var(--function-neutral-300);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-medium: var(--function-neutral-1000);--neutral-on-solid-weak: var(--function-neutral-900);--neutral-border-strong: var(--function-neutral-400);--neutral-border-medium: var(--function-neutral-300);--neutral-border-weak: var(--function-neutral-200);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-300);--info-background-medium: var(--function-info-200);--info-background-weak: var(--function-info-100);--info-on-background-strong: var(--static-white);--info-on-background-medium: var(--function-info-900);--info-on-background-weak: var(--function-info-700);--info-solid-strong: var(--function-info-500);--info-solid-medium: var(--function-info-400);--info-solid-weak: var(--function-info-300);--info-on-solid-strong: var(--static-white);--info-on-solid-medium: var(--function-info-1000);--info-on-solid-weak: var(--function-info-900);--info-border-strong: var(--function-info-400);--info-border-medium: var(--function-info-300);--info-border-weak: var(--function-info-200);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-300);--warning-background-medium: var(--function-warning-200);--warning-background-weak: var(--function-warning-100);--warning-on-background-strong: var(--static-white);--warning-on-background-medium: var(--function-warning-900);--warning-on-background-weak: var(--function-warning-700);--warning-solid-strong: var(--function-warning-500);--warning-solid-medium: var(--function-warning-400);--warning-solid-weak: var(--function-warning-300);--warning-on-solid-strong: var(--static-white);--warning-on-solid-medium: var(--function-warning-1000);--warning-on-solid-weak: var(--function-warning-900);--warning-border-strong: var(--function-warning-400);--warning-border-medium: var(--function-warning-300);--warning-border-weak: var(--function-warning-200);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-300);--danger-background-medium: var(--function-danger-200);--danger-background-weak: var(--function-danger-100);--danger-on-background-strong: var(--static-white);--danger-on-background-medium: var(--function-danger-900);--danger-on-background-weak: var(--function-danger-700);--danger-solid-strong: var(--function-danger-500);--danger-solid-medium: var(--function-danger-400);--danger-solid-weak: var(--function-danger-300);--danger-on-solid-strong: var(--static-white);--danger-on-solid-medium: var(--function-danger-1000);--danger-on-solid-weak: var(--function-danger-900);--danger-border-strong: var(--function-danger-400);--danger-border-medium: var(--function-danger-300);--danger-border-weak: var(--function-danger-200);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-300);--success-background-medium: var(--function-success-200);--success-background-weak: var(--function-success-100);--success-on-background-strong: var(--static-white);--success-on-background-medium: var(--function-success-900);--success-on-background-weak: var(--function-success-700);--success-solid-strong: var(--function-success-500);--success-solid-medium: var(--function-success-400);--success-solid-weak: var(--function-success-300);--success-on-solid-strong: var(--static-white);--success-on-solid-medium: var(--function-success-1000);--success-on-solid-weak: var(--function-success-900);--success-border-strong: var(--function-success-400);--success-border-medium: var(--function-success-300);--success-border-weak: var(--function-success-200);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=dark] .dark-flex{display:flex}[data-theme=dark] .dark-grid{display:grid}[data-theme=dark] .light-flex{display:none}[data-theme=dark] .light-grid{display:none}[data-theme=light]{--page-background: var(--neutral-background-weak);--backdrop: var(--static-white-medium);--solid-border-color-brand: var(--brand-alpha-strong);--solid-border-color-neutral: var(--neutral-alpha-strong);--solid-border-color-danger: var(--danger-alpha-strong);--code-moss: var(--scheme-moss-600);--code-gray: var(--scheme-gray-600);--code-aqua: var(--scheme-aqua-600);--code-green: var(--scheme-green-600);--code-blue: var(--scheme-blue-600);--code-violet: var(--scheme-violet-600);--code-orange: var(--scheme-orange-600);--brand-background-strong: var(--function-brand-800);--brand-background-medium: var(--function-brand-1000);--brand-background-weak: var(--static-white);--brand-on-background-strong: var(--function-brand-100);--brand-on-background-medium: var(--function-brand-400);--brand-on-background-weak: var(--function-brand-500);--brand-border-strong: var(--function-brand-800);--brand-border-medium: var(--function-brand-900);--brand-border-weak: var(--function-brand-1000);--brand-alpha-strong: var(--function-brand-600-50);--brand-alpha-medium: var(--function-brand-600-30);--brand-alpha-weak: var(--function-brand-600-15);--accent-background-strong: var(--function-accent-800);--accent-background-medium: var(--function-accent-1000);--accent-background-weak: var(--static-white);--accent-on-background-strong: var(--function-accent-100);--accent-on-background-medium: var(--function-accent-400);--accent-on-background-weak: var(--function-accent-500);--accent-solid-strong: var(--function-accent-600);--accent-solid-medium: var(--function-accent-500);--accent-solid-weak: var(--function-accent-400);--accent-on-solid-strong: var(--static-white);--accent-on-solid-medium: var(--function-accent-1100);--accent-on-solid-weak: var(--function-accent-1000);--accent-border-strong: var(--function-accent-800);--accent-border-medium: var(--function-accent-900);--accent-border-weak: var(--function-accent-1000);--accent-alpha-strong: var(--function-accent-600-50);--accent-alpha-medium: var(--function-accent-600-30);--accent-alpha-weak: var(--function-accent-600-15);--neutral-background-strong: var(--function-neutral-800);--neutral-background-medium: var(--function-neutral-1000);--neutral-background-weak: var(--static-white);--neutral-on-background-strong: var(--function-neutral-100);--neutral-on-background-medium: var(--function-neutral-400);--neutral-on-background-weak: var(--function-neutral-500);--neutral-solid-strong: var(--function-neutral-600);--neutral-solid-medium: var(--function-neutral-500);--neutral-solid-weak: var(--function-neutral-400);--neutral-on-solid-strong: var(--static-white);--neutral-on-solid-medium: var(--function-neutral-1100);--neutral-on-solid-weak: var(--function-neutral-1000);--neutral-border-strong: var(--function-neutral-800);--neutral-border-medium: var(--function-neutral-900);--neutral-border-weak: var(--function-neutral-1000);--neutral-alpha-strong: var(--function-neutral-600-50);--neutral-alpha-medium: var(--function-neutral-600-30);--neutral-alpha-weak: var(--function-neutral-600-15);--info-background-strong: var(--function-info-800);--info-background-medium: var(--function-info-1000);--info-background-weak: var(--static-white);--info-on-background-strong: var(--function-info-100);--info-on-background-medium: var(--function-info-400);--info-on-background-weak: var(--function-info-500);--info-solid-strong: var(--function-info-600);--info-solid-medium: var(--function-info-500);--info-solid-weak: var(--function-info-400);--info-on-solid-strong: var(--static-white);--info-on-solid-medium: var(--function-info-1100);--info-on-solid-weak: var(--function-info-1000);--info-border-strong: var(--function-info-800);--info-border-medium: var(--function-info-900);--info-border-weak: var(--function-info-1000);--info-alpha-strong: var(--function-info-600-50);--info-alpha-medium: var(--function-info-600-30);--info-alpha-weak: var(--function-info-600-15);--warning-background-strong: var(--function-warning-800);--warning-background-medium: var(--function-warning-1000);--warning-background-weak: var(--static-white);--warning-on-background-strong: var(--function-warning-100);--warning-on-background-medium: var(--function-warning-400);--warning-on-background-weak: var(--function-warning-500);--warning-solid-strong: var(--function-warning-600);--warning-solid-medium: var(--function-warning-500);--warning-solid-weak: var(--function-warning-400);--warning-on-solid-strong: var(--static-white);--warning-on-solid-medium: var(--function-warning-1100);--warning-on-solid-weak: var(--function-warning-1000);--warning-border-strong: var(--function-warning-800);--warning-border-medium: var(--function-warning-900);--warning-border-weak: var(--function-warning-1000);--warning-alpha-strong: var(--function-warning-600-50);--warning-alpha-medium: var(--function-warning-600-30);--warning-alpha-weak: var(--function-warning-600-15);--danger-background-strong: var(--function-danger-800);--danger-background-medium: var(--function-danger-1000);--danger-background-weak: var(--static-white);--danger-on-background-strong: var(--function-danger-100);--danger-on-background-medium: var(--function-danger-400);--danger-on-background-weak: var(--function-danger-500);--danger-solid-strong: var(--function-danger-600);--danger-solid-medium: var(--function-danger-500);--danger-solid-weak: var(--function-danger-400);--danger-on-solid-strong: var(--static-white);--danger-on-solid-medium: var(--function-danger-1100);--danger-on-solid-weak: var(--function-danger-1000);--danger-border-strong: var(--function-danger-800);--danger-border-medium: var(--function-danger-900);--danger-border-weak: var(--function-danger-1000);--danger-alpha-strong: var(--function-danger-600-50);--danger-alpha-medium: var(--function-danger-600-30);--danger-alpha-weak: var(--function-danger-600-15);--success-background-strong: var(--function-success-800);--success-background-medium: var(--function-success-1000);--success-background-weak: var(--static-white);--success-on-background-strong: var(--function-success-100);--success-on-background-medium: var(--function-success-400);--success-on-background-weak: var(--function-success-500);--success-solid-strong: var(--function-success-600);--success-solid-medium: var(--function-success-500);--success-solid-weak: var(--function-success-400);--success-on-solid-strong: var(--static-white);--success-on-solid-medium: var(--function-success-1100);--success-on-solid-weak: var(--function-success-1000);--success-border-strong: var(--function-success-800);--success-border-medium: var(--function-success-900);--success-border-weak: var(--function-success-1000);--success-alpha-strong: var(--function-success-600-50);--success-alpha-medium: var(--function-success-600-30);--success-alpha-weak: var(--function-success-600-15)}[data-theme=light] .dark-flex{display:none}[data-theme=light] .dark-grid{display:none}[data-theme=light] .light-flex{display:flex}[data-theme=light] .light-grid{display:grid}[data-solid-style=plastic]{--solid-inset-distance: -1rem;--solid-inset-size: 1rem;--solid-border-width: 1px}[data-transition=all],[data-transition=micro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-micro-short: 0.1s;--transition-duration-micro-medium: 0.2s;--transition-duration-micro-long: 0.4s;--transition-micro-short: var(--transition-property-all) var(--transition-duration-micro-short) var(--transition-eased);--transition-micro-medium: var(--transition-property-all) var(--transition-duration-micro-medium) var(--transition-eased);--transition-micro-long: var(--transition-property-all) var(--transition-duration-micro-long) var(--transition-eased)}[data-transition=all],[data-transition=macro]{--transition-eased: ease-in-out;--transition-property-all: all;--transition-duration-macro-short: 0.15s;--transition-duration-macro-medium: 0.3s;--transition-duration-macro-long: 0.6s;--transition-macro-short: var(--transition-property-all) var(--transition-duration-macro-short) var(--transition-eased);--transition-macro-medium: var(--transition-property-all) var(--transition-duration-macro-medium) var(--transition-eased);--transition-macro-long: var(--transition-property-all) var(--transition-duration-macro-long) var(--transition-eased)}[data-surface=translucent]{--backdrop-filter: blur(1rem)}[data-surface=translucent][data-theme=light],[data-surface=translucent] [data-theme=light]{--surface-background: var(--static-white-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=translucent][data-theme=dark],[data-surface=translucent] [data-theme=dark]{--surface-background: var(--static-black-medium);--surface-border: var(--neutral-alpha-medium)}[data-surface=filled][data-theme=light],[data-surface=filled] [data-theme=light]{--surface-background: var(--neutral-background-weak);--surface-border: var(--neutral-border-medium)}[data-surface=filled][data-theme=dark],[data-surface=filled] [data-theme=dark]{--surface-background: var(--neutral-background-medium);--surface-border: var(--static-transparent)}[data-theme=dark][data-solid=color],[data-theme=dark] [data-solid=color]{--brand-solid-strong: var(--function-brand-500);--brand-solid-medium: var(--function-brand-400);--brand-solid-weak: var(--function-brand-300);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-900)}[data-theme=dark][data-solid=contrast],[data-theme=dark] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-1000);--brand-solid-medium: var(--static-white);--brand-solid-weak: var(--function-neutral-900);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-neutral-100);--brand-on-solid-weak: var(--function-neutral-200)}[data-theme=dark][data-solid=inverse],[data-theme=dark] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-800);--brand-solid-medium: var(--function-brand-700);--brand-solid-weak: var(--function-brand-600);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=light][data-solid=color],[data-theme=light] [data-solid=color]{--brand-solid-strong: var(--function-brand-600);--brand-solid-medium: var(--function-brand-500);--brand-solid-weak: var(--function-brand-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-brand-1100);--brand-on-solid-weak: var(--function-brand-1000)}[data-theme=light][data-solid=contrast],[data-theme=light] [data-solid=contrast]{--brand-solid-strong: var(--function-neutral-300);--brand-solid-medium: var(--static-black);--brand-solid-weak: var(--function-neutral-400);--brand-on-solid-strong: var(--static-white);--brand-on-solid-medium: var(--function-neutral-1100);--brand-on-solid-weak: var(--function-neutral-1000)}[data-solid=color]{--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=contrast]{--solid-border-color-brand: var(--neutral-alpha-strong);--solid-inset-color-brand: var(--static-transparent);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-solid=inverse]{--solid-border-color-brand: var(--brand-alpha-strong);--solid-inset-color-brand: var(--brand-alpha-strong);--solid-inset-color-neutral: var(--static-transparent);--solid-inset-color-danger: var(--danger-alpha-strong)}[data-theme=light][data-solid=inverse],[data-theme=light] [data-solid=inverse]{--brand-solid-strong: var(--function-brand-900);--brand-solid-medium: var(--function-brand-800);--brand-solid-weak: var(--function-brand-700);--brand-on-solid-strong: var(--static-black);--brand-on-solid-medium: var(--function-neutral-100);--brand-on-solid-weak: var(--function-brand-200)}[data-theme=dark]{--data-blue: var(--scheme-blue-400);--data-aqua: var(--scheme-aqua-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-yellow: var(--scheme-yellow-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-moss: var(--scheme-moss-400);--data-green: var(--scheme-green-400);--data-emerald: var(--scheme-emerald-400);--data-cyan: var(--scheme-cyan-400);--data-violet: var(--scheme-violet-400);--data-indigo: var(--scheme-indigo-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=divergent]{--data-blue: var(--scheme-red-400);--data-aqua: var(--scheme-red-500);--data-magenta: var(--scheme-orange-500);--data-pink: var(--scheme-orange-600);--data-yellow: var(--scheme-yellow-700);--data-orange: var(--scheme-yellow-800);--data-red: var(--scheme-yellow-900);--data-moss: var(--scheme-moss-1000);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=dark] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-300);--data-magenta: var(--function-brand-400);--data-pink: var(--function-brand-500);--data-yellow: var(--function-brand-600);--data-orange: var(--function-brand-700);--data-red: var(--function-brand-800);--data-moss: var(--function-brand-900);--data-green: var(--function-brand-1000);--data-emerald: var(--function-brand-1100);--data-cyan: var(--function-brand-1200);--data-violet: var(--function-brand-1200);--data-indigo: var(--function-brand-1200);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-white)}[data-theme=light]{--data-blue: var(--scheme-blue-400);--data-indigo: var(--scheme-indigo-400);--data-green: var(--scheme-green-400);--data-aqua: var(--scheme-aqua-400);--data-violet: var(--scheme-violet-400);--data-orange: var(--scheme-orange-400);--data-red: var(--scheme-red-400);--data-cyan: var(--scheme-cyan-400);--data-magenta: var(--scheme-magenta-400);--data-pink: var(--scheme-pink-400);--data-moss: var(--scheme-moss-400);--data-emerald: var(--scheme-emerald-400);--data-yellow: var(--scheme-yellow-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=divergent]{--data-blue: var(--scheme-red-300);--data-aqua: var(--scheme-red-400);--data-magenta: var(--scheme-orange-400);--data-pink: var(--scheme-orange-500);--data-yellow: var(--scheme-yellow-500);--data-orange: var(--scheme-yellow-600);--data-red: var(--scheme-yellow-700);--data-moss: var(--scheme-moss-800);--data-green: var(--scheme-moss-900);--data-emerald: var(--scheme-green-800);--data-cyan: var(--scheme-aqua-700);--data-violet: var(--scheme-aqua-600);--data-indigo: var(--scheme-cyan-400);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}[data-theme=light] [data-viz-style=sequential]{--data-blue: var(--function-brand-200);--data-aqua: var(--function-brand-200);--data-magenta: var(--function-brand-200);--data-pink: var(--function-brand-300);--data-yellow: var(--function-brand-400);--data-orange: var(--function-brand-500);--data-red: var(--function-brand-600);--data-moss: var(--function-brand-700);--data-green: var(--function-brand-800);--data-emerald: var(--function-brand-900);--data-cyan: var(--function-brand-1000);--data-violet: var(--function-brand-1100);--data-indigo: var(--function-brand-1100);--data-gray: var(--scheme-gray-400);--data-contrast: var(--static-black)}/*# sourceMappingURL=tokens.css.map */
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
package/dist/hooks/index.js
CHANGED
package/dist/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# Icon attribution
|
|
2
|
+
|
|
3
|
+
Once UI's built-in icons are inlined SVG data (`data.ts`), generated by
|
|
4
|
+
`scripts/generate-icons.mjs` from the sets below. Each is permissively
|
|
5
|
+
licensed; their notices are reproduced here as those licences require.
|
|
6
|
+
|
|
7
|
+
| Set | Used for | Licence |
|
|
8
|
+
| --- | --- | --- |
|
|
9
|
+
| [Heroicons 2](https://github.com/tailwindlabs/heroicons) | most UI glyphs (`hi2`) | MIT — © Tailwind Labs |
|
|
10
|
+
| [Ionicons 5](https://ionicons.com/) | food, ball, world, gift, symbol, flag (`io5`) | MIT — © Ionic |
|
|
11
|
+
| [Lucide](https://lucide.dev/) | wordmark (`lu`) | ISC — © Lucide Contributors |
|
|
12
|
+
| [Phosphor](https://github.com/phosphor-icons/core) | radialGauge, linearGauge (`pi`) | MIT — © Phosphor Icons |
|
|
13
|
+
|
|
14
|
+
The data was obtained through [`react-icons`](https://github.com/react-icons/react-icons)
|
|
15
|
+
(MIT), which remains a devDependency for regenerating it and is not shipped to
|
|
16
|
+
consumers.
|
|
17
|
+
|
|
18
|
+
To change the set, edit `scripts/icon-manifest.json` and run
|
|
19
|
+
`pnpm generate-icons`.
|