boreal-ui 0.0.900 → 0.0.9002
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/Accordion.css +1 -1
- package/dist/core/Alert.css +1 -1
- package/dist/core/AppShell.css +1 -1
- package/dist/core/Avatar.css +1 -1
- package/dist/core/Badge.css +1 -1
- package/dist/core/BarChart.css +1 -1
- package/dist/core/BreadCrumbPageHeader.css +1 -1
- package/dist/core/Breadcrumbs.css +1 -1
- package/dist/core/Button.css +1 -1
- package/dist/core/Card.css +1 -1
- package/dist/core/CheckBox.css +1 -1
- package/dist/core/Chip.css +1 -1
- package/dist/core/CircularProgress.css +1 -1
- package/dist/core/ComboBox.css +1 -1
- package/dist/core/CommandPalette.css +1 -1
- package/dist/core/DataTable.css +1 -1
- package/dist/core/DatePicker.css +1 -1
- package/dist/core/{DateRangePicker-Du59L_qV.js → DateRangePicker-DHoRlJWP.js} +7 -7
- package/dist/core/DateRangePicker-Dif1FoZc.cjs +1 -0
- package/dist/core/DateRangePicker.cjs.js +1 -1
- package/dist/core/DateRangePicker.css +1 -1
- package/dist/core/DateRangePicker.js +1 -1
- package/dist/core/DateTimePicker-DSJxMBk_.js +323 -0
- package/dist/core/DateTimePicker-hyU0Na1s.cjs +1 -0
- package/dist/core/DateTimePicker.cjs.js +1 -1
- package/dist/core/DateTimePicker.css +1 -1
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/Divider.css +1 -1
- package/dist/core/DonutChart.css +1 -1
- package/dist/core/Drawer.css +1 -1
- package/dist/core/Dropdown.css +1 -1
- package/dist/core/{EmptyState-glhYRK09.js → EmptyState-BXTXnNUw.js} +23 -12
- package/dist/core/EmptyState-DQ3lr_Ad.cjs +1 -0
- package/dist/core/EmptyState.cjs.js +1 -1
- package/dist/core/EmptyState.css +1 -1
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/FieldSet.css +1 -1
- package/dist/core/{FileUpload-Dvpyvc5f.cjs → FileUpload-Dd9wfOuu.cjs} +1 -1
- package/dist/core/{FileUpload-fW7q7mwR.js → FileUpload-Dg7Dxn7E.js} +78 -77
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.css +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/Footer.css +1 -1
- package/dist/core/FormGroup.css +1 -1
- package/dist/core/IconButton.css +1 -1
- package/dist/core/InputGroup.css +1 -1
- package/dist/core/Legend.css +1 -1
- package/dist/core/LineChart.css +1 -1
- package/dist/core/MarkdownRenderer.css +1 -1
- package/dist/core/Menu.css +1 -1
- package/dist/core/MessagePopup.css +1 -1
- package/dist/core/MetricBox.css +1 -1
- package/dist/core/Modal.css +1 -1
- package/dist/core/MultiSelect.css +1 -1
- package/dist/core/NavBar.css +1 -1
- package/dist/core/NotificationCenter.css +1 -1
- package/dist/core/NumberInput.css +1 -1
- package/dist/core/PageHeader.css +1 -1
- package/dist/core/PopOver.css +1 -1
- package/dist/core/ProgressBar.css +1 -1
- package/dist/core/RadioButton.css +1 -1
- package/dist/core/Rating.css +1 -1
- package/dist/core/ScrollToTop.css +1 -1
- package/dist/core/SearchInput.css +1 -1
- package/dist/core/SegmentedControl.css +1 -1
- package/dist/core/Select.css +1 -1
- package/dist/core/Sidebar.css +1 -1
- package/dist/core/Slider.css +1 -1
- package/dist/core/Sparkline.css +1 -1
- package/dist/core/Spinner.css +1 -1
- package/dist/core/SplitPane.css +1 -1
- package/dist/core/Stepper.css +1 -1
- package/dist/core/Tabs.css +1 -1
- package/dist/core/TagInput.css +1 -1
- package/dist/core/TextArea.css +1 -1
- package/dist/core/TextInput.css +1 -1
- package/dist/core/TimePicker.css +1 -1
- package/dist/core/Timeline.css +1 -1
- package/dist/core/Toggle.css +1 -1
- package/dist/core/Toolbar.css +1 -1
- package/dist/core/Tooltip.css +1 -1
- package/dist/core/TreeView.css +1 -1
- package/dist/core/colorSchemes.cjs.js +1 -1
- package/dist/core/colorSchemes.js +8 -0
- package/dist/core/index.cjs.js +2 -2
- package/dist/core/index.js +185 -71
- package/dist/generated-docs/DateTimePicker.props.js +146 -32
- package/dist/next/Accordion-CWb-EC5P.js +245 -0
- package/dist/next/Accordion.css +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/Alert-DbbmcDuR.js +139 -0
- package/dist/next/Alert.css +1 -1
- package/dist/next/Alert.js +1 -1
- package/dist/next/AppShell-Cc3VUxaS.js +188 -0
- package/dist/next/AppShell.css +1 -1
- package/dist/next/AppShell.js +1 -1
- package/dist/next/Avatar-CrT91MC6.js +290 -0
- package/dist/next/Avatar.css +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/Badge-BXCZ5-GS.js +178 -0
- package/dist/next/Badge.css +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/BarChart-Dt2QMtD0.js +148 -0
- package/dist/next/BarChart.css +1 -1
- package/dist/next/BarChart.js +1 -1
- package/dist/next/BreadCrumbPageHeader-B5jd6en6.js +192 -0
- package/dist/next/BreadCrumbPageHeader.css +1 -1
- package/dist/next/BreadCrumbPageHeader.js +1 -1
- package/dist/next/Breadcrumbs-D-QyInSH.js +228 -0
- package/dist/next/Breadcrumbs.css +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/Button-DMwfJEwy.js +274 -0
- package/dist/next/Button.css +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-BYkcneTN.js → Card-mN9c9sny.js} +126 -126
- package/dist/next/Card.css +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox-BH6bgcr0.js +212 -0
- package/dist/next/CheckBox.css +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/Chip-D_Q_V89m.js +201 -0
- package/dist/next/Chip.css +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{ChipGroup-U6LZ41xJ.js → ChipGroup-Bo3tCUb3.js} +1 -1
- package/dist/next/ChipGroup.js +1 -1
- package/dist/next/CircularProgress-CsThKU5_.js +137 -0
- package/dist/next/CircularProgress.css +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/ComboBox-xsZ7SD7D.js +296 -0
- package/dist/next/ComboBox.css +1 -1
- package/dist/next/ComboBox.js +1 -1
- package/dist/next/{CommandPalette-BUZ4Y5B1.js → CommandPalette-BUpdcx6j.js} +51 -51
- package/dist/next/CommandPalette.css +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-BWSo4r7S.js → DataTable-_ykurq5n.js} +288 -288
- package/dist/next/DataTable.css +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/DatePicker-Clvmljg3.js +313 -0
- package/dist/next/DatePicker.css +1 -1
- package/dist/next/DatePicker.js +1 -1
- package/dist/next/{DateRangePicker--ChYihEB.js → DateRangePicker-V3O-rUhe.js} +60 -60
- package/dist/next/DateRangePicker.css +1 -1
- package/dist/next/DateRangePicker.js +1 -1
- package/dist/next/DateTimePicker-D3f179-p.js +335 -0
- package/dist/next/DateTimePicker.css +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/Divider-C0I1DRzh.js +92 -0
- package/dist/next/Divider.css +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/DonutChart-BRwbfU-S.js +180 -0
- package/dist/next/DonutChart.css +1 -1
- package/dist/next/DonutChart.js +1 -1
- package/dist/next/Drawer-5cqbgkJq.js +189 -0
- package/dist/next/Drawer.css +1 -1
- package/dist/next/Drawer.js +1 -1
- package/dist/next/{Dropdown-BpX8S866.js → Dropdown-DEnh_CJH.js} +156 -156
- package/dist/next/Dropdown.css +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/EmptyState-REAxLGXY.js +158 -0
- package/dist/next/EmptyState.css +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/FieldSet-Dv0_O16Y.js +320 -0
- package/dist/next/FieldSet.css +1 -1
- package/dist/next/FieldSet.js +1 -1
- package/dist/next/{FileUpload-BMGTPLP-.js → FileUpload-DoMQnqMw.js} +227 -227
- package/dist/next/FileUpload.css +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-qmcMhfIE.js → Footer-DsnNvpOH.js} +17 -17
- package/dist/next/Footer.css +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/FormGroup-CHgFoBfh.js +191 -0
- package/dist/next/FormGroup.css +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/IconButton-DXgB3bWn.js +215 -0
- package/dist/next/IconButton.css +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/InputGroup-BOHvxJGw.js +336 -0
- package/dist/next/InputGroup.css +1 -1
- package/dist/next/InputGroup.js +1 -1
- package/dist/next/Legend-CFa-Y3d7.js +103 -0
- package/dist/next/Legend.css +1 -1
- package/dist/next/Legend.js +1 -1
- package/dist/next/LineChart-C-kdApsg.js +156 -0
- package/dist/next/LineChart.css +1 -1
- package/dist/next/LineChart.js +1 -1
- package/dist/next/{MarkdownRenderer-BjUmXgUe.js → MarkdownRenderer-B8lPeE7z.js} +66 -66
- package/dist/next/MarkdownRenderer.css +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/Menu-D7ATv8BP.js +593 -0
- package/dist/next/Menu.css +1 -1
- package/dist/next/Menu.js +1 -1
- package/dist/next/MessagePopup-CY_dEgiR.js +254 -0
- package/dist/next/MessagePopup.css +1 -1
- package/dist/next/MessagePopup.js +1 -1
- package/dist/next/MetricBox-Bz5MvfnX.js +160 -0
- package/dist/next/MetricBox.css +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/Modal-CA-Hmzze.js +229 -0
- package/dist/next/Modal.css +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/MultiSelect-BwZY3kN8.js +462 -0
- package/dist/next/MultiSelect.css +1 -1
- package/dist/next/MultiSelect.js +1 -1
- package/dist/next/NavBar-D2KCM73_.js +187 -0
- package/dist/next/NavBar.css +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-CK-V_ygl.js → NotificationCenter-yBpNTvNS.js} +61 -61
- package/dist/next/NotificationCenter.css +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/NumberInput-DYtvRgwx.js +268 -0
- package/dist/next/NumberInput.css +1 -1
- package/dist/next/NumberInput.js +1 -1
- package/dist/next/PageHeader-CEIvTkmK.js +215 -0
- package/dist/next/PageHeader.css +1 -1
- package/dist/next/PageHeader.js +1 -1
- package/dist/next/{Pager-C7EuzrOb.js → Pager-CttNFyvr.js} +2 -2
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-BpYBBH6H.js → PopOver-UqQ-UN4a.js} +59 -59
- package/dist/next/PopOver.css +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/ProgressBar-DsVAZEpa.js +152 -0
- package/dist/next/ProgressBar.css +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-B6PEIm3p.js → RadioButton-idAn4Vdx.js} +1 -1
- package/dist/next/RadioButton.js +2 -2
- package/dist/next/RadioGroup-BcHe8UP9.js +281 -0
- package/dist/next/RadioGroup.css +1 -1
- package/dist/next/RadioGroup.js +1 -1
- package/dist/next/Rating-CoDe7MJn.js +176 -0
- package/dist/next/Rating.css +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{ScrollToTop-CZc_mlwG.js → ScrollToTop-cdtDG4rp.js} +44 -44
- package/dist/next/ScrollToTop.css +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/SearchInput-Dmsg_Mms.js +325 -0
- package/dist/next/SearchInput.css +1 -1
- package/dist/next/SearchInput.js +1 -1
- package/dist/next/SegmentedControl-CtZLyvPM.js +343 -0
- package/dist/next/SegmentedControl.css +1 -1
- package/dist/next/SegmentedControl.js +1 -1
- package/dist/next/Select-7TrtOZjN.js +256 -0
- package/dist/next/Select.css +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-DM2PJrpB.js → Sidebar-DXwD-wRr.js} +85 -85
- package/dist/next/Sidebar.css +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/Slider-Dti4nZaN.js +145 -0
- package/dist/next/Slider.css +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/Sparkline-DUCq641n.js +138 -0
- package/dist/next/Sparkline.css +1 -1
- package/dist/next/Sparkline.js +1 -1
- package/dist/next/Spinner-CPSiagf4.js +133 -0
- package/dist/next/Spinner.css +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/SplitPane-D3AkM7T3.js +211 -0
- package/dist/next/SplitPane.css +1 -1
- package/dist/next/SplitPane.js +1 -1
- package/dist/next/Stepper-BvBTfijA.js +143 -0
- package/dist/next/Stepper.css +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/Tabs-CjBtztvk.js +185 -0
- package/dist/next/Tabs.css +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/TagInput-COyeILRa.js +293 -0
- package/dist/next/TagInput.css +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/TextArea-amyB16ox.js +230 -0
- package/dist/next/TextArea.css +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/TextInput-BRihSwWg.js +320 -0
- package/dist/next/TextInput.css +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{ThemeSelect-CxSzvUdW.js → ThemeSelect-ChHPwaE_.js} +1 -1
- package/dist/next/ThemeSelect.js +1 -1
- package/dist/next/{TimePicker-BTtSmfx8.js → TimePicker-B9GGGafy.js} +98 -98
- package/dist/next/TimePicker.css +1 -1
- package/dist/next/TimePicker.js +1 -1
- package/dist/next/{Timeline-Br1EzQG-.js → Timeline-D8IAMAgb.js} +58 -58
- package/dist/next/Timeline.css +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/Toggle-Dxu-NPYO.js +151 -0
- package/dist/next/Toggle.css +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/Toolbar-Bvi6HjNu.js +155 -0
- package/dist/next/Toolbar.css +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/Tooltip-CYnFkFyX.js +166 -0
- package/dist/next/Tooltip.css +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/TreeView-9UnVSsVh.js +226 -0
- package/dist/next/TreeView.css +1 -1
- package/dist/next/TreeView.js +1 -1
- package/dist/next/colorSchemes.js +8 -0
- package/dist/next/index.js +245 -131
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts +195 -93
- package/dist/types/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/DateTimePickerBase.d.ts +1 -2
- package/dist/types/components/DateTimePicker/DateTimePickerBase.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/core/DateTimePicker.d.ts +1 -2
- package/dist/types/components/DateTimePicker/core/DateTimePicker.d.ts.map +1 -1
- package/dist/types/components/DateTimePicker/next/DateTimePicker.d.ts +1 -2
- package/dist/types/components/DateTimePicker/next/DateTimePicker.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyStateBase.d.ts.map +1 -1
- package/dist/types/components/EmptyState/core/EmptyState.d.ts.map +1 -1
- package/dist/types/components/FileUpload/core/FileUpload.d.ts.map +1 -1
- package/dist/types/generated-docs/DateTimePicker.props.d.ts.map +1 -1
- package/dist/types/styles/Themes.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/DateRangePicker-K_1klE0x.cjs +0 -1
- package/dist/core/DateTimePicker-BZIzldew.js +0 -214
- package/dist/core/DateTimePicker-CTYfdHiX.cjs +0 -1
- package/dist/core/EmptyState-o_zrhbNi.cjs +0 -1
- package/dist/next/Accordion-D-E5Tt90.js +0 -245
- package/dist/next/Alert-DKbbtReM.js +0 -139
- package/dist/next/AppShell-9XbLn9t5.js +0 -188
- package/dist/next/Avatar-5mSKLtFc.js +0 -290
- package/dist/next/Badge-DsnnuVQc.js +0 -178
- package/dist/next/BarChart-C05RUJrH.js +0 -157
- package/dist/next/BreadCrumbPageHeader-C13bbGRH.js +0 -192
- package/dist/next/Breadcrumbs-CzOHE8E2.js +0 -228
- package/dist/next/Button-BC5al3Bp.js +0 -274
- package/dist/next/CheckBox-DmSYO5vE.js +0 -212
- package/dist/next/Chip-C3oML20-.js +0 -200
- package/dist/next/CircularProgress-CKKBbD65.js +0 -137
- package/dist/next/ComboBox-CqSq8kht.js +0 -296
- package/dist/next/DatePicker-DKSF56T-.js +0 -313
- package/dist/next/DateTimePicker-wdZr8Qd9.js +0 -214
- package/dist/next/Divider-BqE8JUnp.js +0 -92
- package/dist/next/DonutChart-BzGFp7-b.js +0 -189
- package/dist/next/Drawer-BqLXLA6M.js +0 -189
- package/dist/next/EmptyState-BMbyOTg8.js +0 -154
- package/dist/next/FieldSet-BTxTNFOH.js +0 -320
- package/dist/next/FormGroup-CLOH25IF.js +0 -191
- package/dist/next/IconButton-jkTp-ESq.js +0 -215
- package/dist/next/InputGroup-BQAe_TLg.js +0 -336
- package/dist/next/Legend-Dol4zJWc.js +0 -112
- package/dist/next/LineChart-DPkSJyGI.js +0 -165
- package/dist/next/Menu-B6t_Cyjk.js +0 -593
- package/dist/next/MessagePopup-DQ4icGv-.js +0 -254
- package/dist/next/MetricBox-B7aJAFdz.js +0 -165
- package/dist/next/Modal-Dmht18-v.js +0 -229
- package/dist/next/MultiSelect-DFfRPekJ.js +0 -462
- package/dist/next/NavBar-BjvZX2D_.js +0 -187
- package/dist/next/NumberInput-Q6BIGll4.js +0 -268
- package/dist/next/PageHeader-C0JTK0VM.js +0 -215
- package/dist/next/ProgressBar-OheQ8JFY.js +0 -152
- package/dist/next/RadioGroup-ksFIAU76.js +0 -281
- package/dist/next/Rating-BlJH_eiC.js +0 -176
- package/dist/next/SearchInput-CmA6x2HR.js +0 -325
- package/dist/next/SegmentedControl-CWfqgVHJ.js +0 -343
- package/dist/next/Select-CfLRxnDD.js +0 -256
- package/dist/next/Slider-8b1zX9g5.js +0 -145
- package/dist/next/Sparkline-DBT9h_qp.js +0 -147
- package/dist/next/Spinner-AVFd59zu.js +0 -133
- package/dist/next/SplitPane-CZj1gg-L.js +0 -211
- package/dist/next/Stepper-CXEJdNCl.js +0 -143
- package/dist/next/Tabs-SzpvI8wi.js +0 -185
- package/dist/next/TagInput-C9NHDXoB.js +0 -293
- package/dist/next/TextArea-DyTQlTBO.js +0 -231
- package/dist/next/TextInput-ft5THY7u.js +0 -320
- package/dist/next/Toggle-DhBOVpYL.js +0 -151
- package/dist/next/Toolbar-qv3rpfeQ.js +0 -155
- package/dist/next/Tooltip-QXdHjYPw.js +0 -166
- package/dist/next/TreeView-1azI53tH.js +0 -226
package/dist/core/Accordion.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_clear{box-shadow:none!important}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text, currentcolor)}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:grid;grid-template-columns:minmax(0,1fr) 1.25em;align-items:center;column-gap:var(--spacing-xs);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_primary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_secondary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:var(--text-color-secondary)}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-tertiary)}.accordion_tertiary:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_tertiary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:var(--text-color-tertiary)}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-quaternary)}.accordion_quaternary:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_quaternary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:var(--text-color-quaternary)}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_clear{background-color:transparent;color:var(--text-color-primary);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color)}.accordion_clear:hover{background-color:#0003}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_clear.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--border-color);color:var(--text-color)}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear:hover{background-color:#0003;color:var(--link-hover-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_success{background-color:var(--success-color);color:var(--text-color-primary);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--success-text-color)}.accordion_success:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_success.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:var(--success-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success:hover{background-color:var(--success-color-hover);color:var(--success-text-color)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_error{background-color:var(--error-color);color:var(--text-color-primary);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--error-text-color)}.accordion_error:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_error.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:var(--error-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error:hover{background-color:var(--error-color-hover);color:var(--error-text-color)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_warning{background-color:var(--warning-color);color:var(--text-color-primary);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--warning-text-color)}.accordion_warning:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_warning.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:var(--warning-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning:hover{background-color:var(--warning-color-hover);color:var(--warning-text-color)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_info{background-color:var(--info-color);color:var(--text-color-primary);--accordion-glass-bg: var(--info-glass-background);--accordion-glass-hover-bg: var(--info-glass-background-hover);--accordion-glass-border: var(--info-glass-border);--accordion-glass-text: var(--info-text-color)}.accordion_info:hover{background-color:var(--info-color-hover)}.accordion_info.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_info.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_info{background-color:transparent;border:2px solid var(--info-color);color:var(--info-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_info{border-width:1.5px}}.accordion_outline.accordion_info:hover{background-color:var(--info-color-hover);color:var(--info-text-color)}.accordion_outline.accordion_info.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid var(--text-color-primary)}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{min-width:0;max-width:100%;display:block;justify-self:start;font:inherit;line-height:var(--line-height-label);letter-spacing:inherit;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}@media(max-width:479.98px){.accordion_title{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:var(--line-height-body-sm, 1.35)}}.accordion_icon{grid-column:2;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:1.25em;height:1.25em;font-size:1.25em;min-width:1.25em;line-height:1;margin:0}.accordion_icon svg{display:block;width:1em;height:1em}@media(max-width:479.98px){.accordion_icon{align-self:center;width:1.25em;height:1.25em}}@media(min-width:1024px){.accordion_icon{width:1.5em;height:1.5em}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}.accordion_xs .accordion_header,.accordion_small .accordion_header{grid-template-columns:minmax(0,1fr) 1em;column-gap:.25rem;padding-inline:var(--spacing-sm)}.accordion_xs .accordion_icon,.accordion_small .accordion_icon{width:1em;height:1em;min-width:1em}.accordion_disabled,.accordion:disabled{cursor:not-allowed}.accordion_disabled .accordion_header,.accordion:disabled .accordion_header{background-color:var(--disabled-color);opacity:.6}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:grid;grid-template-columns:minmax(0,1fr) 1.25em;align-items:center;column-gap:var(--spacing-xs);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-color-primary);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_primary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_secondary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-tertiary)}.accordion_tertiary:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_tertiary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-quaternary)}.accordion_quaternary:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_quaternary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_clear{background-color:transparent;color:var(--text-color-primary);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color)}.accordion_clear:hover{background-color:#0003}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:inherit}.accordion_clear.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--border-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear:hover{background-color:#0003;color:var(--link-hover-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_success{background-color:var(--success-color);color:var(--text-color-primary);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--success-text-color)}.accordion_success:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_success.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success:hover{background-color:var(--success-color-hover);color:var(--success-text-color)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_error{background-color:var(--error-color);color:var(--text-color-primary);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--error-text-color)}.accordion_error:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_error.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error:hover{background-color:var(--error-color-hover);color:var(--error-text-color)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_warning{background-color:var(--warning-color);color:var(--text-color-primary);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--warning-text-color)}.accordion_warning:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_warning.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning:hover{background-color:var(--warning-color-hover);color:var(--warning-text-color)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_info{background-color:var(--info-color);color:var(--text-color-primary);--accordion-glass-bg: var(--info-glass-background);--accordion-glass-hover-bg: var(--info-glass-background-hover);--accordion-glass-border: var(--info-glass-border);--accordion-glass-text: var(--info-text-color)}.accordion_info:hover{background-color:var(--info-color-hover)}.accordion_info.accordion_glass{background:var(--accordion-glass-bg);color:inherit}.accordion_info.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_info{background-color:transparent;border:2px solid var(--info-color);color:inherit}@media(max-width:479.98px){.accordion_outline.accordion_info{border-width:1.5px}}.accordion_outline.accordion_info:hover{background-color:var(--info-color-hover);color:var(--info-text-color)}.accordion_outline.accordion_info.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);color:inherit}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid var(--text-color-primary)}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{min-width:0;max-width:100%;display:block;justify-self:start;font:inherit;line-height:var(--line-height-label);letter-spacing:inherit;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}@media(max-width:479.98px){.accordion_title{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:var(--line-height-body-sm, 1.35)}}.accordion_icon{grid-column:2;display:inline-grid;place-items:center;justify-self:center;align-self:center;width:1.25em;height:1.25em;font-size:1.25em;min-width:1.25em;line-height:1;margin:0}.accordion_icon svg{display:block;width:1em;height:1em}@media(max-width:479.98px){.accordion_icon{align-self:center;width:1.25em;height:1.25em}}@media(min-width:1024px){.accordion_icon{width:1.5em;height:1.5em}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}.accordion_xs .accordion_header,.accordion_small .accordion_header{grid-template-columns:minmax(0,1fr) 1em;column-gap:.25rem;padding-inline:var(--spacing-sm)}.accordion_xs .accordion_icon,.accordion_small .accordion_icon{width:1em;height:1em;min-width:1em}.accordion_disabled,.accordion:disabled{cursor:not-allowed}.accordion_disabled .accordion_header,.accordion:disabled .accordion_header{background-color:var(--disabled-color);opacity:.6}.accordion_clear,.accordion_clear.accordion_header{box-shadow:none;color:inherit}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:var(--alert-text, var(--text-color));background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:var(--alert-text);border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:var(--alert-text);border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--alert-glass-text, var(--alert-text));border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%;padding:var(--spacing-md);border:1px solid var(--alert-border, var(--border-color));font-family:var(--font-family-ui);color:inherit;background:var(--alert-bg, var(--surface-color, var(--background-color)));overflow-wrap:anywhere}.alert_content{min-width:0;flex:1;display:grid;gap:var(--spacing-xs)}.alert_title{font-size:var(--font-size-body);font-weight:var(--font-weight-heading)}.alert_message{font-size:var(--font-size-body-sm);line-height:var(--line-height-body)}.alert_icon{display:inline-flex;flex:0 0 auto;margin-top:.125rem}.alert_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.alert_dismiss_button{min-width:2rem;min-height:2rem;border:0;border-radius:var(--border-radius-sm);background:transparent;color:currentcolor;cursor:pointer;font:inherit}.alert_dismiss_button:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.alert_round-None{border-radius:var(--border-radius-none)}.alert_round-Small{border-radius:var(--border-radius-sm)}.alert_round-Medium{border-radius:var(--border-radius-md)}.alert_round-Large{border-radius:var(--border-radius-lg)}.alert_round-Full{border-radius:var(--border-radius-full)}.alert_shadow-None{box-shadow:var(--box-shadow-none)}.alert_shadow-Light{box-shadow:var(--box-shadow-light)}.alert_shadow-Medium{box-shadow:var(--box-shadow-medium)}.alert_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.alert_shadow-Intense{box-shadow:var(--box-shadow-intense)}.alert_primary{--alert-bg: var(--primary-color);--alert-text: var(--text-color-primary);--alert-border: var(--primary-color);--alert-soft-bg: var(--primary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--primary-glass-background);--alert-glass-hover-bg: var(--primary-glass-background-hover);--alert-glass-border: var(--primary-glass-border);--alert-glass-text: var(--text-color-primary)}.alert_primary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_primary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_primary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_secondary{--alert-bg: var(--secondary-color);--alert-text: var(--text-color-secondary);--alert-border: var(--secondary-color);--alert-soft-bg: var(--secondary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--secondary-glass-background);--alert-glass-hover-bg: var(--secondary-glass-background-hover);--alert-glass-border: var(--secondary-glass-border);--alert-glass-text: var(--text-color-secondary)}.alert_secondary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_secondary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_tertiary{--alert-bg: var(--tertiary-color);--alert-text: var(--text-color-tertiary);--alert-border: var(--tertiary-color);--alert-soft-bg: var(--tertiary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--tertiary-glass-background);--alert-glass-hover-bg: var(--tertiary-glass-background-hover);--alert-glass-border: var(--tertiary-glass-border);--alert-glass-text: var(--text-color-tertiary)}.alert_tertiary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_tertiary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_quaternary{--alert-bg: var(--quaternary-color);--alert-text: var(--text-color-quaternary);--alert-border: var(--quaternary-color);--alert-soft-bg: var(--quaternary-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--quaternary-glass-background);--alert-glass-hover-bg: var(--quaternary-glass-background-hover);--alert-glass-border: var(--quaternary-glass-border);--alert-glass-text: var(--text-color-quaternary)}.alert_quaternary.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_quaternary.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_clear{--alert-bg: transparent;--alert-text: var(--text-color);--alert-border: var(--border-color);--alert-soft-bg: var(--clear-glass-background);background:var(--alert-bg);color:var(--alert-text);border-color:var(--alert-border);--alert-glass-bg: var(--clear-glass-background);--alert-glass-hover-bg: var(--clear-glass-background-hover);--alert-glass-border: var(--clear-glass-border);--alert-glass-text: var(--text-color)}.alert_clear.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_clear.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_clear.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_success{--alert-bg: var(--success-color);--alert-text: var(--success-text-color);--alert-border: var(--success-color);--alert-soft-bg: var(--success-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--success-glass-background);--alert-glass-hover-bg: var(--success-glass-background-hover);--alert-glass-border: var(--success-glass-border);--alert-glass-text: var(--success-text-color)}.alert_success.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_success.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_success.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_error{--alert-bg: var(--error-color);--alert-text: var(--error-text-color);--alert-border: var(--error-color);--alert-soft-bg: var(--error-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--error-glass-background);--alert-glass-hover-bg: var(--error-glass-background-hover);--alert-glass-border: var(--error-glass-border);--alert-glass-text: var(--error-text-color)}.alert_error.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_error.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_error.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_warning{--alert-bg: var(--warning-color);--alert-text: var(--warning-text-color);--alert-border: var(--warning-color);--alert-soft-bg: var(--warning-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--warning-glass-background);--alert-glass-hover-bg: var(--warning-glass-background-hover);--alert-glass-border: var(--warning-glass-border);--alert-glass-text: var(--warning-text-color)}.alert_warning.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_warning.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_warning.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}.alert_info{--alert-bg: var(--info-color);--alert-text: var(--info-text-color);--alert-border: var(--info-color);--alert-soft-bg: var(--info-glass-background);background:var(--alert-bg);border-color:var(--alert-border);--alert-glass-bg: var(--info-glass-background);--alert-glass-hover-bg: var(--info-glass-background-hover);--alert-glass-border: var(--info-glass-border);--alert-glass-text: var(--info-text-color)}.alert_info.alert_soft{background:var(--alert-soft-bg);color:inherit;border-color:var(--alert-border)}.alert_info.alert_outline{background:transparent;color:inherit;border-color:var(--alert-border)}.alert_info.alert_glass{background:var(--alert-glass-bg, var(--glass-background));border:1px solid var(--alert-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;border-color:var(--alert-glass-border, var(--alert-border))}@media(prefers-reduced-motion:reduce){.alert,.alert *{transition:none!important;animation:none!important}}@media(forced-colors:active){.alert,.alert_soft,.alert_outline,.alert_glass{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.alert_dismiss_button{color:ButtonText;border:1px solid ButtonText}.alert_dismiss_button:focus-visible{outline-color:Highlight}}}
|
package/dist/core/AppShell.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.appShell_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.appShell_primary{--appShell-glass-bg: var(--primary-glass-background);--appShell-glass-border: var(--primary-glass-border);--appShell-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.appShell_primary.appShell_outline{background-color:transparent;color:
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.appShell{--appShell-glass-bg: rgba(255, 255, 255, .18);--appShell-glass-border: rgba(255, 255, 255, .28);--appShell-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.appShell_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.appShell_primary{--appShell-glass-bg: var(--primary-glass-background);--appShell-glass-border: var(--primary-glass-border);--appShell-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.appShell_primary.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.appShell_secondary{--appShell-glass-bg: var(--secondary-glass-background);--appShell-glass-border: var(--secondary-glass-border);--appShell-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.appShell_secondary.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.appShell_tertiary{--appShell-glass-bg: var(--tertiary-glass-background);--appShell-glass-border: var(--tertiary-glass-border);--appShell-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.appShell_tertiary.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.appShell_quaternary{--appShell-glass-bg: var(--quaternary-glass-background);--appShell-glass-border: var(--quaternary-glass-border);--appShell-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.appShell_quaternary.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.appShell_clear{--appShell-glass-bg: var(--clear-glass-background);--appShell-glass-border: var(--clear-glass-border);--appShell-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.appShell_clear.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.appShell_success{--appShell-glass-bg: var(--success-glass-background);--appShell-glass-border: var(--success-glass-border);--appShell-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.appShell_success.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.appShell_error{--appShell-glass-bg: var(--error-glass-background);--appShell-glass-border: var(--error-glass-border);--appShell-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.appShell_error.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.appShell_warning{--appShell-glass-bg: var(--warning-glass-background);--appShell-glass-border: var(--warning-glass-border);--appShell-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.appShell_warning.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.appShell_info{--appShell-glass-bg: var(--info-glass-background);--appShell-glass-border: var(--info-glass-border);--appShell-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.appShell_info.appShell_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.appShell_clear{background:transparent;border-color:transparent;box-shadow:none}.appShell_glass{background:var(--appShell-glass-bg);border:1px solid var(--appShell-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.appShell_glass.appShell_outline{border-color:var(--appShell-glass-border)}.appShell_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.appShell_disabled:hover{background-color:var(--disabled-color)}.appShell_footer{margin-top:var(--spacing-md);padding:var(--spacing-xs)}.appShell_loading{cursor:progress}.appShell_round-None{border-radius:var(--border-radius-none)}.appShell_round-Small{border-radius:var(--border-radius-sm)}.appShell_round-Medium{border-radius:var(--border-radius-md)}.appShell_round-Large{border-radius:var(--border-radius-lg)}.appShell_round-Full{border-radius:var(--border-radius-full)}.appShell_shadow-None{box-shadow:var(--box-shadow-none)}.appShell_shadow-Light{box-shadow:var(--box-shadow-light)}.appShell_shadow-Medium{box-shadow:var(--box-shadow-medium)}.appShell_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.appShell_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.appShell{width:100%}}@media(prefers-reduced-motion:reduce){.appShell,.appShell *{transition:none!important;animation:none!important}}@media(forced-colors:active){.appShell{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.appShell_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.appShell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-height:100vh;padding:0;overflow:hidden}.appShell_header{z-index:1;padding:var(--spacing-sm);border-bottom:1px solid currentcolor}.appShell_stickyHeader .appShell_header{position:sticky;top:0}.appShell_body{display:grid;grid-template-columns:var(--app-shell-sidebar-width, 16rem) minmax(0,1fr) var(--app-shell-aside-width, 0rem);min-height:0}.appShell_sidebar,.appShell_aside,.appShell_main{min-width:0;min-height:0;overflow:auto;padding:var(--spacing-md)}.appShell_sidebarCollapsed .appShell_sidebar{padding-inline:0;overflow:hidden}}
|
package/dist/core/Avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.avatar{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1/1;font-family:var(--font-family-ui);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-color-primary);border:2px solid transparent;overflow:hidden;transition:all var(--transition-default);z-index:0}.avatar_xs{width:36px;height:36px;font-size:var(--font-size-caption)}.avatar_small{width:42px;height:42px;font-size:var(--font-size-caption)}.avatar_medium{width:56px;height:56px;font-size:var(--font-size-label)}.avatar_large{width:72px;height:72px;font-size:var(--font-size-body-sm)}.avatar_xl{width:84px;height:84px;font-size:var(--font-size-body)}.avatar_circle{border-radius:50%}.avatar_rounded{border-radius:var(--border-radius-sm)}.avatar_square{border-radius:0}.avatar_outline{border-style:solid}.avatar_glass{background:var(--avatar-glass-bg, var(--glass-background));border:1px solid var(--avatar-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text, currentcolor);isolation:isolate}.avatar_glass.avatar_clickable:hover{background:var(--avatar-glass-hover-bg, var(--glass-background-strong))}.avatar_glass.avatar_outline{border-color:var(--avatar-glass-border, var(--glass-border-color))}.avatar_glass.avatar_outline.avatar_clickable:hover{background:var(--avatar-glass-hover-bg, var(--glass-background))}.avatar_shadow-None{box-shadow:var(--box-shadow-none)}.avatar_shadow-Light{box-shadow:var(--box-shadow-light)}.avatar_shadow-Medium{box-shadow:var(--box-shadow-medium)}.avatar_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.avatar_shadow-Intense{box-shadow:var(--box-shadow-intense)}.avatar .avatar_clickable{cursor:pointer}.avatar .avatar_clickable:hover{transform:translateY(-2px)}.avatar .avatar_clickable:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}.avatar_clear{background-color:transparent}.avatar_clear.avatar_clickable:hover{background-color:#000;transform:translateY(-2px)}.avatar_clear.avatar_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:1px}.avatar_clear.avatar_outline{color:var(--text-color-primary);border-color:var(--text-color-primary)}.avatar_clear.avatar_outline.avatar_clickable:hover{background-color:transparent;border-color:#1a1a1a}.avatar_primary{background-color:var(--primary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--primary-glass-background);--avatar-glass-hover-bg: var(--primary-glass-background-hover);--avatar-glass-border: var(--primary-glass-border);--avatar-glass-text: var(--text-color-primary)}.avatar_primary.avatar_clickable:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}.avatar_primary.avatar_clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.avatar_primary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_primary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_primary.avatar_outline{background-color:transparent;color:var(--text-color-primary);border-color:var(--primary-color)}.avatar_primary.avatar_outline.avatar_clickable:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);color:var(--text-color-primary)}.avatar_primary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--secondary-glass-background);--avatar-glass-hover-bg: var(--secondary-glass-background-hover);--avatar-glass-border: var(--secondary-glass-border);--avatar-glass-text: var(--text-color-secondary)}.avatar_secondary.avatar_clickable:hover{background-color:var(--secondary-color-hover);transform:translateY(-2px)}.avatar_secondary.avatar_clickable:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.avatar_secondary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_secondary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_secondary.avatar_outline{background-color:transparent;color:var(--text-color-secondary);border-color:var(--secondary-color)}.avatar_secondary.avatar_outline.avatar_clickable:hover{background-color:var(--secondary-color-hover);border-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.avatar_secondary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--tertiary-glass-background);--avatar-glass-hover-bg: var(--tertiary-glass-background-hover);--avatar-glass-border: var(--tertiary-glass-border);--avatar-glass-text: var(--text-color-tertiary)}.avatar_tertiary.avatar_clickable:hover{background-color:var(--tertiary-color-hover);transform:translateY(-2px)}.avatar_tertiary.avatar_clickable:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.avatar_tertiary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_tertiary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_tertiary.avatar_outline{background-color:transparent;color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.avatar_tertiary.avatar_outline.avatar_clickable:hover{background-color:var(--tertiary-color-hover);border-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.avatar_tertiary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--quaternary-glass-background);--avatar-glass-hover-bg: var(--quaternary-glass-background-hover);--avatar-glass-border: var(--quaternary-glass-border);--avatar-glass-text: var(--text-color-quaternary)}.avatar_quaternary.avatar_clickable:hover{background-color:var(--quaternary-color-hover);transform:translateY(-2px)}.avatar_quaternary.avatar_clickable:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.avatar_quaternary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_quaternary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_quaternary.avatar_outline{background-color:transparent;color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.avatar_quaternary.avatar_outline.avatar_clickable:hover{background-color:var(--quaternary-color-hover);border-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.avatar_quaternary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_clear{background-color:transparent;color:var(--text-color-primary);--avatar-glass-bg: var(--clear-glass-background);--avatar-glass-hover-bg: var(--clear-glass-background-hover);--avatar-glass-border: var(--clear-glass-border);--avatar-glass-text: var(--text-color)}.avatar_clear.avatar_clickable:hover{background-color:#0003;transform:translateY(-2px)}.avatar_clear.avatar_clickable:focus{outline:2px solid var(--border-color);outline-offset:2px}.avatar_clear.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_clear.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_clear.avatar_outline{background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.avatar_clear.avatar_outline.avatar_clickable:hover{background-color:#0003;border-color:#0003;color:var(--link-hover-color)}.avatar_clear.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_success{background-color:var(--success-color);color:var(--text-color-primary);--avatar-glass-bg: var(--success-glass-background);--avatar-glass-hover-bg: var(--success-glass-background-hover);--avatar-glass-border: var(--success-glass-border);--avatar-glass-text: var(--success-text-color)}.avatar_success.avatar_clickable:hover{background-color:var(--success-color-hover);transform:translateY(-2px)}.avatar_success.avatar_clickable:focus{outline:2px solid var(--success-color);outline-offset:2px}.avatar_success.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_success.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_success.avatar_outline{background-color:transparent;color:var(--success-text-color);border-color:var(--success-color)}.avatar_success.avatar_outline.avatar_clickable:hover{background-color:var(--success-color-hover);border-color:var(--success-color-hover);color:var(--success-text-color)}.avatar_success.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_error{background-color:var(--error-color);color:var(--text-color-primary);--avatar-glass-bg: var(--error-glass-background);--avatar-glass-hover-bg: var(--error-glass-background-hover);--avatar-glass-border: var(--error-glass-border);--avatar-glass-text: var(--error-text-color)}.avatar_error.avatar_clickable:hover{background-color:var(--error-color-hover);transform:translateY(-2px)}.avatar_error.avatar_clickable:focus{outline:2px solid var(--error-color);outline-offset:2px}.avatar_error.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_error.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_error.avatar_outline{background-color:transparent;color:var(--error-text-color);border-color:var(--error-color)}.avatar_error.avatar_outline.avatar_clickable:hover{background-color:var(--error-color-hover);border-color:var(--error-color-hover);color:var(--error-text-color)}.avatar_error.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_warning{background-color:var(--warning-color);color:var(--text-color-primary);--avatar-glass-bg: var(--warning-glass-background);--avatar-glass-hover-bg: var(--warning-glass-background-hover);--avatar-glass-border: var(--warning-glass-border);--avatar-glass-text: var(--warning-text-color)}.avatar_warning.avatar_clickable:hover{background-color:var(--warning-color-hover);transform:translateY(-2px)}.avatar_warning.avatar_clickable:focus{outline:2px solid var(--warning-color);outline-offset:2px}.avatar_warning.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_warning.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_warning.avatar_outline{background-color:transparent;color:var(--warning-text-color);border-color:var(--warning-color)}.avatar_warning.avatar_outline.avatar_clickable:hover{background-color:var(--warning-color-hover);border-color:var(--warning-color-hover);color:var(--warning-text-color)}.avatar_warning.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_info{background-color:var(--info-color);color:var(--text-color-primary);--avatar-glass-bg: var(--info-glass-background);--avatar-glass-hover-bg: var(--info-glass-background-hover);--avatar-glass-border: var(--info-glass-border);--avatar-glass-text: var(--info-text-color)}.avatar_info.avatar_clickable:hover{background-color:var(--info-color-hover);transform:translateY(-2px)}.avatar_info.avatar_clickable:focus{outline:2px solid var(--info-color);outline-offset:2px}.avatar_info.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:var(--avatar-glass-text)}.avatar_info.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_info.avatar_outline{background-color:transparent;color:var(--info-text-color);border-color:var(--info-color)}.avatar_info.avatar_outline.avatar_clickable:hover{background-color:var(--info-color-hover);border-color:var(--info-color-hover);color:var(--info-text-color)}.avatar_info.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--avatar-glass-text)}.avatar_disabled.avatar_outline{color:var(--disabled-color);border-color:var(--disabled-color)}.avatar_image{object-fit:cover;width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:1}.avatar_initials{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;letter-spacing:inherit;z-index:1;position:relative}.avatar_fallback_icon{width:70%;height:70%;margin:auto;display:block;color:var(--text-color-primary)}.avatar_status{position:absolute;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.avatar_status_topLeft{top:12%;left:15%}.avatar_status_topRight{top:12%;right:15%}.avatar_status_bottomLeft{bottom:12%;left:15%}.avatar_status_bottomRight{bottom:12%;right:15%}.avatar_status_icon_only{background-color:transparent;border:none;font-size:1em}.avatar_status_icon_only svg{width:1em;height:1em}.avatar_status_online{background-color:var(--success-color);border:1px solid rgb(34.9180327869,250.0819672131,127.131147541)}.avatar_status_away{background-color:var(--warning-color);border:1px solid rgb(255,193.8,102)}.avatar_status_offline{background-color:var(--disabled-color);border:1px solid rgba(235,235,235,.8666666667)}.avatar_status_busy{background-color:var(--error-color);border:1px solid rgb(226.5968586387,66.4031413613,90.2617801047)}.avatar_dot{width:100%;height:100%;border-radius:50%}.avatar_disabled,.avatar:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}.avatar_disabled:hover,.avatar:disabled:hover{transform:none;background-color:var(--disabled-color)}@media(prefers-reduced-motion:reduce){.avatar{transition:none}}@media(forced-colors:active){.avatar{border:1px solid ButtonText;outline-color:Highlight}.avatar_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.avatar{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1/1;font-family:var(--font-family-ui);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-color-primary);border:2px solid transparent;overflow:hidden;transition:all var(--transition-default);z-index:0}.avatar_xs{width:36px;height:36px;font-size:var(--font-size-caption)}.avatar_small{width:42px;height:42px;font-size:var(--font-size-caption)}.avatar_medium{width:56px;height:56px;font-size:var(--font-size-label)}.avatar_large{width:72px;height:72px;font-size:var(--font-size-body-sm)}.avatar_xl{width:84px;height:84px;font-size:var(--font-size-body)}.avatar_circle{border-radius:50%}.avatar_rounded{border-radius:var(--border-radius-sm)}.avatar_square{border-radius:0}.avatar_outline{border-style:solid}.avatar_glass{background:var(--avatar-glass-bg, var(--glass-background));border:1px solid var(--avatar-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.avatar_glass.avatar_clickable:hover{background:var(--avatar-glass-hover-bg, var(--glass-background-strong))}.avatar_glass.avatar_outline{border-color:var(--avatar-glass-border, var(--glass-border-color))}.avatar_glass.avatar_outline.avatar_clickable:hover{background:var(--avatar-glass-hover-bg, var(--glass-background))}.avatar_shadow-None{box-shadow:var(--box-shadow-none)}.avatar_shadow-Light{box-shadow:var(--box-shadow-light)}.avatar_shadow-Medium{box-shadow:var(--box-shadow-medium)}.avatar_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.avatar_shadow-Intense{box-shadow:var(--box-shadow-intense)}.avatar .avatar_clickable{cursor:pointer}.avatar .avatar_clickable:hover{transform:translateY(-2px)}.avatar .avatar_clickable:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}.avatar_primary{background-color:var(--primary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--primary-glass-background);--avatar-glass-hover-bg: var(--primary-glass-background-hover);--avatar-glass-border: var(--primary-glass-border);--avatar-glass-text: var(--text-color-primary)}.avatar_primary.avatar_clickable:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}.avatar_primary.avatar_clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.avatar_primary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_primary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_primary.avatar_outline{background-color:transparent;color:inherit;border-color:var(--primary-color)}.avatar_primary.avatar_outline.avatar_clickable:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);color:var(--text-color-primary)}.avatar_primary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--secondary-glass-background);--avatar-glass-hover-bg: var(--secondary-glass-background-hover);--avatar-glass-border: var(--secondary-glass-border);--avatar-glass-text: var(--text-color-secondary)}.avatar_secondary.avatar_clickable:hover{background-color:var(--secondary-color-hover);transform:translateY(-2px)}.avatar_secondary.avatar_clickable:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.avatar_secondary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_secondary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_secondary.avatar_outline{background-color:transparent;color:inherit;border-color:var(--secondary-color)}.avatar_secondary.avatar_outline.avatar_clickable:hover{background-color:var(--secondary-color-hover);border-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.avatar_secondary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--tertiary-glass-background);--avatar-glass-hover-bg: var(--tertiary-glass-background-hover);--avatar-glass-border: var(--tertiary-glass-border);--avatar-glass-text: var(--text-color-tertiary)}.avatar_tertiary.avatar_clickable:hover{background-color:var(--tertiary-color-hover);transform:translateY(-2px)}.avatar_tertiary.avatar_clickable:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.avatar_tertiary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_tertiary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_tertiary.avatar_outline{background-color:transparent;color:inherit;border-color:var(--tertiary-color)}.avatar_tertiary.avatar_outline.avatar_clickable:hover{background-color:var(--tertiary-color-hover);border-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.avatar_tertiary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--avatar-glass-bg: var(--quaternary-glass-background);--avatar-glass-hover-bg: var(--quaternary-glass-background-hover);--avatar-glass-border: var(--quaternary-glass-border);--avatar-glass-text: var(--text-color-quaternary)}.avatar_quaternary.avatar_clickable:hover{background-color:var(--quaternary-color-hover);transform:translateY(-2px)}.avatar_quaternary.avatar_clickable:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.avatar_quaternary.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_quaternary.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_quaternary.avatar_outline{background-color:transparent;color:inherit;border-color:var(--quaternary-color)}.avatar_quaternary.avatar_outline.avatar_clickable:hover{background-color:var(--quaternary-color-hover);border-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.avatar_quaternary.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_clear{background-color:transparent;color:var(--text-color-primary);--avatar-glass-bg: var(--clear-glass-background);--avatar-glass-hover-bg: var(--clear-glass-background-hover);--avatar-glass-border: var(--clear-glass-border);--avatar-glass-text: var(--text-color)}.avatar_clear.avatar_clickable:hover{background-color:#0003;transform:translateY(-2px)}.avatar_clear.avatar_clickable:focus{outline:2px solid var(--border-color);outline-offset:2px}.avatar_clear.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_clear.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_clear.avatar_outline{background-color:transparent;color:inherit;border-color:var(--border-color)}.avatar_clear.avatar_outline.avatar_clickable:hover{background-color:#0003;border-color:#0003;color:var(--link-hover-color)}.avatar_clear.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_success{background-color:var(--success-color);color:var(--text-color-primary);--avatar-glass-bg: var(--success-glass-background);--avatar-glass-hover-bg: var(--success-glass-background-hover);--avatar-glass-border: var(--success-glass-border);--avatar-glass-text: var(--success-text-color)}.avatar_success.avatar_clickable:hover{background-color:var(--success-color-hover);transform:translateY(-2px)}.avatar_success.avatar_clickable:focus{outline:2px solid var(--success-color);outline-offset:2px}.avatar_success.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_success.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_success.avatar_outline{background-color:transparent;color:inherit;border-color:var(--success-color)}.avatar_success.avatar_outline.avatar_clickable:hover{background-color:var(--success-color-hover);border-color:var(--success-color-hover);color:var(--success-text-color)}.avatar_success.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_error{background-color:var(--error-color);color:var(--text-color-primary);--avatar-glass-bg: var(--error-glass-background);--avatar-glass-hover-bg: var(--error-glass-background-hover);--avatar-glass-border: var(--error-glass-border);--avatar-glass-text: var(--error-text-color)}.avatar_error.avatar_clickable:hover{background-color:var(--error-color-hover);transform:translateY(-2px)}.avatar_error.avatar_clickable:focus{outline:2px solid var(--error-color);outline-offset:2px}.avatar_error.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_error.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_error.avatar_outline{background-color:transparent;color:inherit;border-color:var(--error-color)}.avatar_error.avatar_outline.avatar_clickable:hover{background-color:var(--error-color-hover);border-color:var(--error-color-hover);color:var(--error-text-color)}.avatar_error.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_warning{background-color:var(--warning-color);color:var(--text-color-primary);--avatar-glass-bg: var(--warning-glass-background);--avatar-glass-hover-bg: var(--warning-glass-background-hover);--avatar-glass-border: var(--warning-glass-border);--avatar-glass-text: var(--warning-text-color)}.avatar_warning.avatar_clickable:hover{background-color:var(--warning-color-hover);transform:translateY(-2px)}.avatar_warning.avatar_clickable:focus{outline:2px solid var(--warning-color);outline-offset:2px}.avatar_warning.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_warning.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_warning.avatar_outline{background-color:transparent;color:inherit;border-color:var(--warning-color)}.avatar_warning.avatar_outline.avatar_clickable:hover{background-color:var(--warning-color-hover);border-color:var(--warning-color-hover);color:var(--warning-text-color)}.avatar_warning.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_info{background-color:var(--info-color);color:var(--text-color-primary);--avatar-glass-bg: var(--info-glass-background);--avatar-glass-hover-bg: var(--info-glass-background-hover);--avatar-glass-border: var(--info-glass-border);--avatar-glass-text: var(--info-text-color)}.avatar_info.avatar_clickable:hover{background-color:var(--info-color-hover);transform:translateY(-2px)}.avatar_info.avatar_clickable:focus{outline:2px solid var(--info-color);outline-offset:2px}.avatar_info.avatar_glass{background-color:transparent;background:var(--avatar-glass-bg);border:1px solid var(--avatar-glass-border);color:inherit}.avatar_info.avatar_glass.avatar_clickable:hover{background-color:transparent;background:var(--avatar-glass-hover-bg)}.avatar_info.avatar_outline{background-color:transparent;color:inherit;border-color:var(--info-color)}.avatar_info.avatar_outline.avatar_clickable:hover{background-color:var(--info-color-hover);border-color:var(--info-color-hover);color:var(--info-text-color)}.avatar_info.avatar_outline.avatar_glass{background:transparent;border:1px solid var(--avatar-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.avatar_disabled.avatar_outline{color:var(--disabled-color);border-color:var(--disabled-color)}.avatar_image{object-fit:cover;width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:1}.avatar_initials{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;letter-spacing:inherit;z-index:1;position:relative}.avatar_fallback_icon{width:70%;height:70%;margin:auto;display:block;color:inherit}.avatar_status{position:absolute;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.avatar_status_topLeft{top:12%;left:15%}.avatar_status_topRight{top:12%;right:15%}.avatar_status_bottomLeft{bottom:12%;left:15%}.avatar_status_bottomRight{bottom:12%;right:15%}.avatar_status_icon_only{background-color:transparent;border:none;font-size:1em}.avatar_status_icon_only svg{width:1em;height:1em}.avatar_status_online{background-color:var(--success-color);border:1px solid rgb(34.9180327869,250.0819672131,127.131147541)}.avatar_status_away{background-color:var(--warning-color);border:1px solid rgb(255,193.8,102)}.avatar_status_offline{background-color:var(--disabled-color);border:1px solid rgba(235,235,235,.8666666667)}.avatar_status_busy{background-color:var(--error-color);border:1px solid rgb(226.5968586387,66.4031413613,90.2617801047)}.avatar_dot{width:100%;height:100%;border-radius:50%}.avatar_clear{background-color:transparent;color:inherit}.avatar_clear.avatar_clickable:hover{background-color:#000;transform:translateY(-2px)}.avatar_clear.avatar_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:1px}.avatar_clear.avatar_outline{color:inherit;border-color:var(--text-color-primary)}.avatar_clear.avatar_outline.avatar_clickable:hover{background-color:transparent;border-color:#1a1a1a}.avatar_disabled,.avatar:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}.avatar_disabled:hover,.avatar:disabled:hover{transform:none;background-color:var(--disabled-color)}@media(prefers-reduced-motion:reduce){.avatar{transition:none}}@media(forced-colors:active){.avatar{border:1px solid ButtonText;outline-color:Highlight}.avatar_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/Badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);width:fit-content;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);white-space:nowrap;transition:all var(--transition-default);cursor:default}.badge.badge_clickable:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026;cursor:pointer}@media(max-width:479.98px){.badge.badge_clickable:hover{transform:scale(1.03);box-shadow:0 4px 8px #0000001f}}.badge.badge_clickable:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}@media(max-width:479.98px){.badge{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:1024px){.badge{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) calc(var(--spacing-md) - 2px)}}.badge_icon{font-size:1.2em;line-height:1;margin-top:-.1em}@media(max-width:479.98px){.badge_icon{font-size:1em}}@media(min-width:1024px){.badge_icon{font-size:1.3em}}.badge_clear{background-color:transparent;color:var(--text-color-primary)}.badge_clear.badge_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}.badge_clear.badge_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:2px}.badge_clear_outline{background-color:transparent;color:var(--text-color-primary);border:2px solid var(--text-color-primary)}@media(max-width:479.98px){.badge_clear_outline{border-width:1.5px}}.badge_clear_outline.badge_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_clear_outline.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_clear_outline.badge_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:2px}.badge_glass{background:var(--badge-glass-bg, var(--glass-background));border:1px solid var(--badge-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text, currentcolor);isolation:isolate}.badge_glass.badge_clickable:hover{background:var(--badge-glass-hover-bg, var(--glass-background-strong))}.badge_glass.badge_outline{border-color:var(--badge-glass-border, var(--glass-border-color))}.badge_glass.badge_outline.badge_clickable:hover{background:var(--badge-glass-hover-bg, var(--glass-background))}.badge_shadow-None{box-shadow:var(--box-shadow-none)}.badge_shadow-Light{box-shadow:var(--box-shadow-light)}.badge_shadow-Medium{box-shadow:var(--box-shadow-medium)}.badge_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.badge_shadow-Intense{box-shadow:var(--box-shadow-intense)}.badge_round-None{border-radius:var(--border-radius-none)}.badge_round-Small{border-radius:var(--border-radius-sm)}.badge_round-Medium{border-radius:var(--border-radius-md)}.badge_round-Large{border-radius:var(--border-radius-lg)}.badge_round-Full{border-radius:var(--border-radius-full)}.badge_primary{background-color:var(--primary-color);color:var(--text-color-primary);--badge-glass-bg: var(--primary-glass-background);--badge-glass-hover-bg: var(--primary-glass-background-hover);--badge-glass-border: var(--primary-glass-border);--badge-glass-text: var(--text-color-primary)}.badge_primary.badge_clickable:hover{background-color:var(--primary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_primary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_primary.badge_clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.badge_primary .loader{border-top-color:var(--text-color-primary)}.badge_primary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_primary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_primary.badge_outline{background-color:transparent;color:var(--text-color-primary);border:2px solid var(--primary-color);box-shadow:none}@media(max-width:479.98px){.badge_primary.badge_outline{border-width:1.5px}}.badge_primary.badge_outline.badge_clickable:hover{border-color:var(--primary-color-hover);color:var(--text-color-primary)}.badge_primary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);--badge-glass-bg: var(--secondary-glass-background);--badge-glass-hover-bg: var(--secondary-glass-background-hover);--badge-glass-border: var(--secondary-glass-border);--badge-glass-text: var(--text-color-secondary)}.badge_secondary.badge_clickable:hover{background-color:var(--secondary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_secondary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_secondary.badge_clickable:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.badge_secondary .loader{border-top-color:var(--text-color-secondary)}.badge_secondary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_secondary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_secondary.badge_outline{background-color:transparent;color:var(--text-color-secondary);border:2px solid var(--secondary-color);box-shadow:none}@media(max-width:479.98px){.badge_secondary.badge_outline{border-width:1.5px}}.badge_secondary.badge_outline.badge_clickable:hover{border-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.badge_secondary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);--badge-glass-bg: var(--tertiary-glass-background);--badge-glass-hover-bg: var(--tertiary-glass-background-hover);--badge-glass-border: var(--tertiary-glass-border);--badge-glass-text: var(--text-color-tertiary)}.badge_tertiary.badge_clickable:hover{background-color:var(--tertiary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_tertiary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_tertiary.badge_clickable:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.badge_tertiary .loader{border-top-color:var(--text-color-tertiary)}.badge_tertiary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_tertiary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_tertiary.badge_outline{background-color:transparent;color:var(--text-color-tertiary);border:2px solid var(--tertiary-color);box-shadow:none}@media(max-width:479.98px){.badge_tertiary.badge_outline{border-width:1.5px}}.badge_tertiary.badge_outline.badge_clickable:hover{border-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.badge_tertiary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);--badge-glass-bg: var(--quaternary-glass-background);--badge-glass-hover-bg: var(--quaternary-glass-background-hover);--badge-glass-border: var(--quaternary-glass-border);--badge-glass-text: var(--text-color-quaternary)}.badge_quaternary.badge_clickable:hover{background-color:var(--quaternary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_quaternary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_quaternary.badge_clickable:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.badge_quaternary .loader{border-top-color:var(--text-color-quaternary)}.badge_quaternary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_quaternary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_quaternary.badge_outline{background-color:transparent;color:var(--text-color-quaternary);border:2px solid var(--quaternary-color);box-shadow:none}@media(max-width:479.98px){.badge_quaternary.badge_outline{border-width:1.5px}}.badge_quaternary.badge_outline.badge_clickable:hover{border-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.badge_quaternary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_clear{background-color:transparent;color:var(--text-color);--badge-glass-bg: var(--clear-glass-background);--badge-glass-hover-bg: var(--clear-glass-background-hover);--badge-glass-border: var(--clear-glass-border);--badge-glass-text: var(--text-color)}.badge_clear.badge_clickable:hover{background-color:#0003;transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_clear.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_clear.badge_clickable:focus{outline:2px solid var(--border-color);outline-offset:2px}.badge_clear .loader{border-top-color:var(--text-color)}.badge_clear.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_clear.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_clear.badge_outline{background-color:transparent;color:var(--text-color);border:2px solid var(--border-color);box-shadow:none}@media(max-width:479.98px){.badge_clear.badge_outline{border-width:1.5px}}.badge_clear.badge_outline.badge_clickable:hover{border-color:#0003;color:var(--link-hover-color)}.badge_clear.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_success{background-color:var(--success-color);color:var(--success-text-color);--badge-glass-bg: var(--success-glass-background);--badge-glass-hover-bg: var(--success-glass-background-hover);--badge-glass-border: var(--success-glass-border);--badge-glass-text: var(--success-text-color)}.badge_success.badge_clickable:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_success.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_success.badge_clickable:focus{outline:2px solid var(--success-color);outline-offset:2px}.badge_success .loader{border-top-color:var(--success-text-color)}.badge_success.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_success.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_success.badge_outline{background-color:transparent;color:var(--success-text-color);border:2px solid var(--success-color);box-shadow:none}@media(max-width:479.98px){.badge_success.badge_outline{border-width:1.5px}}.badge_success.badge_outline.badge_clickable:hover{border-color:var(--success-color-hover);color:var(--success-text-color)}.badge_success.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_error{background-color:var(--error-color);color:var(--error-text-color);--badge-glass-bg: var(--error-glass-background);--badge-glass-hover-bg: var(--error-glass-background-hover);--badge-glass-border: var(--error-glass-border);--badge-glass-text: var(--error-text-color)}.badge_error.badge_clickable:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_error.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_error.badge_clickable:focus{outline:2px solid var(--error-color);outline-offset:2px}.badge_error .loader{border-top-color:var(--error-text-color)}.badge_error.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_error.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_error.badge_outline{background-color:transparent;color:var(--error-text-color);border:2px solid var(--error-color);box-shadow:none}@media(max-width:479.98px){.badge_error.badge_outline{border-width:1.5px}}.badge_error.badge_outline.badge_clickable:hover{border-color:var(--error-color-hover);color:var(--error-text-color)}.badge_error.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_warning{background-color:var(--warning-color);color:var(--warning-text-color);--badge-glass-bg: var(--warning-glass-background);--badge-glass-hover-bg: var(--warning-glass-background-hover);--badge-glass-border: var(--warning-glass-border);--badge-glass-text: var(--warning-text-color)}.badge_warning.badge_clickable:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_warning.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_warning.badge_clickable:focus{outline:2px solid var(--warning-color);outline-offset:2px}.badge_warning .loader{border-top-color:var(--warning-text-color)}.badge_warning.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_warning.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_warning.badge_outline{background-color:transparent;color:var(--warning-text-color);border:2px solid var(--warning-color);box-shadow:none}@media(max-width:479.98px){.badge_warning.badge_outline{border-width:1.5px}}.badge_warning.badge_outline.badge_clickable:hover{border-color:var(--warning-color-hover);color:var(--warning-text-color)}.badge_warning.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_info{background-color:var(--info-color);color:var(--info-text-color);--badge-glass-bg: var(--info-glass-background);--badge-glass-hover-bg: var(--info-glass-background-hover);--badge-glass-border: var(--info-glass-border);--badge-glass-text: var(--info-text-color)}.badge_info.badge_clickable:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_info.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_info.badge_clickable:focus{outline:2px solid var(--info-color);outline-offset:2px}.badge_info .loader{border-top-color:var(--info-text-color)}.badge_info.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:var(--badge-glass-text)}.badge_info.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_info.badge_outline{background-color:transparent;color:var(--info-text-color);border:2px solid var(--info-color);box-shadow:none}@media(max-width:479.98px){.badge_info.badge_outline{border-width:1.5px}}.badge_info.badge_outline.badge_clickable:hover{border-color:var(--info-color-hover);color:var(--info-text-color)}.badge_info.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--badge-glass-text)}.badge_xs{font-size:var(--font-size-xxs);padding:2px var(--spacing-sm)}@media(min-width:1024px){.badge_xs{font-size:var(--font-size-xs);padding:3px 10px}}.badge_small{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}@media(min-width:1024px){.badge_small{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}}.badge_medium{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}@media(max-width:479.98px){.badge_medium{font-size:var(--font-size-caption);padding:3px var(--spacing-sm)}}@media(min-width:1024px){.badge_medium{font-size:var(--font-size-body-sm);padding:5px 12px}}.badge_large{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) 12px}@media(max-width:479.98px){.badge_large{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}}@media(min-width:1024px){.badge_large{font-size:var(--font-size-body);padding:6px 14px}}.badge_xl{font-size:var(--font-size-body);padding:var(--spacing-xs) 14px}@media(max-width:479.98px){.badge_xl{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) 12px}}@media(min-width:1024px){.badge_xl{font-size:var(--font-size-h6);padding:6px 16px}}.badge_disabled,.badge:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}.badge_disabled.badge_clickable:hover{background-color:var(--disabled-color);transform:none;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.badge{transition:none}.badge.badge_clickable:hover{transform:none;box-shadow:none}}@media(hover:none){.badge.badge_clickable:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.badge{border:1px solid ButtonText;outline-color:Highlight}.badge_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);width:fit-content;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);white-space:nowrap;transition:all var(--transition-default);cursor:default}.badge.badge_clickable:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026;cursor:pointer}@media(max-width:479.98px){.badge.badge_clickable:hover{transform:scale(1.03);box-shadow:0 4px 8px #0000001f}}.badge.badge_clickable:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}@media(max-width:479.98px){.badge{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:1024px){.badge{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) calc(var(--spacing-md) - 2px)}}.badge_icon{font-size:1.2em;line-height:1;margin-top:-.1em}@media(max-width:479.98px){.badge_icon{font-size:1em}}@media(min-width:1024px){.badge_icon{font-size:1.3em}}.badge_clear{background-color:transparent;color:inherit}.badge_clear.badge_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}.badge_clear.badge_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:2px}.badge_clear_outline{background-color:transparent;color:inherit;border:2px solid var(--text-color-primary)}@media(max-width:479.98px){.badge_clear_outline{border-width:1.5px}}.badge_clear_outline.badge_clickable:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_clear_outline.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_clear_outline.badge_clickable:focus{outline:2px solid var(--text-color-primary);outline-offset:2px}.badge_glass{background:var(--badge-glass-bg, var(--glass-background));border:1px solid var(--badge-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.badge_glass.badge_clickable:hover{background:var(--badge-glass-hover-bg, var(--glass-background-strong))}.badge_glass.badge_outline{border-color:var(--badge-glass-border, var(--glass-border-color))}.badge_glass.badge_outline.badge_clickable:hover{background:var(--badge-glass-hover-bg, var(--glass-background))}.badge_shadow-None{box-shadow:var(--box-shadow-none)}.badge_shadow-Light{box-shadow:var(--box-shadow-light)}.badge_shadow-Medium{box-shadow:var(--box-shadow-medium)}.badge_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.badge_shadow-Intense{box-shadow:var(--box-shadow-intense)}.badge_round-None{border-radius:var(--border-radius-none)}.badge_round-Small{border-radius:var(--border-radius-sm)}.badge_round-Medium{border-radius:var(--border-radius-md)}.badge_round-Large{border-radius:var(--border-radius-lg)}.badge_round-Full{border-radius:var(--border-radius-full)}.badge_primary{background-color:var(--primary-color);color:var(--text-color-primary);--badge-glass-bg: var(--primary-glass-background);--badge-glass-hover-bg: var(--primary-glass-background-hover);--badge-glass-border: var(--primary-glass-border);--badge-glass-text: var(--text-color-primary)}.badge_primary.badge_clickable:hover{background-color:var(--primary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_primary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_primary.badge_clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.badge_primary .loader{border-top-color:var(--text-color-primary)}.badge_primary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_primary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_primary.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--primary-color);box-shadow:none}@media(max-width:479.98px){.badge_primary.badge_outline{border-width:1.5px}}.badge_primary.badge_outline.badge_clickable:hover{border-color:var(--primary-color-hover);color:var(--text-color-primary)}.badge_primary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_secondary{background-color:var(--secondary-color);color:var(--text-color-secondary);--badge-glass-bg: var(--secondary-glass-background);--badge-glass-hover-bg: var(--secondary-glass-background-hover);--badge-glass-border: var(--secondary-glass-border);--badge-glass-text: var(--text-color-secondary)}.badge_secondary.badge_clickable:hover{background-color:var(--secondary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_secondary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_secondary.badge_clickable:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.badge_secondary .loader{border-top-color:var(--text-color-secondary)}.badge_secondary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_secondary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_secondary.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--secondary-color);box-shadow:none}@media(max-width:479.98px){.badge_secondary.badge_outline{border-width:1.5px}}.badge_secondary.badge_outline.badge_clickable:hover{border-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.badge_secondary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_tertiary{background-color:var(--tertiary-color);color:var(--text-color-tertiary);--badge-glass-bg: var(--tertiary-glass-background);--badge-glass-hover-bg: var(--tertiary-glass-background-hover);--badge-glass-border: var(--tertiary-glass-border);--badge-glass-text: var(--text-color-tertiary)}.badge_tertiary.badge_clickable:hover{background-color:var(--tertiary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_tertiary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_tertiary.badge_clickable:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.badge_tertiary .loader{border-top-color:var(--text-color-tertiary)}.badge_tertiary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_tertiary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_tertiary.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--tertiary-color);box-shadow:none}@media(max-width:479.98px){.badge_tertiary.badge_outline{border-width:1.5px}}.badge_tertiary.badge_outline.badge_clickable:hover{border-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.badge_tertiary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_quaternary{background-color:var(--quaternary-color);color:var(--text-color-quaternary);--badge-glass-bg: var(--quaternary-glass-background);--badge-glass-hover-bg: var(--quaternary-glass-background-hover);--badge-glass-border: var(--quaternary-glass-border);--badge-glass-text: var(--text-color-quaternary)}.badge_quaternary.badge_clickable:hover{background-color:var(--quaternary-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_quaternary.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_quaternary.badge_clickable:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.badge_quaternary .loader{border-top-color:var(--text-color-quaternary)}.badge_quaternary.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_quaternary.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_quaternary.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--quaternary-color);box-shadow:none}@media(max-width:479.98px){.badge_quaternary.badge_outline{border-width:1.5px}}.badge_quaternary.badge_outline.badge_clickable:hover{border-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.badge_quaternary.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_clear{background-color:transparent;color:var(--text-color);--badge-glass-bg: var(--clear-glass-background);--badge-glass-hover-bg: var(--clear-glass-background-hover);--badge-glass-border: var(--clear-glass-border);--badge-glass-text: var(--text-color)}.badge_clear.badge_clickable:hover{background-color:#0003;transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_clear.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_clear.badge_clickable:focus{outline:2px solid var(--border-color);outline-offset:2px}.badge_clear .loader{border-top-color:var(--text-color)}.badge_clear.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_clear.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_clear.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--border-color);box-shadow:none}@media(max-width:479.98px){.badge_clear.badge_outline{border-width:1.5px}}.badge_clear.badge_outline.badge_clickable:hover{border-color:#0003;color:var(--link-hover-color)}.badge_clear.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_success{background-color:var(--success-color);color:var(--success-text-color);--badge-glass-bg: var(--success-glass-background);--badge-glass-hover-bg: var(--success-glass-background-hover);--badge-glass-border: var(--success-glass-border);--badge-glass-text: var(--success-text-color)}.badge_success.badge_clickable:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_success.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_success.badge_clickable:focus{outline:2px solid var(--success-color);outline-offset:2px}.badge_success .loader{border-top-color:var(--success-text-color)}.badge_success.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_success.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_success.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--success-color);box-shadow:none}@media(max-width:479.98px){.badge_success.badge_outline{border-width:1.5px}}.badge_success.badge_outline.badge_clickable:hover{border-color:var(--success-color-hover);color:var(--success-text-color)}.badge_success.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_error{background-color:var(--error-color);color:var(--error-text-color);--badge-glass-bg: var(--error-glass-background);--badge-glass-hover-bg: var(--error-glass-background-hover);--badge-glass-border: var(--error-glass-border);--badge-glass-text: var(--error-text-color)}.badge_error.badge_clickable:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_error.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_error.badge_clickable:focus{outline:2px solid var(--error-color);outline-offset:2px}.badge_error .loader{border-top-color:var(--error-text-color)}.badge_error.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_error.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_error.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--error-color);box-shadow:none}@media(max-width:479.98px){.badge_error.badge_outline{border-width:1.5px}}.badge_error.badge_outline.badge_clickable:hover{border-color:var(--error-color-hover);color:var(--error-text-color)}.badge_error.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_warning{background-color:var(--warning-color);color:var(--warning-text-color);--badge-glass-bg: var(--warning-glass-background);--badge-glass-hover-bg: var(--warning-glass-background-hover);--badge-glass-border: var(--warning-glass-border);--badge-glass-text: var(--warning-text-color)}.badge_warning.badge_clickable:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_warning.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_warning.badge_clickable:focus{outline:2px solid var(--warning-color);outline-offset:2px}.badge_warning .loader{border-top-color:var(--warning-text-color)}.badge_warning.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_warning.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_warning.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--warning-color);box-shadow:none}@media(max-width:479.98px){.badge_warning.badge_outline{border-width:1.5px}}.badge_warning.badge_outline.badge_clickable:hover{border-color:var(--warning-color-hover);color:var(--warning-text-color)}.badge_warning.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_info{background-color:var(--info-color);color:var(--info-text-color);--badge-glass-bg: var(--info-glass-background);--badge-glass-hover-bg: var(--info-glass-background-hover);--badge-glass-border: var(--info-glass-border);--badge-glass-text: var(--info-text-color)}.badge_info.badge_clickable:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.badge_info.badge_clickable:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.badge_info.badge_clickable:focus{outline:2px solid var(--info-color);outline-offset:2px}.badge_info .loader{border-top-color:var(--info-text-color)}.badge_info.badge_glass{background-color:transparent;background:var(--badge-glass-bg);border:1px solid var(--badge-glass-border);color:inherit}.badge_info.badge_glass.badge_clickable:hover{background-color:transparent;background:var(--badge-glass-hover-bg)}.badge_info.badge_outline{background-color:transparent;color:inherit;border:2px solid var(--info-color);box-shadow:none}@media(max-width:479.98px){.badge_info.badge_outline{border-width:1.5px}}.badge_info.badge_outline.badge_clickable:hover{border-color:var(--info-color-hover);color:var(--info-text-color)}.badge_info.badge_outline.badge_glass{background:transparent;border:1px solid var(--badge-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.badge_xs{font-size:var(--font-size-xxs);padding:2px var(--spacing-sm)}@media(min-width:1024px){.badge_xs{font-size:var(--font-size-xs);padding:3px 10px}}.badge_small{font-size:var(--font-size-caption);padding:var(--spacing-xs) var(--spacing-sm)}@media(min-width:1024px){.badge_small{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}}.badge_medium{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}@media(max-width:479.98px){.badge_medium{font-size:var(--font-size-caption);padding:3px var(--spacing-sm)}}@media(min-width:1024px){.badge_medium{font-size:var(--font-size-body-sm);padding:5px 12px}}.badge_large{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) 12px}@media(max-width:479.98px){.badge_large{font-size:var(--font-size-label);padding:var(--spacing-xs) 10px}}@media(min-width:1024px){.badge_large{font-size:var(--font-size-body);padding:6px 14px}}.badge_xl{font-size:var(--font-size-body);padding:var(--spacing-xs) 14px}@media(max-width:479.98px){.badge_xl{font-size:var(--font-size-body-sm);padding:var(--spacing-xs) 12px}}@media(min-width:1024px){.badge_xl{font-size:var(--font-size-h6);padding:6px 16px}}.badge_disabled,.badge:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}.badge_disabled.badge_clickable:hover,.badge:disabled.badge_clickable:hover{background-color:var(--disabled-color);box-shadow:none;transform:none;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.badge{transition:none}.badge.badge_clickable:hover{transform:none;box-shadow:none}}@media(hover:none){.badge.badge_clickable:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.badge{border:1px solid ButtonText;outline-color:Highlight}.badge_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
package/dist/core/BarChart.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.components{.barChart,.root{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);max-width:100%;color:
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.components{.barChart,.root{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);max-width:100%;color:inherit;font-family:var(--font-family-ui)}.barChart_label,.label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);color:inherit}.barChart_svg,.svg{display:block;max-width:100%;overflow:visible}.barChart_gridLine,.gridLine{stroke:var(--border-color);stroke-width:1;opacity:.16}.barChart_bar,.bar{transition:opacity var(--transition-default)}.barChart_bar:hover,.bar:hover{opacity:.78}.barChart_axisLabel,.axisLabel{fill:currentColor;font-size:.7rem;opacity:.72}.barChart_loader,.loader{width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.barChart_loading,.loading{cursor:progress}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadCrumbPageHeader_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.breadCrumbPageHeader_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.breadCrumbPageHeader_labelTop{flex-direction:column}.breadCrumbPageHeader_labelBottom{flex-direction:column-reverse}.breadCrumbPageHeader_labelLeft{flex-direction:row;align-items:center}.breadCrumbPageHeader_labelRight{flex-direction:row-reverse;align-items:center}.breadCrumbPageHeader{--breadCrumbPageHeader-glass-bg: rgba(255, 255, 255, .18);--breadCrumbPageHeader-glass-border: rgba(255, 255, 255, .28);--breadCrumbPageHeader-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.breadCrumbPageHeader_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.breadCrumbPageHeader_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.breadCrumbPageHeader_primary{--breadCrumbPageHeader-glass-bg: var(--primary-glass-background);--breadCrumbPageHeader-glass-border: var(--primary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.breadCrumbPageHeader_primary.breadCrumbPageHeader_outline{background-color:transparent;color:var(--text-color-primary);box-shadow:none;border:2px solid var(--primary-color)}.breadCrumbPageHeader_secondary{--breadCrumbPageHeader-glass-bg: var(--secondary-glass-background);--breadCrumbPageHeader-glass-border: var(--secondary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.breadCrumbPageHeader_secondary.breadCrumbPageHeader_outline{background-color:transparent;color:var(--text-color-secondary);box-shadow:none;border:2px solid var(--secondary-color)}.breadCrumbPageHeader_tertiary{--breadCrumbPageHeader-glass-bg: var(--tertiary-glass-background);--breadCrumbPageHeader-glass-border: var(--tertiary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.breadCrumbPageHeader_tertiary.breadCrumbPageHeader_outline{background-color:transparent;color:var(--text-color-tertiary);box-shadow:none;border:2px solid var(--tertiary-color)}.breadCrumbPageHeader_quaternary{--breadCrumbPageHeader-glass-bg: var(--quaternary-glass-background);--breadCrumbPageHeader-glass-border: var(--quaternary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.breadCrumbPageHeader_quaternary.breadCrumbPageHeader_outline{background-color:transparent;color:var(--text-color-quaternary);box-shadow:none;border:2px solid var(--quaternary-color)}.breadCrumbPageHeader_clear{--breadCrumbPageHeader-glass-bg: var(--clear-glass-background);--breadCrumbPageHeader-glass-border: var(--clear-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.breadCrumbPageHeader_clear.breadCrumbPageHeader_outline{background-color:transparent;color:var(--text-color);box-shadow:none;border:2px solid var(--border-color)}.breadCrumbPageHeader_success{--breadCrumbPageHeader-glass-bg: var(--success-glass-background);--breadCrumbPageHeader-glass-border: var(--success-glass-border);--breadCrumbPageHeader-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color);color:var(--success-text-color)}.breadCrumbPageHeader_success.breadCrumbPageHeader_outline{background-color:transparent;color:var(--success-text-color);box-shadow:none;border:2px solid var(--success-color)}.breadCrumbPageHeader_error{--breadCrumbPageHeader-glass-bg: var(--error-glass-background);--breadCrumbPageHeader-glass-border: var(--error-glass-border);--breadCrumbPageHeader-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color);color:var(--error-text-color)}.breadCrumbPageHeader_error.breadCrumbPageHeader_outline{background-color:transparent;color:var(--error-text-color);box-shadow:none;border:2px solid var(--error-color)}.breadCrumbPageHeader_warning{--breadCrumbPageHeader-glass-bg: var(--warning-glass-background);--breadCrumbPageHeader-glass-border: var(--warning-glass-border);--breadCrumbPageHeader-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color);color:var(--warning-text-color)}.breadCrumbPageHeader_warning.breadCrumbPageHeader_outline{background-color:transparent;color:var(--warning-text-color);box-shadow:none;border:2px solid var(--warning-color)}.breadCrumbPageHeader_info{--breadCrumbPageHeader-glass-bg: var(--info-glass-background);--breadCrumbPageHeader-glass-border: var(--info-glass-border);--breadCrumbPageHeader-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color);color:var(--info-text-color)}.breadCrumbPageHeader_info.breadCrumbPageHeader_outline{background-color:transparent;color:var(--info-text-color);box-shadow:none;border:2px solid var(--info-color)}.breadCrumbPageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.breadCrumbPageHeader_glass{background:var(--breadCrumbPageHeader-glass-bg);border:1px solid var(--breadCrumbPageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:var(--breadCrumbPageHeader-glass-text)}.breadCrumbPageHeader_glass.breadCrumbPageHeader_outline{border-color:var(--breadCrumbPageHeader-glass-border)}.breadCrumbPageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.breadCrumbPageHeader_disabled:hover{background-color:var(--disabled-color)}.breadCrumbPageHeader_loading{cursor:progress}.breadCrumbPageHeader_round-None{border-radius:var(--border-radius-none)}.breadCrumbPageHeader_round-Small{border-radius:var(--border-radius-sm)}.breadCrumbPageHeader_round-Medium{border-radius:var(--border-radius-md)}.breadCrumbPageHeader_round-Large{border-radius:var(--border-radius-lg)}.breadCrumbPageHeader_round-Full{border-radius:var(--border-radius-full)}.breadCrumbPageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.breadCrumbPageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.breadCrumbPageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadCrumbPageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadCrumbPageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.breadCrumbPageHeader_container,.breadCrumbPageHeader{width:100%}.breadCrumbPageHeader_labelLeft,.breadCrumbPageHeader_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.breadCrumbPageHeader,.breadCrumbPageHeader *{transition:none!important;animation:none!important}}@media(forced-colors:active){.breadCrumbPageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.breadCrumbPageHeader_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.breadCrumbPageHeader{display:grid;width:100%;gap:var(--spacing-sm)}.breadCrumbPageHeader_breadcrumbList{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;padding:0;margin:0;list-style:none}.breadCrumbPageHeader_breadcrumbItem{display:inline-flex;gap:var(--spacing-xs);align-items:center}.breadCrumbPageHeader_breadcrumbLink{color:inherit;text-decoration:none}.breadCrumbPageHeader_breadcrumbLink:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.breadCrumbPageHeader_current{font-weight:var(--font-weight-ui)}.breadCrumbPageHeader_separator{opacity:.64}.breadCrumbPageHeader_main{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between;min-width:0}.breadCrumbPageHeader_title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading-md);line-height:1.15}.breadCrumbPageHeader_subtitle{margin:var(--spacing-xs) 0 0;color:var(--text-color-secondary)}.breadCrumbPageHeader_actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadCrumbPageHeader_container{display:inline-flex;gap:var(--spacing-xs);align-items:flex-start;max-width:100%;font-family:var(--font-family-body)}.breadCrumbPageHeader_label{font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-ui);line-height:var(--line-height-label);color:var(--text-color-primary)}.breadCrumbPageHeader_labelTop{flex-direction:column}.breadCrumbPageHeader_labelBottom{flex-direction:column-reverse}.breadCrumbPageHeader_labelLeft{flex-direction:row;align-items:center}.breadCrumbPageHeader_labelRight{flex-direction:row-reverse;align-items:center}.breadCrumbPageHeader{--breadCrumbPageHeader-glass-bg: rgba(255, 255, 255, .18);--breadCrumbPageHeader-glass-border: rgba(255, 255, 255, .28);--breadCrumbPageHeader-glass-text: var(--text-color-primary);display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0;max-width:100%;border:1px solid transparent;border-radius:var(--border-radius-md);background:var(--background-color);color:var(--text-color-primary);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);transition:var(--transition-default)}.breadCrumbPageHeader_content{min-width:0;max-width:100%;overflow-wrap:anywhere}.breadCrumbPageHeader_loader{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;opacity:.72;animation:spin .7s linear infinite}.breadCrumbPageHeader_primary{--breadCrumbPageHeader-glass-bg: var(--primary-glass-background);--breadCrumbPageHeader-glass-border: var(--primary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-primary);background-color:var(--primary-color);color:var(--text-color-primary);border-color:var(--primary-color)}.breadCrumbPageHeader_primary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--primary-color)}.breadCrumbPageHeader_secondary{--breadCrumbPageHeader-glass-bg: var(--secondary-glass-background);--breadCrumbPageHeader-glass-border: var(--secondary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-secondary);background-color:var(--secondary-color);color:var(--text-color-secondary);border-color:var(--secondary-color)}.breadCrumbPageHeader_secondary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--secondary-color)}.breadCrumbPageHeader_tertiary{--breadCrumbPageHeader-glass-bg: var(--tertiary-glass-background);--breadCrumbPageHeader-glass-border: var(--tertiary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-tertiary);background-color:var(--tertiary-color);color:var(--text-color-tertiary);border-color:var(--tertiary-color)}.breadCrumbPageHeader_tertiary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--tertiary-color)}.breadCrumbPageHeader_quaternary{--breadCrumbPageHeader-glass-bg: var(--quaternary-glass-background);--breadCrumbPageHeader-glass-border: var(--quaternary-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color-quaternary);background-color:var(--quaternary-color);color:var(--text-color-quaternary);border-color:var(--quaternary-color)}.breadCrumbPageHeader_quaternary.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--quaternary-color)}.breadCrumbPageHeader_clear{--breadCrumbPageHeader-glass-bg: var(--clear-glass-background);--breadCrumbPageHeader-glass-border: var(--clear-glass-border);--breadCrumbPageHeader-glass-text: var(--text-color);background-color:transparent;color:var(--text-color);border-color:var(--border-color)}.breadCrumbPageHeader_clear.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--border-color)}.breadCrumbPageHeader_success{--breadCrumbPageHeader-glass-bg: var(--success-glass-background);--breadCrumbPageHeader-glass-border: var(--success-glass-border);--breadCrumbPageHeader-glass-text: var(--success-text-color);border-width:2px;border-color:var(--success-color)}.breadCrumbPageHeader_success.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--success-color)}.breadCrumbPageHeader_error{--breadCrumbPageHeader-glass-bg: var(--error-glass-background);--breadCrumbPageHeader-glass-border: var(--error-glass-border);--breadCrumbPageHeader-glass-text: var(--error-text-color);border-width:2px;border-color:var(--error-color)}.breadCrumbPageHeader_error.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--error-color)}.breadCrumbPageHeader_warning{--breadCrumbPageHeader-glass-bg: var(--warning-glass-background);--breadCrumbPageHeader-glass-border: var(--warning-glass-border);--breadCrumbPageHeader-glass-text: var(--warning-text-color);border-width:2px;border-color:var(--warning-color)}.breadCrumbPageHeader_warning.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--warning-color)}.breadCrumbPageHeader_info{--breadCrumbPageHeader-glass-bg: var(--info-glass-background);--breadCrumbPageHeader-glass-border: var(--info-glass-border);--breadCrumbPageHeader-glass-text: var(--info-text-color);border-width:2px;border-color:var(--info-color)}.breadCrumbPageHeader_info.breadCrumbPageHeader_outline{background-color:transparent;color:inherit;box-shadow:none;border:2px solid var(--info-color)}.breadCrumbPageHeader_clear{background:transparent;border-color:transparent;box-shadow:none}.breadCrumbPageHeader_glass{background:var(--breadCrumbPageHeader-glass-bg);border:1px solid var(--breadCrumbPageHeader-glass-border);-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));backdrop-filter:blur(16px) saturate(var(--glass-saturate));color:inherit}.breadCrumbPageHeader_glass.breadCrumbPageHeader_outline{border-color:var(--breadCrumbPageHeader-glass-border)}.breadCrumbPageHeader_disabled{cursor:not-allowed;opacity:.6;background-color:var(--disabled-color);border-color:var(--disabled-color)}.breadCrumbPageHeader_disabled:hover{background-color:var(--disabled-color)}.breadCrumbPageHeader_loading{cursor:progress}.breadCrumbPageHeader_round-None{border-radius:var(--border-radius-none)}.breadCrumbPageHeader_round-Small{border-radius:var(--border-radius-sm)}.breadCrumbPageHeader_round-Medium{border-radius:var(--border-radius-md)}.breadCrumbPageHeader_round-Large{border-radius:var(--border-radius-lg)}.breadCrumbPageHeader_round-Full{border-radius:var(--border-radius-full)}.breadCrumbPageHeader_shadow-None{box-shadow:var(--box-shadow-none)}.breadCrumbPageHeader_shadow-Light{box-shadow:var(--box-shadow-light)}.breadCrumbPageHeader_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadCrumbPageHeader_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadCrumbPageHeader_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(max-width:319.98px){.breadCrumbPageHeader_container,.breadCrumbPageHeader{width:100%}.breadCrumbPageHeader_labelLeft,.breadCrumbPageHeader_labelRight{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.breadCrumbPageHeader,.breadCrumbPageHeader *{transition:none!important;animation:none!important}}@media(forced-colors:active){.breadCrumbPageHeader{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.breadCrumbPageHeader_glass{background:Canvas;border-color:ButtonText;-webkit-backdrop-filter:none;backdrop-filter:none}}}@layer boreal-ui.components{.breadCrumbPageHeader{display:grid;width:100%;gap:var(--spacing-sm)}.breadCrumbPageHeader_breadcrumbList{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;padding:0;margin:0;list-style:none}.breadCrumbPageHeader_breadcrumbItem{display:inline-flex;gap:var(--spacing-xs);align-items:center}.breadCrumbPageHeader_breadcrumbLink{color:inherit;text-decoration:none}.breadCrumbPageHeader_breadcrumbLink:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:2px}.breadCrumbPageHeader_current{font-weight:var(--font-weight-ui)}.breadCrumbPageHeader_separator{opacity:.64}.breadCrumbPageHeader_main{display:flex;gap:var(--spacing-md);align-items:flex-start;justify-content:space-between;min-width:0}.breadCrumbPageHeader_title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-heading-md);line-height:1.15}.breadCrumbPageHeader_subtitle{margin:var(--spacing-xs) 0 0;color:inherit}.breadCrumbPageHeader_actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadcrumbs{display:flex;align-items:center;width:fit-content;min-width:0;height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);list-style:none;overflow-x:auto;font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}@media(max-width:479.98px){.breadcrumbs{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs{font-size:var(--font-size-body);gap:var(--spacing-sm)}}.breadcrumbs_round-None{border-radius:var(--border-radius-none)}.breadcrumbs_round-Small{border-radius:var(--border-radius-sm)}.breadcrumbs_round-Medium{border-radius:var(--border-radius-md)}.breadcrumbs_round-Large{border-radius:var(--border-radius-lg)}.breadcrumbs_round-Full{border-radius:var(--border-radius-full)}.breadcrumbs_shadow-None{box-shadow:var(--box-shadow-none)}.breadcrumbs_shadow-Light{box-shadow:var(--box-shadow-light)}.breadcrumbs_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadcrumbs_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadcrumbs_shadow-Intense{box-shadow:var(--box-shadow-intense)}.breadcrumbs_glass{background:var(--breadcrumbs-glass-bg, var(--glass-background));border:1px solid var(--breadcrumbs-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text, currentcolor);isolation:isolate}.breadcrumbs_glass:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background-strong))}.breadcrumbs_glass.breadcrumbs_outline{border-color:var(--breadcrumbs-glass-border, var(--glass-border-color))}.breadcrumbs_glass.breadcrumbs_outline:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background))}.breadcrumbs .breadcrumbs_ellipsis{min-height:unset;min-width:unset;height:2em;width:2em;padding:var(--spacing-xs);line-height:normal}.breadcrumbs_primary{color:var(--text-color-primary);background-color:var(--primary-color);--breadcrumbs-glass-bg: var(--primary-glass-background);--breadcrumbs-glass-hover-bg: var(--primary-glass-background-hover);--breadcrumbs-glass-border: var(--primary-glass-border);--breadcrumbs-glass-text: var(--text-color-primary)}.breadcrumbs_primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_primary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_primary.breadcrumbs_outline{color:var(--text-color-primary);background-color:transparent;border:2px solid var(--primary-color)}@media(max-width:479.98px){.breadcrumbs_primary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_primary.breadcrumbs_outline:hover{color:var(--text-color-primary);text-decoration:none;background-color:var(--primary-color-hover)}.breadcrumbs_primary.breadcrumbs_outline:focus{outline:2px solid var(--primary-color-hover);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_secondary{color:var(--text-color-secondary);background-color:var(--secondary-color);--breadcrumbs-glass-bg: var(--secondary-glass-background);--breadcrumbs-glass-hover-bg: var(--secondary-glass-background-hover);--breadcrumbs-glass-border: var(--secondary-glass-border);--breadcrumbs-glass-text: var(--text-color-secondary)}.breadcrumbs_secondary:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_secondary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_secondary.breadcrumbs_outline{color:var(--text-color-secondary);background-color:transparent;border:2px solid var(--secondary-color)}@media(max-width:479.98px){.breadcrumbs_secondary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_secondary.breadcrumbs_outline:hover{color:var(--text-color-secondary);text-decoration:none;background-color:var(--secondary-color-hover)}.breadcrumbs_secondary.breadcrumbs_outline:focus{outline:2px solid var(--secondary-color-hover);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_tertiary{color:var(--text-color-tertiary);background-color:var(--tertiary-color);--breadcrumbs-glass-bg: var(--tertiary-glass-background);--breadcrumbs-glass-hover-bg: var(--tertiary-glass-background-hover);--breadcrumbs-glass-border: var(--tertiary-glass-border);--breadcrumbs-glass-text: var(--text-color-tertiary)}.breadcrumbs_tertiary:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_tertiary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_tertiary.breadcrumbs_outline{color:var(--text-color-tertiary);background-color:transparent;border:2px solid var(--tertiary-color)}@media(max-width:479.98px){.breadcrumbs_tertiary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_tertiary.breadcrumbs_outline:hover{color:var(--text-color-tertiary);text-decoration:none;background-color:var(--tertiary-color-hover)}.breadcrumbs_tertiary.breadcrumbs_outline:focus{outline:2px solid var(--tertiary-color-hover);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_quaternary{color:var(--text-color-quaternary);background-color:var(--quaternary-color);--breadcrumbs-glass-bg: var(--quaternary-glass-background);--breadcrumbs-glass-hover-bg: var(--quaternary-glass-background-hover);--breadcrumbs-glass-border: var(--quaternary-glass-border);--breadcrumbs-glass-text: var(--text-color-quaternary)}.breadcrumbs_quaternary:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_quaternary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_quaternary.breadcrumbs_outline{color:var(--text-color-quaternary);background-color:transparent;border:2px solid var(--quaternary-color)}@media(max-width:479.98px){.breadcrumbs_quaternary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_quaternary.breadcrumbs_outline:hover{color:var(--text-color-quaternary);text-decoration:none;background-color:var(--quaternary-color-hover)}.breadcrumbs_quaternary.breadcrumbs_outline:focus{outline:2px solid var(--quaternary-color-hover);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_clear{color:var(--text-color);background-color:transparent;--breadcrumbs-glass-bg: var(--clear-glass-background);--breadcrumbs-glass-hover-bg: var(--clear-glass-background-hover);--breadcrumbs-glass-border: var(--clear-glass-border);--breadcrumbs-glass-text: var(--text-color)}.breadcrumbs_clear:focus{outline:2px solid var(--border-color);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_clear.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_clear.breadcrumbs_outline{color:var(--text-color);background-color:transparent;border:2px solid var(--border-color)}@media(max-width:479.98px){.breadcrumbs_clear.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_clear.breadcrumbs_outline:hover{color:var(--link-hover-color);text-decoration:none;background-color:#0003}.breadcrumbs_clear.breadcrumbs_outline:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_clear{box-shadow:none}.breadcrumbs_success{color:var(--success-text-color);background-color:var(--success-color);--breadcrumbs-glass-bg: var(--success-glass-background);--breadcrumbs-glass-hover-bg: var(--success-glass-background-hover);--breadcrumbs-glass-border: var(--success-glass-border);--breadcrumbs-glass-text: var(--success-text-color)}.breadcrumbs_success:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_success:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_success:focus{outline:2px solid var(--success-color);outline-offset:2px}.breadcrumbs_success.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_success.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_success.breadcrumbs_outline{color:var(--success-text-color);background-color:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.breadcrumbs_success.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_success.breadcrumbs_outline:hover{color:var(--success-text-color);background-color:var(--success-color-hover)}.breadcrumbs_success.breadcrumbs_outline:focus{outline:2px solid var(--success-color-hover);outline-offset:2px}.breadcrumbs_success.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_error{color:var(--error-text-color);background-color:var(--error-color);--breadcrumbs-glass-bg: var(--error-glass-background);--breadcrumbs-glass-hover-bg: var(--error-glass-background-hover);--breadcrumbs-glass-border: var(--error-glass-border);--breadcrumbs-glass-text: var(--error-text-color)}.breadcrumbs_error:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_error:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_error:focus{outline:2px solid var(--error-color);outline-offset:2px}.breadcrumbs_error.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_error.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_error.breadcrumbs_outline{color:var(--error-text-color);background-color:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.breadcrumbs_error.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_error.breadcrumbs_outline:hover{color:var(--error-text-color);background-color:var(--error-color-hover)}.breadcrumbs_error.breadcrumbs_outline:focus{outline:2px solid var(--error-color-hover);outline-offset:2px}.breadcrumbs_error.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_warning{color:var(--warning-text-color);background-color:var(--warning-color);--breadcrumbs-glass-bg: var(--warning-glass-background);--breadcrumbs-glass-hover-bg: var(--warning-glass-background-hover);--breadcrumbs-glass-border: var(--warning-glass-border);--breadcrumbs-glass-text: var(--warning-text-color)}.breadcrumbs_warning:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_warning:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_warning:focus{outline:2px solid var(--warning-color);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_warning.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_warning.breadcrumbs_outline{color:var(--warning-text-color);background-color:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.breadcrumbs_warning.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_warning.breadcrumbs_outline:hover{color:var(--warning-text-color);background-color:var(--warning-color-hover)}.breadcrumbs_warning.breadcrumbs_outline:focus{outline:2px solid var(--warning-color-hover);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_info{color:var(--info-text-color);background-color:var(--info-color);--breadcrumbs-glass-bg: var(--info-glass-background);--breadcrumbs-glass-hover-bg: var(--info-glass-background-hover);--breadcrumbs-glass-border: var(--info-glass-border);--breadcrumbs-glass-text: var(--info-text-color)}.breadcrumbs_info:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_info:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_info:focus{outline:2px solid var(--info-color);outline-offset:2px}.breadcrumbs_info.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:var(--breadcrumbs-glass-text)}.breadcrumbs_info.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_info.breadcrumbs_outline{color:var(--info-text-color);background-color:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.breadcrumbs_info.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_info.breadcrumbs_outline:hover{color:var(--info-text-color);background-color:var(--info-color-hover)}.breadcrumbs_info.breadcrumbs_outline:focus{outline:2px solid var(--info-color-hover);outline-offset:2px}.breadcrumbs_info.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--breadcrumbs-glass-text)}.breadcrumbs_xs{font-size:var(--font-size-caption)}@media(max-width:479.98px){.breadcrumbs_xs{font-size:var(--font-size-xxs)}}@media(min-width:1024px){.breadcrumbs_xs{font-size:var(--font-size-label)}}.breadcrumbs_small{font-size:var(--font-size-label)}@media(max-width:479.98px){.breadcrumbs_small{font-size:var(--font-size-caption)}}@media(min-width:1024px){.breadcrumbs_small{font-size:var(--font-size-body-sm)}}.breadcrumbs_medium{font-size:var(--font-size-body-sm)}@media(max-width:479.98px){.breadcrumbs_medium{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs_medium{font-size:var(--font-size-body)}}.breadcrumbs_large{font-size:var(--font-size-body)}@media(max-width:479.98px){.breadcrumbs_large{font-size:var(--font-size-body-sm)}}@media(min-width:1024px){.breadcrumbs_large{font-size:var(--font-size-h6)}}.breadcrumbs_xl{font-size:var(--font-size-h6)}@media(max-width:479.98px){.breadcrumbs_xl{font-size:var(--font-size-body)}}@media(min-width:1024px){.breadcrumbs_xl{font-size:var(--font-size-h5)}}.breadcrumbs_list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0;margin:0;list-style:none;flex-wrap:nowrap}@media(max-width:479.98px){.breadcrumbs_list{gap:var(--spacing-xxs)}}@media(min-width:1024px){.breadcrumbs_list{gap:var(--spacing-sm)}}.breadcrumbs_item{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:inherit;transition:color var(--transition-default),opacity var(--transition-default),transform var(--transition-default),box-shadow var(--transition-default)}.breadcrumbs_item_animate{animation:fade-in .3s ease-in-out}.breadcrumbs_item_active{font-weight:var(--font-weight-semibold);color:var(--disabled-color)}.breadcrumbs_link{text-decoration:none;color:inherit;font:inherit}.breadcrumbs_link_label{display:inline-block;line-height:inherit;letter-spacing:inherit}.breadcrumbs_link:hover .breadcrumbs_link_label{text-decoration:none;opacity:.8}.breadcrumbs_current{font-weight:var(--font-weight-bold);color:var(--disabled-color)}.breadcrumbs_separator{display:inline-grid;place-items:center;align-self:center;width:1em;height:1em;padding:0;margin:0;color:currentcolor;line-height:1;flex:0 0 auto}.breadcrumbs_separator svg{display:block;width:.85em;height:.85em}@media(max-width:479.98px){.breadcrumbs_separator{width:.9em;height:.9em}.breadcrumbs_separator svg{width:.75em;height:.75em}}@media(min-width:1024px){.breadcrumbs_separator{width:1.05em;height:1.05em}.breadcrumbs_separator svg{width:.9em;height:.9em}}.breadcrumbs_disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.breadcrumbs,.breadcrumbs_item{transition:none}.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(hover:none){.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.breadcrumbs{border:1px solid ButtonText;outline-color:Highlight}.breadcrumbs_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|
|
1
|
+
@charset "UTF-8";@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin-3d{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-grow{0%{width:0}to{width:100%}}@keyframes indeterminate-move{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}@keyframes drawer-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-in-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-overlay-fade-in{0%{opacity:0}to{opacity:1}}@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.breadcrumbs{display:flex;align-items:center;width:fit-content;min-width:0;height:fit-content;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);list-style:none;overflow-x:auto;font-family:var(--font-family-ui);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}@media(max-width:479.98px){.breadcrumbs{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs{font-size:var(--font-size-body);gap:var(--spacing-sm)}}.breadcrumbs_round-None{border-radius:var(--border-radius-none)}.breadcrumbs_round-Small{border-radius:var(--border-radius-sm)}.breadcrumbs_round-Medium{border-radius:var(--border-radius-md)}.breadcrumbs_round-Large{border-radius:var(--border-radius-lg)}.breadcrumbs_round-Full{border-radius:var(--border-radius-full)}.breadcrumbs_shadow-None{box-shadow:var(--box-shadow-none)}.breadcrumbs_shadow-Light{box-shadow:var(--box-shadow-light)}.breadcrumbs_shadow-Medium{box-shadow:var(--box-shadow-medium)}.breadcrumbs_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.breadcrumbs_shadow-Intense{box-shadow:var(--box-shadow-intense)}.breadcrumbs_glass{background:var(--breadcrumbs-glass-bg, var(--glass-background));border:1px solid var(--breadcrumbs-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit;isolation:isolate}.breadcrumbs_glass:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background-strong))}.breadcrumbs_glass.breadcrumbs_outline{border-color:var(--breadcrumbs-glass-border, var(--glass-border-color))}.breadcrumbs_glass.breadcrumbs_outline:hover{background:var(--breadcrumbs-glass-hover-bg, var(--glass-background))}.breadcrumbs .breadcrumbs_ellipsis{min-height:unset;min-width:unset;height:2em;width:2em;padding:var(--spacing-xs);line-height:normal}.breadcrumbs_primary{color:var(--text-color-primary);background-color:var(--primary-color);--breadcrumbs-glass-bg: var(--primary-glass-background);--breadcrumbs-glass-hover-bg: var(--primary-glass-background-hover);--breadcrumbs-glass-border: var(--primary-glass-border);--breadcrumbs-glass-text: var(--text-color-primary)}.breadcrumbs_primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_primary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_primary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--primary-color)}@media(max-width:479.98px){.breadcrumbs_primary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_primary.breadcrumbs_outline:hover{color:var(--text-color-primary);text-decoration:none;background-color:var(--primary-color-hover)}.breadcrumbs_primary.breadcrumbs_outline:focus{outline:2px solid var(--primary-color-hover);outline-offset:2px}.breadcrumbs_primary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_secondary{color:var(--text-color-secondary);background-color:var(--secondary-color);--breadcrumbs-glass-bg: var(--secondary-glass-background);--breadcrumbs-glass-hover-bg: var(--secondary-glass-background-hover);--breadcrumbs-glass-border: var(--secondary-glass-border);--breadcrumbs-glass-text: var(--text-color-secondary)}.breadcrumbs_secondary:focus{outline:2px solid var(--secondary-color);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_secondary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_secondary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--secondary-color)}@media(max-width:479.98px){.breadcrumbs_secondary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_secondary.breadcrumbs_outline:hover{color:var(--text-color-secondary);text-decoration:none;background-color:var(--secondary-color-hover)}.breadcrumbs_secondary.breadcrumbs_outline:focus{outline:2px solid var(--secondary-color-hover);outline-offset:2px}.breadcrumbs_secondary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_tertiary{color:var(--text-color-tertiary);background-color:var(--tertiary-color);--breadcrumbs-glass-bg: var(--tertiary-glass-background);--breadcrumbs-glass-hover-bg: var(--tertiary-glass-background-hover);--breadcrumbs-glass-border: var(--tertiary-glass-border);--breadcrumbs-glass-text: var(--text-color-tertiary)}.breadcrumbs_tertiary:focus{outline:2px solid var(--tertiary-color);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_tertiary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_tertiary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--tertiary-color)}@media(max-width:479.98px){.breadcrumbs_tertiary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_tertiary.breadcrumbs_outline:hover{color:var(--text-color-tertiary);text-decoration:none;background-color:var(--tertiary-color-hover)}.breadcrumbs_tertiary.breadcrumbs_outline:focus{outline:2px solid var(--tertiary-color-hover);outline-offset:2px}.breadcrumbs_tertiary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_quaternary{color:var(--text-color-quaternary);background-color:var(--quaternary-color);--breadcrumbs-glass-bg: var(--quaternary-glass-background);--breadcrumbs-glass-hover-bg: var(--quaternary-glass-background-hover);--breadcrumbs-glass-border: var(--quaternary-glass-border);--breadcrumbs-glass-text: var(--text-color-quaternary)}.breadcrumbs_quaternary:focus{outline:2px solid var(--quaternary-color);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_quaternary.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_quaternary.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--quaternary-color)}@media(max-width:479.98px){.breadcrumbs_quaternary.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_quaternary.breadcrumbs_outline:hover{color:var(--text-color-quaternary);text-decoration:none;background-color:var(--quaternary-color-hover)}.breadcrumbs_quaternary.breadcrumbs_outline:focus{outline:2px solid var(--quaternary-color-hover);outline-offset:2px}.breadcrumbs_quaternary.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{color:var(--text-color);background-color:transparent;--breadcrumbs-glass-bg: var(--clear-glass-background);--breadcrumbs-glass-hover-bg: var(--clear-glass-background-hover);--breadcrumbs-glass-border: var(--clear-glass-border);--breadcrumbs-glass-text: var(--text-color)}.breadcrumbs_clear:focus{outline:2px solid var(--border-color);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_clear.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_clear.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--border-color)}@media(max-width:479.98px){.breadcrumbs_clear.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_clear.breadcrumbs_outline:hover{color:var(--link-hover-color);text-decoration:none;background-color:#0003}.breadcrumbs_clear.breadcrumbs_outline:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:2px}.breadcrumbs_clear.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_clear{box-shadow:none}.breadcrumbs_success{color:var(--success-text-color);background-color:var(--success-color);--breadcrumbs-glass-bg: var(--success-glass-background);--breadcrumbs-glass-hover-bg: var(--success-glass-background-hover);--breadcrumbs-glass-border: var(--success-glass-border);--breadcrumbs-glass-text: var(--success-text-color)}.breadcrumbs_success:hover{background-color:var(--success-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_success:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_success:focus{outline:2px solid var(--success-color);outline-offset:2px}.breadcrumbs_success.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_success.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_success.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--success-color)}@media(max-width:479.98px){.breadcrumbs_success.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_success.breadcrumbs_outline:hover{color:var(--success-text-color);background-color:var(--success-color-hover)}.breadcrumbs_success.breadcrumbs_outline:focus{outline:2px solid var(--success-color-hover);outline-offset:2px}.breadcrumbs_success.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_error{color:var(--error-text-color);background-color:var(--error-color);--breadcrumbs-glass-bg: var(--error-glass-background);--breadcrumbs-glass-hover-bg: var(--error-glass-background-hover);--breadcrumbs-glass-border: var(--error-glass-border);--breadcrumbs-glass-text: var(--error-text-color)}.breadcrumbs_error:hover{background-color:var(--error-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_error:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_error:focus{outline:2px solid var(--error-color);outline-offset:2px}.breadcrumbs_error.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_error.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_error.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--error-color)}@media(max-width:479.98px){.breadcrumbs_error.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_error.breadcrumbs_outline:hover{color:var(--error-text-color);background-color:var(--error-color-hover)}.breadcrumbs_error.breadcrumbs_outline:focus{outline:2px solid var(--error-color-hover);outline-offset:2px}.breadcrumbs_error.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_warning{color:var(--warning-text-color);background-color:var(--warning-color);--breadcrumbs-glass-bg: var(--warning-glass-background);--breadcrumbs-glass-hover-bg: var(--warning-glass-background-hover);--breadcrumbs-glass-border: var(--warning-glass-border);--breadcrumbs-glass-text: var(--warning-text-color)}.breadcrumbs_warning:hover{background-color:var(--warning-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_warning:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_warning:focus{outline:2px solid var(--warning-color);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_warning.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_warning.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--warning-color)}@media(max-width:479.98px){.breadcrumbs_warning.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_warning.breadcrumbs_outline:hover{color:var(--warning-text-color);background-color:var(--warning-color-hover)}.breadcrumbs_warning.breadcrumbs_outline:focus{outline:2px solid var(--warning-color-hover);outline-offset:2px}.breadcrumbs_warning.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_info{color:var(--info-text-color);background-color:var(--info-color);--breadcrumbs-glass-bg: var(--info-glass-background);--breadcrumbs-glass-hover-bg: var(--info-glass-background-hover);--breadcrumbs-glass-border: var(--info-glass-border);--breadcrumbs-glass-text: var(--info-text-color)}.breadcrumbs_info:hover{background-color:var(--info-color-hover);transform:translateY(-2px);box-shadow:var(--box-shadow-heavy)}@media(max-width:479.98px){.breadcrumbs_info:hover{transform:translateY(-1px);box-shadow:var(--box-shadow-medium)}}.breadcrumbs_info:focus{outline:2px solid var(--info-color);outline-offset:2px}.breadcrumbs_info.breadcrumbs_glass{background-color:transparent;background:var(--breadcrumbs-glass-bg);border:1px solid var(--breadcrumbs-glass-border);color:inherit}.breadcrumbs_info.breadcrumbs_glass:hover{background-color:transparent;background:var(--breadcrumbs-glass-hover-bg)}.breadcrumbs_info.breadcrumbs_outline{color:inherit;background-color:transparent;border:2px solid var(--info-color)}@media(max-width:479.98px){.breadcrumbs_info.breadcrumbs_outline{border-width:1.5px}}.breadcrumbs_info.breadcrumbs_outline:hover{color:var(--info-text-color);background-color:var(--info-color-hover)}.breadcrumbs_info.breadcrumbs_outline:focus{outline:2px solid var(--info-color-hover);outline-offset:2px}.breadcrumbs_info.breadcrumbs_outline.breadcrumbs_glass{background:transparent;border:1px solid var(--breadcrumbs-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:inherit}.breadcrumbs_xs{font-size:var(--font-size-caption)}@media(max-width:479.98px){.breadcrumbs_xs{font-size:var(--font-size-xxs)}}@media(min-width:1024px){.breadcrumbs_xs{font-size:var(--font-size-label)}}.breadcrumbs_small{font-size:var(--font-size-label)}@media(max-width:479.98px){.breadcrumbs_small{font-size:var(--font-size-caption)}}@media(min-width:1024px){.breadcrumbs_small{font-size:var(--font-size-body-sm)}}.breadcrumbs_medium{font-size:var(--font-size-body-sm)}@media(max-width:479.98px){.breadcrumbs_medium{font-size:var(--font-size-label)}}@media(min-width:1024px){.breadcrumbs_medium{font-size:var(--font-size-body)}}.breadcrumbs_large{font-size:var(--font-size-body)}@media(max-width:479.98px){.breadcrumbs_large{font-size:var(--font-size-body-sm)}}@media(min-width:1024px){.breadcrumbs_large{font-size:var(--font-size-h6)}}.breadcrumbs_xl{font-size:var(--font-size-h6)}@media(max-width:479.98px){.breadcrumbs_xl{font-size:var(--font-size-body)}}@media(min-width:1024px){.breadcrumbs_xl{font-size:var(--font-size-h5)}}.breadcrumbs_list{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:0;margin:0;list-style:none;flex-wrap:nowrap}@media(max-width:479.98px){.breadcrumbs_list{gap:var(--spacing-xxs)}}@media(min-width:1024px){.breadcrumbs_list{gap:var(--spacing-sm)}}.breadcrumbs_item{display:flex;align-items:center;justify-content:center;white-space:nowrap;color:inherit;transition:color var(--transition-default),opacity var(--transition-default),transform var(--transition-default),box-shadow var(--transition-default)}.breadcrumbs_item_animate{animation:fade-in .3s ease-in-out}.breadcrumbs_item_active{font-weight:var(--font-weight-semibold);color:var(--disabled-color)}.breadcrumbs_link{text-decoration:none;color:inherit;font:inherit}.breadcrumbs_link_label{display:inline-block;line-height:inherit;letter-spacing:inherit}.breadcrumbs_link:hover .breadcrumbs_link_label{text-decoration:none;opacity:.8}.breadcrumbs_current{font-weight:var(--font-weight-bold);color:var(--disabled-color)}.breadcrumbs_separator{display:inline-grid;place-items:center;align-self:center;width:1em;height:1em;padding:0;margin:0;color:currentcolor;line-height:1;flex:0 0 auto}.breadcrumbs_separator svg{display:block;width:.85em;height:.85em}@media(max-width:479.98px){.breadcrumbs_separator{width:.9em;height:.9em}.breadcrumbs_separator svg{width:.75em;height:.75em}}@media(min-width:1024px){.breadcrumbs_separator{width:1.05em;height:1.05em}.breadcrumbs_separator svg{width:.9em;height:.9em}}.breadcrumbs_disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.breadcrumbs,.breadcrumbs_item{transition:none}.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(hover:none){.breadcrumbs:hover,.breadcrumbs_item:hover{transform:none;box-shadow:none}}@media(forced-colors:active){.breadcrumbs{border:1px solid ButtonText;outline-color:Highlight}.breadcrumbs_glass{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
|