@nizivo/react 0.0.0-stage → 0.2.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/LICENSE +202 -0
- package/README.md +120 -2
- package/THIRD_PARTY_NOTICES +68 -0
- package/dist/_engines/react-aria/dialog.client.js +126 -0
- package/dist/_engines/react-aria/dom-allowlist.js +19 -0
- package/dist/_engines/react-aria/dom.js +31 -0
- package/dist/_engines/react-aria/drawer.client.js +8 -0
- package/dist/_engines/react-aria/file-upload.client.js +50 -0
- package/dist/_engines/react-aria/locale.client.js +13 -0
- package/dist/_engines/react-aria/menu.client.js +229 -0
- package/dist/_engines/react-aria/open-state.client.js +53 -0
- package/dist/_engines/react-aria/outside-press.client.js +61 -0
- package/dist/_engines/react-aria/overlay.client.js +46 -0
- package/dist/_engines/react-aria/popover.client.js +148 -0
- package/dist/_engines/react-aria/popup.client.js +153 -0
- package/dist/_engines/react-aria/select.client.js +180 -0
- package/dist/_engines/react-aria/tabs.client.js +95 -0
- package/dist/_engines/react-aria/toast.client.js +38 -0
- package/dist/_engines/react-aria/tooltip.client.js +72 -0
- package/dist/_internal/cx.js +11 -0
- package/dist/_internal/data-status.d.ts +3 -0
- package/dist/_internal/data-status.js +13 -0
- package/dist/_internal/engine-part.d.ts +1 -0
- package/dist/_internal/field.js +20 -0
- package/dist/_internal/glyphs.js +87 -0
- package/dist/_internal/keys.js +62 -0
- package/dist/_internal/modal.client.js +54 -0
- package/dist/_internal/nested-focus.js +33 -0
- package/dist/_internal/overlay.d.ts +9 -0
- package/dist/_virtual/_rolldown/runtime.js +13 -0
- package/dist/alert/alert-dismiss.client.d.ts +32 -0
- package/dist/alert/alert-dismiss.client.js +38 -0
- package/dist/alert/alert.d.ts +28 -0
- package/dist/alert/alert.js +44 -0
- package/dist/alert/index.d.ts +3 -0
- package/dist/alert/index.js +3 -0
- package/dist/app-shell/app-shell.d.ts +24 -0
- package/dist/app-shell/app-shell.js +56 -0
- package/dist/app-shell/index.d.ts +2 -0
- package/dist/app-shell/index.js +1 -0
- package/dist/augment.d.ts +13 -0
- package/dist/augment.js +0 -0
- package/dist/avatar/avatar.d.ts +96 -0
- package/dist/avatar/avatar.js +94 -0
- package/dist/avatar/index.d.ts +2 -0
- package/dist/avatar/index.js +1 -0
- package/dist/badge/badge.d.ts +19 -0
- package/dist/badge/badge.js +22 -0
- package/dist/badge/index.d.ts +2 -0
- package/dist/badge/index.js +1 -0
- package/dist/banner/banner-dismiss.client.d.ts +32 -0
- package/dist/banner/banner-dismiss.client.js +38 -0
- package/dist/banner/banner.d.ts +34 -0
- package/dist/banner/banner.js +47 -0
- package/dist/banner/index.d.ts +3 -0
- package/dist/banner/index.js +3 -0
- package/dist/breadcrumb/breadcrumb.d.ts +46 -0
- package/dist/breadcrumb/breadcrumb.js +46 -0
- package/dist/breadcrumb/breadcrumb.parts.d.ts +6 -0
- package/dist/breadcrumb/breadcrumb.parts.js +9 -0
- package/dist/breadcrumb/index.d.ts +3 -0
- package/dist/breadcrumb/index.js +3 -0
- package/dist/button/button.d.ts +55 -0
- package/dist/button/button.js +62 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/index.js +1 -0
- package/dist/card/card.d.ts +64 -0
- package/dist/card/card.js +62 -0
- package/dist/card/card.parts.d.ts +6 -0
- package/dist/card/card.parts.js +14 -0
- package/dist/card/index.d.ts +3 -0
- package/dist/card/index.js +3 -0
- package/dist/checkbox/checkbox.client.d.ts +37 -0
- package/dist/checkbox/checkbox.client.js +81 -0
- package/dist/checkbox/index.d.ts +2 -0
- package/dist/checkbox/index.js +1 -0
- package/dist/chip-group/chip-group.client.d.ts +88 -0
- package/dist/chip-group/chip-group.client.js +157 -0
- package/dist/chip-group/index.d.ts +2 -0
- package/dist/chip-group/index.js +1 -0
- package/dist/choice-card/choice-card.client.d.ts +66 -0
- package/dist/choice-card/choice-card.client.js +138 -0
- package/dist/choice-card/index.d.ts +2 -0
- package/dist/choice-card/index.js +1 -0
- package/dist/config/config.client.d.ts +24 -0
- package/dist/config/config.client.js +33 -0
- package/dist/config/index.d.ts +2 -0
- package/dist/config/index.js +1 -0
- package/dist/container/container.d.ts +13 -0
- package/dist/container/container.js +16 -0
- package/dist/container/index.d.ts +2 -0
- package/dist/container/index.js +1 -0
- package/dist/contracts/details.d.ts +13 -0
- package/dist/contracts/details.js +9 -0
- package/dist/contracts/index.d.ts +5 -0
- package/dist/contracts/index.js +5 -0
- package/dist/contracts/merge-props.d.ts +16 -0
- package/dist/contracts/merge-props.js +76 -0
- package/dist/contracts/render.d.ts +17 -0
- package/dist/contracts/render.js +43 -0
- package/dist/contracts/state.d.ts +42 -0
- package/dist/contracts/state.js +42 -0
- package/dist/css/alert.css +2 -0
- package/dist/css/app-shell.css +2 -0
- package/dist/css/avatar.css +2 -0
- package/dist/css/badge.css +2 -0
- package/dist/css/banner.css +2 -0
- package/dist/css/base.css +2 -0
- package/dist/css/breadcrumb.css +2 -0
- package/dist/css/button.css +2 -0
- package/dist/css/card.css +2 -0
- package/dist/css/checkbox.css +2 -0
- package/dist/css/chip-group.css +2 -0
- package/dist/css/choice-card.css +2 -0
- package/dist/css/container.css +2 -0
- package/dist/css/delta.css +2 -0
- package/dist/css/dialog.css +2 -0
- package/dist/css/drawer.css +2 -0
- package/dist/css/empty-state.css +2 -0
- package/dist/css/field.css +2 -0
- package/dist/css/fieldset.css +2 -0
- package/dist/css/file-upload.css +2 -0
- package/dist/css/form.css +2 -0
- package/dist/css/grid.css +2 -0
- package/dist/css/heading.css +2 -0
- package/dist/css/icon-button.css +2 -0
- package/dist/css/image.css +2 -0
- package/dist/css/inline-error.css +2 -0
- package/dist/css/inline.css +2 -0
- package/dist/css/input.css +2 -0
- package/dist/css/kbd.css +2 -0
- package/dist/css/kpi-tile.css +2 -0
- package/dist/css/menu.css +2 -0
- package/dist/css/meter.css +2 -0
- package/dist/css/metric.css +2 -0
- package/dist/css/mobile-tab-bar.css +2 -0
- package/dist/css/mobile-top-bar.css +2 -0
- package/dist/css/motion.css +2 -0
- package/dist/css/native-select.css +2 -0
- package/dist/css/nav-item.css +2 -0
- package/dist/css/number-value.css +2 -0
- package/dist/css/page-header.css +2 -0
- package/dist/css/pagination.css +2 -0
- package/dist/css/password-input.css +2 -0
- package/dist/css/popover.css +2 -0
- package/dist/css/progress-bar.css +2 -0
- package/dist/css/progress-ring.css +2 -0
- package/dist/css/radio-group.css +2 -0
- package/dist/css/ranked-list.css +2 -0
- package/dist/css/search-field.css +2 -0
- package/dist/css/segmented-control.css +2 -0
- package/dist/css/select.css +2 -0
- package/dist/css/separator.css +2 -0
- package/dist/css/sidebar.css +2 -0
- package/dist/css/skeleton.css +2 -0
- package/dist/css/split.css +2 -0
- package/dist/css/stack.css +2 -0
- package/dist/css/sticky-bar.css +2 -0
- package/dist/css/switch.css +2 -0
- package/dist/css/tab-nav.css +2 -0
- package/dist/css/table-selection.css +2 -0
- package/dist/css/table.css +2 -0
- package/dist/css/tabs.css +2 -0
- package/dist/css/text.css +2 -0
- package/dist/css/textarea.css +2 -0
- package/dist/css/toast.css +2 -0
- package/dist/css/tooltip.css +2 -0
- package/dist/css/top-bar.css +2 -0
- package/dist/css/trend-card.css +2 -0
- package/dist/delta/delta.d.ts +32 -0
- package/dist/delta/delta.js +50 -0
- package/dist/delta/index.d.ts +2 -0
- package/dist/delta/index.js +1 -0
- package/dist/dialog/dialog.client.d.ts +25 -0
- package/dist/dialog/dialog.client.js +145 -0
- package/dist/dialog/dialog.contract.d.ts +97 -0
- package/dist/dialog/dialog.parts.d.ts +6 -0
- package/dist/dialog/dialog.parts.js +15 -0
- package/dist/dialog/index.d.ts +5 -0
- package/dist/dialog/index.js +3 -0
- package/dist/drawer/drawer.client.d.ts +25 -0
- package/dist/drawer/drawer.client.js +154 -0
- package/dist/drawer/drawer.contract.d.ts +98 -0
- package/dist/drawer/drawer.parts.d.ts +6 -0
- package/dist/drawer/drawer.parts.js +16 -0
- package/dist/drawer/index.d.ts +5 -0
- package/dist/drawer/index.js +3 -0
- package/dist/empty-state/empty-state.d.ts +18 -0
- package/dist/empty-state/empty-state.js +32 -0
- package/dist/empty-state/index.d.ts +2 -0
- package/dist/empty-state/index.js +1 -0
- package/dist/field/field-scope.client.d.ts +50 -0
- package/dist/field/field-scope.client.js +212 -0
- package/dist/field/field-static.d.ts +122 -0
- package/dist/field/field-static.js +159 -0
- package/dist/field/field.d.ts +5 -0
- package/dist/field/field.js +53 -0
- package/dist/field/index.d.ts +4 -0
- package/dist/field/index.js +4 -0
- package/dist/fieldset/fieldset.d.ts +36 -0
- package/dist/fieldset/fieldset.js +63 -0
- package/dist/fieldset/index.d.ts +2 -0
- package/dist/fieldset/index.js +1 -0
- package/dist/file-upload/file-upload.client.d.ts +9 -0
- package/dist/file-upload/file-upload.client.js +406 -0
- package/dist/file-upload/file-upload.contract.d.ts +112 -0
- package/dist/file-upload/index.d.ts +3 -0
- package/dist/file-upload/index.js +1 -0
- package/dist/file-upload/seam.d.ts +1 -0
- package/dist/form/form.client.d.ts +38 -0
- package/dist/form/form.client.js +127 -0
- package/dist/form/form.d.ts +36 -0
- package/dist/form/form.js +29 -0
- package/dist/form/index.d.ts +4 -0
- package/dist/form/index.js +4 -0
- package/dist/form/submit-button.client.d.ts +20 -0
- package/dist/form/submit-button.client.js +19 -0
- package/dist/grid/grid.d.ts +38 -0
- package/dist/grid/grid.js +28 -0
- package/dist/grid/index.d.ts +2 -0
- package/dist/grid/index.js +1 -0
- package/dist/heading/heading.d.ts +30 -0
- package/dist/heading/heading.js +26 -0
- package/dist/heading/index.d.ts +2 -0
- package/dist/heading/index.js +1 -0
- package/dist/i18n/format-label.d.ts +24 -0
- package/dist/i18n/format-label.js +19 -0
- package/dist/i18n/index.d.ts +2 -0
- package/dist/i18n/index.js +1 -0
- package/dist/icon-button/icon-button-static.d.ts +23 -0
- package/dist/icon-button/icon-button-static.js +83 -0
- package/dist/icon-button/icon-button.client.js +29 -0
- package/dist/icon-button/icon-button.contract.d.ts +89 -0
- package/dist/icon-button/icon-button.d.ts +5 -0
- package/dist/icon-button/icon-button.js +21 -0
- package/dist/icon-button/index.d.ts +4 -0
- package/dist/icon-button/index.js +3 -0
- package/dist/image/image.d.ts +28 -0
- package/dist/image/image.js +24 -0
- package/dist/image/index.d.ts +2 -0
- package/dist/image/index.js +1 -0
- package/dist/index.d.ts +174 -0
- package/dist/index.js +96 -0
- package/dist/inline/index.d.ts +2 -0
- package/dist/inline/index.js +1 -0
- package/dist/inline/inline.d.ts +16 -0
- package/dist/inline/inline.js +14 -0
- package/dist/inline-error/index.d.ts +2 -0
- package/dist/inline-error/index.js +1 -0
- package/dist/inline-error/inline-error.d.ts +17 -0
- package/dist/inline-error/inline-error.js +33 -0
- package/dist/input/index.d.ts +2 -0
- package/dist/input/index.js +1 -0
- package/dist/input/input.client.d.ts +39 -0
- package/dist/input/input.client.js +82 -0
- package/dist/kbd/index.d.ts +2 -0
- package/dist/kbd/index.js +1 -0
- package/dist/kbd/kbd.d.ts +19 -0
- package/dist/kbd/kbd.js +68 -0
- package/dist/kpi-tile/index.d.ts +2 -0
- package/dist/kpi-tile/index.js +1 -0
- package/dist/kpi-tile/kpi-tile.d.ts +30 -0
- package/dist/kpi-tile/kpi-tile.js +48 -0
- package/dist/locales/en-US.d.ts +77 -0
- package/dist/locales/en-US.js +83 -0
- package/dist/menu/index.d.ts +5 -0
- package/dist/menu/index.js +3 -0
- package/dist/menu/menu.client.d.ts +14 -0
- package/dist/menu/menu.client.js +152 -0
- package/dist/menu/menu.contract.d.ts +152 -0
- package/dist/menu/menu.parts.d.ts +6 -0
- package/dist/menu/menu.parts.js +17 -0
- package/dist/meter/index.d.ts +2 -0
- package/dist/meter/index.js +1 -0
- package/dist/meter/meter.d.ts +43 -0
- package/dist/meter/meter.js +59 -0
- package/dist/metric/index.d.ts +2 -0
- package/dist/metric/index.js +1 -0
- package/dist/metric/metric.d.ts +72 -0
- package/dist/metric/metric.js +116 -0
- package/dist/mobile-tab-bar/index.d.ts +4 -0
- package/dist/mobile-tab-bar/index.js +4 -0
- package/dist/mobile-tab-bar/mobile-tab-bar-inset.client.js +38 -0
- package/dist/mobile-tab-bar/mobile-tab-bar-more.client.d.ts +26 -0
- package/dist/mobile-tab-bar/mobile-tab-bar-more.client.js +60 -0
- package/dist/mobile-tab-bar/mobile-tab-bar.d.ts +39 -0
- package/dist/mobile-tab-bar/mobile-tab-bar.js +54 -0
- package/dist/mobile-tab-bar/mobile-tab-bar.parts.d.ts +6 -0
- package/dist/mobile-tab-bar/mobile-tab-bar.parts.js +9 -0
- package/dist/mobile-top-bar/index.d.ts +2 -0
- package/dist/mobile-top-bar/index.js +1 -0
- package/dist/mobile-top-bar/mobile-top-bar.d.ts +17 -0
- package/dist/mobile-top-bar/mobile-top-bar.js +31 -0
- package/dist/motion/count-up.client.d.ts +39 -0
- package/dist/motion/count-up.client.js +109 -0
- package/dist/motion/index.d.ts +2 -0
- package/dist/motion/index.js +1 -0
- package/dist/native-select/index.d.ts +2 -0
- package/dist/native-select/index.js +1 -0
- package/dist/native-select/native-select.d.ts +43 -0
- package/dist/native-select/native-select.js +56 -0
- package/dist/nav-item/index.d.ts +2 -0
- package/dist/nav-item/index.js +1 -0
- package/dist/nav-item/nav-item.d.ts +35 -0
- package/dist/nav-item/nav-item.js +50 -0
- package/dist/number-value/index.d.ts +2 -0
- package/dist/number-value/index.js +1 -0
- package/dist/number-value/number-value.d.ts +25 -0
- package/dist/number-value/number-value.js +26 -0
- package/dist/page-header/index.d.ts +2 -0
- package/dist/page-header/index.js +1 -0
- package/dist/page-header/page-header.d.ts +19 -0
- package/dist/page-header/page-header.js +39 -0
- package/dist/pagination/index.d.ts +2 -0
- package/dist/pagination/index.js +1 -0
- package/dist/pagination/pagination.d.ts +74 -0
- package/dist/pagination/pagination.js +136 -0
- package/dist/password-input/index.d.ts +2 -0
- package/dist/password-input/index.js +1 -0
- package/dist/password-input/password-input.client.d.ts +52 -0
- package/dist/password-input/password-input.client.js +106 -0
- package/dist/popover/index.d.ts +5 -0
- package/dist/popover/index.js +3 -0
- package/dist/popover/popover.client.d.ts +20 -0
- package/dist/popover/popover.client.js +113 -0
- package/dist/popover/popover.contract.d.ts +88 -0
- package/dist/popover/popover.parts.d.ts +6 -0
- package/dist/popover/popover.parts.js +13 -0
- package/dist/progress-bar/index.d.ts +2 -0
- package/dist/progress-bar/index.js +1 -0
- package/dist/progress-bar/progress-bar.d.ts +34 -0
- package/dist/progress-bar/progress-bar.js +55 -0
- package/dist/progress-ring/index.d.ts +2 -0
- package/dist/progress-ring/index.js +1 -0
- package/dist/progress-ring/progress-ring.d.ts +38 -0
- package/dist/progress-ring/progress-ring.js +67 -0
- package/dist/radio-group/index.d.ts +3 -0
- package/dist/radio-group/index.js +3 -0
- package/dist/radio-group/radio-group.client.d.ts +22 -0
- package/dist/radio-group/radio-group.client.js +70 -0
- package/dist/radio-group/radio-group.d.ts +28 -0
- package/dist/radio-group/radio-group.js +35 -0
- package/dist/ranked-list/index.d.ts +3 -0
- package/dist/ranked-list/index.js +3 -0
- package/dist/ranked-list/ranked-list.d.ts +85 -0
- package/dist/ranked-list/ranked-list.js +153 -0
- package/dist/ranked-list/ranked-list.parts.d.ts +6 -0
- package/dist/ranked-list/ranked-list.parts.js +10 -0
- package/dist/search-field/index.d.ts +2 -0
- package/dist/search-field/index.js +1 -0
- package/dist/search-field/search-field.client.d.ts +55 -0
- package/dist/search-field/search-field.client.js +136 -0
- package/dist/segmented-control/index.d.ts +3 -0
- package/dist/segmented-control/index.js +3 -0
- package/dist/segmented-control/segmented-control.client.d.ts +61 -0
- package/dist/segmented-control/segmented-control.client.js +156 -0
- package/dist/segmented-control/segmented-control.parts.d.ts +6 -0
- package/dist/segmented-control/segmented-control.parts.js +9 -0
- package/dist/select/index.d.ts +5 -0
- package/dist/select/index.js +3 -0
- package/dist/select/select.client.d.ts +12 -0
- package/dist/select/select.client.js +152 -0
- package/dist/select/select.contract.d.ts +119 -0
- package/dist/select/select.parts.d.ts +6 -0
- package/dist/select/select.parts.js +15 -0
- package/dist/separator/index.d.ts +2 -0
- package/dist/separator/index.js +1 -0
- package/dist/separator/separator.d.ts +26 -0
- package/dist/separator/separator.js +23 -0
- package/dist/sidebar/index.d.ts +4 -0
- package/dist/sidebar/index.js +4 -0
- package/dist/sidebar/sidebar-item.client.d.ts +10 -0
- package/dist/sidebar/sidebar-item.client.js +55 -0
- package/dist/sidebar/sidebar.d.ts +45 -0
- package/dist/sidebar/sidebar.js +62 -0
- package/dist/sidebar/sidebar.parts.d.ts +6 -0
- package/dist/sidebar/sidebar.parts.js +11 -0
- package/dist/skeleton/index.d.ts +2 -0
- package/dist/skeleton/index.js +1 -0
- package/dist/skeleton/skeleton.d.ts +20 -0
- package/dist/skeleton/skeleton.js +19 -0
- package/dist/split/index.d.ts +3 -0
- package/dist/split/index.js +3 -0
- package/dist/split/split.d.ts +28 -0
- package/dist/split/split.js +33 -0
- package/dist/split/split.parts.d.ts +6 -0
- package/dist/split/split.parts.js +10 -0
- package/dist/stack/index.d.ts +2 -0
- package/dist/stack/index.js +1 -0
- package/dist/stack/stack.d.ts +17 -0
- package/dist/stack/stack.js +14 -0
- package/dist/sticky-bar/index.d.ts +2 -0
- package/dist/sticky-bar/index.js +1 -0
- package/dist/sticky-bar/sticky-bar.d.ts +16 -0
- package/dist/sticky-bar/sticky-bar.js +26 -0
- package/dist/styles.css +595 -0
- package/dist/switch/index.d.ts +2 -0
- package/dist/switch/index.js +1 -0
- package/dist/switch/switch.client.d.ts +33 -0
- package/dist/switch/switch.client.js +63 -0
- package/dist/tab-nav/index.d.ts +3 -0
- package/dist/tab-nav/index.js +3 -0
- package/dist/tab-nav/tab-nav.d.ts +36 -0
- package/dist/tab-nav/tab-nav.js +47 -0
- package/dist/tab-nav/tab-nav.parts.d.ts +6 -0
- package/dist/tab-nav/tab-nav.parts.js +9 -0
- package/dist/table/index.d.ts +3 -0
- package/dist/table/index.js +3 -0
- package/dist/table/table.d.ts +101 -0
- package/dist/table/table.js +121 -0
- package/dist/table/table.parts.d.ts +6 -0
- package/dist/table/table.parts.js +18 -0
- package/dist/table-selection/index.d.ts +3 -0
- package/dist/table-selection/index.js +3 -0
- package/dist/table-selection/table-selection.client.d.ts +14 -0
- package/dist/table-selection/table-selection.client.js +84 -0
- package/dist/table-selection/table-selection.d.ts +34 -0
- package/dist/table-selection/table-selection.js +50 -0
- package/dist/tabs/index.d.ts +4 -0
- package/dist/tabs/index.js +3 -0
- package/dist/tabs/tabs.client.d.ts +8 -0
- package/dist/tabs/tabs.client.js +68 -0
- package/dist/tabs/tabs.contract.d.ts +89 -0
- package/dist/tabs/tabs.parts.d.ts +6 -0
- package/dist/tabs/tabs.parts.js +11 -0
- package/dist/text/index.d.ts +2 -0
- package/dist/text/index.js +1 -0
- package/dist/text/text.d.ts +32 -0
- package/dist/text/text.js +17 -0
- package/dist/textarea/index.d.ts +2 -0
- package/dist/textarea/index.js +1 -0
- package/dist/textarea/textarea.client.d.ts +18 -0
- package/dist/textarea/textarea.client.js +31 -0
- package/dist/theme-script/index.d.ts +2 -0
- package/dist/theme-script/index.js +1 -0
- package/dist/theme-script/theme-script.d.ts +43 -0
- package/dist/theme-script/theme-script.js +46 -0
- package/dist/toast/index.d.ts +4 -0
- package/dist/toast/index.js +3 -0
- package/dist/toast/seam.d.ts +2 -0
- package/dist/toast/store.d.ts +19 -0
- package/dist/toast/store.js +136 -0
- package/dist/toast/toast.contract.d.ts +56 -0
- package/dist/toast/toaster.client.d.ts +10 -0
- package/dist/toast/toaster.client.js +305 -0
- package/dist/tooltip/index.d.ts +5 -0
- package/dist/tooltip/index.js +3 -0
- package/dist/tooltip/tooltip.client.d.ts +12 -0
- package/dist/tooltip/tooltip.client.js +51 -0
- package/dist/tooltip/tooltip.contract.d.ts +60 -0
- package/dist/tooltip/tooltip.parts.d.ts +6 -0
- package/dist/tooltip/tooltip.parts.js +10 -0
- package/dist/top-bar/index.d.ts +2 -0
- package/dist/top-bar/index.js +1 -0
- package/dist/top-bar/top-bar.d.ts +17 -0
- package/dist/top-bar/top-bar.js +35 -0
- package/dist/trend-card/index.d.ts +2 -0
- package/dist/trend-card/index.js +1 -0
- package/dist/trend-card/trend-card.d.ts +34 -0
- package/dist/trend-card/trend-card.js +74 -0
- package/package.json +447 -3
package/dist/styles.css
ADDED
|
@@ -0,0 +1,595 @@
|
|
|
1
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
2
|
+
/* -------------------------------------------
|
|
3
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
|
|
6
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
7
|
+
@layer nz.tokens {
|
|
8
|
+
:root {
|
|
9
|
+
--nz-css-version: "0.2.0";
|
|
10
|
+
--nz-bg-accent: light-dark(var(--nz-p-lime-300), var(--nz-p-lime-400));
|
|
11
|
+
--nz-bg-accent-hover: light-dark(var(--nz-p-lime-400), var(--nz-p-lime-300));
|
|
12
|
+
--nz-bg-accent-pressed: light-dark(var(--nz-p-lime-500), var(--nz-p-lime-200));
|
|
13
|
+
--nz-bg-accent-subtle: light-dark(var(--nz-p-lime-50), var(--nz-p-green-950));
|
|
14
|
+
--nz-bg-brand: light-dark(var(--nz-p-green-700), var(--nz-p-green-400));
|
|
15
|
+
--nz-bg-brand-hover: light-dark(var(--nz-p-green-800), var(--nz-p-green-300));
|
|
16
|
+
--nz-bg-brand-muted: light-dark(var(--nz-p-green-100), var(--nz-p-green-900));
|
|
17
|
+
--nz-bg-brand-pressed: light-dark(var(--nz-p-green-900), var(--nz-p-green-200));
|
|
18
|
+
--nz-bg-brand-subtle: light-dark(var(--nz-p-green-50), var(--nz-p-green-950));
|
|
19
|
+
--nz-bg-canvas: light-dark(var(--nz-p-neutral-50), var(--nz-p-neutral-950));
|
|
20
|
+
--nz-bg-code: light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-950));
|
|
21
|
+
--nz-bg-code-elevated: var(--nz-p-neutral-850);
|
|
22
|
+
--nz-bg-critical: var(--nz-p-red-600);
|
|
23
|
+
--nz-bg-critical-hover: var(--nz-p-red-700);
|
|
24
|
+
--nz-bg-critical-subtle: light-dark(var(--nz-p-red-50), var(--nz-p-neutral-850));
|
|
25
|
+
--nz-bg-disabled: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800));
|
|
26
|
+
--nz-bg-hover: light-dark(var(--nz-p-neutral-50), var(--nz-p-neutral-800));
|
|
27
|
+
--nz-bg-info-subtle: light-dark(var(--nz-p-blue-50), var(--nz-p-neutral-850));
|
|
28
|
+
--nz-bg-inverse: light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-0));
|
|
29
|
+
--nz-bg-inverse-elevated: light-dark(var(--nz-p-neutral-850), var(--nz-p-neutral-100));
|
|
30
|
+
--nz-bg-muted: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800));
|
|
31
|
+
--nz-bg-pressed: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-700));
|
|
32
|
+
--nz-bg-scrim: light-dark(rgb(24 27 25 / 0.32), rgb(0 0 0 / 0.6));
|
|
33
|
+
--nz-bg-subtle: light-dark(var(--nz-p-neutral-25), var(--nz-p-neutral-925));
|
|
34
|
+
--nz-bg-success-subtle: light-dark(var(--nz-p-green-50), var(--nz-p-green-950));
|
|
35
|
+
--nz-bg-surface: light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900));
|
|
36
|
+
--nz-bg-surface-raised: light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-850));
|
|
37
|
+
--nz-bg-warning-subtle: light-dark(var(--nz-p-amber-50), var(--nz-p-neutral-850));
|
|
38
|
+
--nz-border-brand: light-dark(var(--nz-p-green-600), var(--nz-p-green-400));
|
|
39
|
+
--nz-border-control: light-dark(var(--nz-p-neutral-450), var(--nz-p-neutral-500));
|
|
40
|
+
--nz-border-control-hover: light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400));
|
|
41
|
+
--nz-border-critical: var(--nz-p-red-500);
|
|
42
|
+
--nz-border-default: light-dark(var(--nz-p-neutral-200), var(--nz-p-neutral-700));
|
|
43
|
+
--nz-border-focus: light-dark(var(--nz-p-green-500), var(--nz-p-green-300));
|
|
44
|
+
--nz-border-strong: light-dark(var(--nz-p-neutral-300), var(--nz-p-neutral-600));
|
|
45
|
+
--nz-border-subtle: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800));
|
|
46
|
+
--nz-border-warning: light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500));
|
|
47
|
+
--nz-border-width-default: 1px;
|
|
48
|
+
--nz-border-width-focus: 2px;
|
|
49
|
+
--nz-chart-cat-1: light-dark(var(--nz-p-green-700), var(--nz-p-viz-green-600));
|
|
50
|
+
--nz-chart-cat-2: light-dark(var(--nz-p-lime-600), var(--nz-p-viz-lime-600));
|
|
51
|
+
--nz-chart-cat-3: light-dark(var(--nz-p-viz-teal-500), var(--nz-p-viz-teal-400));
|
|
52
|
+
--nz-chart-critical: var(--nz-p-red-500);
|
|
53
|
+
--nz-chart-grid: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-850));
|
|
54
|
+
--nz-chart-negative: var(--nz-p-red-500);
|
|
55
|
+
--nz-chart-neutral: light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400));
|
|
56
|
+
--nz-chart-primary: light-dark(var(--nz-p-green-600), var(--nz-p-green-300));
|
|
57
|
+
--nz-chart-secondary: light-dark(var(--nz-p-green-400), var(--nz-p-green-500));
|
|
58
|
+
--nz-chart-success: light-dark(var(--nz-p-green-500), var(--nz-p-green-300));
|
|
59
|
+
--nz-chart-tertiary: light-dark(var(--nz-p-lime-600), var(--nz-p-lime-400));
|
|
60
|
+
--nz-chart-track: light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800));
|
|
61
|
+
--nz-chart-warning: light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500));
|
|
62
|
+
--nz-distance-float: 0.5rem;
|
|
63
|
+
--nz-distance-lift: 0.25rem;
|
|
64
|
+
--nz-distance-reveal: 0.75rem;
|
|
65
|
+
--nz-duration-base: 220ms;
|
|
66
|
+
--nz-duration-chart-draw: 700ms;
|
|
67
|
+
--nz-duration-count-up: 900ms;
|
|
68
|
+
--nz-duration-fade: 140ms;
|
|
69
|
+
--nz-duration-fast: 140ms;
|
|
70
|
+
--nz-duration-instant: 80ms;
|
|
71
|
+
--nz-duration-pulse: 2000ms;
|
|
72
|
+
--nz-duration-slow: 320ms;
|
|
73
|
+
--nz-duration-slower: 480ms;
|
|
74
|
+
--nz-duration-spin: 800ms;
|
|
75
|
+
--nz-duration-spring: 493ms;
|
|
76
|
+
--nz-duration-spring-soft: 702ms;
|
|
77
|
+
--nz-easing-enter: cubic-bezier(0, 0, 0, 1);
|
|
78
|
+
--nz-easing-exit: cubic-bezier(0.3, 0, 1, 1);
|
|
79
|
+
--nz-easing-spring: linear(0, 0.007 1.5%, 0.027 3.1%, 0.06 4.8%, 0.108 6.7%, 0.211 10%, 0.559 20.2%, 0.658 23.5%, 0.742 26.7%, 0.811 29.8%, 0.868 32.9%, 0.916 36.1%, 0.954 39.4%, 0.985 43%, 1.007 46.9%, 1.022 51.1%, 1.029 55.9%, 1.029 63.7%, 1);
|
|
80
|
+
--nz-easing-spring-soft: linear(0, 0.006 1.2%, 0.021 2.4%, 0.083 5.2%, 0.161 7.8%, 0.462 17%, 0.555 20.3%, 0.637 23.6%, 0.706 26.9%, 0.766 30.3%, 0.817 33.9%, 0.86 37.7%, 0.898 42.1%, 0.929 47%, 0.953 52.5%, 0.971 58.7%, 0.991 73.9%, 1);
|
|
81
|
+
--nz-easing-standard: cubic-bezier(0.2, 0, 0, 1);
|
|
82
|
+
--nz-elevation-0: 0 0 0 0 transparent;
|
|
83
|
+
--nz-elevation-1: 0 0 0 1px var(--nz-elevation-ring), 0 1px 1px 0 light-dark(rgb(16 19 17 / 0.03), rgb(0 0 0 / 0.18)), 0 1px 2px 0 light-dark(rgb(16 19 17 / 0.04), rgb(0 0 0 / 0.24));
|
|
84
|
+
--nz-elevation-2: 0 0 0 1px var(--nz-elevation-ring), 0 8px 16px -4px light-dark(rgb(16 19 17 / 0.05), rgb(0 0 0 / 0.3)), 0 2px 4px 0 light-dark(rgb(16 19 17 / 0.04), rgb(0 0 0 / 0.24));
|
|
85
|
+
--nz-elevation-3: inset 0 1px 0 0 var(--nz-elevation-highlight), 0 0 0 1px var(--nz-elevation-ring), 0 16px 32px -8px light-dark(rgb(16 19 17 / 0.08), rgb(0 0 0 / 0.48)), 0 4px 8px 0 light-dark(rgb(16 19 17 / 0.05), rgb(0 0 0 / 0.3));
|
|
86
|
+
--nz-elevation-4: inset 0 1px 0 0 var(--nz-elevation-highlight), 0 0 0 1px var(--nz-elevation-ring), 0 32px 64px -12px light-dark(rgb(16 19 17 / 0.14), rgb(0 0 0 / 0.6)), 0 8px 16px 0 light-dark(rgb(16 19 17 / 0.06), rgb(0 0 0 / 0.36));
|
|
87
|
+
--nz-elevation-button: inset 0 1px 0 0 rgb(255 255 255 / 0.16), 0 1px 2px 0 rgb(10 33 26 / 0.18);
|
|
88
|
+
--nz-elevation-highlight: transparent;
|
|
89
|
+
--nz-elevation-ring: light-dark(transparent, rgb(255 255 255 / 0.08));
|
|
90
|
+
--nz-focus-halo: color-mix(in oklab, var(--nz-border-focus) 28%, transparent);
|
|
91
|
+
--nz-focus-halo-critical: color-mix(in oklab, var(--nz-border-critical) 28%, transparent);
|
|
92
|
+
--nz-focus-ring: 0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(46 130 88 / 0.16);
|
|
93
|
+
--nz-focus-ring-critical: 0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(214 74 46 / 0.22);
|
|
94
|
+
--nz-focus-ring-raised: 0 1px 2px 0 rgb(10 33 26 / 0.18), inset 0 1px 0 0 rgb(255 255 255 / 0.16), 0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(46 130 88 / 0.16);
|
|
95
|
+
--nz-font-body-l: var(--nz-font-body-l-font-weight) var(--nz-font-body-l-font-size)/var(--nz-font-body-l-line-height) var(--nz-font-body-l-font-family);
|
|
96
|
+
--nz-font-body-l-font-family: var(--nz-font-family-sans);
|
|
97
|
+
--nz-font-body-l-font-size: 1rem;
|
|
98
|
+
--nz-font-body-l-font-weight: 400;
|
|
99
|
+
--nz-font-body-l-line-height: 1.6;
|
|
100
|
+
--nz-font-body-m: var(--nz-font-body-m-font-weight) var(--nz-font-body-m-font-size)/var(--nz-font-body-m-line-height) var(--nz-font-body-m-font-family);
|
|
101
|
+
--nz-font-body-m-font-family: var(--nz-font-family-sans);
|
|
102
|
+
--nz-font-body-m-font-size: 0.875rem;
|
|
103
|
+
--nz-font-body-m-font-weight: 400;
|
|
104
|
+
--nz-font-body-m-line-height: 1.5;
|
|
105
|
+
--nz-font-body-m-strong: var(--nz-font-body-m-strong-font-weight) var(--nz-font-body-m-strong-font-size)/var(--nz-font-body-m-strong-line-height) var(--nz-font-body-m-strong-font-family);
|
|
106
|
+
--nz-font-body-m-strong-font-family: var(--nz-font-family-sans);
|
|
107
|
+
--nz-font-body-m-strong-font-size: 0.875rem;
|
|
108
|
+
--nz-font-body-m-strong-font-weight: 500;
|
|
109
|
+
--nz-font-body-m-strong-line-height: 1.5;
|
|
110
|
+
--nz-font-body-s: var(--nz-font-body-s-font-weight) var(--nz-font-body-s-font-size)/var(--nz-font-body-s-line-height) var(--nz-font-body-s-font-family);
|
|
111
|
+
--nz-font-body-s-font-family: var(--nz-font-family-sans);
|
|
112
|
+
--nz-font-body-s-font-size: 0.75rem;
|
|
113
|
+
--nz-font-body-s-font-weight: 400;
|
|
114
|
+
--nz-font-body-s-line-height: 1.5;
|
|
115
|
+
--nz-font-display-l: var(--nz-font-display-l-font-weight) var(--nz-font-display-l-font-size)/var(--nz-font-display-l-line-height) var(--nz-font-display-l-font-family);
|
|
116
|
+
--nz-font-display-l-font-family: var(--nz-font-family-sans);
|
|
117
|
+
--nz-font-display-l-font-size: 3.5rem;
|
|
118
|
+
--nz-font-display-l-font-weight: 600;
|
|
119
|
+
--nz-font-display-l-line-height: 1.04;
|
|
120
|
+
--nz-font-display-m: var(--nz-font-display-m-font-weight) var(--nz-font-display-m-font-size)/var(--nz-font-display-m-line-height) var(--nz-font-display-m-font-family);
|
|
121
|
+
--nz-font-display-m-font-family: var(--nz-font-family-sans);
|
|
122
|
+
--nz-font-display-m-font-size: 2.75rem;
|
|
123
|
+
--nz-font-display-m-font-weight: 600;
|
|
124
|
+
--nz-font-display-m-line-height: 1.08;
|
|
125
|
+
--nz-font-family-mono: var(--font-geist-mono, "Geist Mono"), ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
|
|
126
|
+
--nz-font-family-sans: var(--font-geist-sans, "Geist"), ui-sans-serif, system-ui, sans-serif;
|
|
127
|
+
--nz-font-heading-h1: var(--nz-font-heading-h1-font-weight) var(--nz-font-heading-h1-font-size)/var(--nz-font-heading-h1-line-height) var(--nz-font-heading-h1-font-family);
|
|
128
|
+
--nz-font-heading-h1-font-family: var(--nz-font-family-sans);
|
|
129
|
+
--nz-font-heading-h1-font-size: 2rem;
|
|
130
|
+
--nz-font-heading-h1-font-weight: 600;
|
|
131
|
+
--nz-font-heading-h1-line-height: 1.2;
|
|
132
|
+
--nz-font-heading-h2: var(--nz-font-heading-h2-font-weight) var(--nz-font-heading-h2-font-size)/var(--nz-font-heading-h2-line-height) var(--nz-font-heading-h2-font-family);
|
|
133
|
+
--nz-font-heading-h2-font-family: var(--nz-font-family-sans);
|
|
134
|
+
--nz-font-heading-h2-font-size: 1.5rem;
|
|
135
|
+
--nz-font-heading-h2-font-weight: 600;
|
|
136
|
+
--nz-font-heading-h2-line-height: 1.3;
|
|
137
|
+
--nz-font-heading-h3: var(--nz-font-heading-h3-font-weight) var(--nz-font-heading-h3-font-size)/var(--nz-font-heading-h3-line-height) var(--nz-font-heading-h3-font-family);
|
|
138
|
+
--nz-font-heading-h3-font-family: var(--nz-font-family-sans);
|
|
139
|
+
--nz-font-heading-h3-font-size: 1.25rem;
|
|
140
|
+
--nz-font-heading-h3-font-weight: 600;
|
|
141
|
+
--nz-font-heading-h3-line-height: 1.4;
|
|
142
|
+
--nz-font-heading-h4: var(--nz-font-heading-h4-font-weight) var(--nz-font-heading-h4-font-size)/var(--nz-font-heading-h4-line-height) var(--nz-font-heading-h4-font-family);
|
|
143
|
+
--nz-font-heading-h4-font-family: var(--nz-font-family-sans);
|
|
144
|
+
--nz-font-heading-h4-font-size: 1rem;
|
|
145
|
+
--nz-font-heading-h4-font-weight: 600;
|
|
146
|
+
--nz-font-heading-h4-line-height: 1.5;
|
|
147
|
+
--nz-font-label-l: var(--nz-font-label-l-font-weight) var(--nz-font-label-l-font-size)/var(--nz-font-label-l-line-height) var(--nz-font-label-l-font-family);
|
|
148
|
+
--nz-font-label-l-font-family: var(--nz-font-family-sans);
|
|
149
|
+
--nz-font-label-l-font-size: 1rem;
|
|
150
|
+
--nz-font-label-l-font-weight: 500;
|
|
151
|
+
--nz-font-label-l-line-height: 1.4;
|
|
152
|
+
--nz-font-label-m: var(--nz-font-label-m-font-weight) var(--nz-font-label-m-font-size)/var(--nz-font-label-m-line-height) var(--nz-font-label-m-font-family);
|
|
153
|
+
--nz-font-label-m-font-family: var(--nz-font-family-sans);
|
|
154
|
+
--nz-font-label-m-font-size: 0.875rem;
|
|
155
|
+
--nz-font-label-m-font-weight: 500;
|
|
156
|
+
--nz-font-label-m-line-height: 1.4;
|
|
157
|
+
--nz-font-label-m-strong: var(--nz-font-label-m-strong-font-weight) var(--nz-font-label-m-strong-font-size)/var(--nz-font-label-m-strong-line-height) var(--nz-font-label-m-strong-font-family);
|
|
158
|
+
--nz-font-label-m-strong-font-family: var(--nz-font-family-sans);
|
|
159
|
+
--nz-font-label-m-strong-font-size: 0.875rem;
|
|
160
|
+
--nz-font-label-m-strong-font-weight: 600;
|
|
161
|
+
--nz-font-label-m-strong-line-height: 1.4;
|
|
162
|
+
--nz-font-label-s: var(--nz-font-label-s-font-weight) var(--nz-font-label-s-font-size)/var(--nz-font-label-s-line-height) var(--nz-font-label-s-font-family);
|
|
163
|
+
--nz-font-label-s-font-family: var(--nz-font-family-sans);
|
|
164
|
+
--nz-font-label-s-font-size: 0.75rem;
|
|
165
|
+
--nz-font-label-s-font-weight: 500;
|
|
166
|
+
--nz-font-label-s-line-height: 1.4;
|
|
167
|
+
--nz-font-mono-m: var(--nz-font-mono-m-font-weight) var(--nz-font-mono-m-font-size)/var(--nz-font-mono-m-line-height) var(--nz-font-mono-m-font-family);
|
|
168
|
+
--nz-font-mono-m-font-family: var(--nz-font-family-mono);
|
|
169
|
+
--nz-font-mono-m-font-size: 0.875rem;
|
|
170
|
+
--nz-font-mono-m-font-weight: 400;
|
|
171
|
+
--nz-font-mono-m-line-height: 1.4;
|
|
172
|
+
--nz-font-mono-m-strong: var(--nz-font-mono-m-strong-font-weight) var(--nz-font-mono-m-strong-font-size)/var(--nz-font-mono-m-strong-line-height) var(--nz-font-mono-m-strong-font-family);
|
|
173
|
+
--nz-font-mono-m-strong-font-family: var(--nz-font-family-mono);
|
|
174
|
+
--nz-font-mono-m-strong-font-size: 0.875rem;
|
|
175
|
+
--nz-font-mono-m-strong-font-weight: 500;
|
|
176
|
+
--nz-font-mono-m-strong-line-height: 1.4;
|
|
177
|
+
--nz-font-numeric-display: var(--nz-font-numeric-display-font-weight) var(--nz-font-numeric-display-font-size)/var(--nz-font-numeric-display-line-height) var(--nz-font-numeric-display-font-family);
|
|
178
|
+
--nz-font-numeric-display-font-family: var(--nz-font-family-sans);
|
|
179
|
+
--nz-font-numeric-display-font-size: 2.5rem;
|
|
180
|
+
--nz-font-numeric-display-font-weight: 600;
|
|
181
|
+
--nz-font-numeric-display-line-height: 1;
|
|
182
|
+
--nz-font-numeric-kpi: var(--nz-font-numeric-kpi-font-weight) var(--nz-font-numeric-kpi-font-size)/var(--nz-font-numeric-kpi-line-height) var(--nz-font-numeric-kpi-font-family);
|
|
183
|
+
--nz-font-numeric-kpi-font-family: var(--nz-font-family-sans);
|
|
184
|
+
--nz-font-numeric-kpi-font-size: 2rem;
|
|
185
|
+
--nz-font-numeric-kpi-font-weight: 600;
|
|
186
|
+
--nz-font-numeric-kpi-line-height: 1;
|
|
187
|
+
--nz-font-numeric-l: var(--nz-font-numeric-l-font-weight) var(--nz-font-numeric-l-font-size)/var(--nz-font-numeric-l-line-height) var(--nz-font-numeric-l-font-family);
|
|
188
|
+
--nz-font-numeric-l-font-family: var(--nz-font-family-sans);
|
|
189
|
+
--nz-font-numeric-l-font-size: 1.5rem;
|
|
190
|
+
--nz-font-numeric-l-font-weight: 600;
|
|
191
|
+
--nz-font-numeric-l-line-height: 1.1;
|
|
192
|
+
--nz-font-numeric-m: var(--nz-font-numeric-m-font-weight) var(--nz-font-numeric-m-font-size)/var(--nz-font-numeric-m-line-height) var(--nz-font-numeric-m-font-family);
|
|
193
|
+
--nz-font-numeric-m-font-family: var(--nz-font-family-sans);
|
|
194
|
+
--nz-font-numeric-m-font-size: 1rem;
|
|
195
|
+
--nz-font-numeric-m-font-weight: 500;
|
|
196
|
+
--nz-font-numeric-m-line-height: 1.2;
|
|
197
|
+
--nz-grid-columns: 4;
|
|
198
|
+
--nz-grid-gutter: 1rem;
|
|
199
|
+
--nz-grid-margin: 1rem;
|
|
200
|
+
--nz-icon-brand: light-dark(var(--nz-p-green-600), var(--nz-p-green-300));
|
|
201
|
+
--nz-icon-critical: light-dark(var(--nz-p-red-500), var(--nz-p-red-400));
|
|
202
|
+
--nz-icon-info: light-dark(var(--nz-p-blue-600), var(--nz-p-blue-400));
|
|
203
|
+
--nz-icon-inverse: light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900));
|
|
204
|
+
--nz-icon-primary: light-dark(var(--nz-p-neutral-800), var(--nz-p-neutral-100));
|
|
205
|
+
--nz-icon-secondary: light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400));
|
|
206
|
+
--nz-icon-success: light-dark(var(--nz-p-green-500), var(--nz-p-green-300));
|
|
207
|
+
--nz-icon-warning: light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500));
|
|
208
|
+
--nz-layout-content-max: 22.375rem;
|
|
209
|
+
--nz-layout-sidebar: 0rem;
|
|
210
|
+
--nz-magnetic-pull: 0.375rem;
|
|
211
|
+
--nz-p-amber-50: #fdf6e6;
|
|
212
|
+
--nz-p-amber-100: #fae8bf;
|
|
213
|
+
--nz-p-amber-500: #d99a1b;
|
|
214
|
+
--nz-p-amber-600: #b07b0e;
|
|
215
|
+
--nz-p-amber-700: #7c560a;
|
|
216
|
+
--nz-p-blue-50: #eef3fc;
|
|
217
|
+
--nz-p-blue-100: #d8e4f8;
|
|
218
|
+
--nz-p-blue-400: #7098e0;
|
|
219
|
+
--nz-p-blue-500: #3d6fd1;
|
|
220
|
+
--nz-p-blue-600: #2e58b0;
|
|
221
|
+
--nz-p-blue-700: #22427f;
|
|
222
|
+
--nz-p-green-25: #f4f8f5;
|
|
223
|
+
--nz-p-green-50: #e9f3ec;
|
|
224
|
+
--nz-p-green-100: #d3e8da;
|
|
225
|
+
--nz-p-green-200: #aad3b9;
|
|
226
|
+
--nz-p-green-300: #79b993;
|
|
227
|
+
--nz-p-green-400: #4c9e71;
|
|
228
|
+
--nz-p-green-500: #2e8358;
|
|
229
|
+
--nz-p-green-600: #216c47;
|
|
230
|
+
--nz-p-green-700: #1a573a;
|
|
231
|
+
--nz-p-green-800: #15452f;
|
|
232
|
+
--nz-p-green-900: #103324;
|
|
233
|
+
--nz-p-green-950: #0a211a;
|
|
234
|
+
--nz-p-lime-50: #f6fae8;
|
|
235
|
+
--nz-p-lime-100: #ecf5cb;
|
|
236
|
+
--nz-p-lime-200: #dcec9c;
|
|
237
|
+
--nz-p-lime-300: #c6e06a;
|
|
238
|
+
--nz-p-lime-400: #afd146;
|
|
239
|
+
--nz-p-lime-500: #8db22b;
|
|
240
|
+
--nz-p-lime-600: #6b8a1e;
|
|
241
|
+
--nz-p-neutral-0: #fff;
|
|
242
|
+
--nz-p-neutral-25: #fbfbf9;
|
|
243
|
+
--nz-p-neutral-50: #f6f7f4;
|
|
244
|
+
--nz-p-neutral-100: #eef0ec;
|
|
245
|
+
--nz-p-neutral-200: #e2e5df;
|
|
246
|
+
--nz-p-neutral-300: #cbd0c8;
|
|
247
|
+
--nz-p-neutral-400: #9ea59c;
|
|
248
|
+
--nz-p-neutral-450: #828a81;
|
|
249
|
+
--nz-p-neutral-500: #747c73;
|
|
250
|
+
--nz-p-neutral-600: #596058;
|
|
251
|
+
--nz-p-neutral-700: #414741;
|
|
252
|
+
--nz-p-neutral-800: #2b302c;
|
|
253
|
+
--nz-p-neutral-850: #202421;
|
|
254
|
+
--nz-p-neutral-900: #181b19;
|
|
255
|
+
--nz-p-neutral-925: #151816;
|
|
256
|
+
--nz-p-neutral-950: #101311;
|
|
257
|
+
--nz-p-red-50: #fdf1ee;
|
|
258
|
+
--nz-p-red-100: #faddd6;
|
|
259
|
+
--nz-p-red-400: #e47962;
|
|
260
|
+
--nz-p-red-500: #d6492f;
|
|
261
|
+
--nz-p-red-600: #b93a23;
|
|
262
|
+
--nz-p-red-700: #8f2c1a;
|
|
263
|
+
--nz-p-viz-green-500: #138a55;
|
|
264
|
+
--nz-p-viz-green-600: #1a7d4e;
|
|
265
|
+
--nz-p-viz-lime-500: #8fbf2f;
|
|
266
|
+
--nz-p-viz-lime-600: #88a02a;
|
|
267
|
+
--nz-p-viz-teal-400: #3e9fc4;
|
|
268
|
+
--nz-p-viz-teal-500: #1689a8;
|
|
269
|
+
--nz-radius-2xl: 1.75rem;
|
|
270
|
+
--nz-radius-full: 62.4375rem;
|
|
271
|
+
--nz-radius-lg: 1rem;
|
|
272
|
+
--nz-radius-md: 0.75rem;
|
|
273
|
+
--nz-radius-none: 0rem;
|
|
274
|
+
--nz-radius-sm: 0.5rem;
|
|
275
|
+
--nz-radius-xl: 1.25rem;
|
|
276
|
+
--nz-radius-xs: 0.25rem;
|
|
277
|
+
--nz-scale-enter: 0.96;
|
|
278
|
+
--nz-scale-hover: 1.02;
|
|
279
|
+
--nz-scale-press: 0.98;
|
|
280
|
+
--nz-scheme-inverse: dark;
|
|
281
|
+
--nz-section-gap: 1.25rem;
|
|
282
|
+
--nz-size-control-lg: 3rem;
|
|
283
|
+
--nz-size-control-md: 2.5rem;
|
|
284
|
+
--nz-size-control-sm: 2rem;
|
|
285
|
+
--nz-size-icon-lg: 1.5rem;
|
|
286
|
+
--nz-size-icon-md: 1.25rem;
|
|
287
|
+
--nz-size-icon-sm: 1rem;
|
|
288
|
+
--nz-size-touch-min: 2.75rem;
|
|
289
|
+
--nz-space-0: 0rem;
|
|
290
|
+
--nz-space-0-5: 0.125rem;
|
|
291
|
+
--nz-space-1: 0.25rem;
|
|
292
|
+
--nz-space-1-5: 0.375rem;
|
|
293
|
+
--nz-space-2: 0.5rem;
|
|
294
|
+
--nz-space-3: 0.75rem;
|
|
295
|
+
--nz-space-4: 1rem;
|
|
296
|
+
--nz-space-5: 1.25rem;
|
|
297
|
+
--nz-space-6: 1.5rem;
|
|
298
|
+
--nz-space-8: 2rem;
|
|
299
|
+
--nz-space-10: 2.5rem;
|
|
300
|
+
--nz-space-12: 3rem;
|
|
301
|
+
--nz-space-16: 4rem;
|
|
302
|
+
--nz-space-20: 5rem;
|
|
303
|
+
--nz-space-24: 6rem;
|
|
304
|
+
--nz-stagger-item: 40ms;
|
|
305
|
+
--nz-surface-inner-highlight: inset 0 1px 0 0 rgb(255 255 255 / 0.7);
|
|
306
|
+
--nz-text-brand: light-dark(var(--nz-p-green-700), var(--nz-p-green-300));
|
|
307
|
+
--nz-text-code: var(--nz-p-neutral-50);
|
|
308
|
+
--nz-text-code-muted: var(--nz-p-neutral-400);
|
|
309
|
+
--nz-text-critical: light-dark(var(--nz-p-red-600), var(--nz-p-red-400));
|
|
310
|
+
--nz-text-disabled: light-dark(var(--nz-p-neutral-400), var(--nz-p-neutral-600));
|
|
311
|
+
--nz-text-info: light-dark(var(--nz-p-blue-600), var(--nz-p-blue-400));
|
|
312
|
+
--nz-text-inverse: light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900));
|
|
313
|
+
--nz-text-inverse-accent: light-dark(var(--nz-p-lime-300), var(--nz-p-green-700));
|
|
314
|
+
--nz-text-on-accent: var(--nz-p-green-950);
|
|
315
|
+
--nz-text-on-brand: light-dark(var(--nz-p-neutral-0), var(--nz-p-green-950));
|
|
316
|
+
--nz-text-on-critical: var(--nz-p-neutral-0);
|
|
317
|
+
--nz-text-on-dark: var(--nz-p-neutral-0);
|
|
318
|
+
--nz-text-primary: light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-50));
|
|
319
|
+
--nz-text-secondary: light-dark(var(--nz-p-neutral-700), var(--nz-p-neutral-300));
|
|
320
|
+
--nz-text-success: light-dark(var(--nz-p-green-600), var(--nz-p-green-300));
|
|
321
|
+
--nz-text-tertiary: light-dark(var(--nz-p-neutral-600), var(--nz-p-neutral-400));
|
|
322
|
+
--nz-text-warning: light-dark(var(--nz-p-amber-700), var(--nz-p-amber-500));
|
|
323
|
+
--nz-tilt-max-deg: 6;
|
|
324
|
+
--nz-tracking-body-l: 0em;
|
|
325
|
+
--nz-tracking-body-m: 0em;
|
|
326
|
+
--nz-tracking-body-m-strong: 0em;
|
|
327
|
+
--nz-tracking-body-s: 0em;
|
|
328
|
+
--nz-tracking-display-l: -0.03em;
|
|
329
|
+
--nz-tracking-display-m: -0.025em;
|
|
330
|
+
--nz-tracking-heading-h1: -0.02em;
|
|
331
|
+
--nz-tracking-heading-h2: -0.015em;
|
|
332
|
+
--nz-tracking-heading-h3: -0.01em;
|
|
333
|
+
--nz-tracking-heading-h4: -0.005em;
|
|
334
|
+
--nz-tracking-label-l: -0.002em;
|
|
335
|
+
--nz-tracking-label-m: 0em;
|
|
336
|
+
--nz-tracking-label-m-strong: 0em;
|
|
337
|
+
--nz-tracking-label-s: 0em;
|
|
338
|
+
--nz-tracking-mono-m: 0em;
|
|
339
|
+
--nz-tracking-mono-m-strong: 0em;
|
|
340
|
+
--nz-tracking-numeric-display: -0.03em;
|
|
341
|
+
--nz-tracking-numeric-kpi: -0.025em;
|
|
342
|
+
--nz-tracking-numeric-l: -0.015em;
|
|
343
|
+
--nz-tracking-numeric-m: -0.005em;
|
|
344
|
+
--nz-type-display: 2.25rem;
|
|
345
|
+
--nz-type-h1: 1.5rem;
|
|
346
|
+
--nz-type-kpi: 1.75rem;
|
|
347
|
+
--nz-z-chrome: 200;
|
|
348
|
+
--nz-z-overlay: 1000;
|
|
349
|
+
--nz-z-raised: 1;
|
|
350
|
+
--nz-z-sticky: 100;
|
|
351
|
+
--nz-z-toast: 1100;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
[data-nz-theme="light"] {
|
|
355
|
+
color-scheme: light;
|
|
356
|
+
--nz-scheme-inverse: dark;
|
|
357
|
+
}
|
|
358
|
+
[data-nz-theme="dark"] {
|
|
359
|
+
color-scheme: dark;
|
|
360
|
+
--nz-scheme-inverse: light;
|
|
361
|
+
}
|
|
362
|
+
[data-nz-theme="system"] {
|
|
363
|
+
color-scheme: light dark;
|
|
364
|
+
--nz-scheme-inverse: dark;
|
|
365
|
+
}
|
|
366
|
+
@media (prefers-color-scheme: dark) {
|
|
367
|
+
[data-nz-theme="system"] {
|
|
368
|
+
--nz-scheme-inverse: light;
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
[data-nz-scheme="inverse"] {
|
|
372
|
+
color-scheme: var(--nz-scheme-inverse);
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
@media (prefers-reduced-motion: reduce) {
|
|
376
|
+
:root {
|
|
377
|
+
--nz-distance-float: 0rem;
|
|
378
|
+
--nz-distance-lift: 0rem;
|
|
379
|
+
--nz-distance-reveal: 0rem;
|
|
380
|
+
--nz-duration-base: 120ms;
|
|
381
|
+
--nz-duration-chart-draw: 0ms;
|
|
382
|
+
--nz-duration-count-up: 0ms;
|
|
383
|
+
--nz-duration-fade: 120ms;
|
|
384
|
+
--nz-duration-fast: 0ms;
|
|
385
|
+
--nz-duration-instant: 0ms;
|
|
386
|
+
--nz-duration-pulse: 0ms;
|
|
387
|
+
--nz-duration-slow: 120ms;
|
|
388
|
+
--nz-duration-slower: 160ms;
|
|
389
|
+
--nz-duration-spin: 0ms;
|
|
390
|
+
--nz-duration-spring: 120ms;
|
|
391
|
+
--nz-duration-spring-soft: 120ms;
|
|
392
|
+
--nz-easing-enter: linear;
|
|
393
|
+
--nz-easing-exit: linear;
|
|
394
|
+
--nz-easing-spring: linear;
|
|
395
|
+
--nz-easing-spring-soft: linear;
|
|
396
|
+
--nz-easing-standard: linear;
|
|
397
|
+
--nz-magnetic-pull: 0rem;
|
|
398
|
+
--nz-scale-enter: 1;
|
|
399
|
+
--nz-scale-hover: 1;
|
|
400
|
+
--nz-scale-press: 1;
|
|
401
|
+
--nz-stagger-item: 0ms;
|
|
402
|
+
--nz-tilt-max-deg: 0;
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
[data-nz-motion="reduce"] {
|
|
406
|
+
--nz-distance-float: 0rem;
|
|
407
|
+
--nz-distance-lift: 0rem;
|
|
408
|
+
--nz-distance-reveal: 0rem;
|
|
409
|
+
--nz-duration-base: 120ms;
|
|
410
|
+
--nz-duration-chart-draw: 0ms;
|
|
411
|
+
--nz-duration-count-up: 0ms;
|
|
412
|
+
--nz-duration-fade: 120ms;
|
|
413
|
+
--nz-duration-fast: 0ms;
|
|
414
|
+
--nz-duration-instant: 0ms;
|
|
415
|
+
--nz-duration-pulse: 0ms;
|
|
416
|
+
--nz-duration-slow: 120ms;
|
|
417
|
+
--nz-duration-slower: 160ms;
|
|
418
|
+
--nz-duration-spin: 0ms;
|
|
419
|
+
--nz-duration-spring: 120ms;
|
|
420
|
+
--nz-duration-spring-soft: 120ms;
|
|
421
|
+
--nz-easing-enter: linear;
|
|
422
|
+
--nz-easing-exit: linear;
|
|
423
|
+
--nz-easing-spring: linear;
|
|
424
|
+
--nz-easing-spring-soft: linear;
|
|
425
|
+
--nz-easing-standard: linear;
|
|
426
|
+
--nz-magnetic-pull: 0rem;
|
|
427
|
+
--nz-scale-enter: 1;
|
|
428
|
+
--nz-scale-hover: 1;
|
|
429
|
+
--nz-scale-press: 1;
|
|
430
|
+
--nz-stagger-item: 0ms;
|
|
431
|
+
--nz-tilt-max-deg: 0;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
@media (width >= 40rem) {
|
|
435
|
+
:root {
|
|
436
|
+
--nz-grid-columns: 8;
|
|
437
|
+
--nz-grid-gutter: 1.25rem;
|
|
438
|
+
--nz-grid-margin: 1.5rem;
|
|
439
|
+
--nz-layout-content-max: 61rem;
|
|
440
|
+
--nz-layout-sidebar: 4.5rem;
|
|
441
|
+
--nz-section-gap: 1.5rem;
|
|
442
|
+
--nz-type-display: 2.75rem;
|
|
443
|
+
--nz-type-h1: 1.75rem;
|
|
444
|
+
--nz-type-kpi: 1.75rem;
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
@media (width >= 80rem) {
|
|
449
|
+
:root {
|
|
450
|
+
--nz-grid-columns: 12;
|
|
451
|
+
--nz-grid-gutter: 1.5rem;
|
|
452
|
+
--nz-grid-margin: 2rem;
|
|
453
|
+
--nz-layout-content-max: 80rem;
|
|
454
|
+
--nz-layout-sidebar: 16.5rem;
|
|
455
|
+
--nz-section-gap: 2rem;
|
|
456
|
+
--nz-type-display: 3.5rem;
|
|
457
|
+
--nz-type-h1: 2rem;
|
|
458
|
+
--nz-type-kpi: 2rem;
|
|
459
|
+
}
|
|
460
|
+
}
|
|
461
|
+
}
|
|
462
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
463
|
+
@layer nz.base{:where(.nz-alert-dismiss,.nz-app-shell-skip,.nz-banner-dismiss,.nz-breadcrumb-link,.nz-button,.nz-checkbox-input,.nz-dialog-close,.nz-dialog-trigger,.nz-drawer-close,.nz-drawer-trigger,.nz-form-summary,.nz-form-summary-link,.nz-icon-button,.nz-menu-trigger,.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger,.nz-native-select-trigger,.nz-nav-item,.nz-pagination-next,.nz-pagination-page,.nz-pagination-previous,.nz-password-input-toggle,.nz-popover-close,.nz-popover-trigger,.nz-radio-input,.nz-ranked-list-action,.nz-select-trigger,.nz-sidebar-item,.nz-switch-input,.nz-tab-nav-link,.nz-table-row-link,.nz-table-sort-button,.nz-tabs-tab,.nz-textarea,.nz-toast,.nz-toast-action,.nz-toast-close,.nz-toast-region,.nz-tooltip-trigger):is(:focus-visible,[data-focus-visible]){outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item):focus-visible{outline:none}:where(.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-select-item)[data-focus-visible],:where(.nz-chip,.nz-choice-card,.nz-file-upload-dropzone,.nz-segmented-control-item):is(:has(>input:focus-visible),[data-focus-visible]),:where(.nz-input,.nz-password-input,.nz-search-field):focus-within{outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}[data-focus-inset]:is(:focus-visible,[data-focus-visible],:focus-within),[data-focus-inset]:has(>input:focus-visible){outline-offset:-2px}:where(.nz-alert-dismiss,.nz-app-shell-skip,.nz-banner-dismiss,.nz-breadcrumb-link,.nz-button,.nz-checkbox-input,.nz-chip,.nz-choice-card,.nz-dialog-close,.nz-dialog-trigger,.nz-drawer-close,.nz-drawer-trigger,.nz-file-upload-dropzone,.nz-form-summary,.nz-form-summary-link,.nz-icon-button,.nz-menu-checkbox-item,.nz-menu-item,.nz-menu-radio-item,.nz-menu-trigger,.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger,.nz-native-select-trigger,.nz-nav-item,.nz-pagination-next,.nz-pagination-page,.nz-pagination-previous,.nz-password-input-toggle,.nz-popover-close,.nz-popover-trigger,.nz-radio-input,.nz-ranked-list-action,.nz-segmented-control-item,.nz-select-item,.nz-select-trigger,.nz-sidebar-item,.nz-switch-input,.nz-tab-nav-link,.nz-table-row-link,.nz-table-sort-button,.nz-tabs-tab,.nz-textarea,.nz-toast,.nz-toast-action,.nz-toast-close,.nz-toast-region,.nz-tooltip-trigger){touch-action:pan-x pan-y pinch-zoom}.nz-hit-target{position:relative}@media (pointer:coarse){.nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}}[data-nz-touch-targets=always] .nz-hit-target:not([data-hit-inset]):after{content:"";inset:min(0px, calc((100% - var(--nz-size-touch-min)) / 2));position:absolute}:dir(rtl) [data-mirror=rtl]{scale:-1 1}html{scroll-padding-block:var(--nz-layout-top-inset,0px) calc(var(--nz-layout-bottom-inset,0px) + var(--nz-toast-inset,0px))}@media (forced-colors:active){:where(.nz-checkbox-input,.nz-chip,.nz-choice-card,.nz-choice-card-input,.nz-dialog-popup,.nz-drawer-popup,.nz-menu-popup,.nz-popover-popup,.nz-radio-input,.nz-select-popup,.nz-switch-input,.nz-tooltip-popup){border:1px solid canvastext}:where(.nz-switch-thumb){forced-color-adjust:none;background:canvastext}:where(.nz-meter-track)::-moz-meter-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-moz-progress-bar{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-even-less-good-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-optimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-meter-track)::-webkit-meter-suboptimum-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-progress-bar-track)::-webkit-progress-value{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-checkbox-input,.nz-choice-card-input,.nz-radio-input,.nz-switch-input):checked{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-chip,.nz-choice-card,.nz-segmented-control-item):has(>input:checked){outline:2px solid highlight}:where(.nz-checkbox-input):indeterminate{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-nav-item,.nz-pagination-page)[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-tab-nav-link)[aria-current=page]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-icon-button)[aria-pressed=true],:where(.nz-menu-checkbox-item,.nz-menu-radio-item)[data-checked]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-file-upload-dropzone)[data-drag-over]{outline:2px solid highlight}:where(.nz-select-item)[data-selected]{color:highlighttext;forced-color-adjust:none;background:highlight;outline-color:canvastext}:where(.nz-tabs-tab)[data-selected]:before{forced-color-adjust:none;background:highlight;outline-color:canvastext}}}@layer nz.utilities{.nz-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
|
|
464
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
465
|
+
@layer nz.components{.nz-alert{--_nz-alert-bg:var(--nz-bg-info-subtle);--_nz-alert-icon-fg:var(--nz-icon-info);align-items:flex-start;gap:var(--nz-alert-gap,var(--nz-space-3));padding-block:var(--nz-alert-padding-block,var(--nz-space-3));padding-inline:var(--nz-alert-padding-inline,var(--nz-space-4));border-radius:var(--nz-alert-radius,var(--nz-radius-lg));background:var(--nz-alert-bg,var(--_nz-alert-bg));color:var(--nz-text-primary);display:flex}.nz-alert-icon{inline-size:var(--nz-size-icon-md);block-size:var(--nz-size-icon-md);color:var(--nz-alert-icon-fg,var(--_nz-alert-icon-fg));font-size:var(--nz-size-icon-md);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-alert-content{gap:var(--nz-space-0-5);flex-direction:column;flex:1;min-inline-size:0;display:flex}.nz-alert-title{font:var(--nz-alert-title-font,var(--nz-font-label-m-strong))}.nz-alert-description{color:var(--nz-text-secondary);font:var(--nz-alert-description-font,var(--nz-font-body-m))}.nz-alert-action{gap:var(--nz-space-2);flex-wrap:wrap;margin-block-start:var(--nz-space-2);display:flex}.nz-alert-dismiss{flex:none}.nz-alert>.nz-icon-button.nz-alert-dismiss{--_nz-icon-button-fg:var(--nz-alert-dismiss-fg,var(--nz-icon-secondary));margin-block:calc((var(--nz-size-icon-md) - var(--nz-size-control-sm)) / 2);margin-inline:calc((var(--nz-size-icon-sm) - var(--nz-size-control-sm)) / 2)}.nz-alert[data-tone=success]{--_nz-alert-bg:var(--nz-bg-success-subtle);--_nz-alert-icon-fg:var(--nz-icon-success)}.nz-alert[data-tone=warning]{--_nz-alert-bg:var(--nz-bg-warning-subtle);--_nz-alert-icon-fg:var(--nz-icon-warning)}.nz-alert[data-tone=critical]{--_nz-alert-bg:var(--nz-bg-critical-subtle);--_nz-alert-icon-fg:var(--nz-icon-critical)}@media (forced-colors:active){.nz-alert{outline-offset:-1px;outline:1px solid canvastext}}}
|
|
466
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
467
|
+
@layer nz.components{.nz-app-shell{background:var(--nz-app-shell-bg,var(--nz-bg-canvas));min-block-size:100dvh;color:var(--nz-text-primary);grid-template-columns:auto minmax(0,1fr);display:grid}.nz-app-shell-skip{z-index:var(--nz-z-overlay);padding:var(--nz-space-2) var(--nz-space-3);border-radius:var(--nz-radius-md);background:var(--nz-bg-inverse);color:var(--nz-text-inverse);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);translate:0 calc(-100% - var(--nz-space-4));text-decoration:none;position:fixed;inset-block-start:var(--nz-space-2);inset-inline-start:var(--nz-space-2);&:focus-visible{translate:none}}.nz-app-shell-sidebar{grid-column:1}.nz-app-shell-frame{flex-direction:column;grid-column:2;min-inline-size:0;display:flex}.nz-app-shell-main{box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--nz-layout-content-max) + 2 * var(--nz-grid-margin));padding:var(--nz-app-shell-main-padding,var(--nz-section-gap) var(--nz-grid-margin));outline:none;flex:auto;margin-inline:auto;padding-block-end:calc(var(--nz-section-gap) + var(--nz-layout-bottom-inset,0px))}.nz-app-shell-sidebar,.nz-app-shell-top-bar{display:none}.nz-app-shell-tab-bar{z-index:var(--nz-z-chrome);position:fixed;inset-block-end:0;inset-inline:0}@media (width>=40rem){.nz-app-shell-sidebar,.nz-app-shell-top-bar{display:block}.nz-app-shell-mobile-top-bar,.nz-app-shell-tab-bar{display:none}}}
|
|
468
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
469
|
+
@layer nz.components{.nz-avatar{--_nz-avatar-size:var(--nz-space-8);--_nz-avatar-font:var(--nz-font-label-s);--_nz-avatar-tracking:var(--nz-tracking-label-s);box-sizing:border-box;inline-size:var(--nz-avatar-size,var(--_nz-avatar-size));block-size:var(--nz-avatar-size,var(--_nz-avatar-size));border-radius:var(--nz-avatar-radius,var(--nz-radius-full));background:var(--nz-avatar-bg,var(--nz-bg-brand-muted));color:var(--nz-avatar-fg,var(--nz-text-brand));font:var(--nz-avatar-font,var(--_nz-avatar-font));letter-spacing:var(--_nz-avatar-tracking);vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.nz-avatar[data-size=sm]{--_nz-avatar-size:var(--nz-space-6)}.nz-avatar[data-size=lg]{--_nz-avatar-size:var(--nz-space-10);--_nz-avatar-font:var(--nz-font-label-m);--_nz-avatar-tracking:var(--nz-tracking-label-m)}.nz-avatar[data-size=xl]{--_nz-avatar-size:calc(var(--nz-space-12) + var(--nz-space-2));--_nz-avatar-font:var(--nz-font-label-l);--_nz-avatar-tracking:var(--nz-tracking-label-l)}.nz-avatar-initials{white-space:nowrap}.nz-avatar-image{object-fit:cover;color:#0000;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.nz-avatar-group{--_nz-avatar-group-size:var(--nz-space-8);--_nz-avatar-group-font:var(--nz-font-label-s);vertical-align:middle;align-items:center;display:inline-flex;&>.nz-avatar,&>.nz-avatar-group-more{box-shadow:0 0 0 var(--nz-border-width-focus) var(--nz-avatar-group-ring,var(--nz-bg-surface))}&>:not(:first-child){margin-inline-start:calc(-1 * var(--nz-space-2))}}.nz-avatar-group[data-size=sm]{--_nz-avatar-group-size:var(--nz-space-6)}.nz-avatar-group[data-size=lg]{--_nz-avatar-group-size:var(--nz-space-10);--_nz-avatar-group-font:var(--nz-font-label-m)}.nz-avatar-group[data-size=xl]{--_nz-avatar-group-size:calc(var(--nz-space-12) + var(--nz-space-2));--_nz-avatar-group-font:var(--nz-font-label-l)}.nz-avatar-group-more{box-sizing:border-box;inline-size:var(--_nz-avatar-group-size);block-size:var(--_nz-avatar-group-size);border-radius:var(--nz-radius-full);background:var(--nz-avatar-group-more-bg,var(--nz-bg-muted));color:var(--nz-avatar-group-more-fg,var(--nz-text-secondary));font:var(--_nz-avatar-group-font);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (forced-colors:active){.nz-avatar,.nz-avatar-group-more{outline-offset:-1px;outline:1px solid canvastext}}}
|
|
470
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
471
|
+
@layer nz.components{.nz-badge{--_nz-badge-bg:var(--nz-bg-muted);--_nz-badge-fg:var(--nz-text-secondary);--_nz-badge-dot-bg:var(--nz-icon-secondary);align-items:center;gap:var(--nz-badge-gap,var(--nz-space-1-5));padding-block:var(--nz-space-0-5);padding-inline:var(--nz-badge-padding-inline,var(--nz-space-2));border-radius:var(--nz-badge-radius,var(--nz-radius-full));background:var(--nz-badge-bg,var(--_nz-badge-bg));color:var(--nz-badge-fg,var(--_nz-badge-fg));font:var(--nz-badge-font,var(--nz-font-label-m));white-space:nowrap;display:inline-flex}.nz-badge-dot{inline-size:var(--nz-space-1-5);block-size:var(--nz-space-1-5);border-radius:var(--nz-radius-full);background:var(--nz-badge-dot-bg,var(--_nz-badge-dot-bg));flex:none}.nz-badge[data-tone=success]{--_nz-badge-bg:var(--nz-bg-success-subtle);--_nz-badge-fg:var(--nz-text-success);--_nz-badge-dot-bg:var(--nz-icon-success)}.nz-badge[data-tone=warning]{--_nz-badge-bg:var(--nz-bg-warning-subtle);--_nz-badge-fg:var(--nz-text-warning);--_nz-badge-dot-bg:var(--nz-icon-warning)}.nz-badge[data-tone=critical]{--_nz-badge-bg:var(--nz-bg-critical-subtle);--_nz-badge-fg:var(--nz-text-critical);--_nz-badge-dot-bg:var(--nz-icon-critical)}.nz-badge[data-tone=info]{--_nz-badge-bg:var(--nz-bg-info-subtle);--_nz-badge-fg:var(--nz-text-info);--_nz-badge-dot-bg:var(--nz-icon-info)}.nz-badge[data-tone=brand]{--_nz-badge-bg:var(--nz-bg-brand);--_nz-badge-fg:var(--nz-text-on-brand);--_nz-badge-dot-bg:var(--nz-text-on-brand)}@media (forced-colors:active){.nz-badge{outline-offset:-1px;outline:1px solid canvastext}.nz-badge-dot{forced-color-adjust:none;background:canvastext}}}
|
|
472
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
473
|
+
@layer nz.components{.nz-banner{--_nz-banner-bg:var(--nz-bg-brand-subtle);--_nz-banner-icon-fg:var(--nz-icon-brand);align-items:center;gap:var(--nz-banner-gap,var(--nz-space-5));padding-block:var(--nz-banner-padding-block,var(--nz-space-4));padding-inline:var(--nz-banner-padding-inline,var(--nz-space-6));border-radius:var(--nz-banner-radius,var(--nz-radius-xl));background:var(--nz-banner-bg,var(--_nz-banner-bg));color:var(--nz-text-primary);flex-wrap:wrap;display:flex}.nz-banner[data-tone=warning]{--_nz-banner-bg:var(--nz-bg-warning-subtle);--_nz-banner-icon-fg:var(--nz-icon-warning)}.nz-banner-icon{color:var(--nz-banner-icon-fg,var(--_nz-banner-icon-fg));font-size:var(--nz-size-icon-lg);flex:none;display:inline-flex;&>svg{block-size:1em;inline-size:1em}}.nz-banner-media{flex:none;block-size:4.5rem;inline-size:4.5rem;display:inline-flex;overflow:hidden;&>:is(img,svg,picture,video){object-fit:contain;block-size:100%;inline-size:100%}}.nz-banner-content{gap:var(--nz-space-0-5);flex-direction:column;flex:16rem;min-inline-size:0;display:flex}.nz-banner-title{font:var(--nz-banner-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4)}.nz-banner-description{color:var(--nz-text-secondary);font:var(--nz-banner-description-font,var(--nz-font-body-m));letter-spacing:var(--nz-tracking-body-m)}.nz-banner-action{gap:var(--nz-space-2);flex-wrap:wrap;flex:none;display:flex}.nz-banner-dismiss{flex:none;margin-inline-start:auto}.nz-banner>.nz-icon-button.nz-banner-dismiss{--_nz-icon-button-fg:var(--nz-banner-dismiss-fg,var(--nz-icon-secondary))}@media (forced-colors:active){.nz-banner{outline-offset:-1px;outline:1px solid canvastext}}}
|
|
474
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
475
|
+
@layer nz.components{.nz-breadcrumb-list{align-items:center;gap:0 var(--nz-breadcrumb-gap,var(--nz-space-1-5));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nz-breadcrumb-item{align-items:center;gap:var(--nz-breadcrumb-gap,var(--nz-space-1-5));min-inline-size:0;display:inline-flex}.nz-breadcrumb-separator{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);color:var(--nz-breadcrumb-separator-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-breadcrumb-item:first-child>.nz-breadcrumb-separator{display:none}.nz-breadcrumb-link,.nz-breadcrumb-current{min-block-size:var(--nz-space-6);overflow-wrap:anywhere;align-items:center;display:inline-flex}.nz-breadcrumb-link{border-radius:var(--nz-radius-xs);color:var(--nz-breadcrumb-link-fg,var(--nz-text-secondary));transition:color var(--nz-duration-fast) var(--nz-easing-standard);text-decoration:none;@media (hover:hover){&:hover{color:var(--nz-breadcrumb-link-fg-hover,var(--nz-text-primary));text-underline-offset:var(--nz-space-1);text-decoration:underline}}}.nz-breadcrumb-current{color:var(--nz-breadcrumb-current-fg,var(--nz-text-primary));font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}}
|
|
476
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
477
|
+
@layer nz.components{.nz-button{--_nz-button-bg:var(--nz-bg-surface);--_nz-button-bg-hover:var(--nz-bg-hover);--_nz-button-bg-pressed:var(--nz-bg-pressed);--_nz-button-fg:var(--nz-text-primary);--_nz-button-border:var(--nz-border-default);--_nz-button-border-hover:var(--nz-border-strong);--_nz-button-shadow:none;--_nz-button-height:var(--nz-size-control-md);--_nz-button-padding-inline:var(--nz-space-4);--_nz-button-gap:var(--nz-space-2);--_nz-button-radius:var(--nz-radius-md);--_nz-button-font:var(--nz-font-label-m);--_nz-button-icon-size:var(--nz-size-icon-sm);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--nz-button-gap,var(--_nz-button-gap));block-size:var(--nz-button-height,var(--_nz-button-height));padding-inline:var(--nz-button-padding-inline,var(--_nz-button-padding-inline));border:var(--nz-border-width-default) solid var(--nz-button-border,var(--_nz-button-border));border-radius:var(--nz-button-radius,var(--_nz-button-radius));background:var(--nz-button-bg,var(--_nz-button-bg));color:var(--nz-button-fg,var(--_nz-button-fg));box-shadow:var(--nz-button-shadow,var(--_nz-button-shadow));font:var(--nz-button-font,var(--_nz-button-font));cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), scale var(--nz-duration-instant) var(--nz-easing-standard);text-decoration:none;display:inline-flex;@media (hover:hover){&:hover:not(:disabled,[data-disabled],[aria-disabled=true]){background:var(--nz-button-bg-hover,var(--_nz-button-bg-hover));border-color:var(--nz-button-border-hover,var(--_nz-button-border-hover))}}&:active:not(:disabled,[data-disabled],[aria-disabled=true]){background:var(--nz-button-bg-pressed,var(--_nz-button-bg-pressed));border-color:var(--nz-button-border-hover,var(--_nz-button-border-hover));scale:var(--nz-scale-press)}&:focus-visible{box-shadow:var(--nz-button-shadow,var(--_nz-button-shadow)), 0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--nz-focus-halo)}&:is(:disabled,[data-disabled]){background:var(--nz-button-bg-disabled,var(--nz-bg-disabled));color:var(--nz-button-fg-disabled,var(--nz-text-disabled));border-color:var(--nz-border-subtle);box-shadow:none;cursor:not-allowed}&[data-pending]{cursor:progress}&[data-full-width]{inline-size:100%}}.nz-button[data-variant=primary]{--_nz-button-bg:var(--nz-bg-brand);--_nz-button-bg-hover:var(--nz-bg-brand-hover);--_nz-button-bg-pressed:var(--nz-bg-brand-pressed);--_nz-button-fg:var(--nz-text-on-brand);--_nz-button-border:transparent;--_nz-button-border-hover:transparent;--_nz-button-shadow:var(--nz-elevation-button)}.nz-button[data-variant=tertiary]{--_nz-button-bg:transparent;--_nz-button-border:transparent;--_nz-button-border-hover:transparent}.nz-button[data-variant=critical]{--_nz-button-bg:var(--nz-bg-critical);--_nz-button-bg-hover:var(--nz-bg-critical-hover);--_nz-button-bg-pressed:var(--nz-bg-critical-hover);--_nz-button-fg:var(--nz-text-on-critical);--_nz-button-border:transparent;--_nz-button-border-hover:transparent}.nz-button[data-variant=accent]{--_nz-button-bg:var(--nz-bg-accent);--_nz-button-bg-hover:var(--nz-bg-accent-hover);--_nz-button-bg-pressed:var(--nz-bg-accent-hover);--_nz-button-fg:var(--nz-text-on-accent);--_nz-button-border:transparent;--_nz-button-border-hover:transparent}.nz-button[data-size=sm]{--_nz-button-height:var(--nz-size-control-sm);--_nz-button-padding-inline:var(--nz-space-3);--_nz-button-gap:var(--nz-space-1-5);--_nz-button-radius:var(--nz-radius-sm)}.nz-button[data-size=lg]{--_nz-button-height:var(--nz-size-control-lg);--_nz-button-padding-inline:var(--nz-space-5);--_nz-button-font:var(--nz-font-label-l);--_nz-button-icon-size:var(--nz-size-icon-md)}.nz-button-icon{inline-size:var(--_nz-button-icon-size);block-size:var(--_nz-button-icon-size);font-size:var(--_nz-button-icon-size);display:inline-flex}.nz-button[data-pending] .nz-glyph-spinner{animation:nz-button-spin var(--nz-duration-spin) linear infinite}.nz-button-pending-label{white-space:nowrap;text-overflow:ellipsis;text-align:center;grid-area:1/2;display:none;overflow:hidden}.nz-button-pending-label+.nz-button-label{grid-area:1/2}@media (prefers-reduced-motion:reduce){.nz-button[data-pending]{grid-auto-flow:column;align-content:center;display:inline-grid}.nz-button-pending-label{display:block}.nz-button-pending-label+.nz-button-label{opacity:0}}[data-nz-motion=reduce] .nz-button[data-pending]{grid-auto-flow:column;align-content:center;display:inline-grid}[data-nz-motion=reduce] .nz-button-pending-label{display:block}[data-nz-motion=reduce] .nz-button-pending-label+.nz-button-label{opacity:0}@keyframes nz-button-spin{to{rotate:1turn}}@media (forced-colors:active){.nz-button{border-color:buttontext}}}
|
|
478
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
479
|
+
@layer nz.components{.nz-card{--_nz-card-bg:var(--nz-bg-surface);--_nz-card-border:var(--nz-border-subtle);--_nz-card-padding:var(--nz-space-6);--_nz-card-shadow:none;--_nz-card-pill:initial;gap:var(--nz-card-gap,var(--nz-space-5));padding:var(--nz-card-padding,var(--_nz-card-padding));border:var(--nz-border-width-default) solid var(--nz-card-border,var(--_nz-card-border));border-radius:var(--nz-card-radius,var(--nz-radius-xl));background:var(--nz-card-bg,var(--_nz-card-bg));--nz-surface:var(--nz-card-bg,var(--_nz-card-bg));box-shadow:var(--nz-card-shadow,var(--_nz-card-shadow));color:var(--nz-text-primary);flex-direction:column;display:flex}.nz-card[data-tone=subtle]{--_nz-card-bg:var(--nz-bg-subtle);--_nz-card-border:transparent}.nz-card[data-tone=brand]{--_nz-card-bg:var(--nz-bg-brand-subtle);--_nz-card-border:transparent;--_nz-card-pill:var(--nz-bg-surface)}.nz-card[data-tone=accent]{--_nz-card-bg:var(--nz-bg-accent-subtle);--_nz-card-border:transparent;--_nz-card-pill:var(--nz-bg-surface)}.nz-card:is([data-tone=brand],[data-tone=accent]) .nz-delta{--_nz-delta-fill:var(--_nz-card-pill)}.nz-card[data-padding=sm]{--_nz-card-padding:var(--nz-space-5)}.nz-card[data-elevation="1"]{--_nz-card-shadow:var(--nz-elevation-1)}.nz-card[data-tone=inverse]{--_nz-card-border:transparent}.nz-card-header{align-items:center;gap:var(--nz-space-1) var(--nz-space-3);grid-template-columns:minmax(0,1fr);display:grid}.nz-card-title{font:var(--nz-card-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4);grid-column:1;margin:0}.nz-card-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);grid-column:1;margin:0}.nz-card-action{align-items:center;gap:var(--nz-space-2);color:var(--nz-icon-secondary);grid-area:1/2;display:flex}.nz-card-body{min-inline-size:0}.nz-card-footer{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (forced-colors:active){.nz-card{border-color:canvastext}}}
|
|
480
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
481
|
+
@layer nz.components{.nz-checkbox{--_nz-checkbox-size:1.25rem;justify-content:start;align-items:start;column-gap:var(--nz-checkbox-gap,var(--nz-space-2));color:var(--nz-text-primary);font:var(--nz-font-body-m);cursor:pointer;grid-template-columns:auto auto;display:inline-grid}.nz-checkbox-input,.nz-checkbox-indicator{grid-area:1/1;margin-block-start:calc((1lh - var(--nz-checkbox-size,var(--_nz-checkbox-size))) / 2)}.nz-checkbox-input{--_nz-checkbox-bg:var(--nz-bg-surface);--_nz-checkbox-border:var(--nz-border-control);appearance:none;box-sizing:border-box;inline-size:var(--nz-checkbox-size,var(--_nz-checkbox-size));block-size:var(--nz-checkbox-size,var(--_nz-checkbox-size));border:var(--nz-border-width-default) solid var(--_nz-checkbox-border);border-radius:var(--nz-checkbox-radius,var(--nz-radius-xs));background:var(--_nz-checkbox-bg);font:inherit;cursor:inherit;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard);margin-block-end:0;margin-inline:0}.nz-checkbox-input[aria-invalid=true]:not(:checked,:indeterminate){--_nz-checkbox-border:var(--nz-border-critical)}.nz-checkbox-input:is(:checked,:indeterminate){--_nz-checkbox-bg:var(--nz-checkbox-accent,var(--nz-bg-brand));--_nz-checkbox-border:transparent}@media (hover:hover){.nz-checkbox:hover>.nz-checkbox-input:not(:disabled,:checked,:indeterminate){--_nz-checkbox-border:var(--nz-border-control-hover)}}.nz-checkbox-input:disabled{--_nz-checkbox-bg:var(--nz-bg-disabled);--_nz-checkbox-border:var(--nz-border-subtle)}.nz-checkbox-input:disabled:is(:checked,:indeterminate){--_nz-checkbox-bg:var(--nz-bg-muted);--_nz-checkbox-border:transparent}.nz-checkbox-indicator{inline-size:var(--nz-checkbox-size,var(--_nz-checkbox-size));block-size:var(--nz-checkbox-size,var(--_nz-checkbox-size));color:var(--nz-text-on-brand);pointer-events:none;visibility:hidden;place-items:center;font-size:.875rem;display:grid;&>*{grid-area:1/1}}.nz-checkbox-input:is(:checked,:indeterminate)+.nz-checkbox-indicator{visibility:visible}.nz-checkbox-input:indeterminate+.nz-checkbox-indicator>.nz-glyph-check,.nz-checkbox-input:not(:indeterminate)+.nz-checkbox-indicator>.nz-glyph-minus{display:none}.nz-checkbox-input:disabled+.nz-checkbox-indicator{color:var(--nz-text-disabled)}.nz-checkbox-label{grid-area:1/2}.nz-checkbox:is([data-disabled],:has(>.nz-checkbox-input:disabled)){color:var(--nz-text-disabled);cursor:not-allowed}@media (forced-colors:active){.nz-checkbox-input:is(:checked,:indeterminate){forced-color-adjust:none;background:highlight}.nz-checkbox-input:disabled:is(:checked,:indeterminate){background:graytext}.nz-checkbox-indicator{color:highlighttext;forced-color-adjust:none}}}
|
|
482
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
483
|
+
@layer nz.components{.nz-chip-group{gap:var(--nz-chip-group-gap,var(--nz-space-2));flex-wrap:wrap;display:flex}.nz-chip{--_nz-chip-edge:var(--nz-border-default);--_nz-chip-edge-width:var(--nz-border-width-default);justify-content:center;align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-inline-size:var(--nz-size-control-lg);block-size:var(--nz-chip-height,var(--nz-size-control-md));padding-inline:var(--nz-space-4);border-radius:var(--nz-chip-radius,var(--nz-radius-full));background:var(--nz-chip-bg,var(--nz-bg-surface));box-shadow:inset 0 0 0 var(--_nz-chip-edge-width) var(--_nz-chip-edge);color:var(--nz-chip-fg,var(--nz-text-primary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);flex:none;display:inline-flex;position:relative;@media (hover:hover){&:hover:not(:has(>input:disabled,>input:checked)){--_nz-chip-edge:var(--nz-border-strong)}}&:has(>input:checked){--_nz-chip-edge:var(--nz-chip-edge-selected,var(--nz-border-brand));--_nz-chip-edge-width:var(--nz-border-width-focus)}&:has(>input:disabled){--_nz-chip-edge:var(--nz-border-subtle);background:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed}&:has(>input:checked:disabled){--_nz-chip-edge:var(--nz-border-strong)}}.nz-chip:has(>.nz-chip-leading){padding-inline:var(--nz-space-2) var(--nz-space-3)}.nz-chip-group[data-invalid]>.nz-chip:not(:has(>input:checked)){--_nz-chip-edge:var(--nz-border-critical)}.nz-chip-input{opacity:0;appearance:none;cursor:inherit;margin:0;position:absolute;inset:0}.nz-chip-leading{inline-size:var(--nz-chip-leading-size,var(--nz-size-icon-lg));block-size:var(--nz-chip-leading-size,var(--nz-size-icon-lg));border-radius:var(--nz-radius-full);outline:var(--nz-border-width-default) solid var(--nz-border-subtle);outline-offset:calc(var(--nz-border-width-default) * -1);flex:none;display:inline-flex;position:relative;overflow:hidden;&>:not(.nz-chip-strike){object-fit:cover;block-size:100%;inline-size:100%}}.nz-chip-label{text-overflow:ellipsis;overflow:hidden}.nz-chip-strike{border-radius:inherit;background:linear-gradient(to top right, transparent calc(50% - var(--nz-border-width-default)), var(--nz-chip-strike,var(--nz-border-strong)) calc(50% - var(--nz-border-width-default)), var(--nz-chip-strike,var(--nz-border-strong)) calc(50% + var(--nz-border-width-default)), transparent calc(50% + var(--nz-border-width-default)));pointer-events:none;position:absolute;inset:0}.nz-chip:has(.nz-chip-strike):not(:has(>input:disabled)){color:var(--nz-text-secondary)}@media (forced-colors:active){.nz-chip:has(>input:disabled){color:graytext}.nz-chip-strike{forced-color-adjust:none;background:linear-gradient(to top right,#0000 calc(50% - 1px),canvastext calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}}}
|
|
484
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
485
|
+
@layer nz.components{.nz-choice-card-group{gap:var(--nz-choice-card-group-gap,var(--nz-space-3));display:grid}.nz-choice-card{--_nz-choice-card-edge:var(--nz-border-default);--_nz-choice-card-edge-width:var(--nz-border-width-default);align-items:center;gap:var(--nz-choice-card-gap,var(--nz-space-3));box-sizing:border-box;min-block-size:var(--nz-size-control-lg);padding:var(--nz-choice-card-padding,var(--nz-space-4));border-radius:var(--nz-choice-card-radius,var(--nz-radius-lg));background:var(--nz-choice-card-bg,var(--nz-bg-surface));box-shadow:inset 0 0 0 var(--_nz-choice-card-edge-width) var(--_nz-choice-card-edge);color:var(--nz-choice-card-fg,var(--nz-text-primary));font:var(--nz-font-body-m);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:flex;position:relative;@media (hover:hover){&:hover:not(:has(>input:disabled,>input:checked)){--_nz-choice-card-edge:var(--nz-border-strong)}}&:has(>input:checked){--_nz-choice-card-edge:var(--nz-choice-card-edge-selected,var(--nz-border-brand));--_nz-choice-card-edge-width:var(--nz-border-width-focus);background:var(--nz-choice-card-bg-selected,var(--nz-bg-brand-subtle))}&:has(>input:disabled){--_nz-choice-card-edge:var(--nz-border-subtle);background:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed}}.nz-choice-card-group[data-invalid]>.nz-choice-card:has(>input:checked){--_nz-choice-card-edge:var(--nz-border-critical)}.nz-choice-card-input{--_nz-choice-card-radio-bg:var(--nz-bg-surface);--_nz-choice-card-radio-border:var(--nz-border-control);--_nz-choice-card-radio-ring:transparent;appearance:none;box-sizing:border-box;border:var(--nz-border-width-default) solid var(--_nz-choice-card-radio-border);border-radius:var(--nz-radius-full);background:var(--_nz-choice-card-radio-bg);block-size:1.25rem;inline-size:1.25rem;box-shadow:inset 0 0 0 .3125rem var(--_nz-choice-card-radio-ring);font:inherit;cursor:inherit;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);outline:none;flex:none;margin:0;&:checked{--_nz-choice-card-radio-bg:var(--nz-text-on-brand);--_nz-choice-card-radio-border:var(--nz-choice-card-accent,var(--nz-bg-brand));--_nz-choice-card-radio-ring:var(--nz-choice-card-accent,var(--nz-bg-brand))}&:disabled{--_nz-choice-card-radio-bg:var(--nz-bg-disabled);--_nz-choice-card-radio-border:var(--nz-border-subtle)}&:disabled:checked{--_nz-choice-card-radio-bg:var(--nz-text-disabled);--_nz-choice-card-radio-border:var(--nz-bg-muted);--_nz-choice-card-radio-ring:var(--nz-bg-muted)}}@media (hover:hover){.nz-choice-card:hover>.nz-choice-card-input:not(:disabled,:checked){--_nz-choice-card-radio-border:var(--nz-border-control-hover)}}.nz-choice-card-group[data-invalid] .nz-choice-card-input:not(:checked){--_nz-choice-card-radio-border:var(--nz-border-critical)}.nz-choice-card-leading{flex:none;align-items:center;display:inline-flex}.nz-choice-card-content{gap:var(--nz-space-0-5);flex:auto;min-inline-size:0;display:grid}.nz-choice-card-label{align-items:center;gap:var(--nz-space-1);min-block-size:1lh;font:var(--nz-font-body-m-strong);flex-wrap:wrap;display:flex}.nz-choice-card-trailing{align-items:center;gap:var(--nz-space-2);flex:none;display:inline-flex}.nz-choice-card-description{min-block-size:1lh;color:var(--nz-choice-card-description-fg,var(--nz-text-secondary))}.nz-choice-card:has(>input:disabled) .nz-choice-card-description{color:var(--nz-text-disabled)}@media (forced-colors:active){.nz-choice-card-input:checked{--_nz-choice-card-radio-ring:Highlight;forced-color-adjust:none;background:highlighttext;border-color:highlight}.nz-choice-card-input:disabled:checked{--_nz-choice-card-radio-ring:GrayText;background:canvas;border-color:graytext}.nz-choice-card:has(>input:disabled){color:graytext}}}
|
|
486
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
487
|
+
@layer nz.components{.nz-container{box-sizing:content-box;max-inline-size:var(--nz-container-max-width,var(--nz-layout-content-max));padding-inline:var(--nz-container-padding-inline,var(--nz-grid-margin));margin-inline:auto}}
|
|
488
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
489
|
+
@layer nz.components{.nz-delta{--_nz-delta-fill:initial;--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-subtle));--_nz-delta-fg:var(--nz-text-secondary);align-items:center;gap:var(--nz-delta-gap,var(--nz-space-1));padding-block:var(--nz-space-1);padding-inline:var(--nz-delta-padding-inline,var(--nz-space-2));border-radius:var(--nz-delta-radius,var(--nz-radius-full));background:var(--nz-delta-bg,var(--_nz-delta-bg));color:var(--nz-delta-fg,var(--_nz-delta-fg));font:var(--nz-delta-font,var(--nz-font-label-m-strong));white-space:nowrap;display:inline-flex}.nz-delta-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-delta-value{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.nz-delta[data-tone=success]{--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-success-subtle));--_nz-delta-fg:var(--nz-text-success)}.nz-delta[data-tone=critical]{--_nz-delta-bg:var(--_nz-delta-fill,var(--nz-bg-critical-subtle));--_nz-delta-fg:var(--nz-text-critical)}@media (forced-colors:active){.nz-delta{outline-offset:-1px;outline:1px solid canvastext}}}
|
|
490
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
491
|
+
@layer nz.components{.nz-dialog-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-dialog-positioner{z-index:var(--nz-z-overlay);padding:var(--nz-space-8);place-items:center;display:grid;position:fixed;inset:0}.nz-dialog-backdrop{background:var(--nz-bg-scrim);transition:opacity var(--nz-duration-base) var(--nz-easing-enter);position:fixed;inset:0;&[data-entering]{opacity:0}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-dialog-popup{--_nz-dialog-width:30rem;box-sizing:border-box;inline-size:min(var(--nz-dialog-width,var(--_nz-dialog-width)), 100%);max-block-size:calc(100dvh - 2 * var(--nz-space-8));border-radius:var(--nz-dialog-radius,var(--nz-radius-2xl));background:var(--nz-dialog-bg,var(--nz-bg-surface-raised));box-shadow:var(--nz-elevation-4);transition:scale var(--nz-duration-spring) var(--nz-easing-spring), opacity var(--nz-duration-spring) var(--nz-easing-enter);flex-direction:column;display:flex;position:relative;&[data-entering]{opacity:0;scale:var(--nz-scale-enter)}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}&[data-size=sm]{--_nz-dialog-width:25rem}&[data-size=lg]{--_nz-dialog-width:40rem}}.nz-dialog-content{border-radius:inherit;flex-direction:column;min-block-size:0;display:flex;overflow:clip;&:focus-visible{outline:none}}.nz-dialog-content>:not(.nz-dialog-close.nz-icon-button):is(:focus-visible,[data-focus-visible]){outline-offset:calc(-1 * var(--nz-border-width-focus))}.nz-dialog-content>.nz-dialog-close.nz-icon-button{--_nz-icon-button-fg:var(--nz-icon-secondary);position:absolute;inset-block-start:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2);inset-inline-end:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2)}.nz-dialog-content:has(>.nz-dialog-close.nz-icon-button)>.nz-dialog-title{padding-inline-end:calc(var(--nz-space-5) + var(--nz-size-icon-md) + var(--nz-space-3))}.nz-dialog-title{padding:var(--nz-space-5) var(--nz-space-6) var(--nz-space-2);color:var(--nz-text-primary);font:var(--nz-font-heading-h3);letter-spacing:var(--nz-tracking-heading-h3);margin:0}.nz-dialog-description{padding:var(--nz-space-2) var(--nz-space-6);color:var(--nz-text-secondary);font:var(--nz-font-body-l);margin:0}.nz-dialog-body{padding:var(--nz-space-2) var(--nz-space-6);overflow:auto}.nz-dialog-description:last-child,.nz-dialog-body:last-child{padding-block-end:var(--nz-space-6)}.nz-dialog-footer{justify-content:flex-end;gap:var(--nz-space-3);padding:var(--nz-space-4) var(--nz-space-6);background:var(--nz-bg-subtle);flex-wrap:wrap;margin-block-start:var(--nz-space-4);display:flex}@media (forced-colors:active){.nz-dialog-popup{border:1px solid canvastext}}}
|
|
492
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
493
|
+
@layer nz.components{.nz-drawer-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-drawer-positioner{z-index:var(--nz-z-overlay);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0}.nz-drawer-backdrop{background:var(--nz-bg-scrim);transition:opacity var(--nz-duration-base) var(--nz-easing-enter);position:fixed;inset:0;&[data-entering]{opacity:0}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-drawer-popup{--_nz-drawer-width:27.5rem;--_nz-drawer-radius:var(--nz-drawer-radius,var(--nz-radius-xl));box-sizing:border-box;background:var(--nz-drawer-bg,var(--nz-bg-surface));min-block-size:0;box-shadow:var(--nz-elevation-4);transition:translate var(--nz-duration-slow) var(--nz-easing-enter), opacity var(--nz-duration-slow) var(--nz-easing-enter);flex-direction:column;display:flex;position:relative;&[data-exiting]{transition:translate var(--nz-duration-base) var(--nz-easing-exit), opacity var(--nz-duration-base) var(--nz-easing-exit)}&:is([data-entering],[data-exiting]){opacity:0}&:is([data-side=left],[data-side=right]){inline-size:min(var(--nz-drawer-width,var(--_nz-drawer-width)), 100% - var(--nz-space-12))}&[data-side=right]{border-radius:var(--_nz-drawer-radius) 0 0 var(--_nz-drawer-radius);justify-self:right}&[data-side=left]{border-radius:0 var(--_nz-drawer-radius) var(--_nz-drawer-radius) 0;justify-self:left}&[data-side=bottom]{max-block-size:calc(100% - var(--nz-space-12));border-radius:var(--_nz-drawer-radius) var(--_nz-drawer-radius) 0 0;align-self:end}&[data-side=right]:is([data-entering],[data-exiting]){translate:100%}&[data-side=left]:is([data-entering],[data-exiting]){translate:-100%}&[data-side=bottom]:is([data-entering],[data-exiting]){translate:0 100%}}@media (prefers-reduced-motion:reduce){.nz-drawer-popup[data-side]:is([data-entering],[data-exiting]){translate:none}}[data-nz-motion=reduce] .nz-drawer-popup:is([data-entering],[data-exiting]){translate:none}.nz-drawer-content{border-radius:inherit;flex-direction:column;flex:1;min-block-size:0;display:flex;overflow:clip;&:focus-visible{outline:none}}.nz-drawer-content>:not(.nz-drawer-close.nz-icon-button):is(:focus-visible,[data-focus-visible]){outline-offset:calc(-1 * var(--nz-border-width-focus))}.nz-drawer-content>.nz-drawer-close.nz-icon-button{--_nz-icon-button-fg:var(--nz-icon-secondary);position:absolute;inset-block-start:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2);inset-inline-end:calc(var(--nz-space-5) - (var(--nz-size-control-md) - var(--nz-size-icon-md)) / 2)}.nz-drawer-header{gap:var(--nz-space-1);padding:var(--nz-space-5) var(--nz-space-5) var(--nz-space-5) var(--nz-space-6);border-block-end:var(--nz-border-width-default) solid var(--nz-border-subtle);flex-direction:column;display:flex}.nz-drawer-content:has(>.nz-drawer-close.nz-icon-button)>.nz-drawer-header{padding-inline-end:calc(var(--nz-space-5) + var(--nz-size-icon-md) + var(--nz-space-3))}.nz-drawer-title{color:var(--nz-text-primary);font:var(--nz-font-heading-h3);letter-spacing:var(--nz-tracking-heading-h3);margin:0}.nz-drawer-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-drawer-body{align-content:start;gap:var(--nz-space-4);min-block-size:0;padding:var(--nz-space-6);color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);flex:1;display:grid;overflow:auto}.nz-drawer-footer{gap:var(--nz-space-3);padding:var(--nz-space-4) var(--nz-space-6);border-block-start:var(--nz-border-width-default) solid var(--nz-border-subtle);display:flex;&>*{flex:1}}@media (forced-colors:active){.nz-drawer-popup{border:1px solid canvastext}}}
|
|
494
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
495
|
+
@layer nz.components{.nz-empty-state{align-items:center;gap:var(--nz-empty-state-gap,var(--nz-space-4));padding:var(--nz-empty-state-padding,var(--nz-space-8));border-radius:var(--nz-empty-state-radius,var(--nz-radius-xl));background:var(--nz-empty-state-bg,var(--nz-bg-subtle));color:var(--nz-text-primary);text-align:center;flex-direction:column;display:flex}.nz-empty-state-media{inline-size:var(--nz-empty-state-media-size,8.75rem);block-size:var(--nz-empty-state-media-size,8.75rem);justify-content:center;align-items:center;display:flex;&>:is(img,svg,picture,video){object-fit:contain;max-block-size:100%;max-inline-size:100%}}.nz-empty-state-title{font:var(--nz-empty-state-title-font,var(--nz-font-heading-h3));letter-spacing:var(--nz-tracking-heading-h3);text-wrap:balance;margin:0}.nz-empty-state-actions{justify-content:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (forced-colors:active){.nz-empty-state{outline-offset:-1px;outline:1px solid canvastext}}}
|
|
496
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
497
|
+
@layer nz.components{.nz-field{--_nz-field-label-fg:var(--nz-text-primary);gap:var(--nz-field-gap,var(--nz-space-1-5));flex-direction:column;min-inline-size:0;display:flex}.nz-field[data-disabled],fieldset:disabled .nz-field{--_nz-field-label-fg:var(--nz-text-disabled)}.nz-field-label{color:var(--nz-field-label-fg,var(--_nz-field-label-fg));font:var(--nz-field-label-font,var(--nz-font-label-m));align-self:flex-start}.nz-field-required{color:var(--nz-field-required-fg,var(--nz-text-critical));margin-inline-start:var(--nz-space-0-5)}.nz-field-description{color:var(--nz-field-description-fg,var(--nz-text-tertiary));font:var(--nz-field-description-font,var(--nz-font-body-m))}}
|
|
498
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
499
|
+
@layer nz.components{.nz-fieldset{--_nz-fieldset-legend-fg:var(--nz-text-primary);border:0;min-inline-size:0;margin:0;padding:0}.nz-fieldset:is(:disabled,[data-disabled]){--_nz-fieldset-legend-fg:var(--nz-text-disabled)}.nz-fieldset-legend{color:var(--nz-fieldset-legend-fg,var(--_nz-fieldset-legend-fg));font:var(--nz-fieldset-legend-font,var(--nz-font-label-m));padding:0}.nz-fieldset-required{color:var(--nz-fieldset-required-fg,var(--nz-text-critical));margin-inline-start:var(--nz-space-0-5)}.nz-fieldset-content{gap:var(--nz-fieldset-gap,var(--nz-space-3));flex-direction:column;display:flex}.nz-fieldset-legend+.nz-fieldset-content{margin-block-start:var(--nz-fieldset-legend-gap,var(--nz-space-2))}.nz-fieldset-description{color:var(--nz-fieldset-description-fg,var(--nz-text-tertiary));font:var(--nz-fieldset-description-font,var(--nz-font-body-m))}}
|
|
500
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
501
|
+
@layer nz.components{.nz-file-upload{gap:var(--nz-file-upload-gap,var(--nz-space-3));flex-direction:column;min-inline-size:0;display:flex}.nz-file-upload-dropzone{--_nz-file-upload-bg:var(--nz-bg-subtle);--_nz-file-upload-border:var(--nz-border-strong);--_nz-file-upload-icon-bg:var(--nz-bg-surface);--_nz-file-upload-icon-fg:var(--nz-icon-primary);align-items:center;gap:var(--nz-space-1);box-sizing:border-box;padding-block:var(--nz-file-upload-padding-block,var(--nz-space-6));padding-inline:var(--nz-file-upload-padding-inline,var(--nz-space-6));border:var(--nz-border-width-default) dashed var(--nz-file-upload-border,var(--_nz-file-upload-border));border-radius:var(--nz-file-upload-radius,var(--nz-radius-xl));background:var(--nz-file-upload-bg,var(--_nz-file-upload-bg));color:var(--nz-text-primary);text-align:center;transition:background-color var(--nz-duration-instant) var(--nz-easing-standard), border-color var(--nz-duration-instant) var(--nz-easing-standard);flex-direction:column;display:flex;position:relative;@media (hover:hover){&:hover:not([data-disabled],[data-drag-over]){--_nz-file-upload-border:var(--nz-border-control-hover)}}&[data-drag-over]{--_nz-file-upload-bg:var(--nz-bg-brand-subtle);--_nz-file-upload-border:var(--nz-border-brand);--_nz-file-upload-icon-bg:var(--nz-bg-brand);--_nz-file-upload-icon-fg:var(--nz-text-on-brand)}&[data-invalid]{--_nz-file-upload-border:var(--nz-border-critical)}&[data-disabled]{--_nz-file-upload-bg:var(--nz-bg-disabled);--_nz-file-upload-border:var(--nz-border-subtle);--_nz-file-upload-icon-fg:var(--nz-text-disabled);color:var(--nz-text-disabled)}}.nz-file-upload-input{opacity:0;cursor:pointer;border:0;outline:none;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0;&:disabled{cursor:not-allowed}}.nz-file-upload-icon{box-sizing:border-box;inline-size:var(--nz-size-control-md);block-size:var(--nz-size-control-md);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-radius-full);background:var(--nz-file-upload-icon-bg,var(--_nz-file-upload-icon-bg));color:var(--nz-file-upload-icon-fg,var(--_nz-file-upload-icon-fg));font-size:var(--nz-size-icon-md);flex:none;justify-content:center;align-items:center;margin-block-end:var(--nz-space-2);display:inline-flex}.nz-file-upload-prompt{max-inline-size:100%;min-block-size:var(--nz-font-label-m-line-height);font:var(--nz-font-label-m);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nz-file-upload-browse{color:var(--nz-file-upload-browse-fg,var(--nz-text-brand));font:var(--nz-font-label-m-strong)}.nz-file-upload-dropzone[data-disabled] .nz-file-upload-browse{color:inherit}.nz-file-upload-hint{color:var(--nz-file-upload-hint-fg,var(--nz-text-secondary));font:var(--nz-font-body-m)}.nz-file-upload-dropzone[data-disabled] .nz-file-upload-hint{color:inherit}.nz-file-upload-messages{gap:var(--nz-space-1);flex-direction:column;display:flex;&:empty{display:none}}.nz-file-upload-list{gap:var(--nz-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nz-file-upload-item{align-items:center;column-gap:var(--nz-space-3);row-gap:var(--nz-space-0-5);box-sizing:border-box;padding-block:var(--nz-space-2);padding-inline:var(--nz-space-3) var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-file-upload-item-radius,var(--nz-radius-md));background:var(--nz-file-upload-item-bg,var(--nz-bg-surface));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""status actions";display:grid;&[data-error]{border-color:var(--nz-border-critical)}}.nz-file-upload-item-name{min-inline-size:0;color:var(--nz-text-primary);font:var(--nz-font-label-m);text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.nz-file-upload-item-status{align-items:center;gap:var(--nz-space-2);min-inline-size:0;block-size:var(--nz-font-body-s-line-height);color:var(--nz-text-secondary);font:var(--nz-font-body-s);grid-area:status;display:flex;&>.nz-progress-bar{flex:auto;min-inline-size:0}}.nz-file-upload-item-size{font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none}.nz-file-upload-item-complete,.nz-file-upload-item-error{align-items:center;gap:var(--nz-space-1);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:inline-flex;overflow:hidden;&>.nz-glyph{font-size:var(--nz-size-icon-sm);flex:none}}.nz-file-upload-item-complete{color:var(--nz-text-success)}.nz-file-upload-item-error{color:var(--nz-text-critical)}.nz-file-upload-item-actions{align-items:center;gap:var(--nz-space-1);grid-area:actions;display:inline-flex}@media (forced-colors:active){.nz-file-upload-browse{text-decoration:underline}.nz-file-upload-dropzone[data-disabled]{color:graytext;border-color:graytext}}}
|
|
502
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
503
|
+
@layer nz.components{.nz-form-summary{border-radius:var(--nz-radius-lg)}.nz-form-summary-list{gap:var(--nz-space-1);flex-direction:column;margin:0;padding-inline-start:var(--nz-space-4);display:flex}.nz-form-summary-link{border-radius:var(--nz-radius-xs);color:var(--nz-form-summary-link-fg,var(--nz-text-critical));text-underline-offset:var(--nz-space-1);text-decoration:underline;@media (hover:hover){&:hover{text-decoration-thickness:2px}}}}
|
|
504
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
505
|
+
@layer nz.components{.nz-grid{--_nz-grid-gap:var(--nz-grid-gutter);grid-template-columns:repeat(var(--nz-grid-columns), minmax(0, 1fr));gap:var(--_nz-grid-gap);display:grid}.nz-grid[data-gap="0"]{--_nz-grid-gap:var(--nz-space-0)}.nz-grid[data-gap="0-5"]{--_nz-grid-gap:var(--nz-space-0-5)}.nz-grid[data-gap="1"]{--_nz-grid-gap:var(--nz-space-1)}.nz-grid[data-gap="1-5"]{--_nz-grid-gap:var(--nz-space-1-5)}.nz-grid[data-gap="2"]{--_nz-grid-gap:var(--nz-space-2)}.nz-grid[data-gap="3"]{--_nz-grid-gap:var(--nz-space-3)}.nz-grid[data-gap="4"]{--_nz-grid-gap:var(--nz-space-4)}.nz-grid[data-gap="5"]{--_nz-grid-gap:var(--nz-space-5)}.nz-grid[data-gap="6"]{--_nz-grid-gap:var(--nz-space-6)}.nz-grid[data-gap="8"]{--_nz-grid-gap:var(--nz-space-8)}.nz-grid[data-gap="10"]{--_nz-grid-gap:var(--nz-space-10)}.nz-grid[data-gap="12"]{--_nz-grid-gap:var(--nz-space-12)}.nz-grid[data-gap="16"]{--_nz-grid-gap:var(--nz-space-16)}.nz-grid[data-gap="20"]{--_nz-grid-gap:var(--nz-space-20)}.nz-grid[data-gap="24"]{--_nz-grid-gap:var(--nz-space-24)}.nz-grid-item{--_nz-grid-item-span:1;grid-column:span min(var(--_nz-grid-item-span), var(--nz-grid-columns));min-inline-size:0}.nz-grid-item[data-span="1"]{--_nz-grid-item-span:1}.nz-grid-item[data-span="2"]{--_nz-grid-item-span:2}.nz-grid-item[data-span="3"]{--_nz-grid-item-span:3}.nz-grid-item[data-span="4"]{--_nz-grid-item-span:4}.nz-grid-item[data-span="5"]{--_nz-grid-item-span:5}.nz-grid-item[data-span="6"]{--_nz-grid-item-span:6}.nz-grid-item[data-span="7"]{--_nz-grid-item-span:7}.nz-grid-item[data-span="8"]{--_nz-grid-item-span:8}.nz-grid-item[data-span="9"]{--_nz-grid-item-span:9}.nz-grid-item[data-span="10"]{--_nz-grid-item-span:10}.nz-grid-item[data-span="11"]{--_nz-grid-item-span:11}.nz-grid-item[data-span="12"]{--_nz-grid-item-span:12}.nz-grid-item[data-span=full]{--_nz-grid-item-span:var(--nz-grid-columns)}@media (width>=40rem){.nz-grid-item[data-span-sm="1"]{--_nz-grid-item-span:1}.nz-grid-item[data-span-sm="2"]{--_nz-grid-item-span:2}.nz-grid-item[data-span-sm="3"]{--_nz-grid-item-span:3}.nz-grid-item[data-span-sm="4"]{--_nz-grid-item-span:4}.nz-grid-item[data-span-sm="5"]{--_nz-grid-item-span:5}.nz-grid-item[data-span-sm="6"]{--_nz-grid-item-span:6}.nz-grid-item[data-span-sm="7"]{--_nz-grid-item-span:7}.nz-grid-item[data-span-sm="8"]{--_nz-grid-item-span:8}.nz-grid-item[data-span-sm="9"]{--_nz-grid-item-span:9}.nz-grid-item[data-span-sm="10"]{--_nz-grid-item-span:10}.nz-grid-item[data-span-sm="11"]{--_nz-grid-item-span:11}.nz-grid-item[data-span-sm="12"]{--_nz-grid-item-span:12}.nz-grid-item[data-span-sm=full]{--_nz-grid-item-span:var(--nz-grid-columns)}}@media (width>=80rem){.nz-grid-item[data-span-lg="1"]{--_nz-grid-item-span:1}.nz-grid-item[data-span-lg="2"]{--_nz-grid-item-span:2}.nz-grid-item[data-span-lg="3"]{--_nz-grid-item-span:3}.nz-grid-item[data-span-lg="4"]{--_nz-grid-item-span:4}.nz-grid-item[data-span-lg="5"]{--_nz-grid-item-span:5}.nz-grid-item[data-span-lg="6"]{--_nz-grid-item-span:6}.nz-grid-item[data-span-lg="7"]{--_nz-grid-item-span:7}.nz-grid-item[data-span-lg="8"]{--_nz-grid-item-span:8}.nz-grid-item[data-span-lg="9"]{--_nz-grid-item-span:9}.nz-grid-item[data-span-lg="10"]{--_nz-grid-item-span:10}.nz-grid-item[data-span-lg="11"]{--_nz-grid-item-span:11}.nz-grid-item[data-span-lg="12"]{--_nz-grid-item-span:12}.nz-grid-item[data-span-lg=full]{--_nz-grid-item-span:var(--nz-grid-columns)}}}
|
|
506
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
507
|
+
@layer nz.components{.nz-heading{--_nz-heading-font:var(--nz-font-heading-h2);--_nz-heading-tracking:var(--nz-tracking-heading-h2);font:var(--_nz-heading-font);letter-spacing:var(--_nz-heading-tracking);margin:0}.nz-heading[data-tone]{color:var(--_nz-heading-fg)}.nz-heading[data-variant=display-l]{--_nz-heading-font:var(--nz-font-display-l);--_nz-heading-tracking:var(--nz-tracking-display-l)}.nz-heading[data-variant=display-m]{--_nz-heading-font:var(--nz-font-display-m);--_nz-heading-tracking:var(--nz-tracking-display-m)}.nz-heading[data-variant=heading-h1]{--_nz-heading-font:var(--nz-font-heading-h1);--_nz-heading-tracking:var(--nz-tracking-heading-h1)}.nz-heading[data-variant=heading-h3]{--_nz-heading-font:var(--nz-font-heading-h3);--_nz-heading-tracking:var(--nz-tracking-heading-h3)}.nz-heading[data-variant=heading-h4]{--_nz-heading-font:var(--nz-font-heading-h4);--_nz-heading-tracking:var(--nz-tracking-heading-h4)}.nz-heading[data-tone=primary]{--_nz-heading-fg:var(--nz-text-primary)}.nz-heading[data-tone=secondary]{--_nz-heading-fg:var(--nz-text-secondary)}.nz-heading[data-tone=tertiary]{--_nz-heading-fg:var(--nz-text-tertiary)}.nz-heading[data-tone=disabled]{--_nz-heading-fg:var(--nz-text-disabled)}.nz-heading[data-tone=inverse]{--_nz-heading-fg:var(--nz-text-inverse)}.nz-heading[data-tone=on-brand]{--_nz-heading-fg:var(--nz-text-on-brand)}.nz-heading[data-tone=on-accent]{--_nz-heading-fg:var(--nz-text-on-accent)}.nz-heading[data-tone=on-critical]{--_nz-heading-fg:var(--nz-text-on-critical)}.nz-heading[data-tone=brand],.nz-heading[data-tone=accent]{--_nz-heading-fg:var(--nz-text-brand)}.nz-heading[data-tone=success]{--_nz-heading-fg:var(--nz-text-success)}.nz-heading[data-tone=warning]{--_nz-heading-fg:var(--nz-text-warning)}.nz-heading[data-tone=critical]{--_nz-heading-fg:var(--nz-text-critical)}.nz-heading[data-tone=info]{--_nz-heading-fg:var(--nz-text-info)}}
|
|
508
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
509
|
+
@layer nz.components{.nz-icon-button{--_nz-icon-button-bg:var(--nz-bg-surface);--_nz-icon-button-bg-hover:var(--nz-bg-hover);--_nz-icon-button-bg-pressed:var(--nz-bg-pressed);--_nz-icon-button-fg:var(--nz-text-primary);--_nz-icon-button-border:var(--nz-border-default);--_nz-icon-button-border-hover:var(--nz-border-strong);--_nz-icon-button-size:var(--nz-size-control-md);--_nz-icon-button-radius:var(--nz-radius-md);--_nz-icon-button-icon-size:var(--nz-size-icon-md);box-sizing:border-box;inline-size:var(--nz-icon-button-size,var(--_nz-icon-button-size));block-size:var(--nz-icon-button-size,var(--_nz-icon-button-size));border:var(--nz-border-width-default) solid var(--nz-icon-button-border,var(--_nz-icon-button-border));border-radius:var(--nz-icon-button-radius,var(--_nz-icon-button-radius));background:var(--nz-icon-button-bg,var(--_nz-icon-button-bg));color:var(--nz-icon-button-fg,var(--_nz-icon-button-fg));cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard), scale var(--nz-duration-instant) var(--nz-easing-standard);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;@media (hover:hover){&:hover:not(:disabled,[data-disabled],[aria-disabled=true]){background:var(--nz-icon-button-bg-hover,var(--_nz-icon-button-bg-hover));border-color:var(--nz-icon-button-border-hover,var(--_nz-icon-button-border-hover))}}&:active:not(:disabled,[data-disabled],[aria-disabled=true]){background:var(--nz-icon-button-bg-pressed,var(--_nz-icon-button-bg-pressed));border-color:var(--nz-icon-button-border-hover,var(--_nz-icon-button-border-hover));scale:var(--nz-scale-press)}&:focus-visible{box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--nz-focus-halo)}&:is(:disabled,[data-disabled]){background:var(--nz-icon-button-bg-disabled,var(--nz-bg-disabled));color:var(--nz-icon-button-fg-disabled,var(--nz-text-disabled));border-color:var(--nz-border-subtle);cursor:not-allowed}&[data-pending]{cursor:progress}}.nz-icon-button[data-variant=primary]{--_nz-icon-button-bg:var(--nz-bg-brand);--_nz-icon-button-bg-hover:var(--nz-bg-brand-hover);--_nz-icon-button-bg-pressed:var(--nz-bg-brand-pressed);--_nz-icon-button-fg:var(--nz-text-on-brand);--_nz-icon-button-border:transparent;--_nz-icon-button-border-hover:transparent}.nz-icon-button[data-variant=tertiary]{--_nz-icon-button-bg:transparent;--_nz-icon-button-border:transparent;--_nz-icon-button-border-hover:transparent}.nz-icon-button[data-variant=critical]{--_nz-icon-button-bg:var(--nz-bg-critical);--_nz-icon-button-bg-hover:var(--nz-bg-critical-hover);--_nz-icon-button-bg-pressed:var(--nz-bg-critical-hover);--_nz-icon-button-fg:var(--nz-text-on-critical);--_nz-icon-button-border:transparent;--_nz-icon-button-border-hover:transparent}.nz-icon-button[data-variant=accent]{--_nz-icon-button-bg:var(--nz-bg-accent);--_nz-icon-button-bg-hover:var(--nz-bg-accent-hover);--_nz-icon-button-bg-pressed:var(--nz-bg-accent-hover);--_nz-icon-button-fg:var(--nz-text-on-accent);--_nz-icon-button-border:transparent;--_nz-icon-button-border-hover:transparent}.nz-icon-button:is([data-variant=secondary],[data-variant=tertiary])[aria-pressed=true]{--_nz-icon-button-bg:var(--nz-bg-brand-subtle);--_nz-icon-button-bg-hover:var(--nz-bg-brand-subtle);--_nz-icon-button-fg:var(--nz-text-brand);--_nz-icon-button-border:var(--nz-border-brand);--_nz-icon-button-border-hover:var(--nz-border-brand)}.nz-icon-button:is([data-variant=primary],[data-variant=critical],[data-variant=accent])[aria-pressed=true]{--_nz-icon-button-bg:var(--_nz-icon-button-bg-pressed);--_nz-icon-button-bg-hover:var(--_nz-icon-button-bg-pressed)}.nz-icon-button[data-size=sm]{--_nz-icon-button-size:var(--nz-size-control-sm);--_nz-icon-button-radius:var(--nz-radius-sm);--_nz-icon-button-icon-size:var(--nz-size-icon-sm)}.nz-icon-button[data-size=lg]{--_nz-icon-button-size:var(--nz-size-control-lg);--_nz-icon-button-icon-size:var(--nz-size-icon-lg)}.nz-icon-button-icon{inline-size:var(--_nz-icon-button-icon-size);block-size:var(--_nz-icon-button-icon-size);font-size:var(--_nz-icon-button-icon-size);display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-icon-button[data-pending] .nz-glyph-spinner{animation:nz-icon-button-spin var(--nz-duration-spin) linear infinite}@keyframes nz-icon-button-spin{to{rotate:1turn}}@media (forced-colors:active){.nz-icon-button{border-color:buttontext}.nz-icon-button[aria-pressed=true]{color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlight}}}
|
|
510
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
511
|
+
@layer nz.components{.nz-image{border-radius:var(--nz-image-radius,var(--nz-radius-none));object-fit:var(--nz-image-fit,cover);block-size:auto;max-inline-size:100%;display:block}.nz-image[data-ratio="1/1"]{aspect-ratio:1}.nz-image[data-ratio="4/5"]{aspect-ratio:4/5}.nz-image[data-ratio="3/2"]{aspect-ratio:3/2}.nz-image[data-ratio="16/9"]{aspect-ratio:16/9}}
|
|
512
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
513
|
+
@layer nz.components{.nz-inline{--_nz-inline-gap:0;align-items:center;gap:var(--nz-inline-gap,var(--_nz-inline-gap));flex-wrap:wrap;display:flex}.nz-inline[data-gap="0"]{--_nz-inline-gap:var(--nz-space-0)}.nz-inline[data-gap="0-5"]{--_nz-inline-gap:var(--nz-space-0-5)}.nz-inline[data-gap="1"]{--_nz-inline-gap:var(--nz-space-1)}.nz-inline[data-gap="1-5"]{--_nz-inline-gap:var(--nz-space-1-5)}.nz-inline[data-gap="2"]{--_nz-inline-gap:var(--nz-space-2)}.nz-inline[data-gap="3"]{--_nz-inline-gap:var(--nz-space-3)}.nz-inline[data-gap="4"]{--_nz-inline-gap:var(--nz-space-4)}.nz-inline[data-gap="5"]{--_nz-inline-gap:var(--nz-space-5)}.nz-inline[data-gap="6"]{--_nz-inline-gap:var(--nz-space-6)}.nz-inline[data-gap="8"]{--_nz-inline-gap:var(--nz-space-8)}.nz-inline[data-gap="10"]{--_nz-inline-gap:var(--nz-space-10)}.nz-inline[data-gap="12"]{--_nz-inline-gap:var(--nz-space-12)}.nz-inline[data-gap="16"]{--_nz-inline-gap:var(--nz-space-16)}.nz-inline[data-gap="20"]{--_nz-inline-gap:var(--nz-space-20)}.nz-inline[data-gap="24"]{--_nz-inline-gap:var(--nz-space-24)}}
|
|
514
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
515
|
+
@layer nz.components{.nz-inline-error{align-items:flex-start;gap:var(--nz-inline-error-gap,var(--nz-space-1-5));color:var(--nz-inline-error-fg,var(--nz-text-critical));font:var(--nz-inline-error-font,var(--nz-font-body-m));display:flex}.nz-inline-error-icon{block-size:1lh;color:var(--nz-inline-error-icon-fg,var(--nz-icon-critical));flex:none;align-items:center;display:inline-flex;&>svg{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm)}}.nz-inline-error-action{flex:none}}
|
|
516
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
517
|
+
@layer nz.components{.nz-input{--_nz-input-height:var(--nz-size-control-md);--_nz-input-radius:var(--nz-radius-md);--_nz-input-gap:var(--nz-space-2);--_nz-input-border:var(--nz-border-control);--_nz-input-border-hover:var(--nz-border-control-hover);--_nz-input-bg:var(--nz-bg-surface);--_nz-input-halo:var(--nz-focus-halo);--_nz-input-font:var(--nz-font-body-m);align-items:center;gap:var(--nz-input-gap,var(--_nz-input-gap));box-sizing:border-box;min-inline-size:0;block-size:var(--nz-input-height,var(--_nz-input-height));padding-inline:var(--nz-input-padding-inline,var(--nz-space-3));border:var(--nz-border-width-default) solid var(--nz-input-border,var(--_nz-input-border));border-radius:var(--nz-input-radius,var(--_nz-input-radius));background:var(--nz-input-bg,var(--_nz-input-bg));color:var(--nz-input-fg,var(--nz-text-primary));font:var(--nz-input-font,var(--_nz-input-font));cursor:text;transition:border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:inline-flex;@media (hover:hover){&:hover:not([data-disabled],:has(>.nz-input-control:disabled)){border-color:var(--nz-input-border-hover,var(--_nz-input-border-hover))}}&:focus-within{box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-input-halo)}&[data-invalid]{--_nz-input-border:var(--nz-border-critical);--_nz-input-border-hover:var(--nz-border-critical);--_nz-input-halo:var(--nz-focus-halo-critical)}&[data-readonly]{--_nz-input-bg:var(--nz-bg-subtle)}&:is([data-disabled],:has(>.nz-input-control:disabled)){--_nz-input-border:var(--nz-border-subtle);background:var(--nz-input-bg-disabled,var(--nz-bg-disabled));color:var(--nz-input-fg-disabled,var(--nz-text-disabled));cursor:not-allowed}&[data-size=sm]{--_nz-input-height:var(--nz-size-control-sm);--_nz-input-radius:var(--nz-radius-sm);--_nz-input-gap:var(--nz-space-1-5)}&[data-size=lg]{--_nz-input-height:var(--nz-size-control-lg)}@media (pointer:coarse){--_nz-input-font:var(--nz-font-body-l)}}.nz-input-control{box-sizing:border-box;block-size:100%;min-inline-size:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;&::placeholder{color:var(--nz-input-placeholder-fg,var(--nz-text-tertiary));opacity:1}&:disabled::placeholder{color:var(--nz-text-disabled)}}.nz-input-icon{color:var(--nz-input-icon-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-input-prefix,.nz-input-suffix{color:var(--nz-input-affix-fg,var(--nz-text-secondary));white-space:nowrap;flex:none}.nz-input:is([data-disabled],:has(>.nz-input-control:disabled)) :is(.nz-input-icon,.nz-input-prefix,.nz-input-suffix){color:var(--nz-text-disabled)}}
|
|
518
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
519
|
+
@layer nz.components{.nz-kbd{padding-block:1px;padding-inline:var(--nz-space-1-5);border:var(--nz-border-width-default) solid var(--nz-kbd-border,var(--nz-border-default));border-radius:var(--nz-kbd-radius,var(--nz-radius-xs));background:var(--nz-kbd-bg,var(--nz-bg-subtle));color:var(--nz-kbd-fg,var(--nz-text-secondary));font:var(--nz-font-mono-m);letter-spacing:var(--nz-tracking-mono-m);white-space:nowrap;align-items:center;display:inline-flex}.nz-kbd-glyphs[data-platform=apple]{display:none}:where([data-nz-platform=apple]) .nz-kbd-glyphs[data-platform=apple]{display:inline}:where([data-nz-platform=apple]) .nz-kbd-glyphs[data-platform=other]{display:none}@media (forced-colors:active){.nz-kbd{border-color:canvastext}}}
|
|
520
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
521
|
+
@layer nz.components{.nz-card.nz-kpi-tile{min-inline-size:0}.nz-kpi-tile>.nz-metric{flex:auto}.nz-kpi-tile>.nz-metric>.nz-metric-change{margin-block-start:auto}}
|
|
522
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
523
|
+
@layer nz.components{.nz-menu-popup{z-index:var(--nz-z-overlay);box-sizing:border-box;min-inline-size:max(12rem, var(--nz-trigger-width,0px));max-block-size:var(--nz-available-height);border:var(--nz-border-width-default) solid var(--nz-menu-border,var(--nz-border-subtle));border-radius:var(--nz-menu-radius,var(--nz-radius-lg));background:var(--nz-menu-bg,var(--nz-bg-surface-raised));box-shadow:var(--nz-menu-shadow,var(--nz-elevation-3));transform-origin:var(--nz-transform-origin);transition:scale var(--nz-duration-spring) var(--nz-easing-spring), opacity var(--nz-duration-spring) var(--nz-easing-enter);flex-direction:column;display:flex;overflow:auto;&[data-entering]{opacity:0;scale:var(--nz-scale-enter)}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-menu-list,.nz-menu-group,.nz-menu-radio-group{gap:var(--nz-space-0-5);flex-direction:column;display:flex}.nz-menu-list{padding:var(--nz-space-1-5);outline:none}.nz-menu-item,.nz-menu-checkbox-item,.nz-menu-radio-item{align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-block-size:2.25rem;padding-block:var(--nz-space-1-5);padding-inline:var(--nz-space-3);border-radius:var(--nz-radius-sm);color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);cursor:default;text-decoration:none;display:flex;&[data-highlighted]{background:var(--nz-bg-hover)}&[data-tone=critical]{color:var(--nz-text-critical)}&[data-checked]{background:var(--nz-bg-brand-subtle);color:var(--nz-text-brand)}&[data-checked][data-highlighted]{background:var(--nz-bg-hover)}&[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-menu-list:has(.nz-menu-item-indicator) .nz-menu-item{padding-inline-end:calc(var(--nz-space-3) + var(--nz-size-icon-sm) + var(--nz-space-2))}.nz-menu-item-icon,.nz-menu-item-indicator{font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-menu-item-icon{color:var(--nz-icon-secondary)}.nz-menu-item-label{flex:1;min-inline-size:0}.nz-menu-list .nz-menu-item-shortcut{color:var(--nz-text-tertiary);background:0 0;border:0;flex:none;padding:0}.nz-menu-item-indicator{visibility:hidden;color:var(--nz-icon-brand)}.nz-menu-list [data-checked]>.nz-menu-item-indicator{visibility:visible}.nz-menu-list [data-checked]>.nz-menu-item-icon{color:var(--nz-icon-brand)}.nz-menu-list [data-tone=critical]>.nz-menu-item-icon{color:var(--nz-icon-critical)}.nz-menu-list [data-disabled]>:is(.nz-menu-item-icon,.nz-menu-item-shortcut){color:inherit}.nz-menu-group-label{padding-block:var(--nz-space-1-5) var(--nz-space-1);color:var(--nz-text-tertiary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);padding-inline-start:var(--nz-space-3)}.nz-menu-separator{block-size:var(--nz-border-width-default);background:var(--nz-border-subtle);flex:none}@media (forced-colors:active){.nz-menu-popup{border:1px solid canvastext}:is(.nz-menu-checkbox-item,.nz-menu-radio-item)[data-checked],:is(.nz-menu-checkbox-item,.nz-menu-radio-item)[data-checked][data-highlighted]{color:highlighttext;outline-offset:calc(-2 * var(--nz-border-width-focus));forced-color-adjust:none;background:highlight;outline-color:highlighttext;&>:is(.nz-menu-item-icon,.nz-menu-item-shortcut,.nz-menu-item-indicator){color:highlighttext}}:is(.nz-menu-item,.nz-menu-checkbox-item,.nz-menu-radio-item)[data-disabled]{color:graytext}.nz-menu-separator{background:canvastext}}}
|
|
524
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
525
|
+
@layer nz.components{.nz-meter{--_nz-meter-fill:var(--nz-chart-primary);gap:var(--nz-meter-gap,var(--nz-space-2));flex-direction:column;display:flex}.nz-meter-header{justify-content:space-between;align-items:baseline;gap:var(--nz-space-3);display:flex}.nz-meter-label{min-inline-size:0;color:var(--nz-text-secondary);font:var(--nz-meter-label-font,var(--nz-font-label-m))}.nz-meter-value{color:var(--nz-text-primary);font:var(--nz-font-numeric-m);font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none}.nz-meter-track{appearance:none;inline-size:100%;block-size:var(--nz-meter-height,var(--nz-space-1-5));border-radius:var(--nz-meter-radius,var(--nz-radius-full));background:var(--nz-meter-track-bg,var(--nz-chart-track));border:0;display:block;overflow:hidden}.nz-meter-track::-webkit-meter-bar{background:0 0;border:0;grid-row:1/-1;block-size:100%}.nz-meter-track::-webkit-meter-optimum-value{border-radius:var(--nz-meter-radius,var(--nz-radius-full));background:var(--nz-meter-fill,var(--_nz-meter-fill))}.nz-meter-track::-webkit-meter-suboptimum-value{border-radius:var(--nz-meter-radius,var(--nz-radius-full));background:var(--nz-chart-warning)}.nz-meter-track::-webkit-meter-even-less-good-value{border-radius:var(--nz-meter-radius,var(--nz-radius-full));background:var(--nz-chart-critical)}.nz-meter-track::-moz-meter-bar{border-radius:var(--nz-meter-radius,var(--nz-radius-full));background:var(--nz-meter-fill,var(--_nz-meter-fill))}.nz-meter-track:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--nz-chart-warning)}.nz-meter-track:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--nz-chart-critical)}.nz-meter[data-tone=success]{--_nz-meter-fill:var(--nz-chart-success)}.nz-meter[data-tone=warning]{--_nz-meter-fill:var(--nz-chart-warning)}.nz-meter[data-tone=critical]{--_nz-meter-fill:var(--nz-chart-critical)}.nz-meter[data-tone=neutral]{--_nz-meter-fill:var(--nz-chart-neutral)}@media (forced-colors:active){.nz-meter-track{border:1px solid canvastext}.nz-meter-track::-webkit-meter-optimum-value{forced-color-adjust:none;background:highlight}.nz-meter-track::-webkit-meter-suboptimum-value{forced-color-adjust:none;background:highlight}.nz-meter-track::-webkit-meter-even-less-good-value{forced-color-adjust:none;background:highlight}.nz-meter-track::-moz-meter-bar{forced-color-adjust:none;background:highlight}}}
|
|
526
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
527
|
+
@layer nz.components{.nz-metric{--_nz-metric-gap:var(--nz-space-4);--_nz-metric-value-font:var(--nz-font-numeric-kpi);--_nz-metric-value-tracking:var(--nz-tracking-numeric-kpi);--_nz-metric-value-size:var(--nz-font-numeric-kpi-font-size);--_nz-metric-value-line:calc(var(--nz-font-numeric-kpi-font-size) * var(--nz-font-numeric-kpi-line-height));--_nz-metric-change-line:calc(var(--nz-font-label-m-strong-font-size) * var(--nz-font-label-m-strong-line-height) + 2 * var(--nz-space-1));gap:var(--nz-metric-gap,var(--_nz-metric-gap));min-inline-size:0;color:var(--nz-text-primary);flex-direction:column;display:flex}.nz-metric[data-size=display]{--_nz-metric-gap:var(--nz-space-2);--_nz-metric-value-font:var(--nz-font-numeric-display);--_nz-metric-value-tracking:var(--nz-tracking-numeric-display);--_nz-metric-value-size:var(--nz-font-numeric-display-font-size);--_nz-metric-value-line:calc(var(--nz-font-numeric-display-font-size) * var(--nz-font-numeric-display-line-height))}.nz-metric-label{color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m)}.nz-metric-value-row{align-items:flex-end;gap:var(--nz-space-3);min-block-size:var(--_nz-metric-value-line);display:flex}.nz-metric[data-size=display] .nz-metric-value-row{align-items:center}.nz-metric-value{font:var(--_nz-metric-value-font);letter-spacing:var(--_nz-metric-value-tracking);flex:none}.nz-metric-value-row>.nz-metric-value-skeleton{inline-size:min(100%,4em);block-size:var(--_nz-metric-value-line);font-size:var(--_nz-metric-value-size);flex:none}.nz-metric-empty{color:var(--nz-text-secondary);font:var(--_nz-metric-value-font);letter-spacing:var(--_nz-metric-value-tracking);flex:none}.nz-metric-value-row>.nz-inline-error{white-space:nowrap;align-self:center;min-inline-size:0}.nz-metric-value-row>.nz-inline-error>.nz-inline-error-message{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.nz-metric-chart{--_nz-metric-chart-inline:var(--nz-metric-chart-max-inline-size,5.5rem);--_nz-metric-chart-block:var(--nz-metric-chart-max-block-size,1.75rem);flex:0 auto;justify-content:flex-end;min-inline-size:0;margin-inline-start:auto;display:flex;overflow:hidden}.nz-metric-chart>*{max-inline-size:min(100%, var(--_nz-metric-chart-inline));max-block-size:var(--_nz-metric-chart-block)}.nz-metric-change{align-items:center;gap:var(--nz-space-2);min-inline-size:0;min-block-size:var(--_nz-metric-change-line);display:flex}.nz-metric-change>*{flex:none}.nz-metric[data-size=display] .nz-metric-change{flex:0 auto}.nz-metric-change>.nz-metric-comparison{min-inline-size:0;color:var(--nz-text-tertiary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.nz-metric-change>.nz-metric-change-skeleton{inline-size:4rem;block-size:var(--_nz-metric-change-line);border-radius:var(--nz-radius-full)}}
|
|
528
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
529
|
+
@layer nz.components{.nz-mobile-tab-bar{box-sizing:border-box;padding-block:var(--nz-space-2) calc(var(--nz-space-2) + env(safe-area-inset-bottom,0px));padding-inline:var(--nz-space-2);border-block-start:var(--nz-border-width-default) solid var(--nz-mobile-tab-bar-border,var(--nz-border-subtle));background:var(--nz-mobile-tab-bar-bg,var(--nz-bg-surface));color:var(--nz-text-secondary)}.nz-mobile-tab-bar-list{margin:0;padding:0;list-style:none;display:flex}.nz-mobile-tab-bar-item,.nz-mobile-tab-bar-more{flex:1 1 0;min-inline-size:0;display:flex}.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger{align-items:center;gap:var(--nz-space-1);box-sizing:border-box;min-inline-size:0;min-block-size:var(--nz-space-16);padding-block:var(--nz-space-1-5);border-radius:var(--nz-radius-md);color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;margin:0;padding-inline:0;text-decoration:none;display:flex;&:is([aria-current=page],[data-current]){color:var(--nz-text-brand);font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}}.nz-mobile-tab-bar-indicator,.nz-mobile-tab-bar-more-indicator{padding:var(--nz-space-1) var(--nz-space-4);border-radius:var(--nz-radius-full);color:var(--nz-icon-secondary);transition:background-color var(--nz-duration-fast) var(--nz-easing-standard);justify-content:center;align-items:center;display:inline-flex;position:relative;@media (hover:hover){:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):hover:not([aria-current=page],[data-current])>&{background:var(--nz-bg-muted)}}:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):active:not([aria-current=page],[data-current])>&{background:var(--nz-bg-pressed)}:is(.nz-mobile-tab-bar-link,.nz-mobile-tab-bar-more-trigger):is([aria-current=page],[data-current])>&{background:var(--nz-bg-brand-subtle);color:var(--nz-icon-brand)}}.nz-mobile-tab-bar-icon{inline-size:var(--nz-size-icon-md);block-size:var(--nz-size-icon-md);font-size:var(--nz-size-icon-md);display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-mobile-tab-bar-count{box-sizing:border-box;min-inline-size:var(--nz-space-5);padding-inline:var(--nz-space-1);border:2px solid var(--nz-mobile-tab-bar-bg,var(--nz-bg-surface));border-radius:var(--nz-radius-full);background:var(--nz-bg-brand);color:var(--nz-text-on-brand);font:var(--nz-font-label-s);letter-spacing:var(--nz-tracking-label-s);font-variant-numeric:tabular-nums;text-align:center;position:absolute;inset-block-start:calc(var(--nz-space-1) * -1);inset-inline-end:0}.nz-mobile-tab-bar-label,.nz-mobile-tab-bar-more-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.nz-mobile-tab-bar-more-sheet{gap:var(--nz-space-1);flex-direction:column;display:flex}@media (forced-colors:active){.nz-mobile-tab-bar{border-block-start-color:canvastext}.nz-mobile-tab-bar-link[aria-current=page]>.nz-mobile-tab-bar-indicator,.nz-mobile-tab-bar-more-trigger[data-current]>.nz-mobile-tab-bar-more-indicator{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-mobile-tab-bar-count{color:canvas;forced-color-adjust:none;background:canvastext;border-color:canvas}}}
|
|
530
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
531
|
+
@layer nz.components{.nz-mobile-top-bar{align-items:center;gap:var(--nz-space-3);box-sizing:border-box;min-inline-size:0;padding-block:var(--nz-space-3);padding-inline:var(--nz-mobile-top-bar-padding-inline,var(--nz-space-4));border-block-end:var(--nz-border-width-default) solid var(--nz-mobile-top-bar-border,var(--nz-border-subtle));background:var(--nz-mobile-top-bar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);display:flex}.nz-mobile-top-bar-mark{inline-size:var(--nz-space-8);block-size:var(--nz-space-8);border-radius:var(--nz-radius-sm);background:var(--nz-mobile-top-bar-mark-bg,var(--nz-bg-brand));color:var(--nz-text-on-brand);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&>:is(img,svg){object-fit:cover;block-size:100%;inline-size:100%}}.nz-mobile-top-bar-title{min-inline-size:0;font:var(--nz-font-heading-h4);letter-spacing:var(--nz-tracking-heading-h4);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;overflow:hidden}.nz-mobile-top-bar-actions{align-items:center;gap:var(--nz-space-1);flex:none;display:flex}@media (forced-colors:active){.nz-mobile-top-bar{border-block-end-color:canvastext}.nz-mobile-top-bar-mark{border:1px solid canvastext}}}
|
|
532
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
533
|
+
@layer nz.components{.nz-count-up-value{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end;display:inline-block}.nz-count-up-label{-webkit-user-select:none;user-select:none}}
|
|
534
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
535
|
+
@layer nz.components{.nz-native-select{--_nz-native-select-height:var(--nz-size-control-md);--_nz-native-select-radius:var(--nz-radius-md);--_nz-native-select-border:var(--nz-border-control);--_nz-native-select-border-hover:var(--nz-border-control-hover);--_nz-native-select-bg:var(--nz-bg-surface);--_nz-native-select-fg:var(--nz-text-primary);--_nz-native-select-glyph:var(--nz-size-icon-sm);--_nz-native-select-padding:var(--nz-space-3);--_nz-native-select-gap:var(--nz-space-2);--_nz-native-select-halo:var(--nz-focus-halo);--_nz-native-select-font:var(--nz-font-label-m);--_nz-native-select-slot:calc(var(--_nz-native-select-padding) + var(--_nz-native-select-glyph) + var(--_nz-native-select-gap));--_nz-native-select-start:var(--_nz-native-select-padding);--_nz-native-select-inset:calc(var(--_nz-native-select-padding) + var(--nz-border-width-default));vertical-align:middle;align-items:center;min-inline-size:0;display:inline-grid;&:has(>.nz-native-select-icon){--_nz-native-select-start:var(--_nz-native-select-slot)}&[data-invalid]{--_nz-native-select-border:var(--nz-border-critical);--_nz-native-select-border-hover:var(--nz-border-critical);--_nz-native-select-halo:var(--nz-focus-halo-critical)}&:is([data-disabled],:has(>.nz-native-select-trigger:disabled)){--_nz-native-select-border:var(--nz-border-subtle);--_nz-native-select-bg:var(--nz-bg-disabled);--_nz-native-select-fg:var(--nz-text-disabled)}&[data-size=sm]{--_nz-native-select-height:var(--nz-size-control-sm);--_nz-native-select-radius:var(--nz-radius-sm)}&[data-size=lg]{--_nz-native-select-height:var(--nz-size-control-lg)}@media (pointer:coarse){--_nz-native-select-font:var(--nz-font-label-l)}}.nz-native-select-trigger,.nz-native-select-icon,.nz-native-select-chevron{grid-area:1/1}.nz-native-select-trigger{appearance:none;box-sizing:border-box;min-inline-size:0;block-size:var(--nz-native-select-height,var(--_nz-native-select-height));padding-block:0;padding-inline:var(--_nz-native-select-start) var(--_nz-native-select-slot);border:var(--nz-border-width-default) solid var(--nz-native-select-border,var(--_nz-native-select-border));border-radius:var(--nz-native-select-radius,var(--_nz-native-select-radius));background:var(--nz-native-select-bg,var(--_nz-native-select-bg));color:var(--_nz-native-select-fg);font:var(--nz-native-select-font,var(--_nz-native-select-font));text-overflow:ellipsis;cursor:pointer;transition:border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);margin:0;@media (hover:hover){&:hover:not(:disabled){border-color:var(--_nz-native-select-border-hover)}}&:focus-visible{box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-native-select-halo)}&:not(:disabled):has(>option[value=""]:checked){color:var(--nz-text-tertiary)}&:disabled{color:var(--_nz-native-select-fg);cursor:not-allowed}}.nz-native-select-trigger :is(option,optgroup){color:var(--nz-text-primary);background:var(--nz-bg-surface)}.nz-native-select-icon,.nz-native-select-chevron{font-size:var(--_nz-native-select-glyph);color:var(--nz-native-select-icon-fg,var(--nz-text-secondary));pointer-events:none;display:inline-flex}.nz-native-select-icon{justify-self:start;margin-inline-start:var(--_nz-native-select-inset)}.nz-native-select-chevron{justify-self:end;margin-inline-end:var(--_nz-native-select-inset)}}
|
|
536
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
537
|
+
@layer nz.components{.nz-nav-item{align-items:center;gap:var(--nz-nav-item-gap,var(--nz-space-3));box-sizing:border-box;min-inline-size:0;block-size:var(--nz-nav-item-height,var(--nz-size-control-md));padding-inline:var(--nz-space-3);border-radius:var(--nz-nav-item-radius,var(--nz-radius-md));background:var(--nz-nav-item-bg,transparent);color:var(--nz-nav-item-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);text-decoration:none;display:flex;@media (hover:hover){&:hover:not([aria-current=page],[data-disabled]){background:var(--nz-nav-item-bg-hover,var(--nz-bg-muted));color:var(--nz-text-primary)}}&:active:not([aria-current=page],[data-disabled]){background:var(--nz-bg-pressed)}&[aria-current=page]{background:var(--nz-nav-item-bg-current,var(--nz-bg-brand-subtle));color:var(--nz-nav-item-fg-current,var(--nz-text-brand));font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}&[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-nav-item-icon{inline-size:var(--nz-size-icon-md);block-size:var(--nz-size-icon-md);color:var(--nz-nav-item-icon-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-md);flex:none;display:inline-flex;position:relative;&>svg{block-size:100%;inline-size:100%}}.nz-nav-item[aria-current=page]>.nz-nav-item-icon{color:var(--nz-icon-brand)}.nz-nav-item[data-disabled]>.nz-nav-item-icon{color:var(--nz-text-disabled)}.nz-nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.nz-nav-item-count{padding-inline:var(--nz-space-1-5);border-radius:var(--nz-radius-full);background:var(--nz-nav-item-count-bg,var(--nz-bg-muted));color:var(--nz-text-secondary);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);font-variant-numeric:tabular-nums;flex:none}.nz-nav-item[aria-current=page]>.nz-nav-item-count{background:var(--nz-nav-item-count-bg-current,var(--nz-bg-brand));color:var(--nz-text-on-brand)}.nz-nav-item[data-disabled]>.nz-nav-item-count{color:var(--nz-text-disabled)}@container nz-sidebar (inline-size<10rem){.nz-nav-item{inline-size:var(--nz-nav-item-height,var(--nz-size-control-md));justify-content:center;padding-inline:0;position:relative}:is(.nz-nav-item-label,.nz-nav-item-count){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nz-nav-item:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{content:"";inline-size:var(--nz-space-2);block-size:var(--nz-space-2);border-radius:var(--nz-radius-full);background:var(--nz-nav-item-count-bg-current,var(--nz-bg-brand));position:absolute;inset-block-start:calc(var(--nz-space-0-5) * -1);inset-inline-end:calc(var(--nz-space-0-5) * -1)}}@media (forced-colors:active){.nz-nav-item[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-nav-item[aria-current=page]>.nz-nav-item-icon{color:highlighttext}.nz-nav-item-count{border:1px solid canvastext}.nz-nav-item[aria-current=page]>.nz-nav-item-count{color:highlighttext;background:highlight;border-color:highlighttext}.nz-nav-item[data-disabled]{color:graytext}@container nz-sidebar (inline-size<10rem){.nz-nav-item:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{forced-color-adjust:none;background:canvastext}.nz-nav-item[aria-current=page]:has(>.nz-nav-item-count)>.nz-nav-item-icon:after{background:highlighttext}}}}
|
|
538
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
539
|
+
@layer nz.components{.nz-number-value{font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}}
|
|
540
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
541
|
+
@layer nz.components{.nz-page-header{align-items:center;gap:var(--nz-page-header-gap,var(--nz-space-4));color:var(--nz-text-primary);flex-wrap:wrap;display:flex}.nz-page-header-content{gap:var(--nz-space-1);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.nz-page-header-heading{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.nz-page-header-title{--_nz-page-header-title-font:var(--nz-font-heading-h2);--_nz-page-header-title-tracking:var(--nz-tracking-heading-h2);font:var(--nz-page-header-title-font,var(--_nz-page-header-title-font));letter-spacing:var(--_nz-page-header-title-tracking);overflow-wrap:anywhere;margin:0}.nz-page-header-meta{align-items:center;gap:var(--nz-space-2);flex-wrap:wrap;display:flex}.nz-page-header-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-page-header-actions{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}@media (width>=40rem){.nz-page-header-title{--_nz-page-header-title-font:var(--nz-font-heading-h1);--_nz-page-header-title-tracking:var(--nz-tracking-heading-h1)}.nz-page-header-content{flex-basis:0}.nz-page-header-actions{margin-inline-start:auto}}}
|
|
542
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
543
|
+
@layer nz.components{.nz-pagination{--_nz-pagination-size:var(--nz-size-control-md);justify-content:space-between;align-items:center;gap:var(--nz-space-2) var(--nz-space-4);flex-wrap:wrap;display:flex}.nz-pagination[data-size=sm]{--_nz-pagination-size:var(--nz-size-control-sm)}.nz-pagination-summary{color:var(--nz-pagination-summary-fg,var(--nz-text-secondary));font:var(--nz-font-body-m);font-variant-numeric:tabular-nums;margin:0}.nz-pagination-list{align-items:center;gap:var(--nz-pagination-gap,var(--nz-space-1));margin:0;flex-wrap:wrap;margin-inline-start:auto;padding:0;list-style:none;display:flex}.nz-pagination-page,.nz-pagination-step,.nz-pagination-ellipsis{box-sizing:border-box;min-inline-size:var(--_nz-pagination-size);block-size:var(--_nz-pagination-size);padding-inline:var(--nz-space-1);border:var(--nz-border-width-default) solid transparent;border-radius:var(--nz-pagination-radius,var(--nz-radius-sm));color:var(--nz-pagination-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);font-variant-numeric:tabular-nums;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nz-pagination-step{border-color:var(--nz-pagination-step-border,var(--nz-border-default));color:var(--nz-pagination-step-fg,var(--nz-icon-secondary))}.nz-pagination-page:is(button),.nz-pagination-step:is(button){cursor:pointer;background:0 0;margin:0}@media (hover:hover){.nz-pagination-page:not([aria-current=page]):hover,.nz-pagination-step:not([data-disabled]):hover{background:var(--nz-pagination-bg-hover,var(--nz-bg-hover));color:var(--nz-text-primary)}}.nz-pagination-page[aria-current=page]{background:var(--nz-pagination-bg-current,var(--nz-bg-inverse));color:var(--nz-pagination-fg-current,var(--nz-text-inverse))}.nz-pagination-step[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}.nz-pagination-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-pagination-previous>.nz-pagination-icon>.nz-glyph{rotate:180deg}@media (forced-colors:active){.nz-pagination-page[aria-current=page]{color:highlighttext;forced-color-adjust:none;background:highlight}.nz-pagination-step[data-disabled]{color:graytext}}}
|
|
544
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
545
|
+
@layer nz.components{.nz-password-input-toggle{box-sizing:border-box;inline-size:var(--nz-space-6);block-size:var(--nz-space-6);border-radius:var(--nz-radius-sm);color:var(--nz-password-input-toggle-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--nz-space-1));padding:0;display:inline-flex;@media (hover:hover){&:hover:not(:disabled){background:var(--nz-bg-hover);color:var(--nz-icon-primary)}}&:active:not(:disabled){background:var(--nz-bg-pressed)}&:disabled{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-password-input-icon{display:inline-flex}.nz-password-input:has(>.nz-password-input-toggle:focus){box-shadow:none;outline:none}@media (forced-colors:active){.nz-password-input-toggle{color:buttontext}.nz-password-input-toggle:disabled{color:graytext}}}
|
|
546
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
547
|
+
@layer nz.components{.nz-popover-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-popover-popup{z-index:var(--nz-z-overlay);box-sizing:border-box;inline-size:var(--nz-popover-width,max-content);max-inline-size:min(22.5rem, 100vw - 2 * var(--nz-space-4));max-block-size:var(--nz-available-height);border:var(--nz-border-width-default) solid var(--nz-popover-border,var(--nz-border-subtle));border-radius:var(--nz-popover-radius,var(--nz-radius-lg));background:var(--nz-popover-bg,var(--nz-bg-surface-raised));box-shadow:var(--nz-popover-shadow,var(--nz-elevation-3));color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);transform-origin:var(--nz-transform-origin);transition:scale var(--nz-duration-spring) var(--nz-easing-spring), opacity var(--nz-duration-spring) var(--nz-easing-enter);flex-direction:column;display:flex;overflow:auto;&[data-entering]{opacity:0;scale:var(--nz-scale-enter)}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-popover-content{gap:var(--nz-space-2);padding:var(--nz-space-4);flex-direction:column;display:flex;&:focus-visible{outline:none}}.nz-popover-title{color:var(--nz-text-primary);font:var(--nz-font-heading-h4);letter-spacing:var(--nz-tracking-heading-h4);margin:0}.nz-popover-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);margin:0}.nz-popover-content>.nz-popover-close.nz-icon-button{--_nz-icon-button-fg:var(--nz-icon-secondary);position:absolute;inset-block-start:var(--nz-space-2);inset-inline-end:var(--nz-space-2)}.nz-popover-content:has(>.nz-popover-close.nz-icon-button)>.nz-popover-title{padding-inline-end:var(--nz-space-6)}@media (forced-colors:active){.nz-popover-popup{border-color:canvastext}}}
|
|
548
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
549
|
+
@layer nz.components{.nz-progress-bar{--_nz-progress-bar-fill:var(--nz-chart-primary);gap:var(--nz-progress-bar-gap,var(--nz-space-2));flex-direction:column;display:flex}.nz-progress-bar-header{justify-content:space-between;align-items:baseline;gap:var(--nz-space-3);display:flex}.nz-progress-bar-label{min-inline-size:0;color:var(--nz-text-secondary);font:var(--nz-progress-bar-label-font,var(--nz-font-label-m))}.nz-progress-bar-value{color:var(--nz-text-primary);font:var(--nz-font-numeric-m);font-variant-numeric:tabular-nums;unicode-bidi:isolate;flex:none}.nz-progress-bar-track{appearance:none;inline-size:100%;block-size:var(--nz-progress-bar-height,var(--nz-space-2));border-radius:var(--nz-progress-bar-radius,var(--nz-radius-full));background:var(--nz-progress-bar-track-bg,var(--nz-chart-track));border:0;display:block;overflow:hidden}.nz-progress-bar-track::-webkit-progress-bar{background:0 0}.nz-progress-bar-track::-webkit-progress-value{border-radius:var(--nz-progress-bar-radius,var(--nz-radius-full));background:var(--nz-progress-bar-fill,var(--_nz-progress-bar-fill));transition:inline-size var(--nz-duration-base) var(--nz-easing-standard)}.nz-progress-bar-track::-moz-progress-bar{border-radius:var(--nz-progress-bar-radius,var(--nz-radius-full));background:var(--nz-progress-bar-fill,var(--_nz-progress-bar-fill))}.nz-progress-bar-track:indeterminate{background-image:linear-gradient(90deg, transparent, var(--nz-progress-bar-fill,var(--_nz-progress-bar-fill)), transparent);animation:nz-progress-bar-sweep var(--nz-duration-pulse) ease-in-out infinite;background-position:50% 0;background-repeat:no-repeat;background-size:40% 100%;&:dir(rtl){animation-direction:reverse}}.nz-progress-bar-track:indeterminate::-moz-progress-bar{background:0 0}@keyframes nz-progress-bar-sweep{0%{background-position:-66.67% 0}to{background-position:166.67% 0}}.nz-progress-bar[data-tone=success]{--_nz-progress-bar-fill:var(--nz-chart-success)}.nz-progress-bar[data-tone=warning]{--_nz-progress-bar-fill:var(--nz-chart-warning)}.nz-progress-bar[data-tone=critical]{--_nz-progress-bar-fill:var(--nz-chart-critical)}.nz-progress-bar[data-tone=neutral]{--_nz-progress-bar-fill:var(--nz-chart-neutral)}@media (forced-colors:active){.nz-progress-bar-track{border:1px solid canvastext}.nz-progress-bar-track::-webkit-progress-value{forced-color-adjust:none;background:highlight}.nz-progress-bar-track::-moz-progress-bar{forced-color-adjust:none;background:highlight}.nz-progress-bar-track:indeterminate{forced-color-adjust:none;background-color:canvas;background-image:linear-gradient(90deg,canvas,highlight,canvas)}}}
|
|
550
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
551
|
+
@layer nz.components{.nz-progress-ring{--_nz-progress-ring-size:4.5rem;--_nz-progress-ring-fill:var(--nz-chart-primary);inline-size:var(--nz-progress-ring-size,var(--_nz-progress-ring-size));block-size:var(--nz-progress-ring-size,var(--_nz-progress-ring-size));color:var(--nz-text-primary);place-items:center;display:inline-grid}.nz-progress-ring-svg,.nz-progress-ring-label{grid-area:1/1}.nz-progress-ring-svg{block-size:100%;inline-size:100%}.nz-progress-ring-track{stroke:var(--nz-progress-ring-track-bg,var(--nz-chart-track))}.nz-progress-ring-fill{stroke:var(--nz-progress-ring-fill,var(--_nz-progress-ring-fill));stroke-linecap:butt;transition:stroke-dasharray var(--nz-duration-base) var(--nz-easing-standard)}.nz-progress-ring-label{font:var(--nz-progress-ring-label-font,var(--nz-font-label-m-strong));font-variant-numeric:tabular-nums;unicode-bidi:isolate}.nz-progress-ring[data-size=sm]{--_nz-progress-ring-size:3rem}.nz-progress-ring[data-size=lg]{--_nz-progress-ring-size:6rem}.nz-progress-ring[data-tone=success]{--_nz-progress-ring-fill:var(--nz-chart-success)}.nz-progress-ring[data-tone=warning]{--_nz-progress-ring-fill:var(--nz-chart-warning)}.nz-progress-ring[data-tone=critical]{--_nz-progress-ring-fill:var(--nz-chart-critical)}.nz-progress-ring[data-tone=neutral]{--_nz-progress-ring-fill:var(--nz-chart-neutral)}@media (forced-colors:active){.nz-progress-ring-svg{forced-color-adjust:none}.nz-progress-ring-track{stroke:graytext}.nz-progress-ring-fill{stroke:highlight}}}
|
|
552
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
553
|
+
@layer nz.components{.nz-radio-group[data-orientation=horizontal]>.nz-fieldset-content{column-gap:var(--nz-radio-group-gap,var(--nz-space-6));flex-flow:wrap;&>:is(.nz-fieldset-description,.nz-fieldset-error){flex-basis:100%}}.nz-radio{--_nz-radio-size:1.25rem;justify-content:start;align-items:start;column-gap:var(--nz-radio-gap,var(--nz-space-2));color:var(--nz-text-primary);font:var(--nz-font-body-m);cursor:pointer;grid-template-columns:auto auto;display:inline-grid}.nz-radio-input{--_nz-radio-bg:var(--nz-bg-surface);--_nz-radio-border:var(--nz-border-control);--_nz-radio-ring:transparent;appearance:none;box-sizing:border-box;inline-size:var(--nz-radio-size,var(--_nz-radio-size));block-size:var(--nz-radio-size,var(--_nz-radio-size));margin:0;border:var(--nz-border-width-default) solid var(--_nz-radio-border);border-radius:var(--nz-radius-full);background:var(--_nz-radio-bg);box-shadow:inset 0 0 0 .3125rem var(--_nz-radio-ring);font:inherit;cursor:inherit;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);margin-block-start:calc((1lh - var(--nz-radio-size,var(--_nz-radio-size))) / 2)}.nz-radio-group[data-invalid] .nz-radio-input:not(:checked){--_nz-radio-border:var(--nz-border-critical)}.nz-radio-input:checked{--_nz-radio-bg:var(--nz-text-on-brand);--_nz-radio-border:var(--nz-radio-accent,var(--nz-bg-brand));--_nz-radio-ring:var(--nz-radio-accent,var(--nz-bg-brand))}@media (hover:hover){.nz-radio:hover>.nz-radio-input:not(:disabled,:checked){--_nz-radio-border:var(--nz-border-control-hover)}}.nz-radio-input:disabled{--_nz-radio-bg:var(--nz-bg-disabled);--_nz-radio-border:var(--nz-border-subtle)}.nz-radio-input:disabled:checked{--_nz-radio-bg:var(--nz-text-disabled);--_nz-radio-border:var(--nz-bg-muted);--_nz-radio-ring:var(--nz-bg-muted)}.nz-radio-label{grid-area:1/2}.nz-radio:is([data-disabled],:has(>.nz-radio-input:disabled)){color:var(--nz-text-disabled);cursor:not-allowed}@media (forced-colors:active){.nz-radio-input:checked{--_nz-radio-ring:Highlight;forced-color-adjust:none;background:highlighttext;border-color:highlight}.nz-radio-input:disabled:checked{--_nz-radio-ring:GrayText;background:canvas;border-color:graytext}}}
|
|
554
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
555
|
+
@layer nz.components{.nz-card.nz-ranked-list{gap:var(--nz-ranked-list-gap,var(--nz-space-4));min-inline-size:0}.nz-ranked-list-header{justify-content:space-between;align-items:center;gap:var(--nz-space-1) var(--nz-space-3);flex-wrap:wrap;display:flex}.nz-ranked-list-title{font:var(--nz-ranked-list-title-font,var(--nz-font-heading-h4));letter-spacing:var(--nz-tracking-heading-h4);margin:0}.nz-ranked-list-action{min-block-size:var(--nz-space-6);border-radius:var(--nz-radius-xs);color:var(--nz-ranked-list-action-fg,var(--nz-text-brand));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);align-items:center;text-decoration:none;display:inline-flex;@media (hover:hover){&:hover{text-underline-offset:var(--nz-space-1);text-decoration:underline}}}.nz-ranked-list-list,.nz-ranked-list-reserve{gap:var(--nz-ranked-list-gap,var(--nz-space-4));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nz-ranked-list-item,.nz-ranked-list-placeholder{gap:var(--nz-space-2);flex-direction:column;min-inline-size:0;display:flex}.nz-ranked-list-row{justify-content:space-between;align-items:flex-start;gap:var(--nz-space-3);min-block-size:1lh;font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);display:flex}.nz-ranked-list-label{min-inline-size:0;color:var(--nz-ranked-list-label-fg,var(--nz-text-primary));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-ranked-list-value{color:var(--nz-ranked-list-value-fg,var(--nz-text-primary));font:var(--nz-font-numeric-m);letter-spacing:var(--nz-tracking-numeric-m);flex:none}.nz-ranked-list-track{block-size:var(--nz-ranked-list-track-size,var(--nz-space-1-5));border-radius:var(--nz-radius-full);background:var(--nz-ranked-list-track-bg,var(--nz-chart-track));display:block;overflow:hidden}.nz-ranked-list-bar{block-size:100%;inline-size:100%;display:block}.nz-ranked-list-fill{fill:var(--nz-ranked-list-bar-fill,var(--nz-chart-primary))}.nz-ranked-list-row>.nz-ranked-list-skeleton-label{align-self:center;inline-size:40%}.nz-ranked-list-row>.nz-ranked-list-skeleton-value{align-self:center;inline-size:15%}.nz-ranked-list-status{display:grid}.nz-ranked-list-reserve,.nz-ranked-list-message{grid-area:1/1;min-inline-size:0}.nz-ranked-list[data-empty] .nz-ranked-list-reserve,.nz-ranked-list[data-error] .nz-ranked-list-reserve{visibility:hidden}.nz-ranked-list-message{align-self:center}.nz-ranked-list-empty{color:var(--nz-ranked-list-empty-fg,var(--nz-text-secondary));font:var(--nz-font-body-m);margin:0}@media (forced-colors:active){.nz-ranked-list-track{outline-offset:-1px;outline:1px solid canvastext}.nz-ranked-list-bar{forced-color-adjust:none}.nz-ranked-list-fill{fill:canvastext}}}
|
|
556
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
557
|
+
@layer nz.components{.nz-search-field{--_nz-search-field-height:var(--nz-size-control-md);--_nz-search-field-radius:var(--nz-radius-lg);--_nz-search-field-border:var(--nz-border-control);--_nz-search-field-border-hover:var(--nz-border-control-hover);--_nz-search-field-bg:var(--nz-bg-subtle);--_nz-search-field-halo:var(--nz-focus-halo);--_nz-search-field-font:var(--nz-font-body-m);align-items:center;gap:var(--nz-search-field-gap,var(--nz-space-2));box-sizing:border-box;min-inline-size:0;inline-size:var(--nz-search-field-inline-size,auto);block-size:var(--nz-search-field-height,var(--_nz-search-field-height));padding-inline:var(--nz-space-3) var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-search-field-border,var(--_nz-search-field-border));border-radius:var(--nz-search-field-radius,var(--_nz-search-field-radius));background:var(--nz-search-field-bg,var(--_nz-search-field-bg));color:var(--nz-search-field-fg,var(--nz-text-primary));font:var(--nz-search-field-font,var(--_nz-search-field-font));cursor:text;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:flex;@media (hover:hover){&:hover:not([data-disabled],:has(>.nz-search-field-control:disabled)){border-color:var(--nz-search-field-border-hover,var(--_nz-search-field-border-hover))}}&:focus-within{--_nz-search-field-bg:var(--nz-bg-surface);box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-search-field-halo)}&[data-invalid]{--_nz-search-field-border:var(--nz-border-critical);--_nz-search-field-border-hover:var(--nz-border-critical);--_nz-search-field-halo:var(--nz-focus-halo-critical)}&[data-readonly]{cursor:default}&:is([data-disabled],:has(>.nz-search-field-control:disabled)){--_nz-search-field-border:var(--nz-border-subtle);background:var(--nz-search-field-bg-disabled,var(--nz-bg-disabled));color:var(--nz-search-field-fg-disabled,var(--nz-text-disabled));cursor:not-allowed}&[data-size=sm]{--_nz-search-field-height:var(--nz-size-control-sm);--_nz-search-field-radius:var(--nz-radius-md)}&[data-size=lg]{--_nz-search-field-height:var(--nz-size-control-lg)}@media (pointer:coarse){--_nz-search-field-font:var(--nz-font-body-l)}}.nz-search-field-control{box-sizing:border-box;block-size:100%;min-inline-size:0;color:inherit;font:inherit;cursor:inherit;appearance:none;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;&::placeholder{color:var(--nz-search-field-placeholder-fg,var(--nz-text-tertiary));opacity:1}&:disabled::placeholder{color:var(--nz-text-disabled)}&::-webkit-search-cancel-button{appearance:none}&::-webkit-search-decoration{appearance:none}}.nz-search-field-icon{color:var(--nz-search-field-icon-fg,var(--nz-icon-secondary));font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex}.nz-search-field[data-pending] .nz-glyph-spinner{animation:nz-search-field-spin var(--nz-duration-spin) linear infinite}.nz-search-field-clear{box-sizing:border-box;inline-size:var(--nz-size-icon-lg);block-size:var(--nz-size-icon-lg);border-radius:var(--nz-radius-full);color:var(--nz-icon-secondary);font-size:var(--nz-size-icon-sm);cursor:pointer;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;@media (hover:hover){&:hover{background:var(--nz-bg-muted);color:var(--nz-icon-primary)}}&:active{background:var(--nz-bg-pressed)}&[hidden]{display:none}}.nz-search-field-shortcut{flex:none;display:inline-flex;&[hidden]{display:none}}.nz-search-field:is([data-disabled],:has(>.nz-search-field-control:disabled)) :is(.nz-search-field-icon,.nz-search-field-shortcut){color:var(--nz-text-disabled)}@keyframes nz-search-field-spin{to{rotate:1turn}}@media (forced-colors:active){.nz-search-field:is([data-disabled],:has(>.nz-search-field-control:disabled)){color:graytext;border-color:graytext}}}
|
|
558
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
559
|
+
@layer nz.components{.nz-segmented-control{--_nz-segmented-control-height:var(--nz-size-control-md);--_nz-segmented-control-inset:var(--nz-space-1);--_nz-segmented-control-radius:var(--nz-radius-md);--_nz-segmented-control-item-padding-inline:var(--nz-space-3);--_nz-segmented-control-font:var(--nz-font-label-m);gap:var(--nz-segmented-control-gap,var(--nz-space-0-5));box-sizing:border-box;inline-size:fit-content;max-inline-size:100%;block-size:var(--nz-segmented-control-height,var(--_nz-segmented-control-height));padding:var(--_nz-segmented-control-inset);border-radius:var(--nz-segmented-control-radius,var(--_nz-segmented-control-radius));background:var(--nz-segmented-control-bg,var(--nz-bg-subtle));font:var(--_nz-segmented-control-font);vertical-align:middle;display:inline-flex;&[data-full-width]{inline-size:100%;display:flex}&[data-invalid]{box-shadow:inset 0 0 0 var(--nz-border-width-default) var(--nz-border-critical)}}.nz-segmented-control[data-size=sm]{--_nz-segmented-control-height:var(--nz-size-control-sm);--_nz-segmented-control-inset:var(--nz-space-0-5);--_nz-segmented-control-radius:var(--nz-radius-sm);--_nz-segmented-control-item-padding-inline:var(--nz-space-2)}.nz-segmented-control[data-size=lg]{--_nz-segmented-control-height:var(--nz-size-control-lg);--_nz-segmented-control-item-padding-inline:var(--nz-space-4);--_nz-segmented-control-font:var(--nz-font-label-l)}.nz-segmented-control-item{justify-content:center;align-items:center;gap:var(--nz-space-1-5);box-sizing:border-box;min-inline-size:0;padding-inline:var(--_nz-segmented-control-item-padding-inline);border-radius:calc(var(--nz-segmented-control-radius,var(--_nz-segmented-control-radius)) - var(--_nz-segmented-control-inset));color:var(--nz-segmented-control-fg,var(--nz-text-secondary));white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard), color var(--nz-duration-fast) var(--nz-easing-standard);flex:none;display:inline-flex;position:relative;@media (hover:hover){&:hover:not(:has(>input:disabled)){color:var(--nz-text-primary)}}&:has(>input:checked){background:var(--nz-segmented-control-thumb-bg,var(--nz-bg-surface));box-shadow:inset 0 0 0 var(--nz-border-width-default) var(--nz-border-control), var(--nz-elevation-1);color:var(--nz-segmented-control-fg-selected,var(--nz-text-primary))}&:has(>input:disabled){color:var(--nz-text-disabled);cursor:not-allowed}&:has(>input:checked:disabled){box-shadow:inset 0 0 0 var(--nz-border-width-default) var(--nz-border-subtle)}}.nz-segmented-control[data-full-width]>.nz-segmented-control-item{flex:1 1 0;min-inline-size:fit-content}.nz-segmented-control-input{opacity:0;appearance:none;cursor:inherit;margin:0;position:absolute;inset:0}.nz-segmented-control-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-segmented-control-label{min-inline-size:0;display:inline-grid}.nz-segmented-control-text,.nz-segmented-control-sizer{text-overflow:ellipsis;grid-area:1/1;overflow:hidden}.nz-segmented-control-sizer,.nz-segmented-control-item:has(>input:checked) .nz-segmented-control-text{font-weight:var(--nz-font-label-m-strong-font-weight)}.nz-segmented-control-sizer{visibility:hidden}@media (forced-colors:active){.nz-segmented-control{outline:1px solid canvastext}.nz-segmented-control-item:has(>input:disabled){color:graytext}}}
|
|
560
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
561
|
+
@layer nz.components{.nz-select-trigger{--_nz-select-height:var(--nz-size-control-md);--_nz-select-radius:var(--nz-radius-md);--_nz-select-border:var(--nz-border-control);--_nz-select-border-hover:var(--nz-border-control-hover);--_nz-select-halo:var(--nz-focus-halo);--_nz-select-font:var(--nz-font-label-m);align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-inline-size:0;block-size:var(--nz-select-height,var(--_nz-select-height));padding-inline:var(--nz-space-3);border:var(--nz-border-width-default) solid var(--nz-select-border,var(--_nz-select-border));border-radius:var(--nz-select-radius,var(--_nz-select-radius));background:var(--nz-select-bg,var(--nz-bg-surface));color:var(--nz-text-primary);font:var(--_nz-select-font);cursor:pointer;transition:border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);display:inline-flex;@media (hover:hover){&:hover:not([data-disabled],:disabled){border-color:var(--nz-select-border-hover,var(--_nz-select-border-hover))}}&:is(:focus-visible,[data-focus-visible]){box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-select-halo)}&[data-invalid]{--_nz-select-border:var(--nz-border-critical);--_nz-select-border-hover:var(--nz-border-critical);--_nz-select-halo:var(--nz-focus-halo-critical)}&:is([data-disabled],:disabled){--_nz-select-border:var(--nz-border-subtle);background:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed}&[data-size=sm]{--_nz-select-height:var(--nz-size-control-sm);--_nz-select-radius:var(--nz-radius-sm)}&[data-size=lg]{--_nz-select-height:var(--nz-size-control-lg)}@media (pointer:coarse){--_nz-select-font:var(--nz-font-label-l)}}.nz-select-value{text-align:start;text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden;&[data-placeholder]{color:var(--nz-text-tertiary)}}.nz-select-icon,.nz-select-chevron{font-size:var(--nz-size-icon-sm);color:var(--nz-text-secondary);flex:none;display:inline-flex}.nz-select-popup{z-index:var(--nz-z-overlay);box-sizing:border-box;min-inline-size:var(--nz-trigger-width);max-block-size:var(--nz-available-height);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-radius-md);background:var(--nz-bg-surface-raised);box-shadow:var(--nz-elevation-4);transform-origin:var(--nz-transform-origin);transition:scale var(--nz-duration-spring) var(--nz-easing-spring), opacity var(--nz-duration-spring) var(--nz-easing-enter);flex-direction:column;display:flex;overflow:auto;&[data-entering]{opacity:0;scale:var(--nz-scale-enter)}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-select-list,.nz-select-group{flex-direction:column;display:flex}.nz-select-list{padding:var(--nz-space-1-5);outline:none}.nz-select-item{align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-block-size:2.25rem;padding-block:var(--nz-space-2);padding-inline:var(--nz-space-3);border-radius:var(--nz-radius-sm);color:var(--nz-text-primary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);cursor:default;display:flex;&[data-highlighted]{background:var(--nz-bg-hover)}&[data-selected]{background:var(--nz-bg-brand-subtle);font:var(--nz-font-label-m-strong)}&[data-selected][data-highlighted]{background:var(--nz-bg-hover)}&[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-select-item-indicator{font-size:var(--nz-size-icon-sm);color:var(--nz-icon-brand);visibility:hidden;flex:none;margin-inline-start:auto;display:inline-flex}.nz-select-item[data-selected]>.nz-select-item-indicator{visibility:visible}.nz-select-group-label{padding-block:var(--nz-space-2) var(--nz-space-1);padding-inline:var(--nz-space-3);color:var(--nz-text-secondary);font:var(--nz-font-label-s);letter-spacing:var(--nz-tracking-label-s)}.nz-select-separator{block-size:var(--nz-border-width-default);margin-block:var(--nz-space-1);background:var(--nz-border-subtle);flex:none}@media (forced-colors:active){.nz-select-popup{border:1px solid canvastext}.nz-select-item[data-selected],.nz-select-item[data-selected][data-highlighted]{color:highlighttext;outline-offset:calc(-2 * var(--nz-border-width-focus));forced-color-adjust:none;background:highlight;outline-color:highlighttext;&>.nz-select-item-indicator{color:highlighttext}}.nz-select-item[data-disabled]{color:graytext}.nz-select-separator{background:canvastext}}}
|
|
562
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
563
|
+
@layer nz.components{.nz-separator{border:0 solid var(--nz-separator-color,var(--nz-border-subtle));border-block-start-width:var(--nz-border-width-default);flex-shrink:0;align-self:stretch;margin:0}.nz-separator[data-orientation=vertical]{border-block-start-width:0;border-inline-start-width:var(--nz-border-width-default)}@media (forced-colors:active){.nz-separator{border-color:canvastext}}}
|
|
564
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
565
|
+
@layer nz.components{.nz-sidebar{--_nz-sidebar-width:var(--nz-layout-sidebar);z-index:var(--nz-z-chrome);gap:var(--nz-space-1);box-sizing:border-box;inline-size:var(--nz-sidebar-width,var(--_nz-sidebar-width));block-size:var(--nz-sidebar-block-size,100dvh);padding:var(--nz-space-4);border-inline-end:var(--nz-border-width-default) solid var(--nz-sidebar-border,var(--nz-border-subtle));background:var(--nz-sidebar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);flex-direction:column;display:none;position:sticky;inset-block-start:0;overflow-y:auto;container:nz-sidebar/inline-size;&[data-collapsed]{--_nz-sidebar-width:4.5rem}&[data-expanded]{--_nz-sidebar-width:16.5rem}@media (width>=40rem){display:flex}}.nz-sidebar-header{align-items:center;gap:var(--nz-space-2);box-sizing:border-box;min-inline-size:0;padding:var(--nz-space-2);border:var(--nz-border-width-default) solid var(--nz-border-subtle);border-radius:var(--nz-radius-lg);background:var(--nz-bg-surface);color:var(--nz-text-primary);margin-block-end:var(--nz-space-3);text-decoration:none;display:flex}:where(a,button).nz-sidebar-header{font:inherit;text-align:start;cursor:pointer;@media (hover:hover){&:hover{background:var(--nz-bg-muted)}}}.nz-sidebar-header-mark{inline-size:var(--nz-space-8);block-size:var(--nz-space-8);border-radius:var(--nz-radius-sm);background:var(--nz-sidebar-mark-bg,var(--nz-bg-brand));color:var(--nz-text-on-brand);font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&>:is(img,svg){object-fit:cover;block-size:100%;inline-size:100%}}.nz-sidebar-header-text{flex-direction:column;min-inline-size:0;display:flex}.nz-sidebar-header-title,.nz-sidebar-header-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-sidebar-header-title{font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong)}.nz-sidebar-header-description{color:var(--nz-text-secondary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m)}.nz-sidebar-content,.nz-sidebar-footer{gap:var(--nz-space-1);flex-direction:column;display:flex}.nz-sidebar-footer{margin-block-start:auto}@container nz-sidebar (inline-size<10rem){.nz-sidebar-header{background:0 0;border-color:#0000;justify-content:center;padding:0}.nz-sidebar-header-text{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nz-sidebar-content,.nz-sidebar-footer{align-items:center}}@media (forced-colors:active){.nz-sidebar{border-inline-end-color:canvastext}.nz-sidebar-header-mark{border:1px solid canvastext}}}
|
|
566
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
567
|
+
@layer nz.components{.nz-skeleton{--_nz-skeleton-radius:var(--nz-radius-xs);--_nz-skeleton-width:100%;inline-size:var(--nz-skeleton-width,var(--_nz-skeleton-width));block-size:var(--nz-skeleton-height,1em);border-radius:var(--nz-skeleton-radius,var(--_nz-skeleton-radius));background:var(--nz-skeleton-bg,var(--nz-bg-muted));animation:nz-skeleton-pulse var(--nz-duration-pulse) ease-in-out infinite;display:block}.nz-skeleton[data-shape=block]{--_nz-skeleton-radius:var(--nz-radius-sm)}.nz-skeleton[data-shape=circle]{--_nz-skeleton-radius:var(--nz-radius-full);--_nz-skeleton-width:var(--nz-skeleton-height,1em);aspect-ratio:1}@keyframes nz-skeleton-pulse{50%{opacity:.5}}@media (forced-colors:active){.nz-skeleton{forced-color-adjust:none;background:graytext}}}
|
|
568
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
569
|
+
@layer nz.components{.nz-split{--_nz-split-aside:22.5rem;gap:var(--nz-split-gap,var(--nz-grid-gutter));flex-wrap:wrap;display:flex}.nz-split[data-aside=narrow]{--_nz-split-aside:14.5rem}.nz-split-main{min-inline-size:var(--nz-split-main-min,60%);flex:100000 1 0}.nz-split-aside{flex:1 1 var(--nz-split-aside-width,var(--_nz-split-aside));min-inline-size:0}}
|
|
570
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
571
|
+
@layer nz.components{.nz-stack{--_nz-stack-gap:0;gap:var(--nz-stack-gap,var(--_nz-stack-gap));flex-direction:column;display:flex}.nz-stack[data-gap="0"]{--_nz-stack-gap:var(--nz-space-0)}.nz-stack[data-gap="0-5"]{--_nz-stack-gap:var(--nz-space-0-5)}.nz-stack[data-gap="1"]{--_nz-stack-gap:var(--nz-space-1)}.nz-stack[data-gap="1-5"]{--_nz-stack-gap:var(--nz-space-1-5)}.nz-stack[data-gap="2"]{--_nz-stack-gap:var(--nz-space-2)}.nz-stack[data-gap="3"]{--_nz-stack-gap:var(--nz-space-3)}.nz-stack[data-gap="4"]{--_nz-stack-gap:var(--nz-space-4)}.nz-stack[data-gap="5"]{--_nz-stack-gap:var(--nz-space-5)}.nz-stack[data-gap="6"]{--_nz-stack-gap:var(--nz-space-6)}.nz-stack[data-gap="8"]{--_nz-stack-gap:var(--nz-space-8)}.nz-stack[data-gap="10"]{--_nz-stack-gap:var(--nz-space-10)}.nz-stack[data-gap="12"]{--_nz-stack-gap:var(--nz-space-12)}.nz-stack[data-gap="16"]{--_nz-stack-gap:var(--nz-space-16)}.nz-stack[data-gap="20"]{--_nz-stack-gap:var(--nz-space-20)}.nz-stack[data-gap="24"]{--_nz-stack-gap:var(--nz-space-24)}}
|
|
572
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
573
|
+
@layer nz.components{.nz-sticky-bar{z-index:var(--nz-z-sticky);align-items:center;gap:var(--nz-sticky-bar-gap,var(--nz-space-3));box-sizing:border-box;padding-block:var(--nz-space-3) calc(var(--nz-space-3) + env(safe-area-inset-bottom,0px));padding-inline:var(--nz-space-4);border-block-start:var(--nz-border-width-default) solid var(--nz-sticky-bar-border,var(--nz-border-subtle));background:var(--nz-sticky-bar-bg,var(--nz-bg-surface));color:var(--nz-text-primary);display:flex;position:sticky;inset-block-end:var(--nz-layout-bottom-inset,0px)}:root[data-nz-bottom-bar] .nz-sticky-bar{padding-block-end:var(--nz-space-3)}.nz-sticky-bar-summary{min-inline-size:0;color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);flex-direction:column;flex:auto;display:flex}.nz-sticky-bar-actions{gap:var(--nz-sticky-bar-gap,var(--nz-space-3));flex:auto;justify-content:flex-end;display:flex;&>*{flex:auto}}.nz-sticky-bar-summary+.nz-sticky-bar-actions{flex:0 auto;&>*{flex:none}}}
|
|
574
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
575
|
+
@layer nz.components{.nz-switch{--_nz-switch-thumb-size:1rem;--_nz-switch-pad:var(--nz-space-0-5);--_nz-switch-height:calc(var(--_nz-switch-thumb-size) + 2 * var(--_nz-switch-pad));--_nz-switch-direction:1;justify-content:start;align-items:start;column-gap:var(--nz-switch-gap,var(--nz-space-2));color:var(--nz-text-primary);font:var(--nz-font-body-m);cursor:pointer;grid-template-columns:auto auto;display:inline-grid}.nz-switch:dir(rtl){--_nz-switch-direction:-1}.nz-switch-input,.nz-switch-thumb{grid-area:1/1}.nz-switch-input{--_nz-switch-bg:var(--nz-border-control);appearance:none;box-sizing:border-box;inline-size:calc(2 * var(--_nz-switch-thumb-size) + 2 * var(--_nz-switch-pad));block-size:var(--_nz-switch-height);margin:0;border-radius:var(--nz-radius-full);background:var(--_nz-switch-bg);font:inherit;cursor:inherit;transition:background-color var(--nz-duration-fade) var(--nz-easing-standard);border:0;margin-block-start:calc((1lh - var(--_nz-switch-height)) / 2)}.nz-switch-input:checked{--_nz-switch-bg:var(--nz-switch-accent,var(--nz-bg-brand))}.nz-switch-input[aria-invalid=true]:not(:checked){box-shadow:inset 0 0 0 var(--nz-border-width-default) var(--nz-border-critical)}@media (hover:hover){.nz-switch:hover>.nz-switch-input:not(:disabled,:checked){--_nz-switch-bg:var(--nz-border-control-hover)}}.nz-switch-input:disabled{--_nz-switch-bg:var(--nz-bg-disabled)}.nz-switch-input:disabled:checked{--_nz-switch-bg:var(--nz-bg-brand-muted)}.nz-switch-thumb{inline-size:var(--_nz-switch-thumb-size);block-size:var(--_nz-switch-thumb-size);border-radius:var(--nz-radius-full);background:var(--nz-switch-thumb-bg,var(--nz-bg-surface));box-shadow:var(--nz-switch-thumb-shadow,var(--nz-elevation-1));pointer-events:none;transition:translate var(--nz-duration-spring) var(--nz-easing-spring);justify-self:start;margin-block-start:calc((1lh - var(--_nz-switch-height)) / 2 + var(--_nz-switch-pad));margin-inline-start:var(--_nz-switch-pad)}.nz-switch-input:checked+.nz-switch-thumb{translate:calc(var(--_nz-switch-thumb-size) * var(--_nz-switch-direction)) 0}.nz-switch-input:disabled+.nz-switch-thumb{box-shadow:none}.nz-switch-label{grid-area:1/2}.nz-switch:is([data-disabled],:has(>.nz-switch-input:disabled)){color:var(--nz-text-disabled);cursor:not-allowed}@media (forced-colors:active){.nz-switch-input{border:1px solid canvastext}.nz-switch-input:checked{forced-color-adjust:none;background:highlight}.nz-switch-input:disabled{border-color:graytext}.nz-switch-input:disabled:checked{background:graytext}.nz-switch-thumb{forced-color-adjust:none;background:canvastext}.nz-switch-input:checked+.nz-switch-thumb{background:highlighttext}.nz-switch-input:disabled+.nz-switch-thumb{background:graytext}.nz-switch-input:disabled:checked+.nz-switch-thumb{background:canvas}}}
|
|
576
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
577
|
+
@layer nz.components{.nz-tab-nav{overscroll-behavior-inline:contain;border-block-end:var(--nz-border-width-default) solid var(--nz-tab-nav-border,var(--nz-border-subtle));min-inline-size:0;display:flex;overflow:auto hidden}.nz-tab-nav-link{--_nz-tab-nav-link-start:calc(var(--nz-space-3) + var(--nz-space-0-5));--_nz-tab-nav-link-end:calc(var(--nz-space-3) + var(--nz-space-0-5));align-items:center;gap:var(--nz-space-1-5);box-sizing:border-box;block-size:var(--nz-size-control-md);padding-block:0 var(--nz-space-1);padding-inline:var(--_nz-tab-nav-link-start) var(--_nz-tab-nav-link-end);color:var(--nz-tab-nav-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);white-space:nowrap;transition:color var(--nz-duration-fast) var(--nz-easing-standard);flex:none;text-decoration:none;display:inline-flex;position:relative;&:first-child{--_nz-tab-nav-link-start:var(--nz-space-0-5)}&:last-child{--_nz-tab-nav-link-end:var(--nz-space-0-5)}&:before{content:"";inset-block-end:0;inset-inline:var(--_nz-tab-nav-link-start) var(--_nz-tab-nav-link-end);block-size:var(--nz-border-width-focus);transition:background-color var(--nz-duration-fast) var(--nz-easing-standard);position:absolute}@media (hover:hover){&:hover:not([aria-current=page]){color:var(--nz-text-primary);&:before{background:var(--nz-border-strong)}}}&[aria-current=page]{color:var(--nz-tab-nav-fg-current,var(--nz-text-primary));&:before{background:var(--nz-tab-nav-indicator,var(--nz-bg-brand))}}}.nz-tab-nav-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-tab-nav-label{display:inline-grid}.nz-tab-nav-text,.nz-tab-nav-sizer{grid-area:1/1}.nz-tab-nav-sizer,.nz-tab-nav-link[aria-current=page] .nz-tab-nav-text{font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}.nz-tab-nav-sizer{visibility:hidden}.nz-tab-nav-count{padding-inline:var(--nz-space-1-5);border-radius:var(--nz-radius-full);background:var(--nz-tab-nav-count-bg,var(--nz-bg-subtle));color:var(--nz-text-secondary);font:var(--nz-font-label-s);letter-spacing:var(--nz-tracking-label-s);font-variant-numeric:tabular-nums}@media (forced-colors:active){.nz-tab-nav-link[aria-current=page]:before{forced-color-adjust:none;background:highlight}}}
|
|
578
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
579
|
+
@layer nz.components{.nz-table-container{border:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));border-radius:var(--nz-table-radius,var(--nz-radius-md));background:var(--nz-table-bg,var(--nz-bg-surface));overflow-x:auto}.nz-table-container:focus-visible{outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}.nz-table{border-collapse:collapse;border-spacing:0;inline-size:100%;color:var(--nz-text-primary);font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m)}.nz-table-caption{padding:var(--nz-space-3) var(--nz-space-5);color:var(--nz-text-secondary);font:var(--nz-font-body-m);text-align:start}.nz-table-head,.nz-table-cell{padding-block:var(--nz-table-cell-padding-block,var(--nz-space-3));padding-inline:var(--nz-table-cell-padding-inline,var(--nz-space-5));border-block-end:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));text-align:start;vertical-align:middle;white-space:nowrap}.nz-table-cell>.nz-inline{flex-wrap:nowrap}.nz-table-head{background:var(--nz-table-header-bg,var(--nz-bg-subtle));color:var(--nz-text-secondary);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m)}.nz-table-body .nz-table-head{color:var(--nz-text-primary);font:var(--nz-font-label-m-strong);background:0 0}.nz-table-head[data-numeric],.nz-table-cell[data-numeric]{font-variant-numeric:tabular-nums;text-align:end}.nz-table-cell[data-numeric]{font:var(--nz-font-numeric-m);font-variant-numeric:tabular-nums}:is(.nz-table-body,.nz-table-footer)>.nz-table-row:last-child>.nz-table-head,:is(.nz-table-body,.nz-table-footer)>.nz-table-row:last-child>.nz-table-cell{border-block-end:0}.nz-table-footer .nz-table-head,.nz-table-footer .nz-table-cell{border-block-start:var(--nz-border-width-default) solid var(--nz-table-border,var(--nz-border-subtle));font:var(--nz-font-label-m-strong)}.nz-table-row[data-selected],.nz-table-row:has(>.nz-table-cell>.nz-table-select-row>.nz-table-select-row-input:checked){background:var(--nz-table-row-bg-selected,var(--nz-bg-brand-subtle))}.nz-table-cell:has(>.nz-table-select-row),.nz-table-head:has(>.nz-table-select-all){inline-size:1px;padding-inline-end:0}.nz-table-row[data-interactive]{position:relative}.nz-table-row-link{color:inherit;font:var(--nz-font-label-m-strong);text-decoration:none;.nz-table-row[data-interactive] &:after{content:"";position:absolute;inset:0}}.nz-table-row[data-interactive] :is(a[href],button,input,select,textarea,[tabindex]):not(.nz-table-row-link){z-index:1;position:relative}@media (hover:hover){.nz-table-row[data-interactive]:not([data-selected]):hover{background:var(--nz-table-row-bg-hover,var(--nz-bg-hover))}.nz-table-row-link:hover{text-decoration:underline}}.nz-table-sort-button{align-items:center;gap:var(--nz-space-1);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:inline-flex}.nz-table-head[data-numeric] .nz-table-sort-button{flex-direction:row-reverse}@media (hover:hover){.nz-table-sort-button:hover{color:var(--nz-text-primary)}}.nz-table-sort-icon{color:var(--nz-icon-secondary);font-size:var(--nz-size-icon-sm);display:inline-flex;&>svg{block-size:1em;inline-size:1em}&>svg:last-child{display:none}}.nz-table-head[data-sort] .nz-table-sort-icon{color:var(--nz-icon-primary);&>svg:first-child{display:none}&>svg:last-child{display:block}}.nz-table-head[data-sort=ascending] .nz-table-sort-icon>svg:last-child{rotate:-90deg}.nz-table-head[data-sort=descending] .nz-table-sort-icon>svg:last-child{rotate:90deg}@media (forced-colors:active){.nz-table-row[data-selected],.nz-table-row:has(>.nz-table-cell>.nz-table-select-row>.nz-table-select-row-input:checked){outline-offset:-2px;outline:2px solid highlight}}}
|
|
580
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
581
|
+
@layer nz.components{.nz-table-selection{display:contents}}
|
|
582
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
583
|
+
@layer nz.components{.nz-tabs{gap:var(--nz-tabs-gap,var(--nz-space-4));flex-direction:column;min-inline-size:0;display:flex}.nz-tabs-list{overscroll-behavior-inline:contain;border-block-end:var(--nz-border-width-default) solid var(--nz-tabs-border,var(--nz-border-subtle));min-inline-size:0;display:flex;overflow:auto hidden}.nz-tabs-tab{--_nz-tabs-tab-start:calc(var(--nz-space-3) + var(--nz-space-0-5));--_nz-tabs-tab-end:calc(var(--nz-space-3) + var(--nz-space-0-5));align-items:center;gap:var(--nz-space-1-5);box-sizing:border-box;block-size:var(--nz-size-control-md);padding-block:0 var(--nz-space-1);padding-inline:var(--_nz-tabs-tab-start) var(--_nz-tabs-tab-end);color:var(--nz-tabs-fg,var(--nz-text-secondary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--nz-duration-fast) var(--nz-easing-standard);flex:none;display:inline-flex;position:relative;&:first-child{--_nz-tabs-tab-start:var(--nz-space-0-5)}&:last-child{--_nz-tabs-tab-end:var(--nz-space-0-5)}&:before{content:"";inset-block-end:0;inset-inline:var(--_nz-tabs-tab-start) var(--_nz-tabs-tab-end);block-size:var(--nz-border-width-focus);transition:background-color var(--nz-duration-fast) var(--nz-easing-standard);position:absolute}@media (hover:hover){&:hover:not([data-disabled],[data-selected]){color:var(--nz-text-primary);&:before{background:var(--nz-border-strong)}}}&[data-selected]{color:var(--nz-tabs-fg-selected,var(--nz-text-primary));&:before{background:var(--nz-tabs-indicator,var(--nz-bg-brand))}}&[data-disabled]{color:var(--nz-text-disabled);cursor:not-allowed}}.nz-tabs-icon{inline-size:var(--nz-size-icon-sm);block-size:var(--nz-size-icon-sm);font-size:var(--nz-size-icon-sm);flex:none;display:inline-flex;&>svg{block-size:100%;inline-size:100%}}.nz-tabs-label{display:inline-grid}.nz-tabs-text,.nz-tabs-sizer{grid-area:1/1}.nz-tabs-sizer,.nz-tabs-tab[data-selected] .nz-tabs-text{font-weight:var(--nz-font-label-m-strong-font-weight);letter-spacing:var(--nz-tracking-label-m-strong)}.nz-tabs-sizer{visibility:hidden}.nz-tabs-count{padding-inline:var(--nz-space-1-5);border-radius:var(--nz-radius-full);background:var(--nz-tabs-count-bg,var(--nz-bg-subtle));color:var(--nz-text-secondary);font:var(--nz-font-label-s);letter-spacing:var(--nz-tracking-label-s);font-variant-numeric:tabular-nums;.nz-tabs-tab[data-disabled] &{color:var(--nz-text-disabled)}}.nz-tabs-panel{min-inline-size:0;&:is(:focus-visible,[data-focus-visible]){outline:var(--nz-border-width-focus) solid var(--nz-border-focus);outline-offset:2px}}@media (forced-colors:active){.nz-tabs-tab[data-selected]:before{forced-color-adjust:none;background:highlight}.nz-tabs-tab[data-disabled]{color:graytext}}}
|
|
584
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
585
|
+
@layer nz.components{.nz-text{--_nz-text-font:var(--nz-font-body-m);--_nz-text-tracking:var(--nz-tracking-body-m);--_nz-text-numeric:normal;font:var(--_nz-text-font);font-variant-numeric:var(--_nz-text-numeric);letter-spacing:var(--_nz-text-tracking);margin:0}.nz-text[data-tone]{color:var(--_nz-text-fg)}.nz-text[data-variant=display-l]{--_nz-text-font:var(--nz-font-display-l);--_nz-text-tracking:var(--nz-tracking-display-l)}.nz-text[data-variant=display-m]{--_nz-text-font:var(--nz-font-display-m);--_nz-text-tracking:var(--nz-tracking-display-m)}.nz-text[data-variant=heading-h1]{--_nz-text-font:var(--nz-font-heading-h1);--_nz-text-tracking:var(--nz-tracking-heading-h1)}.nz-text[data-variant=heading-h2]{--_nz-text-font:var(--nz-font-heading-h2);--_nz-text-tracking:var(--nz-tracking-heading-h2)}.nz-text[data-variant=heading-h3]{--_nz-text-font:var(--nz-font-heading-h3);--_nz-text-tracking:var(--nz-tracking-heading-h3)}.nz-text[data-variant=heading-h4]{--_nz-text-font:var(--nz-font-heading-h4);--_nz-text-tracking:var(--nz-tracking-heading-h4)}.nz-text[data-variant=body-l]{--_nz-text-font:var(--nz-font-body-l);--_nz-text-tracking:var(--nz-tracking-body-l)}.nz-text[data-variant=body-m-strong]{--_nz-text-font:var(--nz-font-body-m-strong);--_nz-text-tracking:var(--nz-tracking-body-m-strong)}.nz-text[data-variant=body-s]{--_nz-text-font:var(--nz-font-body-s);--_nz-text-tracking:var(--nz-tracking-body-s)}.nz-text[data-variant=label-l]{--_nz-text-font:var(--nz-font-label-l);--_nz-text-tracking:var(--nz-tracking-label-l)}.nz-text[data-variant=label-m]{--_nz-text-font:var(--nz-font-label-m);--_nz-text-tracking:var(--nz-tracking-label-m)}.nz-text[data-variant=label-m-strong]{--_nz-text-font:var(--nz-font-label-m-strong);--_nz-text-tracking:var(--nz-tracking-label-m-strong)}.nz-text[data-variant=label-s]{--_nz-text-font:var(--nz-font-label-s);--_nz-text-tracking:var(--nz-tracking-label-s)}.nz-text[data-variant=numeric-display]{--_nz-text-font:var(--nz-font-numeric-display);--_nz-text-tracking:var(--nz-tracking-numeric-display);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-kpi]{--_nz-text-font:var(--nz-font-numeric-kpi);--_nz-text-tracking:var(--nz-tracking-numeric-kpi);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-l]{--_nz-text-font:var(--nz-font-numeric-l);--_nz-text-tracking:var(--nz-tracking-numeric-l);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=numeric-m]{--_nz-text-font:var(--nz-font-numeric-m);--_nz-text-tracking:var(--nz-tracking-numeric-m);--_nz-text-numeric:tabular-nums}.nz-text[data-variant=mono-m]{--_nz-text-font:var(--nz-font-mono-m);--_nz-text-tracking:var(--nz-tracking-mono-m)}.nz-text[data-variant=mono-m-strong]{--_nz-text-font:var(--nz-font-mono-m-strong);--_nz-text-tracking:var(--nz-tracking-mono-m-strong)}.nz-text[data-tone=primary]{--_nz-text-fg:var(--nz-text-primary)}.nz-text[data-tone=secondary]{--_nz-text-fg:var(--nz-text-secondary)}.nz-text[data-tone=tertiary]{--_nz-text-fg:var(--nz-text-tertiary)}.nz-text[data-tone=disabled]{--_nz-text-fg:var(--nz-text-disabled)}.nz-text[data-tone=inverse]{--_nz-text-fg:var(--nz-text-inverse)}.nz-text[data-tone=on-brand]{--_nz-text-fg:var(--nz-text-on-brand)}.nz-text[data-tone=on-accent]{--_nz-text-fg:var(--nz-text-on-accent)}.nz-text[data-tone=on-critical]{--_nz-text-fg:var(--nz-text-on-critical)}.nz-text[data-tone=brand],.nz-text[data-tone=accent]{--_nz-text-fg:var(--nz-text-brand)}.nz-text[data-tone=success]{--_nz-text-fg:var(--nz-text-success)}.nz-text[data-tone=warning]{--_nz-text-fg:var(--nz-text-warning)}.nz-text[data-tone=critical]{--_nz-text-fg:var(--nz-text-critical)}.nz-text[data-tone=info]{--_nz-text-fg:var(--nz-text-info)}}
|
|
586
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
587
|
+
@layer nz.components{.nz-textarea{--_nz-textarea-border:var(--nz-border-control);--_nz-textarea-border-hover:var(--nz-border-control-hover);--_nz-textarea-bg:var(--nz-bg-surface);--_nz-textarea-halo:var(--nz-focus-halo);--_nz-textarea-font:var(--nz-font-body-m);--_nz-textarea-padding-block:var(--nz-textarea-padding-block,var(--nz-space-3));--_nz-textarea-min:var(--nz-textarea-min-block-size,7rem);box-sizing:border-box;min-inline-size:0;min-block-size:var(--_nz-textarea-min);padding-block:var(--_nz-textarea-padding-block);padding-inline:var(--nz-textarea-padding-inline,var(--nz-space-3));border:var(--nz-border-width-default) solid var(--nz-textarea-border,var(--_nz-textarea-border));border-radius:var(--nz-textarea-radius,var(--nz-radius-md));background:var(--nz-textarea-bg,var(--_nz-textarea-bg));color:var(--nz-textarea-fg,var(--nz-text-primary));font:var(--nz-textarea-font,var(--_nz-textarea-font));resize:vertical;transition:border-color var(--nz-duration-fast) var(--nz-easing-standard), box-shadow var(--nz-duration-fast) var(--nz-easing-standard);margin:0;display:block;@supports (field-sizing:content){field-sizing:content;min-block-size:max(var(--_nz-textarea-min), calc(var(--_nz-textarea-rows,3) * 1lh + 2 * var(--_nz-textarea-padding-block) + 2 * var(--nz-border-width-default)))}@media (pointer:coarse){--_nz-textarea-font:var(--nz-font-body-l)}&::placeholder{color:var(--nz-textarea-placeholder-fg,var(--nz-text-tertiary));opacity:1}@media (hover:hover){&:hover:not(:disabled,[data-disabled]){border-color:var(--_nz-textarea-border-hover)}}&:focus-visible{box-shadow:0 0 0 calc(var(--nz-border-width-focus) + 4px) var(--_nz-textarea-halo)}&[data-invalid]{--_nz-textarea-border:var(--nz-border-critical);--_nz-textarea-border-hover:var(--nz-border-critical);--_nz-textarea-halo:var(--nz-focus-halo-critical)}&[data-readonly]{--_nz-textarea-bg:var(--nz-bg-subtle)}&[rows="1"]{--_nz-textarea-rows:1}&[rows="2"]{--_nz-textarea-rows:2}&[rows="3"]{--_nz-textarea-rows:3}&[rows="4"]{--_nz-textarea-rows:4}&[rows="5"]{--_nz-textarea-rows:5}&[rows="6"]{--_nz-textarea-rows:6}&[rows="7"]{--_nz-textarea-rows:7}&[rows="8"]{--_nz-textarea-rows:8}&[rows="9"]{--_nz-textarea-rows:9}&[rows="10"]{--_nz-textarea-rows:10}&:is(:disabled,[data-disabled]){--_nz-textarea-border:var(--nz-border-subtle);--_nz-textarea-bg:var(--nz-bg-disabled);color:var(--nz-text-disabled);cursor:not-allowed;resize:none;&::placeholder{color:var(--nz-text-disabled)}}}}
|
|
588
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
589
|
+
@layer nz.components{@property --_nz-toast-bg{syntax:"<color>";inherits:true;initial-value:#0000}@property --_nz-toast-fg{syntax:"<color>";inherits:true;initial-value:#0000}@property --_nz-toast-accent{syntax:"<color>";inherits:true;initial-value:#0000}.nz-toast-region{--_nz-toast-bg:var(--nz-bg-inverse);--_nz-toast-fg:var(--nz-text-inverse);--_nz-toast-accent:var(--nz-text-inverse-accent);z-index:var(--nz-z-toast);inset:auto 0 calc(var(--nz-space-6) + var(--nz-layout-bottom-inset,0px) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--nz-space-2);box-sizing:border-box;inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--nz-space-4));border-radius:var(--nz-radius-lg);block-size:fit-content;color:inherit;background:0 0;border:0;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;overflow:visible;&[hidden]{display:none}}:root[data-nz-bottom-bar] .nz-toast-region{inset-block-end:calc(var(--nz-space-6) + var(--nz-layout-bottom-inset,0px))}.nz-toast{align-items:center;gap:var(--nz-space-3);box-sizing:border-box;max-inline-size:30rem;min-block-size:calc(var(--nz-size-control-sm) + 2 * var(--nz-space-3));padding-block:var(--nz-space-3);padding-inline:var(--nz-space-4) var(--nz-space-3);border-radius:var(--nz-toast-radius,var(--nz-radius-lg));background:var(--nz-toast-bg,var(--_nz-toast-bg));box-shadow:var(--nz-toast-shadow,var(--nz-elevation-3));color:var(--_nz-toast-fg);font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);transition:opacity var(--nz-duration-fade) var(--nz-easing-enter), translate var(--nz-duration-base) var(--nz-easing-enter);display:flex;@starting-style{opacity:0;translate:0 var(--nz-distance-lift)}}.nz-toast-icon{color:var(--nz-icon-primary);font-size:var(--nz-size-icon-md);flex:none;display:inline-flex}.nz-toast[data-tone=success] .nz-toast-icon{color:var(--nz-icon-success)}.nz-toast[data-tone=critical] .nz-toast-icon{color:var(--nz-icon-critical)}.nz-toast-content{gap:var(--nz-space-0-5);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.nz-toast-message{overflow-wrap:anywhere}.nz-toast-description{font:var(--nz-font-body-m);letter-spacing:var(--nz-tracking-body-m);opacity:.8}.nz-toast .nz-toast-action.nz-button{--_nz-button-fg:var(--_nz-toast-accent);--_nz-button-font:var(--nz-font-label-m-strong);letter-spacing:var(--nz-tracking-label-m-strong);flex:none}.nz-toast .nz-toast-close.nz-icon-button{--_nz-icon-button-fg:var(--_nz-toast-fg);flex:none}@media (forced-colors:active){.nz-toast{border:1px solid canvastext}}}
|
|
590
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
591
|
+
@layer nz.components{.nz-tooltip-trigger.nz-hit-target{min-block-size:1.5rem;min-inline-size:1.5rem}.nz-tooltip-popup{z-index:var(--nz-z-overlay);align-items:center;gap:var(--nz-space-2);box-sizing:border-box;max-inline-size:20rem;padding-block:var(--nz-space-2);padding-inline:var(--nz-space-3);border-radius:var(--nz-tooltip-radius,var(--nz-radius-sm));background:var(--nz-tooltip-bg,var(--nz-bg-surface-raised));box-shadow:var(--nz-tooltip-shadow,var(--nz-elevation-3));color:var(--nz-tooltip-fg,var(--nz-text-primary));font:var(--nz-font-label-m);letter-spacing:var(--nz-tracking-label-m);transform-origin:var(--nz-transform-origin);transition:opacity var(--nz-duration-fade) var(--nz-easing-enter), translate var(--nz-duration-fast) var(--nz-easing-enter);display:flex;&[data-entering]{opacity:0}&[data-entering][data-side=top]{translate:0 var(--nz-distance-lift)}&[data-entering][data-side=bottom]{translate:0 calc(-1 * var(--nz-distance-lift))}&[data-entering][data-side=left]{translate:var(--nz-distance-lift) 0}&[data-entering][data-side=right]{translate:calc(-1 * var(--nz-distance-lift)) 0}&[data-exiting]{opacity:0;transition:opacity var(--nz-duration-fade) var(--nz-easing-exit)}}.nz-tooltip-popup .nz-tooltip-shortcut{color:var(--nz-tooltip-shortcut-fg,var(--nz-text-tertiary));background:0 0;border:0;flex:none;padding:0}@media (forced-colors:active){.nz-tooltip-popup{border:1px solid canvastext}}}
|
|
592
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
593
|
+
@layer nz.components{.nz-top-bar{align-items:center;gap:var(--nz-top-bar-gap,var(--nz-space-6));box-sizing:border-box;min-inline-size:0;padding-block:var(--nz-space-4);padding-inline:var(--nz-top-bar-padding-inline,var(--nz-grid-margin));border-block-end:var(--nz-border-width-default) solid var(--nz-top-bar-border,var(--nz-border-subtle));background:var(--nz-top-bar-bg,var(--nz-bg-canvas));color:var(--nz-text-primary);display:flex}.nz-top-bar-start{flex:1 0 auto;align-items:center;min-inline-size:0;max-inline-size:50%;display:flex}.nz-top-bar-title{font:var(--nz-font-heading-h3);letter-spacing:var(--nz-tracking-heading-h3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nz-top-bar-search{flex:0 1 var(--nz-top-bar-search-width,22.5rem);min-inline-size:0}.nz-top-bar-actions{align-items:center;gap:var(--nz-space-3);flex:none;display:flex}@media (forced-colors:active){.nz-top-bar{border-block-end-color:canvastext}}}
|
|
594
|
+
@layer nz.tokens, nz.themes, nz.reset, nz.base, nz.components, nz.patterns, nz.utilities;
|
|
595
|
+
@layer nz.components{.nz-card.nz-trend-card{gap:var(--nz-trend-card-gap,var(--nz-space-6));box-sizing:border-box;inline-size:100%;min-inline-size:0}.nz-trend-card-header{align-items:start;gap:var(--nz-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid;container-type:inline-size}@container (inline-size<30rem){.nz-trend-card-header>.nz-metric,.nz-trend-card-action{grid-column:1/-1}.nz-trend-card-header>.nz-metric>.nz-metric-value-row{grid-template-rows:minmax(calc(var(--nz-font-numeric-display-font-size) * var(--nz-font-numeric-display-line-height)), auto);grid-template-columns:minmax(0,1fr);display:grid}}.nz-trend-card-action{align-items:center;gap:var(--nz-space-2);display:flex}.nz-trend-card-chart{min-inline-size:0}.nz-trend-card-legend{align-items:center;gap:var(--nz-space-2) var(--nz-space-5);flex-wrap:wrap;display:flex}.nz-trend-card-footer{align-items:center;gap:var(--nz-space-3);flex-wrap:wrap;display:flex}}
|