@vireo-ai/trellis-ui 0.1.27 → 0.1.30
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/package.json +7 -2
- package/packages/client/src/components/checkbox/styles.css +7 -0
- package/packages/client/src/components/field/styles.css +71 -0
- package/packages/client/src/components/file-upload/styles.css +68 -0
- package/packages/client/src/components/radio/styles.css +2 -8
- package/packages/client/src/components/tabs/styles.css +73 -0
- package/packages/client/src/components/toast/styles.css +123 -0
- package/packages/client/src/styles/components.css +15 -4
- package/packages/client/src/styles/generated/theme-fonts.css +1 -1
- package/packages/client/src/styles/generated/theme-palette.css +77 -1462
- package/packages/client/src/styles/generated/theme-runtime.css +1 -1390
- package/packages/client/src/styles/generated-sources.css +1 -1
- package/packages/client/src/styles/recipes/action.css +175 -0
- package/packages/client/src/styles/recipes/disabled.css +16 -0
- package/packages/client/src/styles/recipes/option.css +123 -0
- package/packages/client/src/styles/recipes/selection.css +78 -0
- package/packages/client/src/styles/theme.css +45 -719
- package/packages/client/types/assets/full-runtime.generated.d.ts +1 -1
- package/packages/client/types/capabilities/motion.entry.generated.d.ts +3 -0
- package/packages/client/types/capabilities/resizable.entry.generated.d.ts +3 -0
- package/packages/client/types/capabilities/sortable.entry.generated.d.ts +3 -0
- package/packages/client/types/component-api.d.ts +10 -10
- package/packages/client/types/components/accordion/index.d.ts +7 -4
- package/packages/client/types/components/accordion/machine.d.ts +51 -57
- package/packages/client/types/components/card/contract.d.ts +5 -2
- package/packages/client/types/components/checkbox/contract.d.ts +17 -7
- package/packages/client/types/components/common.d.ts +6 -1
- package/packages/client/types/components/date-picker/index.d.ts +7 -4
- package/packages/client/types/components/date-picker/machine.d.ts +46 -362
- package/packages/client/types/components/dropdown/index.d.ts +7 -4
- package/packages/client/types/components/dropdown/machine.d.ts +5 -67
- package/packages/client/types/components/field/index.d.ts +1 -2
- package/packages/client/types/components/file-upload/index.d.ts +7 -4
- package/packages/client/types/components/file-upload/machine.d.ts +17 -39
- package/packages/client/types/components/input/index.d.ts +1 -2
- package/packages/client/types/components/modal/index.d.ts +6 -2
- package/packages/client/types/components/modal/machine.d.ts +5 -103
- package/packages/client/types/components/panels/index.d.ts +6 -2
- package/packages/client/types/components/panels/machine.d.ts +59 -81
- package/packages/client/types/components/radio/contract.d.ts +12 -4
- package/packages/client/types/components/runtime.d.ts +10 -10
- package/packages/client/types/components/scroll-area/index.d.ts +1 -2
- package/packages/client/types/components/select/index.d.ts +7 -4
- package/packages/client/types/components/select/machine.d.ts +37 -331
- package/packages/client/types/components/sidebar/index.d.ts +6 -2
- package/packages/client/types/components/sidebar/machine.d.ts +11 -47
- package/packages/client/types/components/slider/index.d.ts +1 -2
- package/packages/client/types/components/switch/index.d.ts +1 -2
- package/packages/client/types/components/tabs/contract.d.ts +6 -2
- package/packages/client/types/components/tabs/index.d.ts +7 -4
- package/packages/client/types/components/tabs/machine.d.ts +11 -29
- package/packages/client/types/components/toast/index.d.ts +6 -2
- package/packages/client/types/components/toast/machine.d.ts +7 -66
- package/packages/client/types/core.d.ts +2 -2
- package/packages/client/types/runtime/alpine-data.d.ts +6 -0
- package/packages/client/types/runtime/alpine-machine.d.ts +3 -8
- package/packages/client/types/runtime/engine/request.d.ts +1 -0
- package/packages/client/types/runtime/index.d.ts +7 -3
- package/packages/client/types/runtime/transition-coordinator.d.ts +41 -7
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +638 -3428
- package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +492 -376
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/resizable.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/resizable.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-data-DZ17j0jc.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-data-DZ17j0jc.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-BS13dbK4.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/alpine-machine-BS13dbK4.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-wMoceguq.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-motion-wMoceguq.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-C6LKIbpv.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-resizable-C6LKIbpv.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BurX5yRd.js +3 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BurX5yRd.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{common-DAxHCzB-.js → common-BOd_thC-.js} +2 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{common-DAxHCzB-.js.map → common-BOd_thC-.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-BuKz1uWk.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{core-DjoX4J-6.js.map → core-BuKz1uWk.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/drag-and-drop-BV6kB47L.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/drag-and-drop-BV6kB47L.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-9sxiaVVI.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-9sxiaVVI.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BehM6Hle.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BehM6Hle.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BhPEF6oz.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-xcXw-cEl.js.map → entry.generated-BhPEF6oz.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BqOi_tIN.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BqOi_tIN.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BuXeU4zt.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BuXeU4zt.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C-MH09sf.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C-MH09sf.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3h9Czzn.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C3h9Czzn.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C5Bueyfb.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C5Bueyfb.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CCka3fIO.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CCka3fIO.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CSxEK8G9.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CSxEK8G9.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CoJxfxlc.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CoJxfxlc.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D6cdmqiV.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D6cdmqiV.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DBSwLHmm.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DBSwLHmm.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DEiL4FhC.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DEiL4FhC.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DRqap77P.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DRqap77P.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dzw2Rg5F.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dzw2Rg5F.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-EtCfrZfr.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-EtCfrZfr.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-cMueWbY7.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-cMueWbY7.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-Dqut4h89.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-Dqut4h89.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-BRaHJwNf.js +3 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-BRaHJwNf.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/semantic-observer-BUswpsNx.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{semantic-observer-9VxzbQBi.js.map → semantic-observer-BUswpsNx.js.map} +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/stream-pMBGbBZH.js +4 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/stream-pMBGbBZH.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-H3t7UHMs.js +2 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-H3t7UHMs.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/field.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/file-upload.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +2 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js.map +1 -0
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/input.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/radio.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/scroll-area.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/slider.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/switch.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/table.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/core.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +232 -127
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +9 -9
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +9 -9
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-DjoX4J-6.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-5kNpQFGr.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-5kNpQFGr.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B85L90Qp.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B85L90Qp.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BGCM6LAW.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BGCM6LAW.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bc-uE56r.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Bc-uE56r.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C6ldtrmy.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-C6ldtrmy.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CPWoMIwn.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CPWoMIwn.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Co0bLLZE.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Co0bLLZE.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CtyXH8zf.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CtyXH8zf.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DGrOItIx.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DGrOItIx.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DHMRhcYF.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DHMRhcYF.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DgmqZx_W.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DgmqZx_W.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DoOgk6l4.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DoOgk6l4.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DxUOcPkU.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DxUOcPkU.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DyIjCOhT.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DyIjCOhT.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DzG9Lai4.js +0 -3
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-DzG9Lai4.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-K6qKowpw.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-K6qKowpw.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-oAIExc1V.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-oAIExc1V.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-wHjTggCn.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-xcXw-cEl.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-CX3wFSoV.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/machine-CX3wFSoV.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-Bpttk6iZ.js +0 -3
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/motion-Bpttk6iZ.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/resizable-BixtYF9M.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/resizable-BixtYF9M.js.map +0 -1
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/semantic-observer-9VxzbQBi.js +0 -2
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-xTjuF3uC.js +0 -4
- package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-xTjuF3uC.js.map +0 -1
|
@@ -8,6 +8,11 @@
|
|
|
8
8
|
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
9
9
|
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
10
10
|
--spacing: 0.25rem;
|
|
11
|
+
--breakpoint-sm: 640px;
|
|
12
|
+
--breakpoint-md: 768px;
|
|
13
|
+
--breakpoint-lg: 1024px;
|
|
14
|
+
--breakpoint-xl: 1280px;
|
|
15
|
+
--breakpoint-2xl: 1536px;
|
|
11
16
|
--container-xs: 320px;
|
|
12
17
|
--container-sm: 384px;
|
|
13
18
|
--container-md: 448px;
|
|
@@ -459,8 +464,6 @@
|
|
|
459
464
|
--color-interaction-pressed: transparent;
|
|
460
465
|
--color-interaction-selected: transparent;
|
|
461
466
|
--color-interaction-selected-hover: transparent;
|
|
462
|
-
--color-interaction-edge-selected: transparent;
|
|
463
|
-
--color-interaction-edge-selected-hover: transparent;
|
|
464
467
|
--color-interaction-disabled: transparent;
|
|
465
468
|
--color-interaction-disabled-edge: transparent;
|
|
466
469
|
--color-interaction-disabled-ink: transparent;
|
|
@@ -3440,9 +3443,6 @@
|
|
|
3440
3443
|
.px-sidebar-header-padding-inline {
|
|
3441
3444
|
padding-inline: var(--spacing-sidebar-header-padding-inline);
|
|
3442
3445
|
}
|
|
3443
|
-
.py-0 {
|
|
3444
|
-
padding-block: var(--spacing-0);
|
|
3445
|
-
}
|
|
3446
3446
|
.py-0\.5 {
|
|
3447
3447
|
padding-block: var(--spacing-0\.5);
|
|
3448
3448
|
}
|
|
@@ -4083,8 +4083,8 @@
|
|
|
4083
4083
|
.opacity-75 {
|
|
4084
4084
|
opacity: 75%;
|
|
4085
4085
|
}
|
|
4086
|
-
.shadow-\[
|
|
4087
|
-
--tw-shadow:
|
|
4086
|
+
.shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge\)\] {
|
|
4087
|
+
--tw-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
|
|
4088
4088
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4089
4089
|
}
|
|
4090
4090
|
.shadow-elevation-0 {
|
|
@@ -4305,6 +4305,9 @@
|
|
|
4305
4305
|
-webkit-user-select: none;
|
|
4306
4306
|
user-select: none;
|
|
4307
4307
|
}
|
|
4308
|
+
.\[--ui-interaction-rest-edge\:var\(--ui-surface-edge\)\] {
|
|
4309
|
+
--ui-interaction-rest-edge: var(--ui-surface-edge);
|
|
4310
|
+
}
|
|
4308
4311
|
.\[--ui-sidebar-drawer-elevation\:var\(--shadow-elevation-0\)\] {
|
|
4309
4312
|
--ui-sidebar-drawer-elevation: var(--shadow-elevation-0);
|
|
4310
4313
|
}
|
|
@@ -4526,14 +4529,6 @@
|
|
|
4526
4529
|
}
|
|
4527
4530
|
}
|
|
4528
4531
|
}
|
|
4529
|
-
.hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge-hover\)\] {
|
|
4530
|
-
&:hover {
|
|
4531
|
-
@media (hover: hover) {
|
|
4532
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-hover);
|
|
4533
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4534
|
-
}
|
|
4535
|
-
}
|
|
4536
|
-
}
|
|
4537
4532
|
.focus-visible\:bg-intent-neutral-edge-hover {
|
|
4538
4533
|
&:focus-visible {
|
|
4539
4534
|
background-color: var(--color-intent-neutral-edge-hover);
|
|
@@ -4554,12 +4549,6 @@
|
|
|
4554
4549
|
background-color: var(--color-interaction-pressed);
|
|
4555
4550
|
}
|
|
4556
4551
|
}
|
|
4557
|
-
.active\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--ui-surface-edge-strong\)\] {
|
|
4558
|
-
&:active {
|
|
4559
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge-strong);
|
|
4560
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4561
|
-
}
|
|
4562
|
-
}
|
|
4563
4552
|
.has-\[\:focus-visible\]\:ui-focus-ring {
|
|
4564
4553
|
&:has(*:is(:focus-visible)) {
|
|
4565
4554
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
@@ -4595,41 +4584,11 @@
|
|
|
4595
4584
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4596
4585
|
}
|
|
4597
4586
|
}
|
|
4598
|
-
.data-checked\:bg-interaction-selected {
|
|
4599
|
-
&[data-checked] {
|
|
4600
|
-
background-color: var(--color-interaction-selected);
|
|
4601
|
-
}
|
|
4602
|
-
}
|
|
4603
4587
|
.data-checked\:opacity-100 {
|
|
4604
4588
|
&[data-checked] {
|
|
4605
4589
|
opacity: 100%;
|
|
4606
4590
|
}
|
|
4607
4591
|
}
|
|
4608
|
-
.data-checked\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected\)\] {
|
|
4609
|
-
&[data-checked] {
|
|
4610
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected);
|
|
4611
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4612
|
-
}
|
|
4613
|
-
}
|
|
4614
|
-
.data-checked\:hover\:bg-interaction-selected-hover {
|
|
4615
|
-
&[data-checked] {
|
|
4616
|
-
&:hover {
|
|
4617
|
-
@media (hover: hover) {
|
|
4618
|
-
background-color: var(--color-interaction-selected-hover);
|
|
4619
|
-
}
|
|
4620
|
-
}
|
|
4621
|
-
}
|
|
4622
|
-
}
|
|
4623
|
-
.data-checked\:hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected-hover\)\] {
|
|
4624
|
-
&[data-checked] {
|
|
4625
|
-
&:hover {
|
|
4626
|
-
@media (hover: hover) {
|
|
4627
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected-hover);
|
|
4628
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4629
|
-
}
|
|
4630
|
-
}
|
|
4631
|
-
}
|
|
4632
|
-
}
|
|
4633
4592
|
.data-current\:border-transparent {
|
|
4634
4593
|
&[data-current] {
|
|
4635
4594
|
border-color: transparent;
|
|
@@ -4666,52 +4625,22 @@
|
|
|
4666
4625
|
background-color: var(--ui-surface-edge-hover);
|
|
4667
4626
|
}
|
|
4668
4627
|
}
|
|
4669
|
-
.data-indeterminate\:bg-interaction-selected {
|
|
4670
|
-
&[data-indeterminate] {
|
|
4671
|
-
background-color: var(--color-interaction-selected);
|
|
4672
|
-
}
|
|
4673
|
-
}
|
|
4674
4628
|
.data-indeterminate\:opacity-100 {
|
|
4675
4629
|
&[data-indeterminate] {
|
|
4676
4630
|
opacity: 100%;
|
|
4677
4631
|
}
|
|
4678
4632
|
}
|
|
4679
|
-
.data-
|
|
4680
|
-
&[data-indeterminate] {
|
|
4681
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected);
|
|
4682
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4683
|
-
}
|
|
4684
|
-
}
|
|
4685
|
-
.data-indeterminate\:hover\:bg-interaction-selected-hover {
|
|
4686
|
-
&[data-indeterminate] {
|
|
4687
|
-
&:hover {
|
|
4688
|
-
@media (hover: hover) {
|
|
4689
|
-
background-color: var(--color-interaction-selected-hover);
|
|
4690
|
-
}
|
|
4691
|
-
}
|
|
4692
|
-
}
|
|
4693
|
-
}
|
|
4694
|
-
.data-indeterminate\:hover\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-interaction-edge-selected-hover\)\] {
|
|
4695
|
-
&[data-indeterminate] {
|
|
4696
|
-
&:hover {
|
|
4697
|
-
@media (hover: hover) {
|
|
4698
|
-
--tw-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-interaction-edge-selected-hover);
|
|
4699
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4700
|
-
}
|
|
4701
|
-
}
|
|
4702
|
-
}
|
|
4703
|
-
}
|
|
4704
|
-
.data-invalid\:shadow-\[inset_0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge\)\] {
|
|
4633
|
+
.data-invalid\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge\)\] {
|
|
4705
4634
|
&[data-invalid] {
|
|
4706
|
-
--tw-shadow:
|
|
4635
|
+
--tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge);
|
|
4707
4636
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4708
4637
|
}
|
|
4709
4638
|
}
|
|
4710
|
-
.data-invalid\:hover\:shadow-\[
|
|
4639
|
+
.data-invalid\:hover\:shadow-\[0_0_0_var\(--border-width-edge-control\)_var\(--color-intent-danger-edge-hover\)\] {
|
|
4711
4640
|
&[data-invalid] {
|
|
4712
4641
|
&:hover {
|
|
4713
4642
|
@media (hover: hover) {
|
|
4714
|
-
--tw-shadow:
|
|
4643
|
+
--tw-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-danger-edge-hover);
|
|
4715
4644
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4716
4645
|
}
|
|
4717
4646
|
}
|
|
@@ -5097,11 +5026,6 @@
|
|
|
5097
5026
|
}
|
|
5098
5027
|
}
|
|
5099
5028
|
}
|
|
5100
|
-
.\[\&_\[data-ui-checkbox-icon\]\]\:mt-0 {
|
|
5101
|
-
& [data-ui-checkbox-icon] {
|
|
5102
|
-
margin-top: var(--spacing-0);
|
|
5103
|
-
}
|
|
5104
|
-
}
|
|
5105
5029
|
.\[\&_\[data-ui-checkbox-indicator\]\]\:hidden {
|
|
5106
5030
|
& [data-ui-checkbox-indicator] {
|
|
5107
5031
|
display: none;
|
|
@@ -5506,819 +5430,33 @@
|
|
|
5506
5430
|
}
|
|
5507
5431
|
}
|
|
5508
5432
|
}
|
|
5509
|
-
:root, .light {
|
|
5510
|
-
--breakpoint-sm: 640px;
|
|
5511
|
-
--breakpoint-md: 768px;
|
|
5512
|
-
--breakpoint-lg: 1024px;
|
|
5513
|
-
--breakpoint-xl: 1280px;
|
|
5514
|
-
--breakpoint-2xl: 1536px;
|
|
5515
|
-
--border-width-0: 0px;
|
|
5516
|
-
--border-width-1: 1px;
|
|
5517
|
-
--border-width-2: 2px;
|
|
5518
|
-
--border-width-3: 4px;
|
|
5519
|
-
--border-width-edge-perimeter: var(--border-width-1);
|
|
5520
|
-
--border-width-edge-control: var(--border-width-1);
|
|
5521
|
-
--border-width-edge-separator: var(--border-width-1);
|
|
5522
|
-
--border-width-edge-divider: var(--border-width-1);
|
|
5523
|
-
--radius-1: 1px;
|
|
5524
|
-
--radius-2: 2.5px;
|
|
5525
|
-
--radius-3: 4px;
|
|
5526
|
-
--radius-4: 6px;
|
|
5527
|
-
--radius-5: 8px;
|
|
5528
|
-
--radius-6: 10.5px;
|
|
5529
|
-
--radius-control: var(--radius-3);
|
|
5530
|
-
--radius-control-xs: var(--radius-1);
|
|
5531
|
-
--radius-control-sm: var(--radius-2);
|
|
5532
|
-
--radius-control-md: var(--radius-3);
|
|
5533
|
-
--radius-control-lg: var(--radius-4);
|
|
5534
|
-
--radius-surface: var(--radius-4);
|
|
5535
|
-
--radius-surface-xs: var(--radius-2);
|
|
5536
|
-
--radius-surface-sm: var(--radius-3);
|
|
5537
|
-
--radius-surface-md: var(--radius-4);
|
|
5538
|
-
--radius-surface-lg: var(--radius-5);
|
|
5539
|
-
--radius-overlay: var(--radius-5);
|
|
5540
|
-
--radius-overlay-xs: var(--radius-3);
|
|
5541
|
-
--radius-overlay-sm: var(--radius-4);
|
|
5542
|
-
--radius-overlay-md: var(--radius-5);
|
|
5543
|
-
--radius-overlay-lg: var(--radius-6);
|
|
5544
|
-
--radius-none: 0px;
|
|
5545
|
-
--radius-full: 9999px;
|
|
5546
|
-
--radius-circle: 50%;
|
|
5547
|
-
--spacing-0: 0px;
|
|
5548
|
-
--spacing-0\.5: 2px;
|
|
5549
|
-
--spacing-1: 4px;
|
|
5550
|
-
--spacing-1\.5: 6px;
|
|
5551
|
-
--spacing-2: 8px;
|
|
5552
|
-
--spacing-2\.5: 10px;
|
|
5553
|
-
--spacing-3: 12px;
|
|
5554
|
-
--spacing-3\.5: 14px;
|
|
5555
|
-
--spacing-4: 16px;
|
|
5556
|
-
--spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
|
|
5557
|
-
--spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
|
|
5558
|
-
--spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
|
|
5559
|
-
--spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
|
|
5560
|
-
--spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
|
|
5561
|
-
--spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
|
|
5562
|
-
--spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
|
|
5563
|
-
--spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
|
|
5564
|
-
--spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
|
|
5565
|
-
--spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
|
|
5566
|
-
--spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
|
|
5567
|
-
--spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
|
|
5568
|
-
--spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
|
|
5569
|
-
--spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
|
|
5570
|
-
--spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
|
|
5571
|
-
--spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
|
|
5572
|
-
--spacing-control-gap: var(--spacing-2);
|
|
5573
|
-
--spacing-control-padding-xs: var(--spacing-2);
|
|
5574
|
-
--spacing-control-padding-sm: var(--spacing-2);
|
|
5575
|
-
--spacing-control-padding-md: var(--spacing-3);
|
|
5576
|
-
--spacing-control-padding-lg: var(--spacing-3);
|
|
5577
|
-
--spacing-control-padding-xlg: var(--spacing-4);
|
|
5578
|
-
--spacing-badge-padding-xs: var(--spacing-1\.5);
|
|
5579
|
-
--spacing-badge-padding-sm: var(--spacing-2);
|
|
5580
|
-
--spacing-badge-padding-md: var(--spacing-2\.5);
|
|
5581
|
-
--spacing-badge-padding-lg: var(--spacing-3);
|
|
5582
|
-
--spacing-badge-padding-xlg: var(--spacing-4);
|
|
5583
|
-
--spacing-popover-padding: var(--spacing-1\.5);
|
|
5584
|
-
--spacing-menu-item-padding-inline: var(--spacing-2\.5);
|
|
5585
|
-
--spacing-app-region-gap: var(--spacing-2);
|
|
5586
|
-
--spacing-app-region-padding-inline: var(--spacing-4);
|
|
5587
|
-
--spacing-app-region-padding-block: var(--spacing-3);
|
|
5588
|
-
--spacing-sidebar-header-gap: var(--spacing-2);
|
|
5589
|
-
--spacing-sidebar-header-padding-inline: var(--spacing-3);
|
|
5590
|
-
--spacing-sidebar-header-padding-block: var(--spacing-2);
|
|
5591
|
-
--spacing-sidebar-content-gap: var(--spacing-1);
|
|
5592
|
-
--spacing-sidebar-content-padding-inline: var(--spacing-2);
|
|
5593
|
-
--spacing-sidebar-content-padding-block: var(--spacing-2);
|
|
5594
|
-
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
5595
|
-
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
5596
|
-
--text-1: 12px;
|
|
5597
|
-
--text-1--line-height: 16px;
|
|
5598
|
-
--text-1--letter-spacing: 0em;
|
|
5599
|
-
--leading-type-1: var(--text-1--line-height);
|
|
5600
|
-
--tracking-type-1: var(--text-1--letter-spacing);
|
|
5601
|
-
--text-xs: var(--text-1);
|
|
5602
|
-
--text-xs--line-height: var(--text-1--line-height);
|
|
5603
|
-
--text-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
5604
|
-
--text-2: 14px;
|
|
5605
|
-
--text-2--line-height: 20px;
|
|
5606
|
-
--text-2--letter-spacing: 0em;
|
|
5607
|
-
--leading-type-2: var(--text-2--line-height);
|
|
5608
|
-
--tracking-type-2: var(--text-2--letter-spacing);
|
|
5609
|
-
--text-sm: var(--text-2);
|
|
5610
|
-
--text-sm--line-height: var(--text-2--line-height);
|
|
5611
|
-
--text-sm--letter-spacing: var(--text-2--letter-spacing);
|
|
5612
|
-
--text-3: 16px;
|
|
5613
|
-
--text-3--line-height: 24px;
|
|
5614
|
-
--text-3--letter-spacing: 0em;
|
|
5615
|
-
--leading-type-3: var(--text-3--line-height);
|
|
5616
|
-
--tracking-type-3: var(--text-3--letter-spacing);
|
|
5617
|
-
--text-base: var(--text-3);
|
|
5618
|
-
--text-base--line-height: var(--text-3--line-height);
|
|
5619
|
-
--text-base--letter-spacing: var(--text-3--letter-spacing);
|
|
5620
|
-
--text-4: 18px;
|
|
5621
|
-
--text-4--line-height: 26px;
|
|
5622
|
-
--text-4--letter-spacing: 0em;
|
|
5623
|
-
--leading-type-4: var(--text-4--line-height);
|
|
5624
|
-
--tracking-type-4: var(--text-4--letter-spacing);
|
|
5625
|
-
--text-lg: var(--text-4);
|
|
5626
|
-
--text-lg--line-height: var(--text-4--line-height);
|
|
5627
|
-
--text-lg--letter-spacing: var(--text-4--letter-spacing);
|
|
5628
|
-
--text-5: 20px;
|
|
5629
|
-
--text-5--line-height: 28px;
|
|
5630
|
-
--text-5--letter-spacing: 0em;
|
|
5631
|
-
--leading-type-5: var(--text-5--line-height);
|
|
5632
|
-
--tracking-type-5: var(--text-5--letter-spacing);
|
|
5633
|
-
--text-xl: var(--text-5);
|
|
5634
|
-
--text-xl--line-height: var(--text-5--line-height);
|
|
5635
|
-
--text-xl--letter-spacing: var(--text-5--letter-spacing);
|
|
5636
|
-
--text-6: 30px;
|
|
5637
|
-
--text-6--line-height: 38px;
|
|
5638
|
-
--text-6--letter-spacing: -0.01em;
|
|
5639
|
-
--leading-type-6: var(--text-6--line-height);
|
|
5640
|
-
--tracking-type-6: var(--text-6--letter-spacing);
|
|
5641
|
-
--text-2xl: var(--text-6);
|
|
5642
|
-
--text-2xl--line-height: var(--text-6--line-height);
|
|
5643
|
-
--text-2xl--letter-spacing: var(--text-6--letter-spacing);
|
|
5644
|
-
--text-7: 36px;
|
|
5645
|
-
--text-7--line-height: 44px;
|
|
5646
|
-
--text-7--letter-spacing: -0.015em;
|
|
5647
|
-
--leading-type-7: var(--text-7--line-height);
|
|
5648
|
-
--tracking-type-7: var(--text-7--letter-spacing);
|
|
5649
|
-
--text-3xl: var(--text-7);
|
|
5650
|
-
--text-3xl--line-height: var(--text-7--line-height);
|
|
5651
|
-
--text-3xl--letter-spacing: var(--text-7--letter-spacing);
|
|
5652
|
-
--text-8: 48px;
|
|
5653
|
-
--text-8--line-height: 56px;
|
|
5654
|
-
--text-8--letter-spacing: -0.02em;
|
|
5655
|
-
--leading-type-8: var(--text-8--line-height);
|
|
5656
|
-
--tracking-type-8: var(--text-8--letter-spacing);
|
|
5657
|
-
--text-4xl: var(--text-8);
|
|
5658
|
-
--text-4xl--line-height: var(--text-8--line-height);
|
|
5659
|
-
--text-4xl--letter-spacing: var(--text-8--letter-spacing);
|
|
5660
|
-
--text-9: 60px;
|
|
5661
|
-
--text-9--line-height: 64px;
|
|
5662
|
-
--text-9--letter-spacing: -0.025em;
|
|
5663
|
-
--leading-type-9: var(--text-9--line-height);
|
|
5664
|
-
--tracking-type-9: var(--text-9--letter-spacing);
|
|
5665
|
-
--text-5xl: var(--text-9);
|
|
5666
|
-
--text-5xl--line-height: var(--text-9--line-height);
|
|
5667
|
-
--text-5xl--letter-spacing: var(--text-9--letter-spacing);
|
|
5668
|
-
--text-10: 72px;
|
|
5669
|
-
--text-10--line-height: 76px;
|
|
5670
|
-
--text-10--letter-spacing: -0.03em;
|
|
5671
|
-
--leading-type-10: var(--text-10--line-height);
|
|
5672
|
-
--tracking-type-10: var(--text-10--letter-spacing);
|
|
5673
|
-
--text-6xl: var(--text-10);
|
|
5674
|
-
--text-6xl--line-height: var(--text-10--line-height);
|
|
5675
|
-
--text-6xl--letter-spacing: var(--text-10--letter-spacing);
|
|
5676
|
-
--text-11: 84px;
|
|
5677
|
-
--text-11--line-height: 88px;
|
|
5678
|
-
--text-11--letter-spacing: -0.035em;
|
|
5679
|
-
--leading-type-11: var(--text-11--line-height);
|
|
5680
|
-
--tracking-type-11: var(--text-11--letter-spacing);
|
|
5681
|
-
--text-7xl: var(--text-11);
|
|
5682
|
-
--text-7xl--line-height: var(--text-11--line-height);
|
|
5683
|
-
--text-7xl--letter-spacing: var(--text-11--letter-spacing);
|
|
5684
|
-
--text-12: 96px;
|
|
5685
|
-
--text-12--line-height: 100px;
|
|
5686
|
-
--text-12--letter-spacing: -0.04em;
|
|
5687
|
-
--leading-type-12: var(--text-12--line-height);
|
|
5688
|
-
--tracking-type-12: var(--text-12--letter-spacing);
|
|
5689
|
-
--text-8xl: var(--text-12);
|
|
5690
|
-
--text-8xl--line-height: var(--text-12--line-height);
|
|
5691
|
-
--text-8xl--letter-spacing: var(--text-12--letter-spacing);
|
|
5692
|
-
--text-13: 128px;
|
|
5693
|
-
--text-13--line-height: 132px;
|
|
5694
|
-
--text-13--letter-spacing: -0.045em;
|
|
5695
|
-
--leading-type-13: var(--text-13--line-height);
|
|
5696
|
-
--tracking-type-13: var(--text-13--letter-spacing);
|
|
5697
|
-
--text-9xl: var(--text-13);
|
|
5698
|
-
--text-9xl--line-height: var(--text-13--line-height);
|
|
5699
|
-
--text-9xl--letter-spacing: var(--text-13--letter-spacing);
|
|
5700
|
-
--font-weight-normal: 400;
|
|
5701
|
-
--font-weight-medium: 500;
|
|
5702
|
-
--font-weight-semibold: 600;
|
|
5703
|
-
--font-weight-bold: 700;
|
|
5704
|
-
--label-ink-emphasis: 35%;
|
|
5705
|
-
--text-body: var(--text-2);
|
|
5706
|
-
--text-body--line-height: var(--text-2--line-height);
|
|
5707
|
-
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
5708
|
-
--font-body: var(--font-sans);
|
|
5709
|
-
--font-weight-body: var(--font-weight-normal);
|
|
5710
|
-
--text-heading: var(--text-2);
|
|
5711
|
-
--text-heading--line-height: var(--text-2--line-height);
|
|
5712
|
-
--text-heading--letter-spacing: var(--text-2--letter-spacing);
|
|
5713
|
-
--font-heading: var(--font-sans);
|
|
5714
|
-
--font-weight-heading: var(--font-weight-medium);
|
|
5715
|
-
--text-code: var(--text-2);
|
|
5716
|
-
--text-code--line-height: var(--text-2--line-height);
|
|
5717
|
-
--text-code--letter-spacing: var(--text-2--letter-spacing);
|
|
5718
|
-
--font-code: var(--font-mono);
|
|
5719
|
-
--font-weight-code: var(--font-weight-normal);
|
|
5720
|
-
--text-control-xs: var(--text-1);
|
|
5721
|
-
--text-control-xs--line-height: var(--text-1--line-height);
|
|
5722
|
-
--text-control-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
5723
|
-
--font-control: var(--font-sans);
|
|
5724
|
-
--font-weight-control-xs: var(--font-weight-normal);
|
|
5725
|
-
--text-control-sm: var(--text-1);
|
|
5726
|
-
--text-control-sm--line-height: var(--text-1--line-height);
|
|
5727
|
-
--text-control-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
5728
|
-
--font-weight-control-sm: var(--font-weight-normal);
|
|
5729
|
-
--text-control-md: var(--text-2);
|
|
5730
|
-
--text-control-md--line-height: var(--text-2--line-height);
|
|
5731
|
-
--text-control-md--letter-spacing: var(--text-2--letter-spacing);
|
|
5732
|
-
--font-weight-control-md: var(--font-weight-normal);
|
|
5733
|
-
--text-control-lg: var(--text-2);
|
|
5734
|
-
--text-control-lg--line-height: var(--text-2--line-height);
|
|
5735
|
-
--text-control-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
5736
|
-
--font-weight-control-lg: var(--font-weight-normal);
|
|
5737
|
-
--text-control-xlg: var(--text-2);
|
|
5738
|
-
--text-control-xlg--line-height: var(--text-2--line-height);
|
|
5739
|
-
--text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
5740
|
-
--font-weight-control-xlg: var(--font-weight-normal);
|
|
5741
|
-
--text-badge-xs: var(--text-1);
|
|
5742
|
-
--text-badge-xs--line-height: var(--text-1--line-height);
|
|
5743
|
-
--text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
5744
|
-
--font-badge: var(--font-sans);
|
|
5745
|
-
--font-weight-badge-xs: var(--font-weight-medium);
|
|
5746
|
-
--text-badge-sm: var(--text-1);
|
|
5747
|
-
--text-badge-sm--line-height: var(--text-1--line-height);
|
|
5748
|
-
--text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
5749
|
-
--font-weight-badge-sm: var(--font-weight-medium);
|
|
5750
|
-
--text-badge-md: var(--text-2);
|
|
5751
|
-
--text-badge-md--line-height: var(--text-2--line-height);
|
|
5752
|
-
--text-badge-md--letter-spacing: var(--text-2--letter-spacing);
|
|
5753
|
-
--font-weight-badge-md: var(--font-weight-medium);
|
|
5754
|
-
--text-badge-lg: var(--text-2);
|
|
5755
|
-
--text-badge-lg--line-height: var(--text-2--line-height);
|
|
5756
|
-
--text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
5757
|
-
--font-weight-badge-lg: var(--font-weight-medium);
|
|
5758
|
-
--text-badge-xlg: var(--text-2);
|
|
5759
|
-
--text-badge-xlg--line-height: var(--text-2--line-height);
|
|
5760
|
-
--text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
5761
|
-
--font-weight-badge-xlg: var(--font-weight-medium);
|
|
5762
|
-
--text-label: var(--text-2);
|
|
5763
|
-
--text-label--line-height: var(--text-2--line-height);
|
|
5764
|
-
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
5765
|
-
--font-label: var(--font-sans);
|
|
5766
|
-
--font-weight-label: var(--font-weight-normal);
|
|
5767
|
-
--text-description: var(--text-2);
|
|
5768
|
-
--text-description--line-height: var(--text-2--line-height);
|
|
5769
|
-
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
5770
|
-
--font-description: var(--font-sans);
|
|
5771
|
-
--font-weight-description: var(--font-weight-normal);
|
|
5772
|
-
--text-metadata: var(--text-1);
|
|
5773
|
-
--text-metadata--line-height: var(--text-1--line-height);
|
|
5774
|
-
--text-metadata--letter-spacing: var(--text-1--letter-spacing);
|
|
5775
|
-
--font-metadata: var(--font-sans);
|
|
5776
|
-
--font-weight-metadata: var(--font-weight-normal);
|
|
5777
|
-
--text-menu-item: var(--text-2);
|
|
5778
|
-
--text-menu-item--line-height: var(--text-2--line-height);
|
|
5779
|
-
--text-menu-item--letter-spacing: var(--text-2--letter-spacing);
|
|
5780
|
-
--font-menu-item: var(--font-sans);
|
|
5781
|
-
--font-weight-menu-item: var(--font-weight-normal);
|
|
5782
|
-
--spacing-control-xs: 20px;
|
|
5783
|
-
--spacing-control-sm: 24px;
|
|
5784
|
-
--spacing-control-md: 28px;
|
|
5785
|
-
--spacing-control-lg: 32px;
|
|
5786
|
-
--spacing-control-xlg: 36px;
|
|
5787
|
-
--spacing-control-multiline-xs: 32px;
|
|
5788
|
-
--spacing-control-multiline-sm: 36px;
|
|
5789
|
-
--spacing-control-multiline-md: 48px;
|
|
5790
|
-
--spacing-control-multiline-lg: 80px;
|
|
5791
|
-
--spacing-control-multiline-xlg: 96px;
|
|
5792
|
-
--spacing-icon-xs: 12px;
|
|
5793
|
-
--spacing-icon-sm: 14px;
|
|
5794
|
-
--spacing-icon-md: 14px;
|
|
5795
|
-
--spacing-icon-lg: 16px;
|
|
5796
|
-
--spacing-icon-xlg: 20px;
|
|
5797
|
-
--spacing-brand-logo-xs: 16px;
|
|
5798
|
-
--spacing-brand-logo-sm: 20px;
|
|
5799
|
-
--spacing-brand-logo-md: 24px;
|
|
5800
|
-
--spacing-brand-logo-lg: 24px;
|
|
5801
|
-
--spacing-brand-logo-xlg: 32px;
|
|
5802
|
-
--spacing-badge-close-xs: 16px;
|
|
5803
|
-
--spacing-badge-close-sm: 16px;
|
|
5804
|
-
--spacing-badge-close-md: 20px;
|
|
5805
|
-
--spacing-badge-close-lg: 20px;
|
|
5806
|
-
--spacing-badge-close-xlg: 24px;
|
|
5807
|
-
--spacing-checkbox-indicator-xs: 12px;
|
|
5808
|
-
--spacing-checkbox-indicator-sm: 14px;
|
|
5809
|
-
--spacing-checkbox-indicator-md: 16px;
|
|
5810
|
-
--spacing-checkbox-indicator-lg: 16px;
|
|
5811
|
-
--spacing-checkbox-indicator-xlg: 20px;
|
|
5812
|
-
--spacing-radio-indicator-xs: 12px;
|
|
5813
|
-
--spacing-radio-indicator-sm: 14px;
|
|
5814
|
-
--spacing-radio-indicator-md: 16px;
|
|
5815
|
-
--spacing-radio-indicator-lg: 16px;
|
|
5816
|
-
--spacing-radio-indicator-xlg: 20px;
|
|
5817
|
-
--spacing-radio-dot-xs: 4px;
|
|
5818
|
-
--spacing-radio-dot-sm: 6px;
|
|
5819
|
-
--spacing-radio-dot-md: 6px;
|
|
5820
|
-
--spacing-radio-dot-lg: 8px;
|
|
5821
|
-
--spacing-radio-dot-xlg: 10px;
|
|
5822
|
-
--spacing-switch-track-width-xs: 24px;
|
|
5823
|
-
--spacing-switch-track-width-sm: 28px;
|
|
5824
|
-
--spacing-switch-track-width-md: 36px;
|
|
5825
|
-
--spacing-switch-track-width-lg: 44px;
|
|
5826
|
-
--spacing-switch-track-width-xlg: 56px;
|
|
5827
|
-
--spacing-switch-track-height-xs: 14px;
|
|
5828
|
-
--spacing-switch-track-height-sm: 16px;
|
|
5829
|
-
--spacing-switch-track-height-md: 20px;
|
|
5830
|
-
--spacing-switch-track-height-lg: 24px;
|
|
5831
|
-
--spacing-switch-track-height-xlg: 28px;
|
|
5832
|
-
--spacing-switch-thumb-xs: 10px;
|
|
5833
|
-
--spacing-switch-thumb-sm: 12px;
|
|
5834
|
-
--spacing-switch-thumb-md: 16px;
|
|
5835
|
-
--spacing-switch-thumb-lg: 20px;
|
|
5836
|
-
--spacing-switch-thumb-xlg: 24px;
|
|
5837
|
-
--spacing-switch-inset: 2px;
|
|
5838
|
-
--spacing-switch-travel-xs: 10px;
|
|
5839
|
-
--spacing-switch-travel-sm: 12px;
|
|
5840
|
-
--spacing-switch-travel-md: 16px;
|
|
5841
|
-
--spacing-switch-travel-lg: 20px;
|
|
5842
|
-
--spacing-switch-travel-xlg: 28px;
|
|
5843
|
-
--spacing-slider-track-xs: 4px;
|
|
5844
|
-
--spacing-slider-track-sm: 4px;
|
|
5845
|
-
--spacing-slider-track-md: 6px;
|
|
5846
|
-
--spacing-slider-track-lg: 6px;
|
|
5847
|
-
--spacing-slider-track-xlg: 8px;
|
|
5848
|
-
--spacing-slider-thumb-xs: 12px;
|
|
5849
|
-
--spacing-slider-thumb-sm: 14px;
|
|
5850
|
-
--spacing-slider-thumb-md: 16px;
|
|
5851
|
-
--spacing-slider-thumb-lg: 18px;
|
|
5852
|
-
--spacing-slider-thumb-xlg: 20px;
|
|
5853
|
-
--spacing-scrollbar: 6px;
|
|
5854
|
-
--spacing-scrollbar-inset: 2px;
|
|
5855
|
-
--spacing-menu-item: var(--spacing-control-lg);
|
|
5856
|
-
--spacing-select-listbox: 256px;
|
|
5857
|
-
--spacing-panel-collapsed: 48px;
|
|
5858
|
-
--spacing-panel-resize-handle: 8px;
|
|
5859
|
-
--spacing-panel-resize-handle-coarse: 24px;
|
|
5860
|
-
--spacing-sidebar-width: 256px;
|
|
5861
|
-
--spacing-sidebar-drawer-width: 288px;
|
|
5862
|
-
--spacing-sidebar-min-width: 192px;
|
|
5863
|
-
--spacing-sidebar-max-width: 448px;
|
|
5864
|
-
--spacing-sidebar-min-height: 48px;
|
|
5865
|
-
--spacing-sidebar-max-height: 288px;
|
|
5866
|
-
--container-xs: 320px;
|
|
5867
|
-
--container-sm: 384px;
|
|
5868
|
-
--container-md: 448px;
|
|
5869
|
-
--container-lg: 512px;
|
|
5870
|
-
--container-xl: 576px;
|
|
5871
|
-
--container-2xl: 672px;
|
|
5872
|
-
--container-3xl: 768px;
|
|
5873
|
-
--container-4xl: 896px;
|
|
5874
|
-
--container-5xl: 1024px;
|
|
5875
|
-
--container-6xl: 1152px;
|
|
5876
|
-
--container-7xl: 1280px;
|
|
5877
|
-
--container-modal-sm: 384px;
|
|
5878
|
-
--container-modal-md: 512px;
|
|
5879
|
-
--container-modal-lg: 672px;
|
|
5880
|
-
--container-modal-xl: 896px;
|
|
5881
|
-
--spacing-panel-1-min: 160px;
|
|
5882
|
-
--spacing-panel-1: 192px;
|
|
5883
|
-
--spacing-panel-1-max: 240px;
|
|
5884
|
-
--spacing-panel-2-min: 192px;
|
|
5885
|
-
--spacing-panel-2: 240px;
|
|
5886
|
-
--spacing-panel-2-max: 288px;
|
|
5887
|
-
--spacing-panel-3-min: 240px;
|
|
5888
|
-
--spacing-panel-3: 320px;
|
|
5889
|
-
--spacing-panel-3-max: 384px;
|
|
5890
|
-
--spacing-panel-4-min: 288px;
|
|
5891
|
-
--spacing-panel-4: 384px;
|
|
5892
|
-
--spacing-panel-4-max: 480px;
|
|
5893
|
-
--spacing-panel-5-min: 320px;
|
|
5894
|
-
--spacing-panel-5: 480px;
|
|
5895
|
-
--spacing-panel-5-max: 640px;
|
|
5896
|
-
--spacing-panel-6-min: 384px;
|
|
5897
|
-
--spacing-panel-6: 640px;
|
|
5898
|
-
--spacing-panel-6-max: 768px;
|
|
5899
|
-
--spacing-icon: var(--spacing-icon-md);
|
|
5900
|
-
--container-prose: 65ch;
|
|
5901
|
-
}
|
|
5902
|
-
.dark {
|
|
5903
|
-
--breakpoint-sm: 640px;
|
|
5904
|
-
--breakpoint-md: 768px;
|
|
5905
|
-
--breakpoint-lg: 1024px;
|
|
5906
|
-
--breakpoint-xl: 1280px;
|
|
5907
|
-
--breakpoint-2xl: 1536px;
|
|
5908
|
-
--border-width-0: 0px;
|
|
5909
|
-
--border-width-1: 1px;
|
|
5910
|
-
--border-width-2: 2px;
|
|
5911
|
-
--border-width-3: 4px;
|
|
5912
|
-
--border-width-edge-perimeter: var(--border-width-1);
|
|
5913
|
-
--border-width-edge-control: var(--border-width-1);
|
|
5914
|
-
--border-width-edge-separator: var(--border-width-1);
|
|
5915
|
-
--border-width-edge-divider: var(--border-width-1);
|
|
5916
|
-
--radius-1: 1px;
|
|
5917
|
-
--radius-2: 2.5px;
|
|
5918
|
-
--radius-3: 4px;
|
|
5919
|
-
--radius-4: 6px;
|
|
5920
|
-
--radius-5: 8px;
|
|
5921
|
-
--radius-6: 10.5px;
|
|
5922
|
-
--radius-control: var(--radius-3);
|
|
5923
|
-
--radius-control-xs: var(--radius-1);
|
|
5924
|
-
--radius-control-sm: var(--radius-2);
|
|
5925
|
-
--radius-control-md: var(--radius-3);
|
|
5926
|
-
--radius-control-lg: var(--radius-4);
|
|
5927
|
-
--radius-surface: var(--radius-4);
|
|
5928
|
-
--radius-surface-xs: var(--radius-2);
|
|
5929
|
-
--radius-surface-sm: var(--radius-3);
|
|
5930
|
-
--radius-surface-md: var(--radius-4);
|
|
5931
|
-
--radius-surface-lg: var(--radius-5);
|
|
5932
|
-
--radius-overlay: var(--radius-5);
|
|
5933
|
-
--radius-overlay-xs: var(--radius-3);
|
|
5934
|
-
--radius-overlay-sm: var(--radius-4);
|
|
5935
|
-
--radius-overlay-md: var(--radius-5);
|
|
5936
|
-
--radius-overlay-lg: var(--radius-6);
|
|
5937
|
-
--radius-none: 0px;
|
|
5938
|
-
--radius-full: 9999px;
|
|
5939
|
-
--radius-circle: 50%;
|
|
5940
|
-
--spacing-0: 0px;
|
|
5941
|
-
--spacing-0\.5: 2px;
|
|
5942
|
-
--spacing-1: 4px;
|
|
5943
|
-
--spacing-1\.5: 6px;
|
|
5944
|
-
--spacing-2: 8px;
|
|
5945
|
-
--spacing-2\.5: 10px;
|
|
5946
|
-
--spacing-3: 12px;
|
|
5947
|
-
--spacing-3\.5: 14px;
|
|
5948
|
-
--spacing-4: 16px;
|
|
5949
|
-
--spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
|
|
5950
|
-
--spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
|
|
5951
|
-
--spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
|
|
5952
|
-
--spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
|
|
5953
|
-
--spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
|
|
5954
|
-
--spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
|
|
5955
|
-
--spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
|
|
5956
|
-
--spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
|
|
5957
|
-
--spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
|
|
5958
|
-
--spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
|
|
5959
|
-
--spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
|
|
5960
|
-
--spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
|
|
5961
|
-
--spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
|
|
5962
|
-
--spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
|
|
5963
|
-
--spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
|
|
5964
|
-
--spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
|
|
5965
|
-
--spacing-control-gap: var(--spacing-2);
|
|
5966
|
-
--spacing-control-padding-xs: var(--spacing-2);
|
|
5967
|
-
--spacing-control-padding-sm: var(--spacing-2);
|
|
5968
|
-
--spacing-control-padding-md: var(--spacing-3);
|
|
5969
|
-
--spacing-control-padding-lg: var(--spacing-3);
|
|
5970
|
-
--spacing-control-padding-xlg: var(--spacing-4);
|
|
5971
|
-
--spacing-badge-padding-xs: var(--spacing-1\.5);
|
|
5972
|
-
--spacing-badge-padding-sm: var(--spacing-2);
|
|
5973
|
-
--spacing-badge-padding-md: var(--spacing-2\.5);
|
|
5974
|
-
--spacing-badge-padding-lg: var(--spacing-3);
|
|
5975
|
-
--spacing-badge-padding-xlg: var(--spacing-4);
|
|
5976
|
-
--spacing-popover-padding: var(--spacing-1\.5);
|
|
5977
|
-
--spacing-menu-item-padding-inline: var(--spacing-2\.5);
|
|
5978
|
-
--spacing-app-region-gap: var(--spacing-2);
|
|
5979
|
-
--spacing-app-region-padding-inline: var(--spacing-4);
|
|
5980
|
-
--spacing-app-region-padding-block: var(--spacing-3);
|
|
5981
|
-
--spacing-sidebar-header-gap: var(--spacing-2);
|
|
5982
|
-
--spacing-sidebar-header-padding-inline: var(--spacing-3);
|
|
5983
|
-
--spacing-sidebar-header-padding-block: var(--spacing-2);
|
|
5984
|
-
--spacing-sidebar-content-gap: var(--spacing-1);
|
|
5985
|
-
--spacing-sidebar-content-padding-inline: var(--spacing-2);
|
|
5986
|
-
--spacing-sidebar-content-padding-block: var(--spacing-2);
|
|
5987
|
-
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
5988
|
-
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
5989
|
-
--text-1: 12px;
|
|
5990
|
-
--text-1--line-height: 16px;
|
|
5991
|
-
--text-1--letter-spacing: 0em;
|
|
5992
|
-
--leading-type-1: var(--text-1--line-height);
|
|
5993
|
-
--tracking-type-1: var(--text-1--letter-spacing);
|
|
5994
|
-
--text-xs: var(--text-1);
|
|
5995
|
-
--text-xs--line-height: var(--text-1--line-height);
|
|
5996
|
-
--text-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
5997
|
-
--text-2: 14px;
|
|
5998
|
-
--text-2--line-height: 20px;
|
|
5999
|
-
--text-2--letter-spacing: 0em;
|
|
6000
|
-
--leading-type-2: var(--text-2--line-height);
|
|
6001
|
-
--tracking-type-2: var(--text-2--letter-spacing);
|
|
6002
|
-
--text-sm: var(--text-2);
|
|
6003
|
-
--text-sm--line-height: var(--text-2--line-height);
|
|
6004
|
-
--text-sm--letter-spacing: var(--text-2--letter-spacing);
|
|
6005
|
-
--text-3: 16px;
|
|
6006
|
-
--text-3--line-height: 24px;
|
|
6007
|
-
--text-3--letter-spacing: 0em;
|
|
6008
|
-
--leading-type-3: var(--text-3--line-height);
|
|
6009
|
-
--tracking-type-3: var(--text-3--letter-spacing);
|
|
6010
|
-
--text-base: var(--text-3);
|
|
6011
|
-
--text-base--line-height: var(--text-3--line-height);
|
|
6012
|
-
--text-base--letter-spacing: var(--text-3--letter-spacing);
|
|
6013
|
-
--text-4: 18px;
|
|
6014
|
-
--text-4--line-height: 26px;
|
|
6015
|
-
--text-4--letter-spacing: 0em;
|
|
6016
|
-
--leading-type-4: var(--text-4--line-height);
|
|
6017
|
-
--tracking-type-4: var(--text-4--letter-spacing);
|
|
6018
|
-
--text-lg: var(--text-4);
|
|
6019
|
-
--text-lg--line-height: var(--text-4--line-height);
|
|
6020
|
-
--text-lg--letter-spacing: var(--text-4--letter-spacing);
|
|
6021
|
-
--text-5: 20px;
|
|
6022
|
-
--text-5--line-height: 28px;
|
|
6023
|
-
--text-5--letter-spacing: 0em;
|
|
6024
|
-
--leading-type-5: var(--text-5--line-height);
|
|
6025
|
-
--tracking-type-5: var(--text-5--letter-spacing);
|
|
6026
|
-
--text-xl: var(--text-5);
|
|
6027
|
-
--text-xl--line-height: var(--text-5--line-height);
|
|
6028
|
-
--text-xl--letter-spacing: var(--text-5--letter-spacing);
|
|
6029
|
-
--text-6: 30px;
|
|
6030
|
-
--text-6--line-height: 38px;
|
|
6031
|
-
--text-6--letter-spacing: -0.01em;
|
|
6032
|
-
--leading-type-6: var(--text-6--line-height);
|
|
6033
|
-
--tracking-type-6: var(--text-6--letter-spacing);
|
|
6034
|
-
--text-2xl: var(--text-6);
|
|
6035
|
-
--text-2xl--line-height: var(--text-6--line-height);
|
|
6036
|
-
--text-2xl--letter-spacing: var(--text-6--letter-spacing);
|
|
6037
|
-
--text-7: 36px;
|
|
6038
|
-
--text-7--line-height: 44px;
|
|
6039
|
-
--text-7--letter-spacing: -0.015em;
|
|
6040
|
-
--leading-type-7: var(--text-7--line-height);
|
|
6041
|
-
--tracking-type-7: var(--text-7--letter-spacing);
|
|
6042
|
-
--text-3xl: var(--text-7);
|
|
6043
|
-
--text-3xl--line-height: var(--text-7--line-height);
|
|
6044
|
-
--text-3xl--letter-spacing: var(--text-7--letter-spacing);
|
|
6045
|
-
--text-8: 48px;
|
|
6046
|
-
--text-8--line-height: 56px;
|
|
6047
|
-
--text-8--letter-spacing: -0.02em;
|
|
6048
|
-
--leading-type-8: var(--text-8--line-height);
|
|
6049
|
-
--tracking-type-8: var(--text-8--letter-spacing);
|
|
6050
|
-
--text-4xl: var(--text-8);
|
|
6051
|
-
--text-4xl--line-height: var(--text-8--line-height);
|
|
6052
|
-
--text-4xl--letter-spacing: var(--text-8--letter-spacing);
|
|
6053
|
-
--text-9: 60px;
|
|
6054
|
-
--text-9--line-height: 64px;
|
|
6055
|
-
--text-9--letter-spacing: -0.025em;
|
|
6056
|
-
--leading-type-9: var(--text-9--line-height);
|
|
6057
|
-
--tracking-type-9: var(--text-9--letter-spacing);
|
|
6058
|
-
--text-5xl: var(--text-9);
|
|
6059
|
-
--text-5xl--line-height: var(--text-9--line-height);
|
|
6060
|
-
--text-5xl--letter-spacing: var(--text-9--letter-spacing);
|
|
6061
|
-
--text-10: 72px;
|
|
6062
|
-
--text-10--line-height: 76px;
|
|
6063
|
-
--text-10--letter-spacing: -0.03em;
|
|
6064
|
-
--leading-type-10: var(--text-10--line-height);
|
|
6065
|
-
--tracking-type-10: var(--text-10--letter-spacing);
|
|
6066
|
-
--text-6xl: var(--text-10);
|
|
6067
|
-
--text-6xl--line-height: var(--text-10--line-height);
|
|
6068
|
-
--text-6xl--letter-spacing: var(--text-10--letter-spacing);
|
|
6069
|
-
--text-11: 84px;
|
|
6070
|
-
--text-11--line-height: 88px;
|
|
6071
|
-
--text-11--letter-spacing: -0.035em;
|
|
6072
|
-
--leading-type-11: var(--text-11--line-height);
|
|
6073
|
-
--tracking-type-11: var(--text-11--letter-spacing);
|
|
6074
|
-
--text-7xl: var(--text-11);
|
|
6075
|
-
--text-7xl--line-height: var(--text-11--line-height);
|
|
6076
|
-
--text-7xl--letter-spacing: var(--text-11--letter-spacing);
|
|
6077
|
-
--text-12: 96px;
|
|
6078
|
-
--text-12--line-height: 100px;
|
|
6079
|
-
--text-12--letter-spacing: -0.04em;
|
|
6080
|
-
--leading-type-12: var(--text-12--line-height);
|
|
6081
|
-
--tracking-type-12: var(--text-12--letter-spacing);
|
|
6082
|
-
--text-8xl: var(--text-12);
|
|
6083
|
-
--text-8xl--line-height: var(--text-12--line-height);
|
|
6084
|
-
--text-8xl--letter-spacing: var(--text-12--letter-spacing);
|
|
6085
|
-
--text-13: 128px;
|
|
6086
|
-
--text-13--line-height: 132px;
|
|
6087
|
-
--text-13--letter-spacing: -0.045em;
|
|
6088
|
-
--leading-type-13: var(--text-13--line-height);
|
|
6089
|
-
--tracking-type-13: var(--text-13--letter-spacing);
|
|
6090
|
-
--text-9xl: var(--text-13);
|
|
6091
|
-
--text-9xl--line-height: var(--text-13--line-height);
|
|
6092
|
-
--text-9xl--letter-spacing: var(--text-13--letter-spacing);
|
|
6093
|
-
--font-weight-normal: 400;
|
|
6094
|
-
--font-weight-medium: 500;
|
|
6095
|
-
--font-weight-semibold: 600;
|
|
6096
|
-
--font-weight-bold: 700;
|
|
6097
|
-
--label-ink-emphasis: 35%;
|
|
6098
|
-
--text-body: var(--text-2);
|
|
6099
|
-
--text-body--line-height: var(--text-2--line-height);
|
|
6100
|
-
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
6101
|
-
--font-body: var(--font-sans);
|
|
6102
|
-
--font-weight-body: var(--font-weight-normal);
|
|
6103
|
-
--text-heading: var(--text-2);
|
|
6104
|
-
--text-heading--line-height: var(--text-2--line-height);
|
|
6105
|
-
--text-heading--letter-spacing: var(--text-2--letter-spacing);
|
|
6106
|
-
--font-heading: var(--font-sans);
|
|
6107
|
-
--font-weight-heading: var(--font-weight-medium);
|
|
6108
|
-
--text-code: var(--text-2);
|
|
6109
|
-
--text-code--line-height: var(--text-2--line-height);
|
|
6110
|
-
--text-code--letter-spacing: var(--text-2--letter-spacing);
|
|
6111
|
-
--font-code: var(--font-mono);
|
|
6112
|
-
--font-weight-code: var(--font-weight-normal);
|
|
6113
|
-
--text-control-xs: var(--text-1);
|
|
6114
|
-
--text-control-xs--line-height: var(--text-1--line-height);
|
|
6115
|
-
--text-control-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
6116
|
-
--font-control: var(--font-sans);
|
|
6117
|
-
--font-weight-control-xs: var(--font-weight-normal);
|
|
6118
|
-
--text-control-sm: var(--text-1);
|
|
6119
|
-
--text-control-sm--line-height: var(--text-1--line-height);
|
|
6120
|
-
--text-control-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
6121
|
-
--font-weight-control-sm: var(--font-weight-normal);
|
|
6122
|
-
--text-control-md: var(--text-2);
|
|
6123
|
-
--text-control-md--line-height: var(--text-2--line-height);
|
|
6124
|
-
--text-control-md--letter-spacing: var(--text-2--letter-spacing);
|
|
6125
|
-
--font-weight-control-md: var(--font-weight-normal);
|
|
6126
|
-
--text-control-lg: var(--text-2);
|
|
6127
|
-
--text-control-lg--line-height: var(--text-2--line-height);
|
|
6128
|
-
--text-control-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
6129
|
-
--font-weight-control-lg: var(--font-weight-normal);
|
|
6130
|
-
--text-control-xlg: var(--text-2);
|
|
6131
|
-
--text-control-xlg--line-height: var(--text-2--line-height);
|
|
6132
|
-
--text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
6133
|
-
--font-weight-control-xlg: var(--font-weight-normal);
|
|
6134
|
-
--text-badge-xs: var(--text-1);
|
|
6135
|
-
--text-badge-xs--line-height: var(--text-1--line-height);
|
|
6136
|
-
--text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
6137
|
-
--font-badge: var(--font-sans);
|
|
6138
|
-
--font-weight-badge-xs: var(--font-weight-medium);
|
|
6139
|
-
--text-badge-sm: var(--text-1);
|
|
6140
|
-
--text-badge-sm--line-height: var(--text-1--line-height);
|
|
6141
|
-
--text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
6142
|
-
--font-weight-badge-sm: var(--font-weight-medium);
|
|
6143
|
-
--text-badge-md: var(--text-2);
|
|
6144
|
-
--text-badge-md--line-height: var(--text-2--line-height);
|
|
6145
|
-
--text-badge-md--letter-spacing: var(--text-2--letter-spacing);
|
|
6146
|
-
--font-weight-badge-md: var(--font-weight-medium);
|
|
6147
|
-
--text-badge-lg: var(--text-2);
|
|
6148
|
-
--text-badge-lg--line-height: var(--text-2--line-height);
|
|
6149
|
-
--text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
6150
|
-
--font-weight-badge-lg: var(--font-weight-medium);
|
|
6151
|
-
--text-badge-xlg: var(--text-2);
|
|
6152
|
-
--text-badge-xlg--line-height: var(--text-2--line-height);
|
|
6153
|
-
--text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
6154
|
-
--font-weight-badge-xlg: var(--font-weight-medium);
|
|
6155
|
-
--text-label: var(--text-2);
|
|
6156
|
-
--text-label--line-height: var(--text-2--line-height);
|
|
6157
|
-
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
6158
|
-
--font-label: var(--font-sans);
|
|
6159
|
-
--font-weight-label: var(--font-weight-normal);
|
|
6160
|
-
--text-description: var(--text-2);
|
|
6161
|
-
--text-description--line-height: var(--text-2--line-height);
|
|
6162
|
-
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
6163
|
-
--font-description: var(--font-sans);
|
|
6164
|
-
--font-weight-description: var(--font-weight-normal);
|
|
6165
|
-
--text-metadata: var(--text-1);
|
|
6166
|
-
--text-metadata--line-height: var(--text-1--line-height);
|
|
6167
|
-
--text-metadata--letter-spacing: var(--text-1--letter-spacing);
|
|
6168
|
-
--font-metadata: var(--font-sans);
|
|
6169
|
-
--font-weight-metadata: var(--font-weight-normal);
|
|
6170
|
-
--text-menu-item: var(--text-2);
|
|
6171
|
-
--text-menu-item--line-height: var(--text-2--line-height);
|
|
6172
|
-
--text-menu-item--letter-spacing: var(--text-2--letter-spacing);
|
|
6173
|
-
--font-menu-item: var(--font-sans);
|
|
6174
|
-
--font-weight-menu-item: var(--font-weight-normal);
|
|
6175
|
-
--spacing-control-xs: 20px;
|
|
6176
|
-
--spacing-control-sm: 24px;
|
|
6177
|
-
--spacing-control-md: 28px;
|
|
6178
|
-
--spacing-control-lg: 32px;
|
|
6179
|
-
--spacing-control-xlg: 36px;
|
|
6180
|
-
--spacing-control-multiline-xs: 32px;
|
|
6181
|
-
--spacing-control-multiline-sm: 36px;
|
|
6182
|
-
--spacing-control-multiline-md: 48px;
|
|
6183
|
-
--spacing-control-multiline-lg: 80px;
|
|
6184
|
-
--spacing-control-multiline-xlg: 96px;
|
|
6185
|
-
--spacing-icon-xs: 12px;
|
|
6186
|
-
--spacing-icon-sm: 14px;
|
|
6187
|
-
--spacing-icon-md: 14px;
|
|
6188
|
-
--spacing-icon-lg: 16px;
|
|
6189
|
-
--spacing-icon-xlg: 20px;
|
|
6190
|
-
--spacing-brand-logo-xs: 16px;
|
|
6191
|
-
--spacing-brand-logo-sm: 20px;
|
|
6192
|
-
--spacing-brand-logo-md: 24px;
|
|
6193
|
-
--spacing-brand-logo-lg: 24px;
|
|
6194
|
-
--spacing-brand-logo-xlg: 32px;
|
|
6195
|
-
--spacing-badge-close-xs: 16px;
|
|
6196
|
-
--spacing-badge-close-sm: 16px;
|
|
6197
|
-
--spacing-badge-close-md: 20px;
|
|
6198
|
-
--spacing-badge-close-lg: 20px;
|
|
6199
|
-
--spacing-badge-close-xlg: 24px;
|
|
6200
|
-
--spacing-checkbox-indicator-xs: 12px;
|
|
6201
|
-
--spacing-checkbox-indicator-sm: 14px;
|
|
6202
|
-
--spacing-checkbox-indicator-md: 16px;
|
|
6203
|
-
--spacing-checkbox-indicator-lg: 16px;
|
|
6204
|
-
--spacing-checkbox-indicator-xlg: 20px;
|
|
6205
|
-
--spacing-radio-indicator-xs: 12px;
|
|
6206
|
-
--spacing-radio-indicator-sm: 14px;
|
|
6207
|
-
--spacing-radio-indicator-md: 16px;
|
|
6208
|
-
--spacing-radio-indicator-lg: 16px;
|
|
6209
|
-
--spacing-radio-indicator-xlg: 20px;
|
|
6210
|
-
--spacing-radio-dot-xs: 4px;
|
|
6211
|
-
--spacing-radio-dot-sm: 6px;
|
|
6212
|
-
--spacing-radio-dot-md: 6px;
|
|
6213
|
-
--spacing-radio-dot-lg: 8px;
|
|
6214
|
-
--spacing-radio-dot-xlg: 10px;
|
|
6215
|
-
--spacing-switch-track-width-xs: 24px;
|
|
6216
|
-
--spacing-switch-track-width-sm: 28px;
|
|
6217
|
-
--spacing-switch-track-width-md: 36px;
|
|
6218
|
-
--spacing-switch-track-width-lg: 44px;
|
|
6219
|
-
--spacing-switch-track-width-xlg: 56px;
|
|
6220
|
-
--spacing-switch-track-height-xs: 14px;
|
|
6221
|
-
--spacing-switch-track-height-sm: 16px;
|
|
6222
|
-
--spacing-switch-track-height-md: 20px;
|
|
6223
|
-
--spacing-switch-track-height-lg: 24px;
|
|
6224
|
-
--spacing-switch-track-height-xlg: 28px;
|
|
6225
|
-
--spacing-switch-thumb-xs: 10px;
|
|
6226
|
-
--spacing-switch-thumb-sm: 12px;
|
|
6227
|
-
--spacing-switch-thumb-md: 16px;
|
|
6228
|
-
--spacing-switch-thumb-lg: 20px;
|
|
6229
|
-
--spacing-switch-thumb-xlg: 24px;
|
|
6230
|
-
--spacing-switch-inset: 2px;
|
|
6231
|
-
--spacing-switch-travel-xs: 10px;
|
|
6232
|
-
--spacing-switch-travel-sm: 12px;
|
|
6233
|
-
--spacing-switch-travel-md: 16px;
|
|
6234
|
-
--spacing-switch-travel-lg: 20px;
|
|
6235
|
-
--spacing-switch-travel-xlg: 28px;
|
|
6236
|
-
--spacing-slider-track-xs: 4px;
|
|
6237
|
-
--spacing-slider-track-sm: 4px;
|
|
6238
|
-
--spacing-slider-track-md: 6px;
|
|
6239
|
-
--spacing-slider-track-lg: 6px;
|
|
6240
|
-
--spacing-slider-track-xlg: 8px;
|
|
6241
|
-
--spacing-slider-thumb-xs: 12px;
|
|
6242
|
-
--spacing-slider-thumb-sm: 14px;
|
|
6243
|
-
--spacing-slider-thumb-md: 16px;
|
|
6244
|
-
--spacing-slider-thumb-lg: 18px;
|
|
6245
|
-
--spacing-slider-thumb-xlg: 20px;
|
|
6246
|
-
--spacing-scrollbar: 6px;
|
|
6247
|
-
--spacing-scrollbar-inset: 2px;
|
|
6248
|
-
--spacing-menu-item: var(--spacing-control-lg);
|
|
6249
|
-
--spacing-select-listbox: 256px;
|
|
6250
|
-
--spacing-panel-collapsed: 48px;
|
|
6251
|
-
--spacing-panel-resize-handle: 8px;
|
|
6252
|
-
--spacing-panel-resize-handle-coarse: 24px;
|
|
6253
|
-
--spacing-sidebar-width: 256px;
|
|
6254
|
-
--spacing-sidebar-drawer-width: 288px;
|
|
6255
|
-
--spacing-sidebar-min-width: 192px;
|
|
6256
|
-
--spacing-sidebar-max-width: 448px;
|
|
6257
|
-
--spacing-sidebar-min-height: 48px;
|
|
6258
|
-
--spacing-sidebar-max-height: 288px;
|
|
6259
|
-
--container-xs: 320px;
|
|
6260
|
-
--container-sm: 384px;
|
|
6261
|
-
--container-md: 448px;
|
|
6262
|
-
--container-lg: 512px;
|
|
6263
|
-
--container-xl: 576px;
|
|
6264
|
-
--container-2xl: 672px;
|
|
6265
|
-
--container-3xl: 768px;
|
|
6266
|
-
--container-4xl: 896px;
|
|
6267
|
-
--container-5xl: 1024px;
|
|
6268
|
-
--container-6xl: 1152px;
|
|
6269
|
-
--container-7xl: 1280px;
|
|
6270
|
-
--container-modal-sm: 384px;
|
|
6271
|
-
--container-modal-md: 512px;
|
|
6272
|
-
--container-modal-lg: 672px;
|
|
6273
|
-
--container-modal-xl: 896px;
|
|
6274
|
-
--spacing-panel-1-min: 160px;
|
|
6275
|
-
--spacing-panel-1: 192px;
|
|
6276
|
-
--spacing-panel-1-max: 240px;
|
|
6277
|
-
--spacing-panel-2-min: 192px;
|
|
6278
|
-
--spacing-panel-2: 240px;
|
|
6279
|
-
--spacing-panel-2-max: 288px;
|
|
6280
|
-
--spacing-panel-3-min: 240px;
|
|
6281
|
-
--spacing-panel-3: 320px;
|
|
6282
|
-
--spacing-panel-3-max: 384px;
|
|
6283
|
-
--spacing-panel-4-min: 288px;
|
|
6284
|
-
--spacing-panel-4: 384px;
|
|
6285
|
-
--spacing-panel-4-max: 480px;
|
|
6286
|
-
--spacing-panel-5-min: 320px;
|
|
6287
|
-
--spacing-panel-5: 480px;
|
|
6288
|
-
--spacing-panel-5-max: 640px;
|
|
6289
|
-
--spacing-panel-6-min: 384px;
|
|
6290
|
-
--spacing-panel-6: 640px;
|
|
6291
|
-
--spacing-panel-6-max: 768px;
|
|
6292
|
-
--spacing-icon: var(--spacing-icon-md);
|
|
6293
|
-
--container-prose: 65ch;
|
|
6294
|
-
}
|
|
6295
5433
|
:root, .light {
|
|
6296
5434
|
--color-canvas: oklch(98.510365% 0 none / 1);
|
|
6297
5435
|
--color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
|
|
6298
5436
|
--color-accent-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
|
|
6299
5437
|
--color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
|
|
6300
5438
|
--color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
|
|
6301
|
-
--color-accent-2: oklch(97.
|
|
5439
|
+
--color-accent-2: oklch(97.209921% 0.013899 251.779887 / 1);
|
|
6302
5440
|
--color-accent-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
|
|
6303
5441
|
--color-accent-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
|
|
6304
5442
|
--color-accent-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
|
|
6305
|
-
--color-accent-3: oklch(94.
|
|
5443
|
+
--color-accent-3: oklch(94.509921% 0.03494 251.779887 / 1);
|
|
6306
5444
|
--color-accent-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
|
|
6307
5445
|
--color-accent-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
|
|
6308
5446
|
--color-accent-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
|
|
6309
|
-
--color-accent-4: oklch(91.
|
|
5447
|
+
--color-accent-4: oklch(91.509921% 0.055209 251.779887 / 1);
|
|
6310
5448
|
--color-accent-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
|
|
6311
5449
|
--color-accent-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
|
|
6312
5450
|
--color-accent-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
|
|
6313
|
-
--color-accent-5: oklch(
|
|
5451
|
+
--color-accent-5: oklch(88.009921% 0.072776 251.779887 / 1);
|
|
6314
5452
|
--color-accent-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
|
|
6315
5453
|
--color-accent-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
|
|
6316
5454
|
--color-accent-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
|
|
6317
|
-
--color-accent-6: oklch(
|
|
5455
|
+
--color-accent-6: oklch(84.009921% 0.093238 251.779887 / 1);
|
|
6318
5456
|
--color-accent-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
|
|
6319
5457
|
--color-accent-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
|
|
6320
5458
|
--color-accent-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
|
|
6321
|
-
--color-accent-7: oklch(78.
|
|
5459
|
+
--color-accent-7: oklch(78.709921% 0.117175 251.779887 / 1);
|
|
6322
5460
|
--color-accent-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
|
|
6323
5461
|
--color-accent-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
|
|
6324
5462
|
--color-accent-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
|
|
@@ -6326,18 +5464,18 @@
|
|
|
6326
5464
|
--color-accent-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
|
|
6327
5465
|
--color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
|
|
6328
5466
|
--color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
|
|
6329
|
-
--color-accent-9: oklch(56.
|
|
5467
|
+
--color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
6330
5468
|
--color-accent-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
|
|
6331
5469
|
--color-accent-9-ink: oklch(100% 0 none / 1);
|
|
6332
|
-
--color-accent-9-ink-muted: oklch(99.
|
|
6333
|
-
--color-accent-10: oklch(56.
|
|
5470
|
+
--color-accent-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
|
|
5471
|
+
--color-accent-10: oklch(56.126051% 0.19111 251.779887 / 1);
|
|
6334
5472
|
--color-accent-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
|
|
6335
5473
|
--color-accent-10-ink: oklch(100% 0 none / 1);
|
|
6336
|
-
--color-accent-10-ink-muted: oklch(99.
|
|
6337
|
-
--color-accent-11: oklch(55.
|
|
5474
|
+
--color-accent-10-ink-muted: oklch(99.092235% 0.012113 198.205397 / 1);
|
|
5475
|
+
--color-accent-11: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
6338
5476
|
--color-accent-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
|
|
6339
5477
|
--color-accent-11-ink: oklch(100% 0 none / 1);
|
|
6340
|
-
--color-accent-11-ink-muted: oklch(97.
|
|
5478
|
+
--color-accent-11-ink-muted: oklch(97.298466% 0.018171 221.822656 / 1);
|
|
6341
5479
|
--color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
6342
5480
|
--color-accent-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
|
|
6343
5481
|
--color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
|
|
@@ -6394,23 +5532,23 @@
|
|
|
6394
5532
|
--color-status-danger-a1: oklch(91.770723% 0.131456 195.106403 / 0.016);
|
|
6395
5533
|
--color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
|
|
6396
5534
|
--color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
|
|
6397
|
-
--color-status-danger-2: oklch(97.
|
|
5535
|
+
--color-status-danger-2: oklch(97.189264% 0.01392 23.02606 / 1);
|
|
6398
5536
|
--color-status-danger-a2: oklch(69.422798% 0.200057 37.369828 / 0.043);
|
|
6399
5537
|
--color-status-danger-2-ink: oklch(35.218442% 0.002752 23.089614 / 1);
|
|
6400
5538
|
--color-status-danger-2-ink-muted: oklch(54.775761% 0.002752 23.089614 / 1);
|
|
6401
|
-
--color-status-danger-3: oklch(94.
|
|
5539
|
+
--color-status-danger-3: oklch(94.489264% 0.034995 23.02606 / 1);
|
|
6402
5540
|
--color-status-danger-a3: oklch(62.795536% 0.257683 29.23388 / 0.121462);
|
|
6403
5541
|
--color-status-danger-3-ink: oklch(26.348205% 0.00593 23.892406 / 1);
|
|
6404
5542
|
--color-status-danger-3-ink-muted: oklch(52.50373% 0.00593 23.892406 / 1);
|
|
6405
|
-
--color-status-danger-4: oklch(
|
|
5543
|
+
--color-status-danger-4: oklch(91.489264% 0.055295 23.02606 / 1);
|
|
6406
5544
|
--color-status-danger-a4: oklch(62.795536% 0.257683 29.23388 / 0.243837);
|
|
6407
5545
|
--color-status-danger-4-ink: oklch(39.757247% 0.009441 23.722787 / 1);
|
|
6408
5546
|
--color-status-danger-4-ink-muted: oklch(50.072759% 0.009441 23.722787 / 1);
|
|
6409
|
-
--color-status-danger-5: oklch(87.
|
|
5547
|
+
--color-status-danger-5: oklch(87.989264% 0.072889 23.02606 / 1);
|
|
6410
5548
|
--color-status-danger-a5: oklch(62.795536% 0.257683 29.23388 / 0.329);
|
|
6411
5549
|
--color-status-danger-5-ink: oklch(37.049477% 0.013328 23.329197 / 1);
|
|
6412
5550
|
--color-status-danger-5-ink-muted: oklch(45.45808% 0.013328 23.329197 / 1);
|
|
6413
|
-
--color-status-danger-6: oklch(83.
|
|
5551
|
+
--color-status-danger-6: oklch(83.989264% 0.093383 23.02606 / 1);
|
|
6414
5552
|
--color-status-danger-a6: oklch(61.798613% 0.253592 29.23388 / 0.394);
|
|
6415
5553
|
--color-status-danger-6-ink: oklch(33.755962% 0.017987 23.106438 / 1);
|
|
6416
5554
|
--color-status-danger-6-ink-muted: oklch(38.705589% 0.017987 23.106438 / 1);
|
|
@@ -6425,15 +5563,15 @@
|
|
|
6425
5563
|
--color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
6426
5564
|
--color-status-danger-a9: oklch(51.588029% 0.211693 29.23388 / 0.822);
|
|
6427
5565
|
--color-status-danger-9-ink: oklch(100% 0 none / 1);
|
|
6428
|
-
--color-status-danger-9-ink-muted: oklch(
|
|
5566
|
+
--color-status-danger-9-ink-muted: oklch(100% 0 none / 1);
|
|
6429
5567
|
--color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
|
|
6430
5568
|
--color-status-danger-a10: oklch(52.102445% 0.213804 29.23388 / 0.857);
|
|
6431
5569
|
--color-status-danger-10-ink: oklch(100% 0 none / 1);
|
|
6432
|
-
--color-status-danger-10-ink-muted: oklch(
|
|
5570
|
+
--color-status-danger-10-ink-muted: oklch(100% 0 none / 1);
|
|
6433
5571
|
--color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
6434
5572
|
--color-status-danger-a11: oklch(50.734487% 0.20819 29.23388 / 0.923816);
|
|
6435
5573
|
--color-status-danger-11-ink: oklch(100% 0 none / 1);
|
|
6436
|
-
--color-status-danger-11-ink-muted: oklch(97.
|
|
5574
|
+
--color-status-danger-11-ink-muted: oklch(97.178854% 0.013844 29.013499 / 1);
|
|
6437
5575
|
--color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
|
|
6438
5576
|
--color-status-danger-a12: oklch(29.960272% 0.122943 29.23388 / 0.975455);
|
|
6439
5577
|
--color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
|
|
@@ -6442,27 +5580,27 @@
|
|
|
6442
5580
|
--color-status-information-a1: oklch(96.798273% 0.211006 109.769236 / 0.016);
|
|
6443
5581
|
--color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
|
|
6444
5582
|
--color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
|
|
6445
|
-
--color-status-information-2: oklch(97.
|
|
5583
|
+
--color-status-information-2: oklch(97.209921% 0.013899 251.779887 / 1);
|
|
6446
5584
|
--color-status-information-a2: oklch(69.335129% 0.173266 244.652109 / 0.043);
|
|
6447
5585
|
--color-status-information-2-ink: oklch(35.643235% 0.00273 251.071163 / 1);
|
|
6448
5586
|
--color-status-information-2-ink-muted: oklch(54.889237% 0.00273 251.071163 / 1);
|
|
6449
|
-
--color-status-information-3: oklch(94.
|
|
5587
|
+
--color-status-information-3: oklch(94.509921% 0.03494 251.779887 / 1);
|
|
6450
5588
|
--color-status-information-a3: oklch(53.538442% 0.258239 262.526117 / 0.120607);
|
|
6451
5589
|
--color-status-information-3-ink: oklch(28.73963% 0.005848 243.938175 / 1);
|
|
6452
5590
|
--color-status-information-3-ink-muted: oklch(52.920662% 0.005848 243.938175 / 1);
|
|
6453
|
-
--color-status-information-4: oklch(91.
|
|
5591
|
+
--color-status-information-4: oklch(91.509921% 0.055209 251.779887 / 1);
|
|
6454
5592
|
--color-status-information-a4: oklch(65.248254% 0.191479 251.324013 / 0.261);
|
|
6455
5593
|
--color-status-information-4-ink: oklch(40.420445% 0.009187 243.838469 / 1);
|
|
6456
5594
|
--color-status-information-4-ink-muted: oklch(50.722692% 0.009187 243.838469 / 1);
|
|
6457
|
-
--color-status-information-5: oklch(
|
|
5595
|
+
--color-status-information-5: oklch(88.009921% 0.072776 251.779887 / 1);
|
|
6458
5596
|
--color-status-information-a5: oklch(58.440777% 0.225295 258.885918 / 0.329);
|
|
6459
5597
|
--color-status-information-5-ink: oklch(37.80606% 0.012773 246.521422 / 1);
|
|
6460
5598
|
--color-status-information-5-ink-muted: oklch(47.190192% 0.012773 246.521422 / 1);
|
|
6461
|
-
--color-status-information-6: oklch(
|
|
5599
|
+
--color-status-information-6: oklch(84.009921% 0.093238 251.779887 / 1);
|
|
6462
5600
|
--color-status-information-a6: oklch(52.336251% 0.259576 262.836671 / 0.394);
|
|
6463
5601
|
--color-status-information-6-ink: oklch(34.599378% 0.016999 248.275442 / 1);
|
|
6464
5602
|
--color-status-information-6-ink-muted: oklch(40.652618% 0.016999 248.275442 / 1);
|
|
6465
|
-
--color-status-information-7: oklch(78.
|
|
5603
|
+
--color-status-information-7: oklch(78.709921% 0.117175 251.779887 / 1);
|
|
6466
5604
|
--color-status-information-a7: oklch(44.725533% 0.309917 264.052023 / 0.469);
|
|
6467
5605
|
--color-status-information-7-ink: oklch(29.87411% 0.022572 250.476972 / 1);
|
|
6468
5606
|
--color-status-information-7-ink-muted: oklch(30.813232% 0.022572 250.476972 / 1);
|
|
@@ -6470,18 +5608,18 @@
|
|
|
6470
5608
|
--color-status-information-a8: oklch(44.495134% 0.308321 264.052023 / 0.561);
|
|
6471
5609
|
--color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
|
|
6472
5610
|
--color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
|
|
6473
|
-
--color-status-information-9: oklch(56.
|
|
5611
|
+
--color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
6474
5612
|
--color-status-information-a9: oklch(39.888278% 0.276398 264.052023 / 0.822);
|
|
6475
5613
|
--color-status-information-9-ink: oklch(100% 0 none / 1);
|
|
6476
|
-
--color-status-information-9-ink-muted: oklch(99.
|
|
6477
|
-
--color-status-information-10: oklch(56.
|
|
5614
|
+
--color-status-information-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
|
|
5615
|
+
--color-status-information-10: oklch(56.126051% 0.19111 251.779887 / 1);
|
|
6478
5616
|
--color-status-information-a10: oklch(43.357647% 0.251493 264.001023 / 0.857);
|
|
6479
5617
|
--color-status-information-10-ink: oklch(100% 0 none / 1);
|
|
6480
|
-
--color-status-information-10-ink-muted: oklch(99.
|
|
6481
|
-
--color-status-information-11: oklch(55.
|
|
5618
|
+
--color-status-information-10-ink-muted: oklch(99.092235% 0.012113 198.205397 / 1);
|
|
5619
|
+
--color-status-information-11: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
6482
5620
|
--color-status-information-a11: oklch(50.756307% 0.185449 257.696372 / 0.945);
|
|
6483
5621
|
--color-status-information-11-ink: oklch(100% 0 none / 1);
|
|
6484
|
-
--color-status-information-11-ink-muted: oklch(97.
|
|
5622
|
+
--color-status-information-11-ink-muted: oklch(97.298466% 0.018171 221.822656 / 1);
|
|
6485
5623
|
--color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
6486
5624
|
--color-status-information-a12: oklch(31.839285% 0.107067 255.587419 / 0.984625);
|
|
6487
5625
|
--color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
|
|
@@ -6518,14 +5656,14 @@
|
|
|
6518
5656
|
--color-status-success-a8: oklch(43.909338% 0.149412 142.495345 / 0.561);
|
|
6519
5657
|
--color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
|
|
6520
5658
|
--color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
|
|
6521
|
-
--color-status-success-9: oklch(54.
|
|
5659
|
+
--color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
6522
5660
|
--color-status-success-a9: oklch(41.061982% 0.139723 142.495345 / 0.822);
|
|
6523
5661
|
--color-status-success-9-ink: oklch(100% 0 none / 1);
|
|
6524
|
-
--color-status-success-9-ink-muted: oklch(
|
|
6525
|
-
--color-status-success-10: oklch(54.
|
|
5662
|
+
--color-status-success-9-ink-muted: oklch(100% 0 none / 1);
|
|
5663
|
+
--color-status-success-10: oklch(54.660908% 0.131547 157.679534 / 1);
|
|
6526
5664
|
--color-status-success-a10: oklch(43.785284% 0.14899 142.495345 / 0.857);
|
|
6527
5665
|
--color-status-success-10-ink: oklch(100% 0 none / 1);
|
|
6528
|
-
--color-status-success-10-ink-muted: oklch(
|
|
5666
|
+
--color-status-success-10-ink-muted: oklch(100% 0 none / 1);
|
|
6529
5667
|
--color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
6530
5668
|
--color-status-success-a11: oklch(48.174496% 0.14582 146.334155 / 0.945);
|
|
6531
5669
|
--color-status-success-11-ink: oklch(100% 0 none / 1);
|
|
@@ -6574,11 +5712,11 @@
|
|
|
6574
5712
|
--color-status-warning-a10: oklch(80.192778% 0.164245 85.519609 / 0.857);
|
|
6575
5713
|
--color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
|
|
6576
5714
|
--color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
|
|
6577
|
-
--color-status-warning-11: oklch(55.
|
|
5715
|
+
--color-status-warning-11: oklch(55.480418% 0.139757 84.129977 / 1);
|
|
6578
5716
|
--color-status-warning-a11: oklch(51.857569% 0.108211 77.702583 / 0.945);
|
|
6579
5717
|
--color-status-warning-11-ink: oklch(100% 0 none / 1);
|
|
6580
|
-
--color-status-warning-11-ink-muted: oklch(97.
|
|
6581
|
-
--color-status-warning-12: oklch(36.
|
|
5718
|
+
--color-status-warning-11-ink-muted: oklch(97.814266% 0.022239 84.030946 / 1);
|
|
5719
|
+
--color-status-warning-12: oklch(36.194203% 0.081433 84.129977 / 1);
|
|
6582
5720
|
--color-status-warning-a12: oklch(34.325376% 0.070675 82.348823 / 0.989083);
|
|
6583
5721
|
--color-status-warning-12-ink: oklch(96.000596% 0.014968 81.380682 / 1);
|
|
6584
5722
|
--color-status-warning-12-ink-muted: oklch(81.036515% 0.014968 81.380682 / 1);
|
|
@@ -6603,11 +5741,11 @@
|
|
|
6603
5741
|
--color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
|
|
6604
5742
|
--color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
|
|
6605
5743
|
--color-accent-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
|
|
6606
|
-
--color-accent-5-ink: oklch(96.
|
|
5744
|
+
--color-accent-5-ink: oklch(96.333832% 0.018167 248.976201 / 1);
|
|
6607
5745
|
--color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
|
|
6608
5746
|
--color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
|
|
6609
5747
|
--color-accent-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
|
|
6610
|
-
--color-accent-6-ink: oklch(98.
|
|
5748
|
+
--color-accent-6-ink: oklch(98.242415% 0.012369 219.252066 / 1);
|
|
6611
5749
|
--color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
|
|
6612
5750
|
--color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
|
|
6613
5751
|
--color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
@@ -6616,20 +5754,20 @@
|
|
|
6616
5754
|
--color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
|
|
6617
5755
|
--color-accent-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
|
|
6618
5756
|
--color-accent-8-ink: oklch(100% 0 none / 1);
|
|
6619
|
-
--color-accent-8-ink-muted: oklch(98.
|
|
6620
|
-
--color-accent-9: oklch(56.
|
|
5757
|
+
--color-accent-8-ink-muted: oklch(98.531367% 0.014986 204.9559 / 1);
|
|
5758
|
+
--color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
6621
5759
|
--color-accent-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
|
|
6622
5760
|
--color-accent-9-ink: oklch(100% 0 none / 1);
|
|
6623
|
-
--color-accent-9-ink-muted: oklch(99.
|
|
6624
|
-
--color-accent-10: oklch(56.
|
|
5761
|
+
--color-accent-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
|
|
5762
|
+
--color-accent-10: oklch(56.215754% 0.183388 251.779887 / 1);
|
|
6625
5763
|
--color-accent-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
|
|
6626
5764
|
--color-accent-10-ink: oklch(100% 0 none / 1);
|
|
6627
|
-
--color-accent-10-ink-muted: oklch(99.
|
|
6628
|
-
--color-accent-11: oklch(
|
|
5765
|
+
--color-accent-10-ink-muted: oklch(99.087217% 0.012493 197.674275 / 1);
|
|
5766
|
+
--color-accent-11: oklch(76.600895% 0.15366 251.779887 / 1);
|
|
6629
5767
|
--color-accent-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
|
|
6630
5768
|
--color-accent-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
|
|
6631
5769
|
--color-accent-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
|
|
6632
|
-
--color-accent-12: oklch(
|
|
5770
|
+
--color-accent-12: oklch(92.291991% 0.053472 251.779887 / 1);
|
|
6633
5771
|
--color-accent-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
|
|
6634
5772
|
--color-accent-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
|
|
6635
5773
|
--color-accent-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
|
|
@@ -6699,33 +5837,33 @@
|
|
|
6699
5837
|
--color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
|
|
6700
5838
|
--color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
|
|
6701
5839
|
--color-status-danger-a5: oklch(56.752685% 0.166333 24.228836 / 0.235);
|
|
6702
|
-
--color-status-danger-5-ink: oklch(96.
|
|
5840
|
+
--color-status-danger-5-ink: oklch(96.255432% 0.018397 23.33901 / 1);
|
|
6703
5841
|
--color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
|
|
6704
5842
|
--color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
|
|
6705
5843
|
--color-status-danger-a6: oklch(60.720412% 0.156712 23.806921 / 0.294);
|
|
6706
|
-
--color-status-danger-6-ink: oklch(98.
|
|
5844
|
+
--color-status-danger-6-ink: oklch(98.023564% 0.009633 29.036544 / 1);
|
|
6707
5845
|
--color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
|
|
6708
5846
|
--color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
|
|
6709
5847
|
--color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
|
|
6710
|
-
--color-status-danger-7-ink: oklch(
|
|
5848
|
+
--color-status-danger-7-ink: oklch(100% 0 none / 1);
|
|
6711
5849
|
--color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
|
|
6712
5850
|
--color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
|
|
6713
5851
|
--color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
|
|
6714
5852
|
--color-status-danger-8-ink: oklch(100% 0 none / 1);
|
|
6715
|
-
--color-status-danger-8-ink-muted: oklch(96.
|
|
5853
|
+
--color-status-danger-8-ink-muted: oklch(96.508571% 0.017154 26.303692 / 1);
|
|
6716
5854
|
--color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
6717
5855
|
--color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
|
|
6718
5856
|
--color-status-danger-9-ink: oklch(100% 0 none / 1);
|
|
6719
|
-
--color-status-danger-9-ink-muted: oklch(
|
|
5857
|
+
--color-status-danger-9-ink-muted: oklch(100% 0 none / 1);
|
|
6720
5858
|
--color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
|
|
6721
5859
|
--color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
|
|
6722
5860
|
--color-status-danger-10-ink: oklch(100% 0 none / 1);
|
|
6723
|
-
--color-status-danger-10-ink-muted: oklch(
|
|
6724
|
-
--color-status-danger-11: oklch(
|
|
5861
|
+
--color-status-danger-10-ink-muted: oklch(100% 0 none / 1);
|
|
5862
|
+
--color-status-danger-11: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
6725
5863
|
--color-status-danger-a11: oklch(78.425088% 0.125337 22.763785 / 0.898);
|
|
6726
5864
|
--color-status-danger-11-ink: oklch(26.527216% 0.027342 22.908814 / 1);
|
|
6727
5865
|
--color-status-danger-11-ink-muted: oklch(18.69908% 0.027342 22.908814 / 1);
|
|
6728
|
-
--color-status-danger-12: oklch(
|
|
5866
|
+
--color-status-danger-12: oklch(92.966078% 0.053555 23.02606 / 1);
|
|
6729
5867
|
--color-status-danger-a12: oklch(92.811491% 0.036411 25.120203 / 0.965);
|
|
6730
5868
|
--color-status-danger-12-ink: oklch(40.623957% 0.0082 24.327399 / 1);
|
|
6731
5869
|
--color-status-danger-12-ink-muted: oklch(50.925684% 0.0082 24.327399 / 1);
|
|
@@ -6747,11 +5885,11 @@
|
|
|
6747
5885
|
--color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
|
|
6748
5886
|
--color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
|
|
6749
5887
|
--color-status-information-a5: oklch(56.889903% 0.165035 250.91057 / 0.235);
|
|
6750
|
-
--color-status-information-5-ink: oklch(96.
|
|
5888
|
+
--color-status-information-5-ink: oklch(96.333832% 0.018167 248.976201 / 1);
|
|
6751
5889
|
--color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
|
|
6752
5890
|
--color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
|
|
6753
5891
|
--color-status-information-a6: oklch(60.714355% 0.156315 250.804802 / 0.294);
|
|
6754
|
-
--color-status-information-6-ink: oklch(98.
|
|
5892
|
+
--color-status-information-6-ink: oklch(98.242415% 0.012369 219.252066 / 1);
|
|
6755
5893
|
--color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
|
|
6756
5894
|
--color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
|
|
6757
5895
|
--color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
@@ -6760,20 +5898,20 @@
|
|
|
6760
5898
|
--color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
|
|
6761
5899
|
--color-status-information-a8: oklch(69.789491% 0.164974 249.756798 / 0.482);
|
|
6762
5900
|
--color-status-information-8-ink: oklch(100% 0 none / 1);
|
|
6763
|
-
--color-status-information-8-ink-muted: oklch(98.
|
|
6764
|
-
--color-status-information-9: oklch(56.
|
|
5901
|
+
--color-status-information-8-ink-muted: oklch(98.531367% 0.014986 204.9559 / 1);
|
|
5902
|
+
--color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
6765
5903
|
--color-status-information-a9: oklch(61.782039% 0.204797 255.187757 / 0.765);
|
|
6766
5904
|
--color-status-information-9-ink: oklch(100% 0 none / 1);
|
|
6767
|
-
--color-status-information-9-ink-muted: oklch(99.
|
|
6768
|
-
--color-status-information-10: oklch(56.
|
|
5905
|
+
--color-status-information-9-ink-muted: oklch(99.093242% 0.012037 198.316098 / 1);
|
|
5906
|
+
--color-status-information-10: oklch(56.215754% 0.183388 251.779887 / 1);
|
|
6769
5907
|
--color-status-information-a10: oklch(60.675658% 0.193141 253.998262 / 0.804);
|
|
6770
5908
|
--color-status-information-10-ink: oklch(100% 0 none / 1);
|
|
6771
|
-
--color-status-information-10-ink-muted: oklch(99.
|
|
6772
|
-
--color-status-information-11: oklch(
|
|
5909
|
+
--color-status-information-10-ink-muted: oklch(99.087217% 0.012493 197.674275 / 1);
|
|
5910
|
+
--color-status-information-11: oklch(76.600895% 0.15366 251.779887 / 1);
|
|
6773
5911
|
--color-status-information-a11: oklch(77.631661% 0.121666 245.605952 / 0.898);
|
|
6774
5912
|
--color-status-information-11-ink: oklch(27.191376% 0.025999 247.644507 / 1);
|
|
6775
5913
|
--color-status-information-11-ink-muted: oklch(22.951656% 0.025999 247.644507 / 1);
|
|
6776
|
-
--color-status-information-12: oklch(
|
|
5914
|
+
--color-status-information-12: oklch(92.291991% 0.053472 251.779887 / 1);
|
|
6777
5915
|
--color-status-information-a12: oklch(92.79171% 0.038801 239.79885 / 0.965);
|
|
6778
5916
|
--color-status-information-12-ink: oklch(17.46334% 0.008544 241.682235 / 1);
|
|
6779
5917
|
--color-status-information-12-ink-muted: oklch(51.255649% 0.008544 241.682235 / 1);
|
|
@@ -6809,14 +5947,14 @@
|
|
|
6809
5947
|
--color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
|
|
6810
5948
|
--color-status-success-8-ink: oklch(0% 0 none / 1);
|
|
6811
5949
|
--color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
|
|
6812
|
-
--color-status-success-9: oklch(54.
|
|
5950
|
+
--color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
6813
5951
|
--color-status-success-a9: oklch(59.654058% 0.142656 156.76118 / 0.765);
|
|
6814
5952
|
--color-status-success-9-ink: oklch(100% 0 none / 1);
|
|
6815
|
-
--color-status-success-9-ink-muted: oklch(
|
|
5953
|
+
--color-status-success-9-ink-muted: oklch(100% 0 none / 1);
|
|
6816
5954
|
--color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
|
|
6817
5955
|
--color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
|
|
6818
5956
|
--color-status-success-10-ink: oklch(100% 0 none / 1);
|
|
6819
|
-
--color-status-success-10-ink-muted: oklch(
|
|
5957
|
+
--color-status-success-10-ink-muted: oklch(100% 0 none / 1);
|
|
6820
5958
|
--color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
6821
5959
|
--color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
|
|
6822
5960
|
--color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
|
|
@@ -6837,11 +5975,11 @@
|
|
|
6837
5975
|
--color-status-warning-a3: oklch(50.127754% 0.10245 88.381541 / 0.125);
|
|
6838
5976
|
--color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
|
|
6839
5977
|
--color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
|
|
6840
|
-
--color-status-warning-4: oklch(32.
|
|
5978
|
+
--color-status-warning-4: oklch(32.820502% 0.070743 84.129977 / 1);
|
|
6841
5979
|
--color-status-warning-a4: oklch(55.552674% 0.114073 83.739134 / 0.176);
|
|
6842
5980
|
--color-status-warning-4-ink: oklch(94.768439% 0.01352 82.694417 / 1);
|
|
6843
5981
|
--color-status-warning-4-ink-muted: oklch(79.598956% 0.01352 82.694417 / 1);
|
|
6844
|
-
--color-status-warning-5: oklch(37.
|
|
5982
|
+
--color-status-warning-5: oklch(37.020502% 0.079232 84.129977 / 1);
|
|
6845
5983
|
--color-status-warning-a5: oklch(57.611344% 0.118384 83.347621 / 0.235);
|
|
6846
5984
|
--color-status-warning-5-ink: oklch(96.303844% 0.015241 82.906101 / 1);
|
|
6847
5985
|
--color-status-warning-5-ink-muted: oklch(81.39034% 0.015241 82.906101 / 1);
|
|
@@ -6856,12 +5994,12 @@
|
|
|
6856
5994
|
--color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
|
|
6857
5995
|
--color-status-warning-a8: oklch(70.98496% 0.145579 84.522598 / 0.482);
|
|
6858
5996
|
--color-status-warning-8-ink: oklch(100% 0 none / 1);
|
|
6859
|
-
--color-status-warning-8-ink-muted: oklch(98.
|
|
5997
|
+
--color-status-warning-8-ink-muted: oklch(98.464516% 0.021673 92.475609 / 1);
|
|
6860
5998
|
--color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
|
|
6861
5999
|
--color-status-warning-a9: oklch(88.395827% 0.156482 91.217844 / 0.865);
|
|
6862
6000
|
--color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
|
|
6863
6001
|
--color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
|
|
6864
|
-
--color-status-warning-10: oklch(
|
|
6002
|
+
--color-status-warning-10: oklch(89.369678% 0.149347 84.129977 / 1);
|
|
6865
6003
|
--color-status-warning-a10: oklch(90.97612% 0.145403 95.328293 / 0.879663);
|
|
6866
6004
|
--color-status-warning-10-ink: oklch(38.031102% 0.029158 89.020098 / 1);
|
|
6867
6005
|
--color-status-warning-10-ink-muted: oklch(47.689677% 0.029158 89.020098 / 1);
|
|
@@ -6874,1376 +6012,6 @@
|
|
|
6874
6012
|
--color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
|
|
6875
6013
|
--color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
|
|
6876
6014
|
}
|
|
6877
|
-
@media (color-gamut: p3) {
|
|
6878
|
-
:root, .light {
|
|
6879
|
-
--color-canvas: oklch(98.510365% 0 none / 1);
|
|
6880
|
-
--color-accent-1: oklch(98.076884% 0.004633 251.779887 / 1);
|
|
6881
|
-
--color-accent-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
|
|
6882
|
-
--color-accent-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
|
|
6883
|
-
--color-accent-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
|
|
6884
|
-
--color-accent-2: oklch(97.209921% 0.013899 251.779887 / 1);
|
|
6885
|
-
--color-accent-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
|
|
6886
|
-
--color-accent-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
|
|
6887
|
-
--color-accent-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
|
|
6888
|
-
--color-accent-3: oklch(94.398029% 0.031089 246.907226 / 1);
|
|
6889
|
-
--color-accent-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
|
|
6890
|
-
--color-accent-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
|
|
6891
|
-
--color-accent-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
|
|
6892
|
-
--color-accent-4: oklch(91.311536% 0.048767 246.694348 / 1);
|
|
6893
|
-
--color-accent-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
|
|
6894
|
-
--color-accent-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
|
|
6895
|
-
--color-accent-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
|
|
6896
|
-
--color-accent-5: oklch(87.853407% 0.067923 249.140662 / 1);
|
|
6897
|
-
--color-accent-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
6898
|
-
--color-accent-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
|
|
6899
|
-
--color-accent-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
|
|
6900
|
-
--color-accent-6: oklch(83.911207% 0.090376 250.65785 / 1);
|
|
6901
|
-
--color-accent-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
|
|
6902
|
-
--color-accent-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
|
|
6903
|
-
--color-accent-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
|
|
6904
|
-
--color-accent-7: oklch(78.709921% 0.117175 251.779887 / 1);
|
|
6905
|
-
--color-accent-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
|
|
6906
|
-
--color-accent-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
|
|
6907
|
-
--color-accent-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
|
|
6908
|
-
--color-accent-8: oklch(71.509921% 0.14671 251.779887 / 1);
|
|
6909
|
-
--color-accent-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
|
|
6910
|
-
--color-accent-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
|
|
6911
|
-
--color-accent-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
|
|
6912
|
-
--color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
6913
|
-
--color-accent-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
|
|
6914
|
-
--color-accent-9-ink: oklch(100% 0 none / 1);
|
|
6915
|
-
--color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
|
|
6916
|
-
--color-accent-10: oklch(56.126051% 0.19111 251.779887 / 1);
|
|
6917
|
-
--color-accent-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
|
|
6918
|
-
--color-accent-10-ink: oklch(100% 0 none / 1);
|
|
6919
|
-
--color-accent-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
|
|
6920
|
-
--color-accent-11: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
6921
|
-
--color-accent-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
|
|
6922
|
-
--color-accent-11-ink: oklch(100% 0 none / 1);
|
|
6923
|
-
--color-accent-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
|
|
6924
|
-
--color-accent-12: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
6925
|
-
--color-accent-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
|
|
6926
|
-
--color-accent-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
|
|
6927
|
-
--color-accent-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
|
|
6928
|
-
--color-neutral-1: oklch(98.010365% 0 none / 1);
|
|
6929
|
-
--color-neutral-a1: oklch(100% 0 none / 0.016);
|
|
6930
|
-
--color-neutral-1-ink: oklch(20.265608% 0 none / 1);
|
|
6931
|
-
--color-neutral-1-ink-muted: oklch(55.432541% 0 none / 1);
|
|
6932
|
-
--color-neutral-2: oklch(97.010365% 0 none / 1);
|
|
6933
|
-
--color-neutral-a2: oklch(75.896553% 0.058885 301.418569 / 0.043);
|
|
6934
|
-
--color-neutral-2-ink: oklch(18.800343% 0 none / 1);
|
|
6935
|
-
--color-neutral-2-ink-muted: oklch(54.736186% 0 none / 1);
|
|
6936
|
-
--color-neutral-3: oklch(95.310365% 0 none / 1);
|
|
6937
|
-
--color-neutral-a3: oklch(61.543431% 0.02801 347.674878 / 0.098);
|
|
6938
|
-
--color-neutral-3-ink: oklch(15.701387% 0 none / 1);
|
|
6939
|
-
--color-neutral-3-ink-muted: oklch(53.544448% 0 none / 1);
|
|
6940
|
-
--color-neutral-4: oklch(93.098712% 0 none / 1);
|
|
6941
|
-
--color-neutral-a4: oklch(52.180039% 0.025048 329.378998 / 0.161);
|
|
6942
|
-
--color-neutral-4-ink: oklch(7.411513% 0 none / 1);
|
|
6943
|
-
--color-neutral-4-ink-muted: oklch(51.977664% 0 none / 1);
|
|
6944
|
-
--color-neutral-5: oklch(89.89411% 0 none / 1);
|
|
6945
|
-
--color-neutral-a5: oklch(29.430239% 0.068324 212.150323 / 0.229);
|
|
6946
|
-
--color-neutral-5-ink: oklch(0% 0 none / 1);
|
|
6947
|
-
--color-neutral-5-ink-muted: oklch(49.669822% 0 none / 1);
|
|
6948
|
-
--color-neutral-6: oklch(85.83571% 0 none / 1);
|
|
6949
|
-
--color-neutral-a6: oklch(0% 0 none / 0.294);
|
|
6950
|
-
--color-neutral-6-ink: oklch(0% 0 none / 1);
|
|
6951
|
-
--color-neutral-6-ink-muted: oklch(43.846308% 0 none / 1);
|
|
6952
|
-
--color-neutral-7: oklch(79.969903% 0 none / 1);
|
|
6953
|
-
--color-neutral-a7: oklch(0% 0 none / 0.423883);
|
|
6954
|
-
--color-neutral-7-ink: oklch(0% 0 none / 1);
|
|
6955
|
-
--color-neutral-7-ink-muted: oklch(33.419144% 0 none / 1);
|
|
6956
|
-
--color-neutral-8: oklch(71.310365% 0 none / 1);
|
|
6957
|
-
--color-neutral-a8: oklch(0% 0 none / 0.561);
|
|
6958
|
-
--color-neutral-8-ink: oklch(0% 0 none / 1);
|
|
6959
|
-
--color-neutral-8-ink-muted: oklch(34.675778% 0 none / 1);
|
|
6960
|
-
--color-neutral-9: oklch(55.552676% 0 none / 1);
|
|
6961
|
-
--color-neutral-a9: oklch(0% 0 none / 0.800589);
|
|
6962
|
-
--color-neutral-9-ink: oklch(100% 0 none / 1);
|
|
6963
|
-
--color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
|
|
6964
|
-
--color-neutral-10: oklch(52.552676% 0 none / 1);
|
|
6965
|
-
--color-neutral-a10: oklch(0% 0 none / 0.830185);
|
|
6966
|
-
--color-neutral-10-ink: oklch(100% 0 none / 1);
|
|
6967
|
-
--color-neutral-10-ink-muted: oklch(93.907184% 0 none / 1);
|
|
6968
|
-
--color-neutral-11: oklch(18% 0 none / 1);
|
|
6969
|
-
--color-neutral-a11: oklch(0% 0 none / 0.945);
|
|
6970
|
-
--color-neutral-11-ink: oklch(96.518319% 0 none / 1);
|
|
6971
|
-
--color-neutral-11-ink-muted: oklch(76.292003% 0 none / 1);
|
|
6972
|
-
--color-neutral-12: oklch(12.382253% 0 none / 1);
|
|
6973
|
-
--color-neutral-a12: oklch(0% 0 none / 0.996898);
|
|
6974
|
-
--color-neutral-12-ink: oklch(94.063697% 0 none / 1);
|
|
6975
|
-
--color-neutral-12-ink-muted: oklch(76.009188% 0 none / 1);
|
|
6976
|
-
--color-status-danger-1: oklch(98.069998% 0.00464 23.02606 / 1);
|
|
6977
|
-
--color-status-danger-a1: oklch(89.290162% 0.205667 193.137688 / 0.016);
|
|
6978
|
-
--color-status-danger-1-ink: oklch(37.28431% 0.000928 23.02606 / 1);
|
|
6979
|
-
--color-status-danger-1-ink-muted: oklch(55.448234% 0.000928 23.02606 / 1);
|
|
6980
|
-
--color-status-danger-2: oklch(97.189264% 0.01392 23.02606 / 1);
|
|
6981
|
-
--color-status-danger-a2: oklch(73.064492% 0.214894 36.64122 / 0.043);
|
|
6982
|
-
--color-status-danger-2-ink: oklch(35.240218% 0.002784 23.02606 / 1);
|
|
6983
|
-
--color-status-danger-2-ink-muted: oklch(54.783098% 0.002784 23.02606 / 1);
|
|
6984
|
-
--color-status-danger-3: oklch(94.489264% 0.034995 23.02606 / 1);
|
|
6985
|
-
--color-status-danger-a3: oklch(64.857408% 0.299485 28.958133 / 0.118386);
|
|
6986
|
-
--color-status-danger-3-ink: oklch(27.629806% 0.006999 23.02606 / 1);
|
|
6987
|
-
--color-status-danger-3-ink-muted: oklch(52.76363% 0.006999 23.02606 / 1);
|
|
6988
|
-
--color-status-danger-4: oklch(91.489264% 0.055295 23.02606 / 1);
|
|
6989
|
-
--color-status-danger-a4: oklch(64.857408% 0.299485 28.958133 / 0.235341);
|
|
6990
|
-
--color-status-danger-4-ink: oklch(40.187467% 0.011059 23.02606 / 1);
|
|
6991
|
-
--color-status-danger-4-ink-muted: oklch(50.495458% 0.011059 23.02606 / 1);
|
|
6992
|
-
--color-status-danger-5: oklch(87.989264% 0.072889 23.02606 / 1);
|
|
6993
|
-
--color-status-danger-a5: oklch(64.208805% 0.29649 28.958133 / 0.329);
|
|
6994
|
-
--color-status-danger-5-ink: oklch(37.423053% 0.014578 23.02606 / 1);
|
|
6995
|
-
--color-status-danger-5-ink-muted: oklch(46.217694% 0.014578 23.02606 / 1);
|
|
6996
|
-
--color-status-danger-6: oklch(83.989264% 0.093383 23.02606 / 1);
|
|
6997
|
-
--color-status-danger-a6: oklch(62.115567% 0.286825 28.958133 / 0.394);
|
|
6998
|
-
--color-status-danger-6-ink: oklch(33.999633% 0.018677 23.02606 / 1);
|
|
6999
|
-
--color-status-danger-6-ink-muted: oklch(39.205212% 0.018677 23.02606 / 1);
|
|
7000
|
-
--color-status-danger-7: oklch(78.689264% 0.117357 23.02606 / 1);
|
|
7001
|
-
--color-status-danger-a7: oklch(59.276352% 0.273714 28.958133 / 0.469);
|
|
7002
|
-
--color-status-danger-7-ink: oklch(28.784749% 0.023471 23.02606 / 1);
|
|
7003
|
-
--color-status-danger-7-ink-muted: oklch(27.4997% 0.023471 23.02606 / 1);
|
|
7004
|
-
--color-status-danger-8: oklch(71.489264% 0.146938 23.02606 / 1);
|
|
7005
|
-
--color-status-danger-a8: oklch(55.581183% 0.256651 28.958133 / 0.561);
|
|
7006
|
-
--color-status-danger-8-ink: oklch(18.133391% 0.029388 23.02606 / 1);
|
|
7007
|
-
--color-status-danger-8-ink-muted: oklch(33.51898% 0.029388 23.02606 / 1);
|
|
7008
|
-
--color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
7009
|
-
--color-status-danger-a9: oklch(50.891058% 0.234994 28.958133 / 0.822);
|
|
7010
|
-
--color-status-danger-9-ink: oklch(100% 0 none / 1);
|
|
7011
|
-
--color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
|
|
7012
|
-
--color-status-danger-10: oklch(58.609826% 0.191407 23.02606 / 1);
|
|
7013
|
-
--color-status-danger-a10: oklch(51.092793% 0.235926 28.958133 / 0.857);
|
|
7014
|
-
--color-status-danger-10-ink: oklch(100% 0 none / 1);
|
|
7015
|
-
--color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
|
|
7016
|
-
--color-status-danger-11: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
7017
|
-
--color-status-danger-a11: oklch(49.039211% 0.226443 28.958133 / 0.908262);
|
|
7018
|
-
--color-status-danger-11-ink: oklch(100% 0 none / 1);
|
|
7019
|
-
--color-status-danger-11-ink-muted: oklch(97.231065% 0.017624 23.02606 / 1);
|
|
7020
|
-
--color-status-danger-12: oklch(35.572963% 0.10015 23.02606 / 1);
|
|
7021
|
-
--color-status-danger-a12: oklch(28.875921% 0.133337 28.958133 / 0.972127);
|
|
7022
|
-
--color-status-danger-12-ink: oklch(95.79983% 0.02003 23.02606 / 1);
|
|
7023
|
-
--color-status-danger-12-ink-muted: oklch(80.766272% 0.02003 23.02606 / 1);
|
|
7024
|
-
--color-status-information-1: oklch(98.076884% 0.004633 251.779887 / 1);
|
|
7025
|
-
--color-status-information-a1: oklch(96.476412% 0.245031 110.22981 / 0.016);
|
|
7026
|
-
--color-status-information-1-ink: oklch(37.417902% 0.000927 251.779887 / 1);
|
|
7027
|
-
--color-status-information-1-ink-muted: oklch(55.484907% 0.000927 251.779887 / 1);
|
|
7028
|
-
--color-status-information-2: oklch(97.209921% 0.013899 251.779887 / 1);
|
|
7029
|
-
--color-status-information-a2: oklch(70.426721% 0.194017 234.195254 / 0.043);
|
|
7030
|
-
--color-status-information-2-ink: oklch(35.654414% 0.00278 251.779887 / 1);
|
|
7031
|
-
--color-status-information-2-ink-muted: oklch(54.893097% 0.00278 251.779887 / 1);
|
|
7032
|
-
--color-status-information-3: oklch(94.398029% 0.031089 246.907226 / 1);
|
|
7033
|
-
--color-status-information-a3: oklch(55.666931% 0.26412 258.247129 / 0.118874);
|
|
7034
|
-
--color-status-information-3-ink: oklch(28.880887% 0.006218 246.907226 / 1);
|
|
7035
|
-
--color-status-information-3-ink-muted: oklch(52.953719% 0.006218 246.907226 / 1);
|
|
7036
|
-
--color-status-information-4: oklch(91.311536% 0.048767 246.694348 / 1);
|
|
7037
|
-
--color-status-information-a4: oklch(65.09651% 0.21461 245.393007 / 0.256337);
|
|
7038
|
-
--color-status-information-4-ink: oklch(40.47502% 0.009753 246.694348 / 1);
|
|
7039
|
-
--color-status-information-4-ink-muted: oklch(50.776607% 0.009753 246.694348 / 1);
|
|
7040
|
-
--color-status-information-5: oklch(87.853407% 0.067923 249.140662 / 1);
|
|
7041
|
-
--color-status-information-a5: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
7042
|
-
--color-status-information-5-ink: oklch(37.890268% 0.013585 249.140662 / 1);
|
|
7043
|
-
--color-status-information-5-ink-muted: oklch(47.359044% 0.013585 249.140662 / 1);
|
|
7044
|
-
--color-status-information-6: oklch(83.911207% 0.090376 250.65785 / 1);
|
|
7045
|
-
--color-status-information-a6: oklch(54.961845% 0.268431 258.923813 / 0.394);
|
|
7046
|
-
--color-status-information-6-ink: oklch(34.726794% 0.018075 250.65785 / 1);
|
|
7047
|
-
--color-status-information-6-ink-muted: oklch(40.910379% 0.018075 250.65785 / 1);
|
|
7048
|
-
--color-status-information-7: oklch(78.709921% 0.117175 251.779887 / 1);
|
|
7049
|
-
--color-status-information-a7: oklch(47.393446% 0.307281 263.498529 / 0.469);
|
|
7050
|
-
--color-status-information-7-ink: oklch(30.00425% 0.023435 251.779887 / 1);
|
|
7051
|
-
--color-status-information-7-ink-muted: oklch(31.128144% 0.023435 251.779887 / 1);
|
|
7052
|
-
--color-status-information-8: oklch(71.509921% 0.14671 251.779887 / 1);
|
|
7053
|
-
--color-status-information-a8: oklch(44.511108% 0.308431 264.052023 / 0.561);
|
|
7054
|
-
--color-status-information-8-ink: oklch(21.141829% 0.029342 251.779887 / 1);
|
|
7055
|
-
--color-status-information-8-ink-muted: oklch(34.857964% 0.029342 251.779887 / 1);
|
|
7056
|
-
--color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
7057
|
-
--color-status-information-a9: oklch(41.137003% 0.266236 263.480757 / 0.822);
|
|
7058
|
-
--color-status-information-9-ink: oklch(100% 0 none / 1);
|
|
7059
|
-
--color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
|
|
7060
|
-
--color-status-information-10: oklch(56.126051% 0.19111 251.779887 / 1);
|
|
7061
|
-
--color-status-information-a10: oklch(44.933873% 0.240953 260.834476 / 0.857);
|
|
7062
|
-
--color-status-information-10-ink: oklch(100% 0 none / 1);
|
|
7063
|
-
--color-status-information-10-ink-muted: oklch(98.589845% 0.007512 251.779887 / 1);
|
|
7064
|
-
--color-status-information-11: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
7065
|
-
--color-status-information-a11: oklch(50.510829% 0.192884 251.700212 / 0.945);
|
|
7066
|
-
--color-status-information-11-ink: oklch(100% 0 none / 1);
|
|
7067
|
-
--color-status-information-11-ink-muted: oklch(97.207385% 0.014942 251.779887 / 1);
|
|
7068
|
-
--color-status-information-12: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
7069
|
-
--color-status-information-a12: oklch(29.924163% 0.116326 252.348001 / 0.97908);
|
|
7070
|
-
--color-status-information-12-ink: oklch(95.69409% 0.019999 251.779887 / 1);
|
|
7071
|
-
--color-status-information-12-ink-muted: oklch(80.689756% 0.019999 251.779887 / 1);
|
|
7072
|
-
--color-status-success-1: oklch(98.043862% 0.003189 157.679534 / 1);
|
|
7073
|
-
--color-status-success-a1: oklch(100% 0 none / 0.016);
|
|
7074
|
-
--color-status-success-1-ink: oklch(37.399208% 0.000638 157.679534 / 1);
|
|
7075
|
-
--color-status-success-1-ink-muted: oklch(55.475102% 0.000638 157.679534 / 1);
|
|
7076
|
-
--color-status-success-2: oklch(97.110855% 0.009567 157.679534 / 1);
|
|
7077
|
-
--color-status-success-a2: oklch(79.700859% 0.212199 163.493517 / 0.043);
|
|
7078
|
-
--color-status-success-2-ink: oklch(35.599202% 0.001913 157.679534 / 1);
|
|
7079
|
-
--color-status-success-2-ink-muted: oklch(54.864443% 0.001913 157.679534 / 1);
|
|
7080
|
-
--color-status-success-3: oklch(94.410855% 0.02405 157.679534 / 1);
|
|
7081
|
-
--color-status-success-a3: oklch(62.664457% 0.272064 145.644956 / 0.10635);
|
|
7082
|
-
--color-status-success-3-ink: oklch(29.456564% 0.00481 157.679534 / 1);
|
|
7083
|
-
--color-status-success-3-ink-muted: oklch(53.057906% 0.00481 157.679534 / 1);
|
|
7084
|
-
--color-status-success-4: oklch(91.410855% 0.038002 157.679534 / 1);
|
|
7085
|
-
--color-status-success-a4: oklch(63.480728% 0.275608 145.644956 / 0.224281);
|
|
7086
|
-
--color-status-success-4-ink: oklch(13.131836% 0.0076 157.679534 / 1);
|
|
7087
|
-
--color-status-success-4-ink-muted: oklch(51.007316% 0.0076 157.679534 / 1);
|
|
7088
|
-
--color-status-success-5: oklch(87.910855% 0.050094 157.679534 / 1);
|
|
7089
|
-
--color-status-success-a5: oklch(60.977856% 0.264742 145.644956 / 0.329);
|
|
7090
|
-
--color-status-success-5-ink: oklch(38.187356% 0.010019 157.679534 / 1);
|
|
7091
|
-
--color-status-success-5-ink-muted: oklch(48.041387% 0.010019 157.679534 / 1);
|
|
7092
|
-
--color-status-success-6: oklch(83.910855% 0.064179 157.679534 / 1);
|
|
7093
|
-
--color-status-success-a6: oklch(56.96563% 0.247322 145.644956 / 0.394);
|
|
7094
|
-
--color-status-success-6-ink: oklch(35.121555% 0.012836 157.679534 / 1);
|
|
7095
|
-
--color-status-success-6-ink-muted: oklch(41.809977% 0.012836 157.679534 / 1);
|
|
7096
|
-
--color-status-success-7: oklch(78.610855% 0.080655 157.679534 / 1);
|
|
7097
|
-
--color-status-success-a7: oklch(52.143613% 0.226387 145.644956 / 0.469);
|
|
7098
|
-
--color-status-success-7-ink: oklch(30.575933% 0.016131 157.679534 / 1);
|
|
7099
|
-
--color-status-success-7-ink-muted: oklch(32.535502% 0.016131 157.679534 / 1);
|
|
7100
|
-
--color-status-success-8: oklch(71.410855% 0.100985 157.679534 / 1);
|
|
7101
|
-
--color-status-success-a8: oklch(46.376187% 0.201347 145.644956 / 0.561);
|
|
7102
|
-
--color-status-success-8-ink: oklch(22.549085% 0.020197 157.679534 / 1);
|
|
7103
|
-
--color-status-success-8-ink-muted: oklch(35.636643% 0.020197 157.679534 / 1);
|
|
7104
|
-
--color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
7105
|
-
--color-status-success-a9: oklch(42.797243% 0.185809 145.644956 / 0.822);
|
|
7106
|
-
--color-status-success-9-ink: oklch(100% 0 none / 1);
|
|
7107
|
-
--color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
|
|
7108
|
-
--color-status-success-10: oklch(54.660908% 0.131547 157.679534 / 1);
|
|
7109
|
-
--color-status-success-a10: oklch(44.017031% 0.191104 145.644956 / 0.857);
|
|
7110
|
-
--color-status-success-10-ink: oklch(100% 0 none / 1);
|
|
7111
|
-
--color-status-success-10-ink-muted: oklch(98.897575% 0.018073 157.679534 / 1);
|
|
7112
|
-
--color-status-success-11: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
7113
|
-
--color-status-success-a11: oklch(45.368413% 0.179612 148.854702 / 0.92257);
|
|
7114
|
-
--color-status-success-11-ink: oklch(100% 0 none / 1);
|
|
7115
|
-
--color-status-success-11-ink-muted: oklch(96.939894% 0.023625 157.679534 / 1);
|
|
7116
|
-
--color-status-success-12: oklch(34.498218% 0.068829 157.679534 / 1);
|
|
7117
|
-
--color-status-success-a12: oklch(26.394455% 0.114594 145.644956 / 0.972127);
|
|
7118
|
-
--color-status-success-12-ink: oklch(95.56242% 0.013766 157.679534 / 1);
|
|
7119
|
-
--color-status-success-12-ink-muted: oklch(80.555225% 0.013766 157.679534 / 1);
|
|
7120
|
-
--color-status-warning-1: oklch(98.189696% 0.003773 84.129977 / 1);
|
|
7121
|
-
--color-status-warning-a1: oklch(100% 0 none / 0.016);
|
|
7122
|
-
--color-status-warning-1-ink: oklch(37.625467% 0.000755 84.129977 / 1);
|
|
7123
|
-
--color-status-warning-1-ink-muted: oklch(55.556923% 0.000755 84.129977 / 1);
|
|
7124
|
-
--color-status-warning-2: oklch(97.548357% 0.011319 84.129977 / 1);
|
|
7125
|
-
--color-status-warning-a2: oklch(82.068693% 0.193923 91.918377 / 0.043);
|
|
7126
|
-
--color-status-warning-2-ink: oklch(36.295528% 0.002264 84.129977 / 1);
|
|
7127
|
-
--color-status-warning-2-ink-muted: oklch(55.11015% 0.002264 84.129977 / 1);
|
|
7128
|
-
--color-status-warning-3: oklch(94.848357% 0.028454 84.129977 / 1);
|
|
7129
|
-
--color-status-warning-a3: oklch(73.26633% 0.173057 91.532471 / 0.140334);
|
|
7130
|
-
--color-status-warning-3-ink: oklch(29.919685% 0.005691 84.129977 / 1);
|
|
7131
|
-
--color-status-warning-3-ink-muted: oklch(53.212185% 0.005691 84.129977 / 1);
|
|
7132
|
-
--color-status-warning-4: oklch(91.848357% 0.044961 84.129977 / 1);
|
|
7133
|
-
--color-status-warning-a4: oklch(72.462387% 0.171269 92.157803 / 0.261);
|
|
7134
|
-
--color-status-warning-4-ink: oklch(9.538387% 0.008992 84.129977 / 1);
|
|
7135
|
-
--color-status-warning-4-ink-muted: oklch(51.066118% 0.008992 84.129977 / 1);
|
|
7136
|
-
--color-status-warning-5: oklch(88.348357% 0.059267 84.129977 / 1);
|
|
7137
|
-
--color-status-warning-a5: oklch(65.913261% 0.155502 89.773867 / 0.329);
|
|
7138
|
-
--color-status-warning-5-ink: oklch(38.149322% 0.011853 84.129977 / 1);
|
|
7139
|
-
--color-status-warning-5-ink-muted: oklch(47.829109% 0.011853 84.129977 / 1);
|
|
7140
|
-
--color-status-warning-6: oklch(84.348357% 0.075931 84.129977 / 1);
|
|
7141
|
-
--color-status-warning-a6: oklch(59.265324% 0.140034 84.956326 / 0.394);
|
|
7142
|
-
--color-status-warning-6-ink: oklch(34.94221% 0.015186 84.129977 / 1);
|
|
7143
|
-
--color-status-warning-6-ink-muted: oklch(41.266926% 0.015186 84.129977 / 1);
|
|
7144
|
-
--color-status-warning-7: oklch(79.048357% 0.095425 84.129977 / 1);
|
|
7145
|
-
--color-status-warning-a7: oklch(52.159903% 0.123347 84.243859 / 0.469);
|
|
7146
|
-
--color-status-warning-7-ink: oklch(30.146925% 0.019085 84.129977 / 1);
|
|
7147
|
-
--color-status-warning-7-ink-muted: oklch(31.305357% 0.019085 84.129977 / 1);
|
|
7148
|
-
--color-status-warning-8: oklch(71.848357% 0.119477 84.129977 / 1);
|
|
7149
|
-
--color-status-warning-a8: oklch(42.449314% 0.10207 77.174011 / 0.561);
|
|
7150
|
-
--color-status-warning-8-ink: oklch(21.318047% 0.023895 84.129977 / 1);
|
|
7151
|
-
--color-status-warning-8-ink-muted: oklch(34.994276% 0.023895 84.129977 / 1);
|
|
7152
|
-
--color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
|
|
7153
|
-
--color-status-warning-a9: oklch(83.277207% 0.196418 87.979386 / 0.822);
|
|
7154
|
-
--color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
|
|
7155
|
-
--color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
|
|
7156
|
-
--color-status-warning-10: oklch(82.369678% 0.155635 84.129977 / 1);
|
|
7157
|
-
--color-status-warning-a10: oklch(79.769424% 0.188198 86.979983 / 0.857);
|
|
7158
|
-
--color-status-warning-10-ink: oklch(33.069817% 0.031127 84.129977 / 1);
|
|
7159
|
-
--color-status-warning-10-ink-muted: oklch(37.563751% 0.03 84.129977 / 1);
|
|
7160
|
-
--color-status-warning-11: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
7161
|
-
--color-status-warning-a11: oklch(52.264559% 0.123557 84.489733 / 0.945);
|
|
7162
|
-
--color-status-warning-11-ink: oklch(100% 0 none / 1);
|
|
7163
|
-
--color-status-warning-11-ink-muted: oklch(97.655264% 0.026362 82.201817 / 1);
|
|
7164
|
-
--color-status-warning-12: oklch(36.194203% 0.081433 84.129977 / 1);
|
|
7165
|
-
--color-status-warning-a12: oklch(34.467308% 0.081436 85.010265 / 0.98911);
|
|
7166
|
-
--color-status-warning-12-ink: oklch(95.988287% 0.016287 84.129977 / 1);
|
|
7167
|
-
--color-status-warning-12-ink-muted: oklch(81.02367% 0.016287 84.129977 / 1);
|
|
7168
|
-
}
|
|
7169
|
-
.dark {
|
|
7170
|
-
--color-canvas: oklch(20.462653% 0 none / 1);
|
|
7171
|
-
--color-accent-1: oklch(20.921299% 0.020655 251.779887 / 1);
|
|
7172
|
-
--color-accent-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
|
|
7173
|
-
--color-accent-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
|
|
7174
|
-
--color-accent-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
|
|
7175
|
-
--color-accent-2: oklch(22.195498% 0.02857 251.779887 / 1);
|
|
7176
|
-
--color-accent-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
|
|
7177
|
-
--color-accent-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
|
|
7178
|
-
--color-accent-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
|
|
7179
|
-
--color-accent-3: oklch(27.93859% 0.059456 251.779887 / 1);
|
|
7180
|
-
--color-accent-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
|
|
7181
|
-
--color-accent-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
|
|
7182
|
-
--color-accent-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
|
|
7183
|
-
--color-accent-4: oklch(32.73859% 0.086868 251.779887 / 1);
|
|
7184
|
-
--color-accent-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
|
|
7185
|
-
--color-accent-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
|
|
7186
|
-
--color-accent-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
|
|
7187
|
-
--color-accent-5: oklch(36.93859% 0.097292 251.779887 / 1);
|
|
7188
|
-
--color-accent-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
7189
|
-
--color-accent-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
|
|
7190
|
-
--color-accent-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
|
|
7191
|
-
--color-accent-6: oklch(41.73859% 0.10096 251.779887 / 1);
|
|
7192
|
-
--color-accent-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
|
|
7193
|
-
--color-accent-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
|
|
7194
|
-
--color-accent-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
|
|
7195
|
-
--color-accent-7: oklch(47.63859% 0.11428 251.779887 / 1);
|
|
7196
|
-
--color-accent-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
7197
|
-
--color-accent-7-ink: oklch(100% 0 none / 1);
|
|
7198
|
-
--color-accent-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
|
|
7199
|
-
--color-accent-8: oklch(55.93859% 0.139761 251.779887 / 1);
|
|
7200
|
-
--color-accent-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
|
|
7201
|
-
--color-accent-8-ink: oklch(100% 0 none / 1);
|
|
7202
|
-
--color-accent-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
|
|
7203
|
-
--color-accent-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
7204
|
-
--color-accent-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
|
|
7205
|
-
--color-accent-9-ink: oklch(100% 0 none / 1);
|
|
7206
|
-
--color-accent-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
|
|
7207
|
-
--color-accent-10: oklch(56.215754% 0.183388 251.779887 / 1);
|
|
7208
|
-
--color-accent-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
|
|
7209
|
-
--color-accent-10-ink: oklch(100% 0 none / 1);
|
|
7210
|
-
--color-accent-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
|
|
7211
|
-
--color-accent-11: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
7212
|
-
--color-accent-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
|
|
7213
|
-
--color-accent-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
|
|
7214
|
-
--color-accent-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
|
|
7215
|
-
--color-accent-12: oklch(92.037298% 0.045225 244.632508 / 1);
|
|
7216
|
-
--color-accent-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
|
|
7217
|
-
--color-accent-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
|
|
7218
|
-
--color-accent-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
|
|
7219
|
-
--color-neutral-1: oklch(20.962653% 0 none / 1);
|
|
7220
|
-
--color-neutral-a1: oklch(0% 0 none / 0.02);
|
|
7221
|
-
--color-neutral-1-ink: oklch(92.241026% 0 none / 1);
|
|
7222
|
-
--color-neutral-1-ink-muted: oklch(76.627627% 0 none / 1);
|
|
7223
|
-
--color-neutral-2: oklch(22.462653% 0 none / 1);
|
|
7224
|
-
--color-neutral-a2: oklch(34.407394% 0.022601 220.579947 / 0.047);
|
|
7225
|
-
--color-neutral-2-ink: oklch(92.431093% 0 none / 1);
|
|
7226
|
-
--color-neutral-2-ink-muted: oklch(76.852224% 0 none / 1);
|
|
7227
|
-
--color-neutral-3: oklch(27.562653% 0 none / 1);
|
|
7228
|
-
--color-neutral-a3: oklch(46.131669% 0.007996 241.953581 / 0.125);
|
|
7229
|
-
--color-neutral-3-ink: oklch(93.323879% 0 none / 1);
|
|
7230
|
-
--color-neutral-3-ink-muted: oklch(77.904811% 0 none / 1);
|
|
7231
|
-
--color-neutral-4: oklch(31.362653% 0 none / 1);
|
|
7232
|
-
--color-neutral-a4: oklch(50.493504% 0.00231 195.834465 / 0.176);
|
|
7233
|
-
--color-neutral-4-ink: oklch(94.265922% 0 none / 1);
|
|
7234
|
-
--color-neutral-4-ink-muted: oklch(79.011315% 0 none / 1);
|
|
7235
|
-
--color-neutral-5: oklch(34.562653% 0 none / 1);
|
|
7236
|
-
--color-neutral-a5: oklch(52.292827% 0.002153 195.841073 / 0.235);
|
|
7237
|
-
--color-neutral-5-ink: oklch(95.340033% 0 none / 1);
|
|
7238
|
-
--color-neutral-5-ink-muted: oklch(80.267958% 0 none / 1);
|
|
7239
|
-
--color-neutral-6: oklch(39.355783% 0 none / 1);
|
|
7240
|
-
--color-neutral-a6: oklch(56.823866% 0.000911 195.877546 / 0.294);
|
|
7241
|
-
--color-neutral-6-ink: oklch(97.200807% 0 none / 1);
|
|
7242
|
-
--color-neutral-6-ink-muted: oklch(82.433067% 0 none / 1);
|
|
7243
|
-
--color-neutral-7: oklch(46.024892% 0 none / 1);
|
|
7244
|
-
--color-neutral-a7: oklch(62.53178% 0.000752 195.883369 / 0.373);
|
|
7245
|
-
--color-neutral-7-ink: oklch(99.411838% 0 none / 1);
|
|
7246
|
-
--color-neutral-7-ink-muted: oklch(85.851779% 0 none / 1);
|
|
7247
|
-
--color-neutral-8: oklch(56.062653% 0 none / 1);
|
|
7248
|
-
--color-neutral-a8: oklch(70.81652% 0 none / 0.482);
|
|
7249
|
-
--color-neutral-8-ink: oklch(100% 0 none / 1);
|
|
7250
|
-
--color-neutral-8-ink-muted: oklch(98.919277% 0 none / 1);
|
|
7251
|
-
--color-neutral-9: oklch(55.552676% 0 none / 1);
|
|
7252
|
-
--color-neutral-a9: oklch(60.47082% 0 none / 0.765);
|
|
7253
|
-
--color-neutral-9-ink: oklch(100% 0 none / 1);
|
|
7254
|
-
--color-neutral-9-ink-muted: oklch(98.183363% 0 none / 1);
|
|
7255
|
-
--color-neutral-10: oklch(56.27973% 0 none / 1);
|
|
7256
|
-
--color-neutral-a10: oklch(60.308751% 0 none / 0.804);
|
|
7257
|
-
--color-neutral-10-ink: oklch(100% 0 none / 1);
|
|
7258
|
-
--color-neutral-10-ink-muted: oklch(99.233267% 0 none / 1);
|
|
7259
|
-
--color-neutral-11: oklch(86% 0 none / 1);
|
|
7260
|
-
--color-neutral-a11: oklch(89.093811% 0 none / 0.898);
|
|
7261
|
-
--color-neutral-11-ink: oklch(36.344431% 0 none / 1);
|
|
7262
|
-
--color-neutral-11-ink-muted: oklch(44.11623% 0 none / 1);
|
|
7263
|
-
--color-neutral-12: oklch(92.431093% 0 none / 1);
|
|
7264
|
-
--color-neutral-a12: oklch(93.521911% 0 none / 0.965);
|
|
7265
|
-
--color-neutral-12-ink: oklch(19.79752% 0 none / 1);
|
|
7266
|
-
--color-neutral-12-ink-muted: oklch(51.500747% 0 none / 1);
|
|
7267
|
-
--color-status-danger-1: oklch(20.917018% 0.020687 23.02606 / 1);
|
|
7268
|
-
--color-status-danger-a1: oklch(25.589627% 0.118163 28.958133 / 0.02);
|
|
7269
|
-
--color-status-danger-1-ink: oklch(92.270203% 0.004137 23.02606 / 1);
|
|
7270
|
-
--color-status-danger-1-ink-muted: oklch(76.653643% 0.004137 23.02606 / 1);
|
|
7271
|
-
--color-status-danger-2: oklch(22.190453% 0.028614 23.02606 / 1);
|
|
7272
|
-
--color-status-danger-a2: oklch(35.517517% 0.123047 41.213689 / 0.047);
|
|
7273
|
-
--color-status-danger-2-ink: oklch(92.443089% 0.005723 23.02606 / 1);
|
|
7274
|
-
--color-status-danger-2-ink-muted: oklch(76.854703% 0.005723 23.02606 / 1);
|
|
7275
|
-
--color-status-danger-3: oklch(27.925747% 0.059549 23.02606 / 1);
|
|
7276
|
-
--color-status-danger-a3: oklch(47.645191% 0.138897 25.055893 / 0.125);
|
|
7277
|
-
--color-status-danger-3-ink: oklch(93.494673% 0.01191 23.02606 / 1);
|
|
7278
|
-
--color-status-danger-3-ink-muted: oklch(78.081898% 0.01191 23.02606 / 1);
|
|
7279
|
-
--color-status-danger-4: oklch(32.725747% 0.087003 23.02606 / 1);
|
|
7280
|
-
--color-status-danger-a4: oklch(53.569319% 0.169444 25.566189 / 0.176);
|
|
7281
|
-
--color-status-danger-4-ink: oklch(94.790301% 0.017401 23.02606 / 1);
|
|
7282
|
-
--color-status-danger-4-ink-muted: oklch(79.591597% 0.017401 23.02606 / 1);
|
|
7283
|
-
--color-status-danger-5: oklch(36.925747% 0.097443 23.02606 / 1);
|
|
7284
|
-
--color-status-danger-a5: oklch(56.750771% 0.166348 24.27652 / 0.235);
|
|
7285
|
-
--color-status-danger-5-ink: oklch(96.268087% 0.019489 23.02606 / 1);
|
|
7286
|
-
--color-status-danger-5-ink-muted: oklch(81.313084% 0.019489 23.02606 / 1);
|
|
7287
|
-
--color-status-danger-6: oklch(41.725747% 0.101117 23.02606 / 1);
|
|
7288
|
-
--color-status-danger-a6: oklch(60.718746% 0.156724 23.848317 / 0.294);
|
|
7289
|
-
--color-status-danger-6-ink: oklch(98.059582% 0.012272 23.02606 / 1);
|
|
7290
|
-
--color-status-danger-6-ink-muted: oklch(83.493073% 0.020223 23.02606 / 1);
|
|
7291
|
-
--color-status-danger-7: oklch(47.625747% 0.114457 23.02606 / 1);
|
|
7292
|
-
--color-status-danger-a7: oklch(64.91049% 0.161707 23.22664 / 0.373);
|
|
7293
|
-
--color-status-danger-7-ink: oklch(99.784591% 0.001344 23.02606 / 1);
|
|
7294
|
-
--color-status-danger-7-ink-muted: oklch(86.515379% 0.022891 23.02606 / 1);
|
|
7295
|
-
--color-status-danger-8: oklch(55.925747% 0.139978 23.02606 / 1);
|
|
7296
|
-
--color-status-danger-a8: oklch(70.646488% 0.180093 23.132027 / 0.482);
|
|
7297
|
-
--color-status-danger-8-ink: oklch(100% 0 none / 1);
|
|
7298
|
-
--color-status-danger-8-ink-muted: oklch(96.569028% 0.021951 23.02606 / 1);
|
|
7299
|
-
--color-status-danger-9: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
7300
|
-
--color-status-danger-a9: oklch(63.870922% 0.212248 23.092595 / 0.765);
|
|
7301
|
-
--color-status-danger-9-ink: oklch(100% 0 none / 1);
|
|
7302
|
-
--color-status-danger-9-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
|
|
7303
|
-
--color-status-danger-10: oklch(58.508422% 0.183673 23.02606 / 1);
|
|
7304
|
-
--color-status-danger-a10: oklch(62.723398% 0.198178 23.077162 / 0.804);
|
|
7305
|
-
--color-status-danger-10-ink: oklch(100% 0 none / 1);
|
|
7306
|
-
--color-status-danger-10-ink-muted: oklch(99.283571% 0.004489 23.02606 / 1);
|
|
7307
|
-
--color-status-danger-11: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
7308
|
-
--color-status-danger-a11: oklch(80.016885% 0.147187 22.589407 / 0.898);
|
|
7309
|
-
--color-status-danger-11-ink: oklch(28.008783% 0.03078 23.02606 / 1);
|
|
7310
|
-
--color-status-danger-11-ink-muted: oklch(25.214297% 0.03 23.02606 / 1);
|
|
7311
|
-
--color-status-danger-12: oklch(92.624873% 0.04868 23.583422 / 1);
|
|
7312
|
-
--color-status-danger-a12: oklch(93.351225% 0.043631 23.367916 / 0.965);
|
|
7313
|
-
--color-status-danger-12-ink: oklch(16.933938% 0.009736 23.583422 / 1);
|
|
7314
|
-
--color-status-danger-12-ink-muted: oklch(51.354718% 0.009736 23.583422 / 1);
|
|
7315
|
-
--color-status-information-1: oklch(20.921299% 0.020655 251.779887 / 1);
|
|
7316
|
-
--color-status-information-a1: oklch(20.330038% 0.140873 264.052023 / 0.02);
|
|
7317
|
-
--color-status-information-1-ink: oklch(92.238009% 0.004131 251.779887 / 1);
|
|
7318
|
-
--color-status-information-1-ink-muted: oklch(76.626104% 0.004131 251.779887 / 1);
|
|
7319
|
-
--color-status-information-2: oklch(22.195498% 0.02857 251.779887 / 1);
|
|
7320
|
-
--color-status-information-a2: oklch(34.615555% 0.114534 245.572369 / 0.047);
|
|
7321
|
-
--color-status-information-2-ink: oklch(92.401446% 0.005714 251.779887 / 1);
|
|
7322
|
-
--color-status-information-2-ink-muted: oklch(76.820005% 0.005714 251.779887 / 1);
|
|
7323
|
-
--color-status-information-3: oklch(27.93859% 0.059456 251.779887 / 1);
|
|
7324
|
-
--color-status-information-a3: oklch(47.363522% 0.137505 246.780027 / 0.125);
|
|
7325
|
-
--color-status-information-3-ink: oklch(93.446468% 0.011891 251.779887 / 1);
|
|
7326
|
-
--color-status-information-3-ink-muted: oklch(78.054622% 0.011891 251.779887 / 1);
|
|
7327
|
-
--color-status-information-4: oklch(32.73859% 0.086868 251.779887 / 1);
|
|
7328
|
-
--color-status-information-a4: oklch(53.700834% 0.167927 249.654834 / 0.176);
|
|
7329
|
-
--color-status-information-4-ink: oklch(94.804179% 0.017374 251.779887 / 1);
|
|
7330
|
-
--color-status-information-4-ink-muted: oklch(79.649464% 0.017374 251.779887 / 1);
|
|
7331
|
-
--color-status-information-5: oklch(36.93859% 0.097292 251.779887 / 1);
|
|
7332
|
-
--color-status-information-a5: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
7333
|
-
--color-status-information-5-ink: oklch(96.341859% 0.019458 251.779887 / 1);
|
|
7334
|
-
--color-status-information-5-ink-muted: oklch(81.443793% 0.019458 251.779887 / 1);
|
|
7335
|
-
--color-status-information-6: oklch(41.73859% 0.10096 251.779887 / 1);
|
|
7336
|
-
--color-status-information-a6: oklch(60.760916% 0.155806 251.088217 / 0.294);
|
|
7337
|
-
--color-status-information-6-ink: oklch(98.330189% 0.008902 251.779887 / 1);
|
|
7338
|
-
--color-status-information-6-ink-muted: oklch(83.715469% 0.020192 251.779887 / 1);
|
|
7339
|
-
--color-status-information-7: oklch(47.63859% 0.11428 251.779887 / 1);
|
|
7340
|
-
--color-status-information-a7: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
7341
|
-
--color-status-information-7-ink: oklch(100% 0 none / 1);
|
|
7342
|
-
--color-status-information-7-ink-muted: oklch(87.061519% 0.022856 251.779887 / 1);
|
|
7343
|
-
--color-status-information-8: oklch(55.93859% 0.139761 251.779887 / 1);
|
|
7344
|
-
--color-status-information-a8: oklch(70.322489% 0.173943 250.785932 / 0.482);
|
|
7345
|
-
--color-status-information-8-ink: oklch(100% 0 none / 1);
|
|
7346
|
-
--color-status-information-8-ink-muted: oklch(98.676325% 0.007049 251.779887 / 1);
|
|
7347
|
-
--color-status-information-9: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
7348
|
-
--color-status-information-a9: oklch(61.082459% 0.211929 251.640012 / 0.765);
|
|
7349
|
-
--color-status-information-9-ink: oklch(100% 0 none / 1);
|
|
7350
|
-
--color-status-information-9-ink-muted: oklch(98.54062% 0.007775 251.779887 / 1);
|
|
7351
|
-
--color-status-information-10: oklch(56.215754% 0.183388 251.779887 / 1);
|
|
7352
|
-
--color-status-information-a10: oklch(60.241658% 0.197871 251.671832 / 0.804);
|
|
7353
|
-
--color-status-information-10-ink: oklch(100% 0 none / 1);
|
|
7354
|
-
--color-status-information-10-ink-muted: oklch(98.791292% 0.006434 251.779887 / 1);
|
|
7355
|
-
--color-status-information-11: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
7356
|
-
--color-status-information-a11: oklch(77.965918% 0.129595 246.066304 / 0.898);
|
|
7357
|
-
--color-status-information-11-ink: oklch(27.242925% 0.027965 248.518651 / 1);
|
|
7358
|
-
--color-status-information-11-ink-muted: oklch(23.211608% 0.027965 248.518651 / 1);
|
|
7359
|
-
--color-status-information-12: oklch(92.037298% 0.045225 244.632508 / 1);
|
|
7360
|
-
--color-status-information-a12: oklch(92.839264% 0.041136 242.787877 / 0.965);
|
|
7361
|
-
--color-status-information-12-ink: oklch(18.066043% 0.009045 244.632508 / 1);
|
|
7362
|
-
--color-status-information-12-ink-muted: oklch(51.304203% 0.009045 244.632508 / 1);
|
|
7363
|
-
--color-status-success-1: oklch(20.940932% 0.014218 157.679534 / 1);
|
|
7364
|
-
--color-status-success-a1: oklch(19.582074% 0.044618 200.004523 / 0.02);
|
|
7365
|
-
--color-status-success-1-ink: oklch(92.228749% 0.002844 157.679534 / 1);
|
|
7366
|
-
--color-status-success-1-ink-muted: oklch(76.619437% 0.002844 157.679534 / 1);
|
|
7367
|
-
--color-status-success-2: oklch(22.338503% 0.019666 157.679534 / 1);
|
|
7368
|
-
--color-status-success-a2: oklch(33.810522% 0.10657 159.326583 / 0.047);
|
|
7369
|
-
--color-status-success-2-ink: oklch(92.407825% 0.003933 157.679534 / 1);
|
|
7370
|
-
--color-status-success-2-ink-muted: oklch(76.833434% 0.003933 157.679534 / 1);
|
|
7371
|
-
--color-status-success-3: oklch(27.997491% 0.040926 157.679534 / 1);
|
|
7372
|
-
--color-status-success-a3: oklch(47.549494% 0.099237 158.106747 / 0.125);
|
|
7373
|
-
--color-status-success-3-ink: oklch(93.466356% 0.008185 157.679534 / 1);
|
|
7374
|
-
--color-status-success-3-ink-muted: oklch(78.089943% 0.008185 157.679534 / 1);
|
|
7375
|
-
--color-status-success-4: oklch(32.797491% 0.059794 157.679534 / 1);
|
|
7376
|
-
--color-status-success-a4: oklch(53.749953% 0.118772 157.610583 / 0.176);
|
|
7377
|
-
--color-status-success-4-ink: oklch(94.904461% 0.011959 157.679534 / 1);
|
|
7378
|
-
--color-status-success-4-ink-muted: oklch(79.783536% 0.011959 157.679534 / 1);
|
|
7379
|
-
--color-status-success-5: oklch(36.997491% 0.066969 157.679534 / 1);
|
|
7380
|
-
--color-status-success-a5: oklch(56.887883% 0.115676 157.640944 / 0.235);
|
|
7381
|
-
--color-status-success-5-ink: oklch(96.496254% 0.013394 157.679534 / 1);
|
|
7382
|
-
--color-status-success-5-ink-muted: oklch(81.641349% 0.013394 157.679534 / 1);
|
|
7383
|
-
--color-status-success-6: oklch(41.797491% 0.069494 157.679534 / 1);
|
|
7384
|
-
--color-status-success-a6: oklch(60.841675% 0.108338 157.660028 / 0.294);
|
|
7385
|
-
--color-status-success-6-ink: oklch(98.509233% 0.013899 157.679534 / 1);
|
|
7386
|
-
--color-status-success-6-ink-muted: oklch(83.972989% 0.013899 157.679534 / 1);
|
|
7387
|
-
--color-status-success-7: oklch(47.697491% 0.078662 157.679534 / 1);
|
|
7388
|
-
--color-status-success-a7: oklch(65.007154% 0.111551 157.668655 / 0.373);
|
|
7389
|
-
--color-status-success-7-ink: oklch(100% 0 none / 1);
|
|
7390
|
-
--color-status-success-7-ink-muted: oklch(88.281893% 0.015732 157.679534 / 1);
|
|
7391
|
-
--color-status-success-8: oklch(55.997491% 0.096202 157.679534 / 1);
|
|
7392
|
-
--color-status-success-a8: oklch(70.736247% 0.124016 157.673769 / 0.482);
|
|
7393
|
-
--color-status-success-8-ink: oklch(0% 0 none / 1);
|
|
7394
|
-
--color-status-success-8-ink-muted: oklch(13.456377% 0.01924 157.679534 / 1);
|
|
7395
|
-
--color-status-success-9: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
7396
|
-
--color-status-success-a9: oklch(59.428984% 0.146272 157.674414 / 0.765);
|
|
7397
|
-
--color-status-success-9-ink: oklch(100% 0 none / 1);
|
|
7398
|
-
--color-status-success-9-ink-muted: oklch(98.82713% 0.019247 157.679534 / 1);
|
|
7399
|
-
--color-status-success-10: oklch(54.799979% 0.126232 157.679534 / 1);
|
|
7400
|
-
--color-status-success-a10: oklch(58.706701% 0.136486 157.675703 / 0.804);
|
|
7401
|
-
--color-status-success-10-ink: oklch(100% 0 none / 1);
|
|
7402
|
-
--color-status-success-10-ink-muted: oklch(99.041953% 0.015675 157.679534 / 1);
|
|
7403
|
-
--color-status-success-11: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
7404
|
-
--color-status-success-a11: oklch(78.22263% 0.109703 157.679229 / 0.898);
|
|
7405
|
-
--color-status-success-11-ink: oklch(27.687557% 0.021154 157.679534 / 1);
|
|
7406
|
-
--color-status-success-11-ink-muted: oklch(25.047527% 0.021154 157.679534 / 1);
|
|
7407
|
-
--color-status-success-12: oklch(92.002315% 0.036806 157.679534 / 1);
|
|
7408
|
-
--color-status-success-a12: oklch(93.087984% 0.037235 157.679499 / 0.965);
|
|
7409
|
-
--color-status-success-12-ink: oklch(19.867544% 0.007361 157.679534 / 1);
|
|
7410
|
-
--color-status-success-12-ink-muted: oklch(51.423995% 0.007361 157.679534 / 1);
|
|
7411
|
-
--color-status-warning-1: oklch(20.948603% 0.016821 84.129977 / 1);
|
|
7412
|
-
--color-status-warning-a1: oklch(24.566755% 0.058099 84.19315 / 0.02);
|
|
7413
|
-
--color-status-warning-1-ink: oklch(92.242276% 0.003364 84.129977 / 1);
|
|
7414
|
-
--color-status-warning-1-ink-muted: oklch(76.629085% 0.003364 84.129977 / 1);
|
|
7415
|
-
--color-status-warning-2: oklch(22.303061% 0.023267 84.129977 / 1);
|
|
7416
|
-
--color-status-warning-a2: oklch(37.719506% 0.089549 81.842622 / 0.047);
|
|
7417
|
-
--color-status-warning-2-ink: oklch(92.414459% 0.004653 84.129977 / 1);
|
|
7418
|
-
--color-status-warning-2-ink-muted: oklch(76.832544% 0.004653 84.129977 / 1);
|
|
7419
|
-
--color-status-warning-3: oklch(28.020502% 0.04842 84.129977 / 1);
|
|
7420
|
-
--color-status-warning-a3: oklch(48.817333% 0.115313 85.249085 / 0.125);
|
|
7421
|
-
--color-status-warning-3-ink: oklch(93.44049% 0.009684 84.129977 / 1);
|
|
7422
|
-
--color-status-warning-3-ink-muted: oklch(78.041902% 0.009684 84.129977 / 1);
|
|
7423
|
-
--color-status-warning-4: oklch(32.820502% 0.070743 84.129977 / 1);
|
|
7424
|
-
--color-status-warning-a4: oklch(55.516221% 0.130951 87.583171 / 0.176);
|
|
7425
|
-
--color-status-warning-4-ink: oklch(94.763864% 0.014149 84.129977 / 1);
|
|
7426
|
-
--color-status-warning-4-ink-muted: oklch(79.59433% 0.014149 84.129977 / 1);
|
|
7427
|
-
--color-status-warning-5: oklch(37.020502% 0.079232 84.129977 / 1);
|
|
7428
|
-
--color-status-warning-a5: oklch(57.697505% 0.136121 87.029151 / 0.235);
|
|
7429
|
-
--color-status-warning-5-ink: oklch(96.299278% 0.015846 84.129977 / 1);
|
|
7430
|
-
--color-status-warning-5-ink-muted: oklch(81.3857% 0.015846 84.129977 / 1);
|
|
7431
|
-
--color-status-warning-6: oklch(41.820502% 0.082219 84.129977 / 1);
|
|
7432
|
-
--color-status-warning-a6: oklch(60.980333% 0.130722 84.431924 / 0.294);
|
|
7433
|
-
--color-status-warning-6-ink: oklch(98.256252% 0.016444 84.129977 / 1);
|
|
7434
|
-
--color-status-warning-6-ink-muted: oklch(83.654598% 0.016444 84.129977 / 1);
|
|
7435
|
-
--color-status-warning-7: oklch(47.720502% 0.093067 84.129977 / 1);
|
|
7436
|
-
--color-status-warning-a7: oklch(65.085666% 0.133373 84.363137 / 0.373);
|
|
7437
|
-
--color-status-warning-7-ink: oklch(100% 0 none / 1);
|
|
7438
|
-
--color-status-warning-7-ink-muted: oklch(86.983354% 0.018613 84.129977 / 1);
|
|
7439
|
-
--color-status-warning-8: oklch(56.020502% 0.113818 84.129977 / 1);
|
|
7440
|
-
--color-status-warning-a8: oklch(70.803693% 0.147592 84.202555 / 0.482);
|
|
7441
|
-
--color-status-warning-8-ink: oklch(100% 0 none / 1);
|
|
7442
|
-
--color-status-warning-8-ink-muted: oklch(98.503291% 0.018844 84.129977 / 1);
|
|
7443
|
-
--color-status-warning-9: oklch(85.369678% 0.157207 84.129977 / 1);
|
|
7444
|
-
--color-status-warning-a9: oklch(89.626209% 0.160343 89.547426 / 0.826572);
|
|
7445
|
-
--color-status-warning-9-ink: oklch(35.612648% 0.031441 84.129977 / 1);
|
|
7446
|
-
--color-status-warning-9-ink-muted: oklch(42.75709% 0.03 84.129977 / 1);
|
|
7447
|
-
--color-status-warning-10: oklch(89.098918% 0.148203 85.476085 / 1);
|
|
7448
|
-
--color-status-warning-a10: oklch(91.072336% 0.146892 91.373546 / 0.899066);
|
|
7449
|
-
--color-status-warning-10-ink: oklch(38.59685% 0.029641 85.476085 / 1);
|
|
7450
|
-
--color-status-warning-10-ink-muted: oklch(48.834538% 0.029641 85.476085 / 1);
|
|
7451
|
-
--color-status-warning-11: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
7452
|
-
--color-status-warning-a11: oklch(79.687573% 0.12976 84.141183 / 0.899066);
|
|
7453
|
-
--color-status-warning-11-ink: oklch(27.92169% 0.025027 84.129977 / 1);
|
|
7454
|
-
--color-status-warning-11-ink-muted: oklch(25.159437% 0.025027 84.129977 / 1);
|
|
7455
|
-
--color-status-warning-12: oklch(92.432169% 0.043546 84.129977 / 1);
|
|
7456
|
-
--color-status-warning-a12: oklch(93.523117% 0.044054 84.131212 / 0.965);
|
|
7457
|
-
--color-status-warning-12-ink: oklch(19.670264% 0.008709 84.129977 / 1);
|
|
7458
|
-
--color-status-warning-12-ink-muted: oklch(51.485937% 0.008709 84.129977 / 1);
|
|
7459
|
-
}
|
|
7460
|
-
}
|
|
7461
|
-
:root, .light {
|
|
7462
|
-
--breakpoint-sm: 640px;
|
|
7463
|
-
--breakpoint-md: 768px;
|
|
7464
|
-
--breakpoint-lg: 1024px;
|
|
7465
|
-
--breakpoint-xl: 1280px;
|
|
7466
|
-
--breakpoint-2xl: 1536px;
|
|
7467
|
-
--border-width-0: 0px;
|
|
7468
|
-
--border-width-1: 1px;
|
|
7469
|
-
--border-width-2: 2px;
|
|
7470
|
-
--border-width-3: 4px;
|
|
7471
|
-
--border-width-edge-perimeter: var(--border-width-1);
|
|
7472
|
-
--border-width-edge-control: var(--border-width-1);
|
|
7473
|
-
--border-width-edge-separator: var(--border-width-1);
|
|
7474
|
-
--border-width-edge-divider: var(--border-width-1);
|
|
7475
|
-
--radius-1: 1px;
|
|
7476
|
-
--radius-2: 2.5px;
|
|
7477
|
-
--radius-3: 4px;
|
|
7478
|
-
--radius-4: 6px;
|
|
7479
|
-
--radius-5: 8px;
|
|
7480
|
-
--radius-6: 10.5px;
|
|
7481
|
-
--radius-control: var(--radius-3);
|
|
7482
|
-
--radius-control-xs: var(--radius-1);
|
|
7483
|
-
--radius-control-sm: var(--radius-2);
|
|
7484
|
-
--radius-control-md: var(--radius-3);
|
|
7485
|
-
--radius-control-lg: var(--radius-4);
|
|
7486
|
-
--radius-surface: var(--radius-4);
|
|
7487
|
-
--radius-surface-xs: var(--radius-2);
|
|
7488
|
-
--radius-surface-sm: var(--radius-3);
|
|
7489
|
-
--radius-surface-md: var(--radius-4);
|
|
7490
|
-
--radius-surface-lg: var(--radius-5);
|
|
7491
|
-
--radius-overlay: var(--radius-5);
|
|
7492
|
-
--radius-overlay-xs: var(--radius-3);
|
|
7493
|
-
--radius-overlay-sm: var(--radius-4);
|
|
7494
|
-
--radius-overlay-md: var(--radius-5);
|
|
7495
|
-
--radius-overlay-lg: var(--radius-6);
|
|
7496
|
-
--radius-none: 0px;
|
|
7497
|
-
--radius-full: 9999px;
|
|
7498
|
-
--radius-circle: 50%;
|
|
7499
|
-
--spacing-0: 0px;
|
|
7500
|
-
--spacing-0\.5: 2px;
|
|
7501
|
-
--spacing-1: 4px;
|
|
7502
|
-
--spacing-1\.5: 6px;
|
|
7503
|
-
--spacing-2: 8px;
|
|
7504
|
-
--spacing-2\.5: 10px;
|
|
7505
|
-
--spacing-3: 12px;
|
|
7506
|
-
--spacing-3\.5: 14px;
|
|
7507
|
-
--spacing-4: 16px;
|
|
7508
|
-
--spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
|
|
7509
|
-
--spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
|
|
7510
|
-
--spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
|
|
7511
|
-
--spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
|
|
7512
|
-
--spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
|
|
7513
|
-
--spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
|
|
7514
|
-
--spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
|
|
7515
|
-
--spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
|
|
7516
|
-
--spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
|
|
7517
|
-
--spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
|
|
7518
|
-
--spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
|
|
7519
|
-
--spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
|
|
7520
|
-
--spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
|
|
7521
|
-
--spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
|
|
7522
|
-
--spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
|
|
7523
|
-
--spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
|
|
7524
|
-
--spacing-control-gap: var(--spacing-2);
|
|
7525
|
-
--spacing-control-padding-xs: var(--spacing-2);
|
|
7526
|
-
--spacing-control-padding-sm: var(--spacing-2);
|
|
7527
|
-
--spacing-control-padding-md: var(--spacing-3);
|
|
7528
|
-
--spacing-control-padding-lg: var(--spacing-3);
|
|
7529
|
-
--spacing-control-padding-xlg: var(--spacing-4);
|
|
7530
|
-
--spacing-badge-padding-xs: var(--spacing-1\.5);
|
|
7531
|
-
--spacing-badge-padding-sm: var(--spacing-2);
|
|
7532
|
-
--spacing-badge-padding-md: var(--spacing-2\.5);
|
|
7533
|
-
--spacing-badge-padding-lg: var(--spacing-3);
|
|
7534
|
-
--spacing-badge-padding-xlg: var(--spacing-4);
|
|
7535
|
-
--spacing-popover-padding: var(--spacing-1\.5);
|
|
7536
|
-
--spacing-menu-item-padding-inline: var(--spacing-2\.5);
|
|
7537
|
-
--spacing-app-region-gap: var(--spacing-2);
|
|
7538
|
-
--spacing-app-region-padding-inline: var(--spacing-4);
|
|
7539
|
-
--spacing-app-region-padding-block: var(--spacing-3);
|
|
7540
|
-
--spacing-sidebar-header-gap: var(--spacing-2);
|
|
7541
|
-
--spacing-sidebar-header-padding-inline: var(--spacing-3);
|
|
7542
|
-
--spacing-sidebar-header-padding-block: var(--spacing-2);
|
|
7543
|
-
--spacing-sidebar-content-gap: var(--spacing-1);
|
|
7544
|
-
--spacing-sidebar-content-padding-inline: var(--spacing-2);
|
|
7545
|
-
--spacing-sidebar-content-padding-block: var(--spacing-2);
|
|
7546
|
-
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
7547
|
-
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
7548
|
-
--text-1: 12px;
|
|
7549
|
-
--text-1--line-height: 16px;
|
|
7550
|
-
--text-1--letter-spacing: 0em;
|
|
7551
|
-
--leading-type-1: var(--text-1--line-height);
|
|
7552
|
-
--tracking-type-1: var(--text-1--letter-spacing);
|
|
7553
|
-
--text-xs: var(--text-1);
|
|
7554
|
-
--text-xs--line-height: var(--text-1--line-height);
|
|
7555
|
-
--text-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
7556
|
-
--text-2: 14px;
|
|
7557
|
-
--text-2--line-height: 20px;
|
|
7558
|
-
--text-2--letter-spacing: 0em;
|
|
7559
|
-
--leading-type-2: var(--text-2--line-height);
|
|
7560
|
-
--tracking-type-2: var(--text-2--letter-spacing);
|
|
7561
|
-
--text-sm: var(--text-2);
|
|
7562
|
-
--text-sm--line-height: var(--text-2--line-height);
|
|
7563
|
-
--text-sm--letter-spacing: var(--text-2--letter-spacing);
|
|
7564
|
-
--text-3: 16px;
|
|
7565
|
-
--text-3--line-height: 24px;
|
|
7566
|
-
--text-3--letter-spacing: 0em;
|
|
7567
|
-
--leading-type-3: var(--text-3--line-height);
|
|
7568
|
-
--tracking-type-3: var(--text-3--letter-spacing);
|
|
7569
|
-
--text-base: var(--text-3);
|
|
7570
|
-
--text-base--line-height: var(--text-3--line-height);
|
|
7571
|
-
--text-base--letter-spacing: var(--text-3--letter-spacing);
|
|
7572
|
-
--text-4: 18px;
|
|
7573
|
-
--text-4--line-height: 26px;
|
|
7574
|
-
--text-4--letter-spacing: 0em;
|
|
7575
|
-
--leading-type-4: var(--text-4--line-height);
|
|
7576
|
-
--tracking-type-4: var(--text-4--letter-spacing);
|
|
7577
|
-
--text-lg: var(--text-4);
|
|
7578
|
-
--text-lg--line-height: var(--text-4--line-height);
|
|
7579
|
-
--text-lg--letter-spacing: var(--text-4--letter-spacing);
|
|
7580
|
-
--text-5: 20px;
|
|
7581
|
-
--text-5--line-height: 28px;
|
|
7582
|
-
--text-5--letter-spacing: 0em;
|
|
7583
|
-
--leading-type-5: var(--text-5--line-height);
|
|
7584
|
-
--tracking-type-5: var(--text-5--letter-spacing);
|
|
7585
|
-
--text-xl: var(--text-5);
|
|
7586
|
-
--text-xl--line-height: var(--text-5--line-height);
|
|
7587
|
-
--text-xl--letter-spacing: var(--text-5--letter-spacing);
|
|
7588
|
-
--text-6: 30px;
|
|
7589
|
-
--text-6--line-height: 38px;
|
|
7590
|
-
--text-6--letter-spacing: -0.01em;
|
|
7591
|
-
--leading-type-6: var(--text-6--line-height);
|
|
7592
|
-
--tracking-type-6: var(--text-6--letter-spacing);
|
|
7593
|
-
--text-2xl: var(--text-6);
|
|
7594
|
-
--text-2xl--line-height: var(--text-6--line-height);
|
|
7595
|
-
--text-2xl--letter-spacing: var(--text-6--letter-spacing);
|
|
7596
|
-
--text-7: 36px;
|
|
7597
|
-
--text-7--line-height: 44px;
|
|
7598
|
-
--text-7--letter-spacing: -0.015em;
|
|
7599
|
-
--leading-type-7: var(--text-7--line-height);
|
|
7600
|
-
--tracking-type-7: var(--text-7--letter-spacing);
|
|
7601
|
-
--text-3xl: var(--text-7);
|
|
7602
|
-
--text-3xl--line-height: var(--text-7--line-height);
|
|
7603
|
-
--text-3xl--letter-spacing: var(--text-7--letter-spacing);
|
|
7604
|
-
--text-8: 48px;
|
|
7605
|
-
--text-8--line-height: 56px;
|
|
7606
|
-
--text-8--letter-spacing: -0.02em;
|
|
7607
|
-
--leading-type-8: var(--text-8--line-height);
|
|
7608
|
-
--tracking-type-8: var(--text-8--letter-spacing);
|
|
7609
|
-
--text-4xl: var(--text-8);
|
|
7610
|
-
--text-4xl--line-height: var(--text-8--line-height);
|
|
7611
|
-
--text-4xl--letter-spacing: var(--text-8--letter-spacing);
|
|
7612
|
-
--text-9: 60px;
|
|
7613
|
-
--text-9--line-height: 64px;
|
|
7614
|
-
--text-9--letter-spacing: -0.025em;
|
|
7615
|
-
--leading-type-9: var(--text-9--line-height);
|
|
7616
|
-
--tracking-type-9: var(--text-9--letter-spacing);
|
|
7617
|
-
--text-5xl: var(--text-9);
|
|
7618
|
-
--text-5xl--line-height: var(--text-9--line-height);
|
|
7619
|
-
--text-5xl--letter-spacing: var(--text-9--letter-spacing);
|
|
7620
|
-
--text-10: 72px;
|
|
7621
|
-
--text-10--line-height: 76px;
|
|
7622
|
-
--text-10--letter-spacing: -0.03em;
|
|
7623
|
-
--leading-type-10: var(--text-10--line-height);
|
|
7624
|
-
--tracking-type-10: var(--text-10--letter-spacing);
|
|
7625
|
-
--text-6xl: var(--text-10);
|
|
7626
|
-
--text-6xl--line-height: var(--text-10--line-height);
|
|
7627
|
-
--text-6xl--letter-spacing: var(--text-10--letter-spacing);
|
|
7628
|
-
--text-11: 84px;
|
|
7629
|
-
--text-11--line-height: 88px;
|
|
7630
|
-
--text-11--letter-spacing: -0.035em;
|
|
7631
|
-
--leading-type-11: var(--text-11--line-height);
|
|
7632
|
-
--tracking-type-11: var(--text-11--letter-spacing);
|
|
7633
|
-
--text-7xl: var(--text-11);
|
|
7634
|
-
--text-7xl--line-height: var(--text-11--line-height);
|
|
7635
|
-
--text-7xl--letter-spacing: var(--text-11--letter-spacing);
|
|
7636
|
-
--text-12: 96px;
|
|
7637
|
-
--text-12--line-height: 100px;
|
|
7638
|
-
--text-12--letter-spacing: -0.04em;
|
|
7639
|
-
--leading-type-12: var(--text-12--line-height);
|
|
7640
|
-
--tracking-type-12: var(--text-12--letter-spacing);
|
|
7641
|
-
--text-8xl: var(--text-12);
|
|
7642
|
-
--text-8xl--line-height: var(--text-12--line-height);
|
|
7643
|
-
--text-8xl--letter-spacing: var(--text-12--letter-spacing);
|
|
7644
|
-
--text-13: 128px;
|
|
7645
|
-
--text-13--line-height: 132px;
|
|
7646
|
-
--text-13--letter-spacing: -0.045em;
|
|
7647
|
-
--leading-type-13: var(--text-13--line-height);
|
|
7648
|
-
--tracking-type-13: var(--text-13--letter-spacing);
|
|
7649
|
-
--text-9xl: var(--text-13);
|
|
7650
|
-
--text-9xl--line-height: var(--text-13--line-height);
|
|
7651
|
-
--text-9xl--letter-spacing: var(--text-13--letter-spacing);
|
|
7652
|
-
--font-weight-normal: 400;
|
|
7653
|
-
--font-weight-medium: 500;
|
|
7654
|
-
--font-weight-semibold: 600;
|
|
7655
|
-
--font-weight-bold: 700;
|
|
7656
|
-
--label-ink-emphasis: 35%;
|
|
7657
|
-
--text-body: var(--text-2);
|
|
7658
|
-
--text-body--line-height: var(--text-2--line-height);
|
|
7659
|
-
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
7660
|
-
--font-body: var(--font-sans);
|
|
7661
|
-
--font-weight-body: var(--font-weight-normal);
|
|
7662
|
-
--text-heading: var(--text-2);
|
|
7663
|
-
--text-heading--line-height: var(--text-2--line-height);
|
|
7664
|
-
--text-heading--letter-spacing: var(--text-2--letter-spacing);
|
|
7665
|
-
--font-heading: var(--font-sans);
|
|
7666
|
-
--font-weight-heading: var(--font-weight-medium);
|
|
7667
|
-
--text-code: var(--text-2);
|
|
7668
|
-
--text-code--line-height: var(--text-2--line-height);
|
|
7669
|
-
--text-code--letter-spacing: var(--text-2--letter-spacing);
|
|
7670
|
-
--font-code: var(--font-mono);
|
|
7671
|
-
--font-weight-code: var(--font-weight-normal);
|
|
7672
|
-
--text-control-xs: var(--text-1);
|
|
7673
|
-
--text-control-xs--line-height: var(--text-1--line-height);
|
|
7674
|
-
--text-control-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
7675
|
-
--font-control: var(--font-sans);
|
|
7676
|
-
--font-weight-control-xs: var(--font-weight-normal);
|
|
7677
|
-
--text-control-sm: var(--text-1);
|
|
7678
|
-
--text-control-sm--line-height: var(--text-1--line-height);
|
|
7679
|
-
--text-control-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
7680
|
-
--font-weight-control-sm: var(--font-weight-normal);
|
|
7681
|
-
--text-control-md: var(--text-2);
|
|
7682
|
-
--text-control-md--line-height: var(--text-2--line-height);
|
|
7683
|
-
--text-control-md--letter-spacing: var(--text-2--letter-spacing);
|
|
7684
|
-
--font-weight-control-md: var(--font-weight-normal);
|
|
7685
|
-
--text-control-lg: var(--text-2);
|
|
7686
|
-
--text-control-lg--line-height: var(--text-2--line-height);
|
|
7687
|
-
--text-control-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
7688
|
-
--font-weight-control-lg: var(--font-weight-normal);
|
|
7689
|
-
--text-control-xlg: var(--text-2);
|
|
7690
|
-
--text-control-xlg--line-height: var(--text-2--line-height);
|
|
7691
|
-
--text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
7692
|
-
--font-weight-control-xlg: var(--font-weight-normal);
|
|
7693
|
-
--text-badge-xs: var(--text-1);
|
|
7694
|
-
--text-badge-xs--line-height: var(--text-1--line-height);
|
|
7695
|
-
--text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
7696
|
-
--font-badge: var(--font-sans);
|
|
7697
|
-
--font-weight-badge-xs: var(--font-weight-medium);
|
|
7698
|
-
--text-badge-sm: var(--text-1);
|
|
7699
|
-
--text-badge-sm--line-height: var(--text-1--line-height);
|
|
7700
|
-
--text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
7701
|
-
--font-weight-badge-sm: var(--font-weight-medium);
|
|
7702
|
-
--text-badge-md: var(--text-2);
|
|
7703
|
-
--text-badge-md--line-height: var(--text-2--line-height);
|
|
7704
|
-
--text-badge-md--letter-spacing: var(--text-2--letter-spacing);
|
|
7705
|
-
--font-weight-badge-md: var(--font-weight-medium);
|
|
7706
|
-
--text-badge-lg: var(--text-2);
|
|
7707
|
-
--text-badge-lg--line-height: var(--text-2--line-height);
|
|
7708
|
-
--text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
7709
|
-
--font-weight-badge-lg: var(--font-weight-medium);
|
|
7710
|
-
--text-badge-xlg: var(--text-2);
|
|
7711
|
-
--text-badge-xlg--line-height: var(--text-2--line-height);
|
|
7712
|
-
--text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
7713
|
-
--font-weight-badge-xlg: var(--font-weight-medium);
|
|
7714
|
-
--text-label: var(--text-2);
|
|
7715
|
-
--text-label--line-height: var(--text-2--line-height);
|
|
7716
|
-
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
7717
|
-
--font-label: var(--font-sans);
|
|
7718
|
-
--font-weight-label: var(--font-weight-normal);
|
|
7719
|
-
--text-description: var(--text-2);
|
|
7720
|
-
--text-description--line-height: var(--text-2--line-height);
|
|
7721
|
-
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
7722
|
-
--font-description: var(--font-sans);
|
|
7723
|
-
--font-weight-description: var(--font-weight-normal);
|
|
7724
|
-
--text-metadata: var(--text-1);
|
|
7725
|
-
--text-metadata--line-height: var(--text-1--line-height);
|
|
7726
|
-
--text-metadata--letter-spacing: var(--text-1--letter-spacing);
|
|
7727
|
-
--font-metadata: var(--font-sans);
|
|
7728
|
-
--font-weight-metadata: var(--font-weight-normal);
|
|
7729
|
-
--text-menu-item: var(--text-2);
|
|
7730
|
-
--text-menu-item--line-height: var(--text-2--line-height);
|
|
7731
|
-
--text-menu-item--letter-spacing: var(--text-2--letter-spacing);
|
|
7732
|
-
--font-menu-item: var(--font-sans);
|
|
7733
|
-
--font-weight-menu-item: var(--font-weight-normal);
|
|
7734
|
-
--spacing-control-xs: 20px;
|
|
7735
|
-
--spacing-control-sm: 24px;
|
|
7736
|
-
--spacing-control-md: 28px;
|
|
7737
|
-
--spacing-control-lg: 32px;
|
|
7738
|
-
--spacing-control-xlg: 36px;
|
|
7739
|
-
--spacing-control-multiline-xs: 32px;
|
|
7740
|
-
--spacing-control-multiline-sm: 36px;
|
|
7741
|
-
--spacing-control-multiline-md: 48px;
|
|
7742
|
-
--spacing-control-multiline-lg: 80px;
|
|
7743
|
-
--spacing-control-multiline-xlg: 96px;
|
|
7744
|
-
--spacing-icon-xs: 12px;
|
|
7745
|
-
--spacing-icon-sm: 14px;
|
|
7746
|
-
--spacing-icon-md: 14px;
|
|
7747
|
-
--spacing-icon-lg: 16px;
|
|
7748
|
-
--spacing-icon-xlg: 20px;
|
|
7749
|
-
--spacing-brand-logo-xs: 16px;
|
|
7750
|
-
--spacing-brand-logo-sm: 20px;
|
|
7751
|
-
--spacing-brand-logo-md: 24px;
|
|
7752
|
-
--spacing-brand-logo-lg: 24px;
|
|
7753
|
-
--spacing-brand-logo-xlg: 32px;
|
|
7754
|
-
--spacing-badge-close-xs: 16px;
|
|
7755
|
-
--spacing-badge-close-sm: 16px;
|
|
7756
|
-
--spacing-badge-close-md: 20px;
|
|
7757
|
-
--spacing-badge-close-lg: 20px;
|
|
7758
|
-
--spacing-badge-close-xlg: 24px;
|
|
7759
|
-
--spacing-checkbox-indicator-xs: 12px;
|
|
7760
|
-
--spacing-checkbox-indicator-sm: 14px;
|
|
7761
|
-
--spacing-checkbox-indicator-md: 16px;
|
|
7762
|
-
--spacing-checkbox-indicator-lg: 16px;
|
|
7763
|
-
--spacing-checkbox-indicator-xlg: 20px;
|
|
7764
|
-
--spacing-radio-indicator-xs: 12px;
|
|
7765
|
-
--spacing-radio-indicator-sm: 14px;
|
|
7766
|
-
--spacing-radio-indicator-md: 16px;
|
|
7767
|
-
--spacing-radio-indicator-lg: 16px;
|
|
7768
|
-
--spacing-radio-indicator-xlg: 20px;
|
|
7769
|
-
--spacing-radio-dot-xs: 4px;
|
|
7770
|
-
--spacing-radio-dot-sm: 6px;
|
|
7771
|
-
--spacing-radio-dot-md: 6px;
|
|
7772
|
-
--spacing-radio-dot-lg: 8px;
|
|
7773
|
-
--spacing-radio-dot-xlg: 10px;
|
|
7774
|
-
--spacing-switch-track-width-xs: 24px;
|
|
7775
|
-
--spacing-switch-track-width-sm: 28px;
|
|
7776
|
-
--spacing-switch-track-width-md: 36px;
|
|
7777
|
-
--spacing-switch-track-width-lg: 44px;
|
|
7778
|
-
--spacing-switch-track-width-xlg: 56px;
|
|
7779
|
-
--spacing-switch-track-height-xs: 14px;
|
|
7780
|
-
--spacing-switch-track-height-sm: 16px;
|
|
7781
|
-
--spacing-switch-track-height-md: 20px;
|
|
7782
|
-
--spacing-switch-track-height-lg: 24px;
|
|
7783
|
-
--spacing-switch-track-height-xlg: 28px;
|
|
7784
|
-
--spacing-switch-thumb-xs: 10px;
|
|
7785
|
-
--spacing-switch-thumb-sm: 12px;
|
|
7786
|
-
--spacing-switch-thumb-md: 16px;
|
|
7787
|
-
--spacing-switch-thumb-lg: 20px;
|
|
7788
|
-
--spacing-switch-thumb-xlg: 24px;
|
|
7789
|
-
--spacing-switch-inset: 2px;
|
|
7790
|
-
--spacing-switch-travel-xs: 10px;
|
|
7791
|
-
--spacing-switch-travel-sm: 12px;
|
|
7792
|
-
--spacing-switch-travel-md: 16px;
|
|
7793
|
-
--spacing-switch-travel-lg: 20px;
|
|
7794
|
-
--spacing-switch-travel-xlg: 28px;
|
|
7795
|
-
--spacing-slider-track-xs: 4px;
|
|
7796
|
-
--spacing-slider-track-sm: 4px;
|
|
7797
|
-
--spacing-slider-track-md: 6px;
|
|
7798
|
-
--spacing-slider-track-lg: 6px;
|
|
7799
|
-
--spacing-slider-track-xlg: 8px;
|
|
7800
|
-
--spacing-slider-thumb-xs: 12px;
|
|
7801
|
-
--spacing-slider-thumb-sm: 14px;
|
|
7802
|
-
--spacing-slider-thumb-md: 16px;
|
|
7803
|
-
--spacing-slider-thumb-lg: 18px;
|
|
7804
|
-
--spacing-slider-thumb-xlg: 20px;
|
|
7805
|
-
--spacing-scrollbar: 6px;
|
|
7806
|
-
--spacing-scrollbar-inset: 2px;
|
|
7807
|
-
--spacing-menu-item: var(--spacing-control-lg);
|
|
7808
|
-
--spacing-select-listbox: 256px;
|
|
7809
|
-
--spacing-panel-collapsed: 48px;
|
|
7810
|
-
--spacing-panel-resize-handle: 8px;
|
|
7811
|
-
--spacing-panel-resize-handle-coarse: 24px;
|
|
7812
|
-
--spacing-sidebar-width: 256px;
|
|
7813
|
-
--spacing-sidebar-drawer-width: 288px;
|
|
7814
|
-
--spacing-sidebar-min-width: 192px;
|
|
7815
|
-
--spacing-sidebar-max-width: 448px;
|
|
7816
|
-
--spacing-sidebar-min-height: 48px;
|
|
7817
|
-
--spacing-sidebar-max-height: 288px;
|
|
7818
|
-
--container-xs: 320px;
|
|
7819
|
-
--container-sm: 384px;
|
|
7820
|
-
--container-md: 448px;
|
|
7821
|
-
--container-lg: 512px;
|
|
7822
|
-
--container-xl: 576px;
|
|
7823
|
-
--container-2xl: 672px;
|
|
7824
|
-
--container-3xl: 768px;
|
|
7825
|
-
--container-4xl: 896px;
|
|
7826
|
-
--container-5xl: 1024px;
|
|
7827
|
-
--container-6xl: 1152px;
|
|
7828
|
-
--container-7xl: 1280px;
|
|
7829
|
-
--container-modal-sm: 384px;
|
|
7830
|
-
--container-modal-md: 512px;
|
|
7831
|
-
--container-modal-lg: 672px;
|
|
7832
|
-
--container-modal-xl: 896px;
|
|
7833
|
-
--spacing-panel-1-min: 160px;
|
|
7834
|
-
--spacing-panel-1: 192px;
|
|
7835
|
-
--spacing-panel-1-max: 240px;
|
|
7836
|
-
--spacing-panel-2-min: 192px;
|
|
7837
|
-
--spacing-panel-2: 240px;
|
|
7838
|
-
--spacing-panel-2-max: 288px;
|
|
7839
|
-
--spacing-panel-3-min: 240px;
|
|
7840
|
-
--spacing-panel-3: 320px;
|
|
7841
|
-
--spacing-panel-3-max: 384px;
|
|
7842
|
-
--spacing-panel-4-min: 288px;
|
|
7843
|
-
--spacing-panel-4: 384px;
|
|
7844
|
-
--spacing-panel-4-max: 480px;
|
|
7845
|
-
--spacing-panel-5-min: 320px;
|
|
7846
|
-
--spacing-panel-5: 480px;
|
|
7847
|
-
--spacing-panel-5-max: 640px;
|
|
7848
|
-
--spacing-panel-6-min: 384px;
|
|
7849
|
-
--spacing-panel-6: 640px;
|
|
7850
|
-
--spacing-panel-6-max: 768px;
|
|
7851
|
-
--spacing-icon: var(--spacing-icon-md);
|
|
7852
|
-
--container-prose: 65ch;
|
|
7853
|
-
}
|
|
7854
|
-
.dark {
|
|
7855
|
-
--breakpoint-sm: 640px;
|
|
7856
|
-
--breakpoint-md: 768px;
|
|
7857
|
-
--breakpoint-lg: 1024px;
|
|
7858
|
-
--breakpoint-xl: 1280px;
|
|
7859
|
-
--breakpoint-2xl: 1536px;
|
|
7860
|
-
--border-width-0: 0px;
|
|
7861
|
-
--border-width-1: 1px;
|
|
7862
|
-
--border-width-2: 2px;
|
|
7863
|
-
--border-width-3: 4px;
|
|
7864
|
-
--border-width-edge-perimeter: var(--border-width-1);
|
|
7865
|
-
--border-width-edge-control: var(--border-width-1);
|
|
7866
|
-
--border-width-edge-separator: var(--border-width-1);
|
|
7867
|
-
--border-width-edge-divider: var(--border-width-1);
|
|
7868
|
-
--radius-1: 1px;
|
|
7869
|
-
--radius-2: 2.5px;
|
|
7870
|
-
--radius-3: 4px;
|
|
7871
|
-
--radius-4: 6px;
|
|
7872
|
-
--radius-5: 8px;
|
|
7873
|
-
--radius-6: 10.5px;
|
|
7874
|
-
--radius-control: var(--radius-3);
|
|
7875
|
-
--radius-control-xs: var(--radius-1);
|
|
7876
|
-
--radius-control-sm: var(--radius-2);
|
|
7877
|
-
--radius-control-md: var(--radius-3);
|
|
7878
|
-
--radius-control-lg: var(--radius-4);
|
|
7879
|
-
--radius-surface: var(--radius-4);
|
|
7880
|
-
--radius-surface-xs: var(--radius-2);
|
|
7881
|
-
--radius-surface-sm: var(--radius-3);
|
|
7882
|
-
--radius-surface-md: var(--radius-4);
|
|
7883
|
-
--radius-surface-lg: var(--radius-5);
|
|
7884
|
-
--radius-overlay: var(--radius-5);
|
|
7885
|
-
--radius-overlay-xs: var(--radius-3);
|
|
7886
|
-
--radius-overlay-sm: var(--radius-4);
|
|
7887
|
-
--radius-overlay-md: var(--radius-5);
|
|
7888
|
-
--radius-overlay-lg: var(--radius-6);
|
|
7889
|
-
--radius-none: 0px;
|
|
7890
|
-
--radius-full: 9999px;
|
|
7891
|
-
--radius-circle: 50%;
|
|
7892
|
-
--spacing-0: 0px;
|
|
7893
|
-
--spacing-0\.5: 2px;
|
|
7894
|
-
--spacing-1: 4px;
|
|
7895
|
-
--spacing-1\.5: 6px;
|
|
7896
|
-
--spacing-2: 8px;
|
|
7897
|
-
--spacing-2\.5: 10px;
|
|
7898
|
-
--spacing-3: 12px;
|
|
7899
|
-
--spacing-3\.5: 14px;
|
|
7900
|
-
--spacing-4: 16px;
|
|
7901
|
-
--spacing-4\.5: clamp(18px, calc(17.8571px + 0.0446vw), 18.5px);
|
|
7902
|
-
--spacing-5: clamp(20px, calc(19.7143px + 0.0893vw), 21px);
|
|
7903
|
-
--spacing-5\.5: clamp(22px, calc(21.5714px + 0.1339vw), 23.5px);
|
|
7904
|
-
--spacing-6: clamp(24px, calc(23.4286px + 0.1786vw), 26px);
|
|
7905
|
-
--spacing-6\.5: clamp(26px, calc(25.2857px + 0.2232vw), 28.5px);
|
|
7906
|
-
--spacing-7: clamp(28px, calc(27.1429px + 0.2679vw), 31px);
|
|
7907
|
-
--spacing-7\.5: clamp(30px, calc(29px + 0.3125vw), 33.5px);
|
|
7908
|
-
--spacing-8: clamp(32px, calc(30.8571px + 0.3571vw), 36px);
|
|
7909
|
-
--spacing-8\.5: clamp(34px, calc(32.7143px + 0.4018vw), 38.5px);
|
|
7910
|
-
--spacing-9: clamp(36px, calc(34.5714px + 0.4464vw), 41px);
|
|
7911
|
-
--spacing-9\.5: clamp(38px, calc(36.4286px + 0.4911vw), 43.5px);
|
|
7912
|
-
--spacing-10: clamp(40px, calc(38.2857px + 0.5357vw), 46px);
|
|
7913
|
-
--spacing-10\.5: clamp(42px, calc(40.1429px + 0.5804vw), 48.5px);
|
|
7914
|
-
--spacing-11: clamp(44px, calc(42px + 0.625vw), 51px);
|
|
7915
|
-
--spacing-11\.5: clamp(46px, calc(43.8571px + 0.6696vw), 53.5px);
|
|
7916
|
-
--spacing-12: clamp(48px, calc(45.7143px + 0.7143vw), 56px);
|
|
7917
|
-
--spacing-control-gap: var(--spacing-2);
|
|
7918
|
-
--spacing-control-padding-xs: var(--spacing-2);
|
|
7919
|
-
--spacing-control-padding-sm: var(--spacing-2);
|
|
7920
|
-
--spacing-control-padding-md: var(--spacing-3);
|
|
7921
|
-
--spacing-control-padding-lg: var(--spacing-3);
|
|
7922
|
-
--spacing-control-padding-xlg: var(--spacing-4);
|
|
7923
|
-
--spacing-badge-padding-xs: var(--spacing-1\.5);
|
|
7924
|
-
--spacing-badge-padding-sm: var(--spacing-2);
|
|
7925
|
-
--spacing-badge-padding-md: var(--spacing-2\.5);
|
|
7926
|
-
--spacing-badge-padding-lg: var(--spacing-3);
|
|
7927
|
-
--spacing-badge-padding-xlg: var(--spacing-4);
|
|
7928
|
-
--spacing-popover-padding: var(--spacing-1\.5);
|
|
7929
|
-
--spacing-menu-item-padding-inline: var(--spacing-2\.5);
|
|
7930
|
-
--spacing-app-region-gap: var(--spacing-2);
|
|
7931
|
-
--spacing-app-region-padding-inline: var(--spacing-4);
|
|
7932
|
-
--spacing-app-region-padding-block: var(--spacing-3);
|
|
7933
|
-
--spacing-sidebar-header-gap: var(--spacing-2);
|
|
7934
|
-
--spacing-sidebar-header-padding-inline: var(--spacing-3);
|
|
7935
|
-
--spacing-sidebar-header-padding-block: var(--spacing-2);
|
|
7936
|
-
--spacing-sidebar-content-gap: var(--spacing-1);
|
|
7937
|
-
--spacing-sidebar-content-padding-inline: var(--spacing-2);
|
|
7938
|
-
--spacing-sidebar-content-padding-block: var(--spacing-2);
|
|
7939
|
-
--font-mono: "Fira Code", ui-monospace, monospace;
|
|
7940
|
-
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
7941
|
-
--text-1: 12px;
|
|
7942
|
-
--text-1--line-height: 16px;
|
|
7943
|
-
--text-1--letter-spacing: 0em;
|
|
7944
|
-
--leading-type-1: var(--text-1--line-height);
|
|
7945
|
-
--tracking-type-1: var(--text-1--letter-spacing);
|
|
7946
|
-
--text-xs: var(--text-1);
|
|
7947
|
-
--text-xs--line-height: var(--text-1--line-height);
|
|
7948
|
-
--text-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
7949
|
-
--text-2: 14px;
|
|
7950
|
-
--text-2--line-height: 20px;
|
|
7951
|
-
--text-2--letter-spacing: 0em;
|
|
7952
|
-
--leading-type-2: var(--text-2--line-height);
|
|
7953
|
-
--tracking-type-2: var(--text-2--letter-spacing);
|
|
7954
|
-
--text-sm: var(--text-2);
|
|
7955
|
-
--text-sm--line-height: var(--text-2--line-height);
|
|
7956
|
-
--text-sm--letter-spacing: var(--text-2--letter-spacing);
|
|
7957
|
-
--text-3: 16px;
|
|
7958
|
-
--text-3--line-height: 24px;
|
|
7959
|
-
--text-3--letter-spacing: 0em;
|
|
7960
|
-
--leading-type-3: var(--text-3--line-height);
|
|
7961
|
-
--tracking-type-3: var(--text-3--letter-spacing);
|
|
7962
|
-
--text-base: var(--text-3);
|
|
7963
|
-
--text-base--line-height: var(--text-3--line-height);
|
|
7964
|
-
--text-base--letter-spacing: var(--text-3--letter-spacing);
|
|
7965
|
-
--text-4: 18px;
|
|
7966
|
-
--text-4--line-height: 26px;
|
|
7967
|
-
--text-4--letter-spacing: 0em;
|
|
7968
|
-
--leading-type-4: var(--text-4--line-height);
|
|
7969
|
-
--tracking-type-4: var(--text-4--letter-spacing);
|
|
7970
|
-
--text-lg: var(--text-4);
|
|
7971
|
-
--text-lg--line-height: var(--text-4--line-height);
|
|
7972
|
-
--text-lg--letter-spacing: var(--text-4--letter-spacing);
|
|
7973
|
-
--text-5: 20px;
|
|
7974
|
-
--text-5--line-height: 28px;
|
|
7975
|
-
--text-5--letter-spacing: 0em;
|
|
7976
|
-
--leading-type-5: var(--text-5--line-height);
|
|
7977
|
-
--tracking-type-5: var(--text-5--letter-spacing);
|
|
7978
|
-
--text-xl: var(--text-5);
|
|
7979
|
-
--text-xl--line-height: var(--text-5--line-height);
|
|
7980
|
-
--text-xl--letter-spacing: var(--text-5--letter-spacing);
|
|
7981
|
-
--text-6: 30px;
|
|
7982
|
-
--text-6--line-height: 38px;
|
|
7983
|
-
--text-6--letter-spacing: -0.01em;
|
|
7984
|
-
--leading-type-6: var(--text-6--line-height);
|
|
7985
|
-
--tracking-type-6: var(--text-6--letter-spacing);
|
|
7986
|
-
--text-2xl: var(--text-6);
|
|
7987
|
-
--text-2xl--line-height: var(--text-6--line-height);
|
|
7988
|
-
--text-2xl--letter-spacing: var(--text-6--letter-spacing);
|
|
7989
|
-
--text-7: 36px;
|
|
7990
|
-
--text-7--line-height: 44px;
|
|
7991
|
-
--text-7--letter-spacing: -0.015em;
|
|
7992
|
-
--leading-type-7: var(--text-7--line-height);
|
|
7993
|
-
--tracking-type-7: var(--text-7--letter-spacing);
|
|
7994
|
-
--text-3xl: var(--text-7);
|
|
7995
|
-
--text-3xl--line-height: var(--text-7--line-height);
|
|
7996
|
-
--text-3xl--letter-spacing: var(--text-7--letter-spacing);
|
|
7997
|
-
--text-8: 48px;
|
|
7998
|
-
--text-8--line-height: 56px;
|
|
7999
|
-
--text-8--letter-spacing: -0.02em;
|
|
8000
|
-
--leading-type-8: var(--text-8--line-height);
|
|
8001
|
-
--tracking-type-8: var(--text-8--letter-spacing);
|
|
8002
|
-
--text-4xl: var(--text-8);
|
|
8003
|
-
--text-4xl--line-height: var(--text-8--line-height);
|
|
8004
|
-
--text-4xl--letter-spacing: var(--text-8--letter-spacing);
|
|
8005
|
-
--text-9: 60px;
|
|
8006
|
-
--text-9--line-height: 64px;
|
|
8007
|
-
--text-9--letter-spacing: -0.025em;
|
|
8008
|
-
--leading-type-9: var(--text-9--line-height);
|
|
8009
|
-
--tracking-type-9: var(--text-9--letter-spacing);
|
|
8010
|
-
--text-5xl: var(--text-9);
|
|
8011
|
-
--text-5xl--line-height: var(--text-9--line-height);
|
|
8012
|
-
--text-5xl--letter-spacing: var(--text-9--letter-spacing);
|
|
8013
|
-
--text-10: 72px;
|
|
8014
|
-
--text-10--line-height: 76px;
|
|
8015
|
-
--text-10--letter-spacing: -0.03em;
|
|
8016
|
-
--leading-type-10: var(--text-10--line-height);
|
|
8017
|
-
--tracking-type-10: var(--text-10--letter-spacing);
|
|
8018
|
-
--text-6xl: var(--text-10);
|
|
8019
|
-
--text-6xl--line-height: var(--text-10--line-height);
|
|
8020
|
-
--text-6xl--letter-spacing: var(--text-10--letter-spacing);
|
|
8021
|
-
--text-11: 84px;
|
|
8022
|
-
--text-11--line-height: 88px;
|
|
8023
|
-
--text-11--letter-spacing: -0.035em;
|
|
8024
|
-
--leading-type-11: var(--text-11--line-height);
|
|
8025
|
-
--tracking-type-11: var(--text-11--letter-spacing);
|
|
8026
|
-
--text-7xl: var(--text-11);
|
|
8027
|
-
--text-7xl--line-height: var(--text-11--line-height);
|
|
8028
|
-
--text-7xl--letter-spacing: var(--text-11--letter-spacing);
|
|
8029
|
-
--text-12: 96px;
|
|
8030
|
-
--text-12--line-height: 100px;
|
|
8031
|
-
--text-12--letter-spacing: -0.04em;
|
|
8032
|
-
--leading-type-12: var(--text-12--line-height);
|
|
8033
|
-
--tracking-type-12: var(--text-12--letter-spacing);
|
|
8034
|
-
--text-8xl: var(--text-12);
|
|
8035
|
-
--text-8xl--line-height: var(--text-12--line-height);
|
|
8036
|
-
--text-8xl--letter-spacing: var(--text-12--letter-spacing);
|
|
8037
|
-
--text-13: 128px;
|
|
8038
|
-
--text-13--line-height: 132px;
|
|
8039
|
-
--text-13--letter-spacing: -0.045em;
|
|
8040
|
-
--leading-type-13: var(--text-13--line-height);
|
|
8041
|
-
--tracking-type-13: var(--text-13--letter-spacing);
|
|
8042
|
-
--text-9xl: var(--text-13);
|
|
8043
|
-
--text-9xl--line-height: var(--text-13--line-height);
|
|
8044
|
-
--text-9xl--letter-spacing: var(--text-13--letter-spacing);
|
|
8045
|
-
--font-weight-normal: 400;
|
|
8046
|
-
--font-weight-medium: 500;
|
|
8047
|
-
--font-weight-semibold: 600;
|
|
8048
|
-
--font-weight-bold: 700;
|
|
8049
|
-
--label-ink-emphasis: 35%;
|
|
8050
|
-
--text-body: var(--text-2);
|
|
8051
|
-
--text-body--line-height: var(--text-2--line-height);
|
|
8052
|
-
--text-body--letter-spacing: var(--text-2--letter-spacing);
|
|
8053
|
-
--font-body: var(--font-sans);
|
|
8054
|
-
--font-weight-body: var(--font-weight-normal);
|
|
8055
|
-
--text-heading: var(--text-2);
|
|
8056
|
-
--text-heading--line-height: var(--text-2--line-height);
|
|
8057
|
-
--text-heading--letter-spacing: var(--text-2--letter-spacing);
|
|
8058
|
-
--font-heading: var(--font-sans);
|
|
8059
|
-
--font-weight-heading: var(--font-weight-medium);
|
|
8060
|
-
--text-code: var(--text-2);
|
|
8061
|
-
--text-code--line-height: var(--text-2--line-height);
|
|
8062
|
-
--text-code--letter-spacing: var(--text-2--letter-spacing);
|
|
8063
|
-
--font-code: var(--font-mono);
|
|
8064
|
-
--font-weight-code: var(--font-weight-normal);
|
|
8065
|
-
--text-control-xs: var(--text-1);
|
|
8066
|
-
--text-control-xs--line-height: var(--text-1--line-height);
|
|
8067
|
-
--text-control-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
8068
|
-
--font-control: var(--font-sans);
|
|
8069
|
-
--font-weight-control-xs: var(--font-weight-normal);
|
|
8070
|
-
--text-control-sm: var(--text-1);
|
|
8071
|
-
--text-control-sm--line-height: var(--text-1--line-height);
|
|
8072
|
-
--text-control-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
8073
|
-
--font-weight-control-sm: var(--font-weight-normal);
|
|
8074
|
-
--text-control-md: var(--text-2);
|
|
8075
|
-
--text-control-md--line-height: var(--text-2--line-height);
|
|
8076
|
-
--text-control-md--letter-spacing: var(--text-2--letter-spacing);
|
|
8077
|
-
--font-weight-control-md: var(--font-weight-normal);
|
|
8078
|
-
--text-control-lg: var(--text-2);
|
|
8079
|
-
--text-control-lg--line-height: var(--text-2--line-height);
|
|
8080
|
-
--text-control-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
8081
|
-
--font-weight-control-lg: var(--font-weight-normal);
|
|
8082
|
-
--text-control-xlg: var(--text-2);
|
|
8083
|
-
--text-control-xlg--line-height: var(--text-2--line-height);
|
|
8084
|
-
--text-control-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
8085
|
-
--font-weight-control-xlg: var(--font-weight-normal);
|
|
8086
|
-
--text-badge-xs: var(--text-1);
|
|
8087
|
-
--text-badge-xs--line-height: var(--text-1--line-height);
|
|
8088
|
-
--text-badge-xs--letter-spacing: var(--text-1--letter-spacing);
|
|
8089
|
-
--font-badge: var(--font-sans);
|
|
8090
|
-
--font-weight-badge-xs: var(--font-weight-medium);
|
|
8091
|
-
--text-badge-sm: var(--text-1);
|
|
8092
|
-
--text-badge-sm--line-height: var(--text-1--line-height);
|
|
8093
|
-
--text-badge-sm--letter-spacing: var(--text-1--letter-spacing);
|
|
8094
|
-
--font-weight-badge-sm: var(--font-weight-medium);
|
|
8095
|
-
--text-badge-md: var(--text-2);
|
|
8096
|
-
--text-badge-md--line-height: var(--text-2--line-height);
|
|
8097
|
-
--text-badge-md--letter-spacing: var(--text-2--letter-spacing);
|
|
8098
|
-
--font-weight-badge-md: var(--font-weight-medium);
|
|
8099
|
-
--text-badge-lg: var(--text-2);
|
|
8100
|
-
--text-badge-lg--line-height: var(--text-2--line-height);
|
|
8101
|
-
--text-badge-lg--letter-spacing: var(--text-2--letter-spacing);
|
|
8102
|
-
--font-weight-badge-lg: var(--font-weight-medium);
|
|
8103
|
-
--text-badge-xlg: var(--text-2);
|
|
8104
|
-
--text-badge-xlg--line-height: var(--text-2--line-height);
|
|
8105
|
-
--text-badge-xlg--letter-spacing: var(--text-2--letter-spacing);
|
|
8106
|
-
--font-weight-badge-xlg: var(--font-weight-medium);
|
|
8107
|
-
--text-label: var(--text-2);
|
|
8108
|
-
--text-label--line-height: var(--text-2--line-height);
|
|
8109
|
-
--text-label--letter-spacing: var(--text-2--letter-spacing);
|
|
8110
|
-
--font-label: var(--font-sans);
|
|
8111
|
-
--font-weight-label: var(--font-weight-normal);
|
|
8112
|
-
--text-description: var(--text-2);
|
|
8113
|
-
--text-description--line-height: var(--text-2--line-height);
|
|
8114
|
-
--text-description--letter-spacing: var(--text-2--letter-spacing);
|
|
8115
|
-
--font-description: var(--font-sans);
|
|
8116
|
-
--font-weight-description: var(--font-weight-normal);
|
|
8117
|
-
--text-metadata: var(--text-1);
|
|
8118
|
-
--text-metadata--line-height: var(--text-1--line-height);
|
|
8119
|
-
--text-metadata--letter-spacing: var(--text-1--letter-spacing);
|
|
8120
|
-
--font-metadata: var(--font-sans);
|
|
8121
|
-
--font-weight-metadata: var(--font-weight-normal);
|
|
8122
|
-
--text-menu-item: var(--text-2);
|
|
8123
|
-
--text-menu-item--line-height: var(--text-2--line-height);
|
|
8124
|
-
--text-menu-item--letter-spacing: var(--text-2--letter-spacing);
|
|
8125
|
-
--font-menu-item: var(--font-sans);
|
|
8126
|
-
--font-weight-menu-item: var(--font-weight-normal);
|
|
8127
|
-
--spacing-control-xs: 20px;
|
|
8128
|
-
--spacing-control-sm: 24px;
|
|
8129
|
-
--spacing-control-md: 28px;
|
|
8130
|
-
--spacing-control-lg: 32px;
|
|
8131
|
-
--spacing-control-xlg: 36px;
|
|
8132
|
-
--spacing-control-multiline-xs: 32px;
|
|
8133
|
-
--spacing-control-multiline-sm: 36px;
|
|
8134
|
-
--spacing-control-multiline-md: 48px;
|
|
8135
|
-
--spacing-control-multiline-lg: 80px;
|
|
8136
|
-
--spacing-control-multiline-xlg: 96px;
|
|
8137
|
-
--spacing-icon-xs: 12px;
|
|
8138
|
-
--spacing-icon-sm: 14px;
|
|
8139
|
-
--spacing-icon-md: 14px;
|
|
8140
|
-
--spacing-icon-lg: 16px;
|
|
8141
|
-
--spacing-icon-xlg: 20px;
|
|
8142
|
-
--spacing-brand-logo-xs: 16px;
|
|
8143
|
-
--spacing-brand-logo-sm: 20px;
|
|
8144
|
-
--spacing-brand-logo-md: 24px;
|
|
8145
|
-
--spacing-brand-logo-lg: 24px;
|
|
8146
|
-
--spacing-brand-logo-xlg: 32px;
|
|
8147
|
-
--spacing-badge-close-xs: 16px;
|
|
8148
|
-
--spacing-badge-close-sm: 16px;
|
|
8149
|
-
--spacing-badge-close-md: 20px;
|
|
8150
|
-
--spacing-badge-close-lg: 20px;
|
|
8151
|
-
--spacing-badge-close-xlg: 24px;
|
|
8152
|
-
--spacing-checkbox-indicator-xs: 12px;
|
|
8153
|
-
--spacing-checkbox-indicator-sm: 14px;
|
|
8154
|
-
--spacing-checkbox-indicator-md: 16px;
|
|
8155
|
-
--spacing-checkbox-indicator-lg: 16px;
|
|
8156
|
-
--spacing-checkbox-indicator-xlg: 20px;
|
|
8157
|
-
--spacing-radio-indicator-xs: 12px;
|
|
8158
|
-
--spacing-radio-indicator-sm: 14px;
|
|
8159
|
-
--spacing-radio-indicator-md: 16px;
|
|
8160
|
-
--spacing-radio-indicator-lg: 16px;
|
|
8161
|
-
--spacing-radio-indicator-xlg: 20px;
|
|
8162
|
-
--spacing-radio-dot-xs: 4px;
|
|
8163
|
-
--spacing-radio-dot-sm: 6px;
|
|
8164
|
-
--spacing-radio-dot-md: 6px;
|
|
8165
|
-
--spacing-radio-dot-lg: 8px;
|
|
8166
|
-
--spacing-radio-dot-xlg: 10px;
|
|
8167
|
-
--spacing-switch-track-width-xs: 24px;
|
|
8168
|
-
--spacing-switch-track-width-sm: 28px;
|
|
8169
|
-
--spacing-switch-track-width-md: 36px;
|
|
8170
|
-
--spacing-switch-track-width-lg: 44px;
|
|
8171
|
-
--spacing-switch-track-width-xlg: 56px;
|
|
8172
|
-
--spacing-switch-track-height-xs: 14px;
|
|
8173
|
-
--spacing-switch-track-height-sm: 16px;
|
|
8174
|
-
--spacing-switch-track-height-md: 20px;
|
|
8175
|
-
--spacing-switch-track-height-lg: 24px;
|
|
8176
|
-
--spacing-switch-track-height-xlg: 28px;
|
|
8177
|
-
--spacing-switch-thumb-xs: 10px;
|
|
8178
|
-
--spacing-switch-thumb-sm: 12px;
|
|
8179
|
-
--spacing-switch-thumb-md: 16px;
|
|
8180
|
-
--spacing-switch-thumb-lg: 20px;
|
|
8181
|
-
--spacing-switch-thumb-xlg: 24px;
|
|
8182
|
-
--spacing-switch-inset: 2px;
|
|
8183
|
-
--spacing-switch-travel-xs: 10px;
|
|
8184
|
-
--spacing-switch-travel-sm: 12px;
|
|
8185
|
-
--spacing-switch-travel-md: 16px;
|
|
8186
|
-
--spacing-switch-travel-lg: 20px;
|
|
8187
|
-
--spacing-switch-travel-xlg: 28px;
|
|
8188
|
-
--spacing-slider-track-xs: 4px;
|
|
8189
|
-
--spacing-slider-track-sm: 4px;
|
|
8190
|
-
--spacing-slider-track-md: 6px;
|
|
8191
|
-
--spacing-slider-track-lg: 6px;
|
|
8192
|
-
--spacing-slider-track-xlg: 8px;
|
|
8193
|
-
--spacing-slider-thumb-xs: 12px;
|
|
8194
|
-
--spacing-slider-thumb-sm: 14px;
|
|
8195
|
-
--spacing-slider-thumb-md: 16px;
|
|
8196
|
-
--spacing-slider-thumb-lg: 18px;
|
|
8197
|
-
--spacing-slider-thumb-xlg: 20px;
|
|
8198
|
-
--spacing-scrollbar: 6px;
|
|
8199
|
-
--spacing-scrollbar-inset: 2px;
|
|
8200
|
-
--spacing-menu-item: var(--spacing-control-lg);
|
|
8201
|
-
--spacing-select-listbox: 256px;
|
|
8202
|
-
--spacing-panel-collapsed: 48px;
|
|
8203
|
-
--spacing-panel-resize-handle: 8px;
|
|
8204
|
-
--spacing-panel-resize-handle-coarse: 24px;
|
|
8205
|
-
--spacing-sidebar-width: 256px;
|
|
8206
|
-
--spacing-sidebar-drawer-width: 288px;
|
|
8207
|
-
--spacing-sidebar-min-width: 192px;
|
|
8208
|
-
--spacing-sidebar-max-width: 448px;
|
|
8209
|
-
--spacing-sidebar-min-height: 48px;
|
|
8210
|
-
--spacing-sidebar-max-height: 288px;
|
|
8211
|
-
--container-xs: 320px;
|
|
8212
|
-
--container-sm: 384px;
|
|
8213
|
-
--container-md: 448px;
|
|
8214
|
-
--container-lg: 512px;
|
|
8215
|
-
--container-xl: 576px;
|
|
8216
|
-
--container-2xl: 672px;
|
|
8217
|
-
--container-3xl: 768px;
|
|
8218
|
-
--container-4xl: 896px;
|
|
8219
|
-
--container-5xl: 1024px;
|
|
8220
|
-
--container-6xl: 1152px;
|
|
8221
|
-
--container-7xl: 1280px;
|
|
8222
|
-
--container-modal-sm: 384px;
|
|
8223
|
-
--container-modal-md: 512px;
|
|
8224
|
-
--container-modal-lg: 672px;
|
|
8225
|
-
--container-modal-xl: 896px;
|
|
8226
|
-
--spacing-panel-1-min: 160px;
|
|
8227
|
-
--spacing-panel-1: 192px;
|
|
8228
|
-
--spacing-panel-1-max: 240px;
|
|
8229
|
-
--spacing-panel-2-min: 192px;
|
|
8230
|
-
--spacing-panel-2: 240px;
|
|
8231
|
-
--spacing-panel-2-max: 288px;
|
|
8232
|
-
--spacing-panel-3-min: 240px;
|
|
8233
|
-
--spacing-panel-3: 320px;
|
|
8234
|
-
--spacing-panel-3-max: 384px;
|
|
8235
|
-
--spacing-panel-4-min: 288px;
|
|
8236
|
-
--spacing-panel-4: 384px;
|
|
8237
|
-
--spacing-panel-4-max: 480px;
|
|
8238
|
-
--spacing-panel-5-min: 320px;
|
|
8239
|
-
--spacing-panel-5: 480px;
|
|
8240
|
-
--spacing-panel-5-max: 640px;
|
|
8241
|
-
--spacing-panel-6-min: 384px;
|
|
8242
|
-
--spacing-panel-6: 640px;
|
|
8243
|
-
--spacing-panel-6-max: 768px;
|
|
8244
|
-
--spacing-icon: var(--spacing-icon-md);
|
|
8245
|
-
--container-prose: 65ch;
|
|
8246
|
-
}
|
|
8247
6015
|
:root, .light {
|
|
8248
6016
|
--color-separator: oklch(61.752131% 0.03464 319.944721 / 0.098);
|
|
8249
6017
|
--color-separator-muted: oklch(61.752131% 0.03464 319.944721 / 0.0588);
|
|
@@ -8842,606 +6610,6 @@
|
|
|
8842
6610
|
--color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
8843
6611
|
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
8844
6612
|
}
|
|
8845
|
-
@media (color-gamut: p3) {
|
|
8846
|
-
:root, .light {
|
|
8847
|
-
--color-separator: oklch(61.543431% 0.02801 347.674878 / 0.098);
|
|
8848
|
-
--color-separator-muted: oklch(61.543431% 0.02801 347.674878 / 0.0588);
|
|
8849
|
-
--color-intent-accent-text: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8850
|
-
--color-intent-accent-text-hover: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
8851
|
-
--color-intent-accent-soft: oklch(55.666931% 0.26412 258.247129 / 0.118874);
|
|
8852
|
-
--color-intent-accent-soft-hover: oklch(65.09651% 0.21461 245.393007 / 0.256337);
|
|
8853
|
-
--color-intent-accent-soft-pressed: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
8854
|
-
--color-intent-accent-soft-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8855
|
-
--color-intent-accent-soft-ink-muted: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8856
|
-
--color-intent-accent-solid: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
8857
|
-
--color-intent-accent-solid-hover: oklch(53.097766% 0.19111 251.779887 / 1);
|
|
8858
|
-
--color-intent-accent-solid-pressed: oklch(51.604177% 0.19111 251.779887 / 1);
|
|
8859
|
-
--color-intent-accent-solid-ink: oklch(100% 0 none / 1);
|
|
8860
|
-
--color-intent-accent-edge: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
8861
|
-
--color-intent-accent-edge-hover: oklch(54.961845% 0.268431 258.923813 / 0.394);
|
|
8862
|
-
--color-intent-accent-edge-strong: oklch(47.393446% 0.307281 263.498529 / 0.469);
|
|
8863
|
-
--color-intent-accent-focus: oklch(71.509921% 0.14671 251.779887 / 1);
|
|
8864
|
-
--color-intent-accent-focus-width: 2px;
|
|
8865
|
-
--color-intent-danger-text: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8866
|
-
--color-intent-danger-text-hover: oklch(35.572963% 0.10015 23.02606 / 1);
|
|
8867
|
-
--color-intent-danger-soft: oklch(64.857408% 0.299485 28.958133 / 0.118386);
|
|
8868
|
-
--color-intent-danger-soft-hover: oklch(64.857408% 0.299485 28.958133 / 0.235341);
|
|
8869
|
-
--color-intent-danger-soft-pressed: oklch(64.208805% 0.29649 28.958133 / 0.329);
|
|
8870
|
-
--color-intent-danger-soft-ink: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8871
|
-
--color-intent-danger-soft-ink-muted: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8872
|
-
--color-intent-danger-solid: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
8873
|
-
--color-intent-danger-solid-hover: oklch(55.633546% 0.191407 23.02606 / 1);
|
|
8874
|
-
--color-intent-danger-solid-pressed: oklch(54.131096% 0.191407 23.02606 / 1);
|
|
8875
|
-
--color-intent-danger-solid-ink: oklch(100% 0 none / 1);
|
|
8876
|
-
--color-intent-danger-edge: oklch(64.208805% 0.29649 28.958133 / 0.329);
|
|
8877
|
-
--color-intent-danger-edge-hover: oklch(62.115567% 0.286825 28.958133 / 0.394);
|
|
8878
|
-
--color-intent-danger-edge-strong: oklch(59.276352% 0.273714 28.958133 / 0.469);
|
|
8879
|
-
--color-intent-danger-focus: oklch(71.489264% 0.146938 23.02606 / 0.42);
|
|
8880
|
-
--color-intent-danger-focus-width: 3px;
|
|
8881
|
-
--color-intent-information-text: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8882
|
-
--color-intent-information-text-hover: oklch(35.151696% 0.099995 251.779887 / 1);
|
|
8883
|
-
--color-intent-information-soft: oklch(55.666931% 0.26412 258.247129 / 0.118874);
|
|
8884
|
-
--color-intent-information-soft-hover: oklch(65.09651% 0.21461 245.393007 / 0.256337);
|
|
8885
|
-
--color-intent-information-soft-pressed: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
8886
|
-
--color-intent-information-soft-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8887
|
-
--color-intent-information-soft-ink-muted: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8888
|
-
--color-intent-information-solid: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
8889
|
-
--color-intent-information-solid-hover: oklch(53.097766% 0.19111 251.779887 / 1);
|
|
8890
|
-
--color-intent-information-solid-pressed: oklch(51.604177% 0.19111 251.779887 / 1);
|
|
8891
|
-
--color-intent-information-solid-ink: oklch(100% 0 none / 1);
|
|
8892
|
-
--color-intent-information-edge: oklch(60.277055% 0.237774 252.863192 / 0.329);
|
|
8893
|
-
--color-intent-information-edge-hover: oklch(54.961845% 0.268431 258.923813 / 0.394);
|
|
8894
|
-
--color-intent-information-edge-strong: oklch(47.393446% 0.307281 263.498529 / 0.469);
|
|
8895
|
-
--color-intent-information-focus: oklch(71.509921% 0.14671 251.779887 / 0.42);
|
|
8896
|
-
--color-intent-information-focus-width: 3px;
|
|
8897
|
-
--color-intent-neutral-text: oklch(12.382253% 0 none / 1);
|
|
8898
|
-
--color-intent-neutral-text-hover: oklch(12.382253% 0 none / 1);
|
|
8899
|
-
--color-intent-neutral-soft: oklch(75.896553% 0.058885 301.418569 / 0.043);
|
|
8900
|
-
--color-intent-neutral-soft-hover: oklch(61.543431% 0.02801 347.674878 / 0.098);
|
|
8901
|
-
--color-intent-neutral-soft-pressed: oklch(52.180039% 0.025048 329.378998 / 0.161);
|
|
8902
|
-
--color-intent-neutral-soft-ink: oklch(18% 0 none / 1);
|
|
8903
|
-
--color-intent-neutral-soft-ink-muted: oklch(18% 0 none / 1);
|
|
8904
|
-
--color-intent-neutral-solid: oklch(12.382253% 0 none / 1);
|
|
8905
|
-
--color-intent-neutral-solid-hover: oklch(32.394043% 0 none / 1);
|
|
8906
|
-
--color-intent-neutral-solid-pressed: oklch(36.397949% 0 none / 1);
|
|
8907
|
-
--color-intent-neutral-solid-ink: oklch(94.063697% 0 none / 1);
|
|
8908
|
-
--color-intent-neutral-edge: oklch(52.180039% 0.025048 329.378998 / 0.161);
|
|
8909
|
-
--color-intent-neutral-edge-hover: oklch(29.430239% 0.068324 212.150323 / 0.229);
|
|
8910
|
-
--color-intent-neutral-edge-strong: oklch(0% 0 none / 0.294);
|
|
8911
|
-
--color-intent-neutral-focus: oklch(71.310365% 0 none / 0.42);
|
|
8912
|
-
--color-intent-neutral-focus-width: 3px;
|
|
8913
|
-
--color-intent-success-text: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8914
|
-
--color-intent-success-text-hover: oklch(34.498218% 0.068829 157.679534 / 1);
|
|
8915
|
-
--color-intent-success-soft: oklch(62.664457% 0.272064 145.644956 / 0.10635);
|
|
8916
|
-
--color-intent-success-soft-hover: oklch(63.480728% 0.275608 145.644956 / 0.224281);
|
|
8917
|
-
--color-intent-success-soft-pressed: oklch(60.977856% 0.264742 145.644956 / 0.329);
|
|
8918
|
-
--color-intent-success-soft-ink: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8919
|
-
--color-intent-success-soft-ink-muted: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8920
|
-
--color-intent-success-solid: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
8921
|
-
--color-intent-success-solid-hover: oklch(51.604915% 0.131547 157.679534 / 1);
|
|
8922
|
-
--color-intent-success-solid-pressed: oklch(50.096935% 0.131547 157.679534 / 1);
|
|
8923
|
-
--color-intent-success-solid-ink: oklch(100% 0 none / 1);
|
|
8924
|
-
--color-intent-success-edge: oklch(60.977856% 0.264742 145.644956 / 0.329);
|
|
8925
|
-
--color-intent-success-edge-hover: oklch(56.96563% 0.247322 145.644956 / 0.394);
|
|
8926
|
-
--color-intent-success-edge-strong: oklch(52.143613% 0.226387 145.644956 / 0.469);
|
|
8927
|
-
--color-intent-success-focus: oklch(71.410855% 0.100985 157.679534 / 0.42);
|
|
8928
|
-
--color-intent-success-focus-width: 3px;
|
|
8929
|
-
--color-intent-warning-text: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
8930
|
-
--color-intent-warning-text-hover: oklch(36.194203% 0.081433 84.129977 / 1);
|
|
8931
|
-
--color-intent-warning-soft: oklch(73.26633% 0.173057 91.532471 / 0.140334);
|
|
8932
|
-
--color-intent-warning-soft-hover: oklch(72.462387% 0.171269 92.157803 / 0.261);
|
|
8933
|
-
--color-intent-warning-soft-pressed: oklch(65.913261% 0.155502 89.773867 / 0.329);
|
|
8934
|
-
--color-intent-warning-soft-ink: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
8935
|
-
--color-intent-warning-soft-ink-muted: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
8936
|
-
--color-intent-warning-solid: oklch(85.369678% 0.157207 84.129977 / 1);
|
|
8937
|
-
--color-intent-warning-solid-hover: oklch(82.369678% 0.155635 84.129977 / 1);
|
|
8938
|
-
--color-intent-warning-solid-pressed: oklch(80.861444% 0.155635 84.129977 / 1);
|
|
8939
|
-
--color-intent-warning-solid-ink: oklch(35.612648% 0.031441 84.129977 / 1);
|
|
8940
|
-
--color-intent-warning-edge: oklch(65.913261% 0.155502 89.773867 / 0.329);
|
|
8941
|
-
--color-intent-warning-edge-hover: oklch(59.265324% 0.140034 84.956326 / 0.394);
|
|
8942
|
-
--color-intent-warning-edge-strong: oklch(52.159903% 0.123347 84.243859 / 0.469);
|
|
8943
|
-
--color-intent-warning-focus: oklch(71.848357% 0.119477 84.129977 / 0.42);
|
|
8944
|
-
--color-intent-warning-focus-width: 3px;
|
|
8945
|
-
--background-interaction-selection-accent: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8946
|
-
--background-interaction-selection-accent-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8947
|
-
--color-interaction-selection-accent-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8948
|
-
--background-interaction-selection-danger: oklch(49.039211% 0.226443 28.958133 / 0.118374);
|
|
8949
|
-
--background-interaction-selection-danger-hover: oklch(49.039211% 0.226443 28.958133 / 0.166375);
|
|
8950
|
-
--color-interaction-selection-danger-ink: oklch(56.831333% 0.171879 23.02606 / 1);
|
|
8951
|
-
--background-interaction-selection-information: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8952
|
-
--background-interaction-selection-information-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8953
|
-
--color-interaction-selection-information-ink: oklch(55.080786% 0.171613 251.779887 / 1);
|
|
8954
|
-
--background-interaction-selection-neutral: oklch(0% 0 none / 0.0761);
|
|
8955
|
-
--background-interaction-selection-neutral-hover: oklch(0% 0 none / 0.119852);
|
|
8956
|
-
--color-interaction-selection-neutral-ink: oklch(18% 0 none / 1);
|
|
8957
|
-
--background-interaction-selection-success: oklch(45.368413% 0.179612 148.854702 / 0.117039);
|
|
8958
|
-
--background-interaction-selection-success-hover: oklch(45.368413% 0.179612 148.854702 / 0.164546);
|
|
8959
|
-
--color-interaction-selection-success-ink: oklch(53.50073% 0.118126 157.679534 / 1);
|
|
8960
|
-
--background-interaction-selection-warning: oklch(52.264559% 0.123557 84.489733 / 0.125041);
|
|
8961
|
-
--background-interaction-selection-warning-hover: oklch(52.264559% 0.123557 84.489733 / 0.1758);
|
|
8962
|
-
--color-interaction-selection-warning-ink: oklch(55.558425% 0.131808 82.201817 / 1);
|
|
8963
|
-
--color-interaction-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
|
|
8964
|
-
--color-interaction-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
|
|
8965
|
-
--color-interaction-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8966
|
-
--color-interaction-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8967
|
-
--color-interaction-edge-hover: oklch(75.896553% 0.058885 301.418569 / 0.035);
|
|
8968
|
-
--color-interaction-edge-pressed: oklch(61.543431% 0.02801 347.674878 / 0.055);
|
|
8969
|
-
--color-interaction-edge-selected: oklch(50.510829% 0.192884 251.700212 / 0.118507);
|
|
8970
|
-
--color-interaction-edge-selected-hover: oklch(50.510829% 0.192884 251.700212 / 0.166624);
|
|
8971
|
-
--opacity-interaction-disabled: 0.5;
|
|
8972
|
-
--color-interaction-disabled: oklch(75.896553% 0.058885 301.418569 / 0.043);
|
|
8973
|
-
--color-interaction-disabled-edge: oklch(0% 0 none / 0.294);
|
|
8974
|
-
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
8975
|
-
--color-scrim: oklch(12.382253% 0 none / 0.35);
|
|
8976
|
-
--color-substrate-workspace: oklch(98.510365% 0 none / 1);
|
|
8977
|
-
--color-substrate-workspace-ink: oklch(20.93472% 0 none / 1);
|
|
8978
|
-
--color-substrate-workspace-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8979
|
-
--color-surface-workspace-0: oklch(98.510365% 0 none / 1);
|
|
8980
|
-
--color-surface-workspace-0-ink: oklch(20.93472% 0 none / 1);
|
|
8981
|
-
--color-surface-workspace-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
8982
|
-
--color-surface-workspace-0-edge: oklch(95.511403% 0.000791 329.098761 / 1);
|
|
8983
|
-
--color-surface-workspace-0-edge-hover: oklch(94.011169% 0.000857 222.520688 / 1);
|
|
8984
|
-
--color-surface-workspace-0-edge-strong: oklch(92.510344% 0 none / 1);
|
|
8985
|
-
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
8986
|
-
--color-surface-workspace-1: oklch(99.110365% 0 none / 1);
|
|
8987
|
-
--color-surface-workspace-1-ink: oklch(21.693184% 0 none / 1);
|
|
8988
|
-
--color-surface-workspace-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
8989
|
-
--color-surface-workspace-1-edge: oklch(96.111346% 0.000774 329.098622 / 1);
|
|
8990
|
-
--color-surface-workspace-1-edge-hover: oklch(94.611135% 0.000841 222.522014 / 1);
|
|
8991
|
-
--color-surface-workspace-1-edge-strong: oklch(93.110343% 0 none / 1);
|
|
8992
|
-
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
8993
|
-
--color-surface-workspace-2: oklch(100% 0 none / 1);
|
|
8994
|
-
--color-surface-workspace-2-ink: oklch(22.74366% 0 none / 1);
|
|
8995
|
-
--color-surface-workspace-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
8996
|
-
--color-surface-workspace-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
8997
|
-
--color-surface-workspace-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
8998
|
-
--color-surface-workspace-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
8999
|
-
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
9000
|
-
--color-surface-workspace-3: oklch(100% 0 none / 1);
|
|
9001
|
-
--color-surface-workspace-3-ink: oklch(22.74366% 0 none / 1);
|
|
9002
|
-
--color-surface-workspace-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9003
|
-
--color-surface-workspace-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9004
|
-
--color-surface-workspace-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9005
|
-
--color-surface-workspace-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9006
|
-
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
9007
|
-
--color-surface-workspace-4: oklch(100% 0 none / 1);
|
|
9008
|
-
--color-surface-workspace-4-ink: oklch(22.74366% 0 none / 1);
|
|
9009
|
-
--color-surface-workspace-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9010
|
-
--color-surface-workspace-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9011
|
-
--color-surface-workspace-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9012
|
-
--color-surface-workspace-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9013
|
-
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
9014
|
-
--color-surface-workspace-5: oklch(100% 0 none / 1);
|
|
9015
|
-
--color-surface-workspace-5-ink: oklch(22.74366% 0 none / 1);
|
|
9016
|
-
--color-surface-workspace-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9017
|
-
--color-surface-workspace-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9018
|
-
--color-surface-workspace-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9019
|
-
--color-surface-workspace-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9020
|
-
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
9021
|
-
--color-surface-workspace-6: oklch(100% 0 none / 1);
|
|
9022
|
-
--color-surface-workspace-6-ink: oklch(22.74366% 0 none / 1);
|
|
9023
|
-
--color-surface-workspace-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9024
|
-
--color-surface-workspace-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9025
|
-
--color-surface-workspace-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9026
|
-
--color-surface-workspace-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9027
|
-
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
9028
|
-
--color-surface-workspace-7: oklch(100% 0 none / 1);
|
|
9029
|
-
--color-surface-workspace-7-ink: oklch(22.74366% 0 none / 1);
|
|
9030
|
-
--color-surface-workspace-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9031
|
-
--color-surface-workspace-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9032
|
-
--color-surface-workspace-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9033
|
-
--color-surface-workspace-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9034
|
-
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
9035
|
-
--color-surface-workspace-8: oklch(100% 0 none / 1);
|
|
9036
|
-
--color-surface-workspace-8-ink: oklch(22.74366% 0 none / 1);
|
|
9037
|
-
--color-surface-workspace-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9038
|
-
--color-surface-workspace-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9039
|
-
--color-surface-workspace-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9040
|
-
--color-surface-workspace-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9041
|
-
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
9042
|
-
--color-substrate-chrome: oklch(96.010365% 0 none / 1);
|
|
9043
|
-
--color-substrate-chrome-ink: oklch(17.101275% 0 none / 1);
|
|
9044
|
-
--color-substrate-chrome-ink-muted: oklch(54.036418% 0 none / 1);
|
|
9045
|
-
--color-surface-chrome-0: oklch(96.010365% 0 none / 1);
|
|
9046
|
-
--color-surface-chrome-0-ink: oklch(17.101275% 0 none / 1);
|
|
9047
|
-
--color-surface-chrome-0-ink-muted: oklch(54.036418% 0 none / 1);
|
|
9048
|
-
--color-surface-chrome-0-edge: oklch(93.011603% 0.000867 329.099395 / 1);
|
|
9049
|
-
--color-surface-chrome-0-edge-hover: oklch(91.511323% 0.000929 222.51468 / 1);
|
|
9050
|
-
--color-surface-chrome-0-edge-strong: oklch(90.010356% 0 none / 1);
|
|
9051
|
-
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
9052
|
-
--color-surface-chrome-1: oklch(96.610365% 0 none / 1);
|
|
9053
|
-
--color-surface-chrome-1-ink: oklch(18.154498% 0 none / 1);
|
|
9054
|
-
--color-surface-chrome-1-ink-muted: oklch(54.456699% 0 none / 1);
|
|
9055
|
-
--color-surface-chrome-1-edge: oklch(93.611548% 0.000848 329.099234 / 1);
|
|
9056
|
-
--color-surface-chrome-1-edge-hover: oklch(92.111267% 0.000911 222.516197 / 1);
|
|
9057
|
-
--color-surface-chrome-1-edge-strong: oklch(90.610362% 0 none / 1);
|
|
9058
|
-
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
9059
|
-
--color-surface-chrome-2: oklch(100% 0 none / 1);
|
|
9060
|
-
--color-surface-chrome-2-ink: oklch(22.74366% 0 none / 1);
|
|
9061
|
-
--color-surface-chrome-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9062
|
-
--color-surface-chrome-2-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9063
|
-
--color-surface-chrome-2-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9064
|
-
--color-surface-chrome-2-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9065
|
-
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06);
|
|
9066
|
-
--color-surface-chrome-3: oklch(100% 0 none / 1);
|
|
9067
|
-
--color-surface-chrome-3-ink: oklch(22.74366% 0 none / 1);
|
|
9068
|
-
--color-surface-chrome-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9069
|
-
--color-surface-chrome-3-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9070
|
-
--color-surface-chrome-3-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9071
|
-
--color-surface-chrome-3-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9072
|
-
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06);
|
|
9073
|
-
--color-surface-chrome-4: oklch(100% 0 none / 1);
|
|
9074
|
-
--color-surface-chrome-4-ink: oklch(22.74366% 0 none / 1);
|
|
9075
|
-
--color-surface-chrome-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9076
|
-
--color-surface-chrome-4-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9077
|
-
--color-surface-chrome-4-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9078
|
-
--color-surface-chrome-4-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9079
|
-
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06);
|
|
9080
|
-
--color-surface-chrome-5: oklch(100% 0 none / 1);
|
|
9081
|
-
--color-surface-chrome-5-ink: oklch(22.74366% 0 none / 1);
|
|
9082
|
-
--color-surface-chrome-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9083
|
-
--color-surface-chrome-5-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9084
|
-
--color-surface-chrome-5-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9085
|
-
--color-surface-chrome-5-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9086
|
-
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06);
|
|
9087
|
-
--color-surface-chrome-6: oklch(100% 0 none / 1);
|
|
9088
|
-
--color-surface-chrome-6-ink: oklch(22.74366% 0 none / 1);
|
|
9089
|
-
--color-surface-chrome-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9090
|
-
--color-surface-chrome-6-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9091
|
-
--color-surface-chrome-6-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9092
|
-
--color-surface-chrome-6-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9093
|
-
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06);
|
|
9094
|
-
--color-surface-chrome-7: oklch(100% 0 none / 1);
|
|
9095
|
-
--color-surface-chrome-7-ink: oklch(22.74366% 0 none / 1);
|
|
9096
|
-
--color-surface-chrome-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9097
|
-
--color-surface-chrome-7-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9098
|
-
--color-surface-chrome-7-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9099
|
-
--color-surface-chrome-7-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9100
|
-
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06);
|
|
9101
|
-
--color-surface-chrome-8: oklch(100% 0 none / 1);
|
|
9102
|
-
--color-surface-chrome-8-ink: oklch(22.74366% 0 none / 1);
|
|
9103
|
-
--color-surface-chrome-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9104
|
-
--color-surface-chrome-8-edge: oklch(97.000922% 0.00075 329.098426 / 1);
|
|
9105
|
-
--color-surface-chrome-8-edge-hover: oklch(95.500737% 0.000818 222.523904 / 1);
|
|
9106
|
-
--color-surface-chrome-8-edge-strong: oklch(93.999998% 0 none / 1);
|
|
9107
|
-
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.06), 0px 3px 3px -1.5px oklch(0% 0 none / 0.06), 0px 6px 6px -3px oklch(0% 0 none / 0.06), 0px 12px 12px -6px oklch(0% 0 none / 0.06), 0px 24px 24px -12px oklch(0% 0 none / 0.06), 0px 48px 48px -24px oklch(0% 0 none / 0.06), 0px 96px 96px -48px oklch(0% 0 none / 0.06);
|
|
9108
|
-
--color-surface-0: oklch(98.510365% 0 none / 1);
|
|
9109
|
-
--color-surface-0-ink: oklch(20.93472% 0 none / 1);
|
|
9110
|
-
--color-surface-0-ink-muted: oklch(55.779494% 0 none / 1);
|
|
9111
|
-
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
9112
|
-
--color-surface-1: oklch(99.110365% 0 none / 1);
|
|
9113
|
-
--color-surface-1-ink: oklch(21.693184% 0 none / 1);
|
|
9114
|
-
--color-surface-1-ink-muted: oklch(56.194798% 0 none / 1);
|
|
9115
|
-
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
9116
|
-
--color-surface-2: oklch(100% 0 none / 1);
|
|
9117
|
-
--color-surface-2-ink: oklch(22.74366% 0 none / 1);
|
|
9118
|
-
--color-surface-2-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9119
|
-
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
9120
|
-
--color-surface-3: oklch(100% 0 none / 1);
|
|
9121
|
-
--color-surface-3-ink: oklch(22.74366% 0 none / 1);
|
|
9122
|
-
--color-surface-3-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9123
|
-
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
9124
|
-
--color-surface-4: oklch(100% 0 none / 1);
|
|
9125
|
-
--color-surface-4-ink: oklch(22.74366% 0 none / 1);
|
|
9126
|
-
--color-surface-4-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9127
|
-
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
9128
|
-
--color-surface-5: oklch(100% 0 none / 1);
|
|
9129
|
-
--color-surface-5-ink: oklch(22.74366% 0 none / 1);
|
|
9130
|
-
--color-surface-5-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9131
|
-
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
9132
|
-
--color-surface-6: oklch(100% 0 none / 1);
|
|
9133
|
-
--color-surface-6-ink: oklch(22.74366% 0 none / 1);
|
|
9134
|
-
--color-surface-6-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9135
|
-
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
9136
|
-
--color-surface-7: oklch(100% 0 none / 1);
|
|
9137
|
-
--color-surface-7-ink: oklch(22.74366% 0 none / 1);
|
|
9138
|
-
--color-surface-7-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9139
|
-
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
9140
|
-
--color-surface-8: oklch(100% 0 none / 1);
|
|
9141
|
-
--color-surface-8-ink: oklch(22.74366% 0 none / 1);
|
|
9142
|
-
--color-surface-8-ink-muted: oklch(56.808564% 0 none / 1);
|
|
9143
|
-
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
9144
|
-
}
|
|
9145
|
-
.dark {
|
|
9146
|
-
--color-separator: oklch(46.131669% 0.007996 241.953581 / 0.125);
|
|
9147
|
-
--color-separator-muted: oklch(46.131669% 0.007996 241.953581 / 0.075);
|
|
9148
|
-
--color-intent-accent-text: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9149
|
-
--color-intent-accent-text-hover: oklch(92.037298% 0.045225 244.632508 / 1);
|
|
9150
|
-
--color-intent-accent-soft: oklch(47.363522% 0.137505 246.780027 / 0.125);
|
|
9151
|
-
--color-intent-accent-soft-hover: oklch(53.700834% 0.167927 249.654834 / 0.176);
|
|
9152
|
-
--color-intent-accent-soft-pressed: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
9153
|
-
--color-intent-accent-soft-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9154
|
-
--color-intent-accent-soft-ink-muted: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9155
|
-
--color-intent-accent-solid: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
9156
|
-
--color-intent-accent-solid-hover: oklch(53.251251% 0.183388 251.779887 / 1);
|
|
9157
|
-
--color-intent-accent-solid-pressed: oklch(51.700377% 0.183388 251.779887 / 1);
|
|
9158
|
-
--color-intent-accent-solid-ink: oklch(100% 0 none / 1);
|
|
9159
|
-
--color-intent-accent-edge: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
9160
|
-
--color-intent-accent-edge-hover: oklch(60.760916% 0.155806 251.088217 / 0.294);
|
|
9161
|
-
--color-intent-accent-edge-strong: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
9162
|
-
--color-intent-accent-focus: oklch(55.93859% 0.139761 251.779887 / 1);
|
|
9163
|
-
--color-intent-accent-focus-width: 2px;
|
|
9164
|
-
--color-intent-danger-text: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
9165
|
-
--color-intent-danger-text-hover: oklch(92.624873% 0.04868 23.583422 / 1);
|
|
9166
|
-
--color-intent-danger-soft: oklch(47.645191% 0.138897 25.055893 / 0.125);
|
|
9167
|
-
--color-intent-danger-soft-hover: oklch(53.569319% 0.169444 25.566189 / 0.176);
|
|
9168
|
-
--color-intent-danger-soft-pressed: oklch(56.750771% 0.166348 24.27652 / 0.235);
|
|
9169
|
-
--color-intent-danger-soft-ink: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
9170
|
-
--color-intent-danger-soft-ink-muted: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
9171
|
-
--color-intent-danger-solid: oklch(58.635272% 0.19334 23.02606 / 1);
|
|
9172
|
-
--color-intent-danger-solid-hover: oklch(55.794408% 0.183673 23.02606 / 1);
|
|
9173
|
-
--color-intent-danger-solid-pressed: oklch(54.237422% 0.183673 23.02606 / 1);
|
|
9174
|
-
--color-intent-danger-solid-ink: oklch(100% 0 none / 1);
|
|
9175
|
-
--color-intent-danger-edge: oklch(56.750771% 0.166348 24.27652 / 0.235);
|
|
9176
|
-
--color-intent-danger-edge-hover: oklch(60.718746% 0.156724 23.848317 / 0.294);
|
|
9177
|
-
--color-intent-danger-edge-strong: oklch(64.91049% 0.161707 23.22664 / 0.373);
|
|
9178
|
-
--color-intent-danger-focus: oklch(55.925747% 0.139978 23.02606 / 0.42);
|
|
9179
|
-
--color-intent-danger-focus-width: 3px;
|
|
9180
|
-
--color-intent-information-text: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9181
|
-
--color-intent-information-text-hover: oklch(92.037298% 0.045225 244.632508 / 1);
|
|
9182
|
-
--color-intent-information-soft: oklch(47.363522% 0.137505 246.780027 / 0.125);
|
|
9183
|
-
--color-intent-information-soft-hover: oklch(53.700834% 0.167927 249.654834 / 0.176);
|
|
9184
|
-
--color-intent-information-soft-pressed: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
9185
|
-
--color-intent-information-soft-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9186
|
-
--color-intent-information-soft-ink-muted: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9187
|
-
--color-intent-information-solid: oklch(56.104929% 0.19304 251.779887 / 1);
|
|
9188
|
-
--color-intent-information-solid-hover: oklch(53.251251% 0.183388 251.779887 / 1);
|
|
9189
|
-
--color-intent-information-solid-pressed: oklch(51.700377% 0.183388 251.779887 / 1);
|
|
9190
|
-
--color-intent-information-solid-ink: oklch(100% 0 none / 1);
|
|
9191
|
-
--color-intent-information-edge: oklch(56.741432% 0.165659 250.068002 / 0.235);
|
|
9192
|
-
--color-intent-information-edge-hover: oklch(60.760916% 0.155806 251.088217 / 0.294);
|
|
9193
|
-
--color-intent-information-edge-strong: oklch(64.930737% 0.16113 251.390213 / 0.373);
|
|
9194
|
-
--color-intent-information-focus: oklch(55.93859% 0.139761 251.779887 / 0.42);
|
|
9195
|
-
--color-intent-information-focus-width: 3px;
|
|
9196
|
-
--color-intent-neutral-text: oklch(92.431093% 0 none / 1);
|
|
9197
|
-
--color-intent-neutral-text-hover: oklch(92.431093% 0 none / 1);
|
|
9198
|
-
--color-intent-neutral-soft: oklch(34.407394% 0.022601 220.579947 / 0.047);
|
|
9199
|
-
--color-intent-neutral-soft-hover: oklch(46.131669% 0.007996 241.953581 / 0.125);
|
|
9200
|
-
--color-intent-neutral-soft-pressed: oklch(50.493504% 0.00231 195.834465 / 0.176);
|
|
9201
|
-
--color-intent-neutral-soft-ink: oklch(86% 0 none / 1);
|
|
9202
|
-
--color-intent-neutral-soft-ink-muted: oklch(86% 0 none / 1);
|
|
9203
|
-
--color-intent-neutral-solid: oklch(92.431093% 0 none / 1);
|
|
9204
|
-
--color-intent-neutral-solid-hover: oklch(84.425293% 0 none / 1);
|
|
9205
|
-
--color-intent-neutral-solid-pressed: oklch(82.430664% 0 none / 1);
|
|
9206
|
-
--color-intent-neutral-solid-ink: oklch(19.79752% 0 none / 1);
|
|
9207
|
-
--color-intent-neutral-edge: oklch(50.493504% 0.00231 195.834465 / 0.176);
|
|
9208
|
-
--color-intent-neutral-edge-hover: oklch(52.292827% 0.002153 195.841073 / 0.235);
|
|
9209
|
-
--color-intent-neutral-edge-strong: oklch(56.823866% 0.000911 195.877546 / 0.294);
|
|
9210
|
-
--color-intent-neutral-focus: oklch(56.062653% 0 none / 0.42);
|
|
9211
|
-
--color-intent-neutral-focus-width: 3px;
|
|
9212
|
-
--color-intent-success-text: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
9213
|
-
--color-intent-success-text-hover: oklch(92.002315% 0.036806 157.679534 / 1);
|
|
9214
|
-
--color-intent-success-soft: oklch(47.549494% 0.099237 158.106747 / 0.125);
|
|
9215
|
-
--color-intent-success-soft-hover: oklch(53.749953% 0.118772 157.610583 / 0.176);
|
|
9216
|
-
--color-intent-success-soft-pressed: oklch(56.887883% 0.115676 157.640944 / 0.235);
|
|
9217
|
-
--color-intent-success-soft-ink: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
9218
|
-
--color-intent-success-soft-ink-muted: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
9219
|
-
--color-intent-success-solid: oklch(54.607263% 0.132875 157.679534 / 1);
|
|
9220
|
-
--color-intent-success-solid-hover: oklch(51.669316% 0.126232 157.679534 / 1);
|
|
9221
|
-
--color-intent-success-solid-pressed: oklch(50.144121% 0.126232 157.679534 / 1);
|
|
9222
|
-
--color-intent-success-solid-ink: oklch(100% 0 none / 1);
|
|
9223
|
-
--color-intent-success-edge: oklch(56.887883% 0.115676 157.640944 / 0.235);
|
|
9224
|
-
--color-intent-success-edge-hover: oklch(60.841675% 0.108338 157.660028 / 0.294);
|
|
9225
|
-
--color-intent-success-edge-strong: oklch(65.007154% 0.111551 157.668655 / 0.373);
|
|
9226
|
-
--color-intent-success-focus: oklch(55.997491% 0.096202 157.679534 / 0.42);
|
|
9227
|
-
--color-intent-success-focus-width: 3px;
|
|
9228
|
-
--color-intent-warning-text: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
9229
|
-
--color-intent-warning-text-hover: oklch(92.432169% 0.043546 84.129977 / 1);
|
|
9230
|
-
--color-intent-warning-soft: oklch(48.817333% 0.115313 85.249085 / 0.125);
|
|
9231
|
-
--color-intent-warning-soft-hover: oklch(55.516221% 0.130951 87.583171 / 0.176);
|
|
9232
|
-
--color-intent-warning-soft-pressed: oklch(57.697505% 0.136121 87.029151 / 0.235);
|
|
9233
|
-
--color-intent-warning-soft-ink: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
9234
|
-
--color-intent-warning-soft-ink-muted: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
9235
|
-
--color-intent-warning-solid: oklch(85.369678% 0.157207 84.129977 / 1);
|
|
9236
|
-
--color-intent-warning-solid-hover: oklch(89.098918% 0.148203 85.476085 / 1);
|
|
9237
|
-
--color-intent-warning-solid-pressed: oklch(89.681411% 0.14697 87.080518 / 1);
|
|
9238
|
-
--color-intent-warning-solid-ink: oklch(35.612648% 0.031441 84.129977 / 1);
|
|
9239
|
-
--color-intent-warning-edge: oklch(57.697505% 0.136121 87.029151 / 0.235);
|
|
9240
|
-
--color-intent-warning-edge-hover: oklch(60.980333% 0.130722 84.431924 / 0.294);
|
|
9241
|
-
--color-intent-warning-edge-strong: oklch(65.085666% 0.133373 84.363137 / 0.373);
|
|
9242
|
-
--color-intent-warning-focus: oklch(56.020502% 0.113818 84.129977 / 0.42);
|
|
9243
|
-
--color-intent-warning-focus-width: 3px;
|
|
9244
|
-
--background-interaction-selection-accent: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9245
|
-
--background-interaction-selection-accent-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
9246
|
-
--color-interaction-selection-accent-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9247
|
-
--background-interaction-selection-danger: oklch(80.016885% 0.147187 22.589407 / 0.049833);
|
|
9248
|
-
--background-interaction-selection-danger-hover: oklch(80.016885% 0.147187 22.589407 / 0.073809);
|
|
9249
|
-
--color-interaction-selection-danger-ink: oklch(78.331653% 0.153899 23.02606 / 1);
|
|
9250
|
-
--background-interaction-selection-information: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9251
|
-
--background-interaction-selection-information-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
9252
|
-
--color-interaction-selection-information-ink: oklch(76.009909% 0.139824 248.518651 / 1);
|
|
9253
|
-
--background-interaction-selection-neutral: oklch(89.093811% 0 none / 0.029342);
|
|
9254
|
-
--background-interaction-selection-neutral-hover: oklch(89.093811% 0 none / 0.048426);
|
|
9255
|
-
--color-interaction-selection-neutral-ink: oklch(86% 0 none / 1);
|
|
9256
|
-
--background-interaction-selection-success: oklch(78.22263% 0.109703 157.679229 / 0.060166);
|
|
9257
|
-
--background-interaction-selection-success-hover: oklch(78.22263% 0.109703 157.679229 / 0.088788);
|
|
9258
|
-
--color-interaction-selection-success-ink: oklch(75.524628% 0.105769 157.679534 / 1);
|
|
9259
|
-
--background-interaction-selection-warning: oklch(79.687573% 0.12976 84.141183 / 0.055794);
|
|
9260
|
-
--background-interaction-selection-warning-hover: oklch(79.687573% 0.12976 84.141183 / 0.082172);
|
|
9261
|
-
--color-interaction-selection-warning-ink: oklch(76.965573% 0.125137 84.129977 / 1);
|
|
9262
|
-
--color-interaction-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
|
|
9263
|
-
--color-interaction-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
|
|
9264
|
-
--color-interaction-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9265
|
-
--color-interaction-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
9266
|
-
--color-interaction-edge-hover: oklch(34.407394% 0.022601 220.579947 / 0.035);
|
|
9267
|
-
--color-interaction-edge-pressed: oklch(46.131669% 0.007996 241.953581 / 0.055);
|
|
9268
|
-
--color-interaction-edge-selected: oklch(77.965918% 0.129595 246.066304 / 0.056763);
|
|
9269
|
-
--color-interaction-edge-selected-hover: oklch(77.965918% 0.129595 246.066304 / 0.084192);
|
|
9270
|
-
--opacity-interaction-disabled: 0.5;
|
|
9271
|
-
--color-interaction-disabled: oklch(34.407394% 0.022601 220.579947 / 0.047);
|
|
9272
|
-
--color-interaction-disabled-edge: oklch(56.823866% 0.000911 195.877546 / 0.294);
|
|
9273
|
-
--color-interaction-disabled-ink: var(--ui-surface-ink-muted);
|
|
9274
|
-
--color-scrim: oklch(20.962653% 0 none / 0.55);
|
|
9275
|
-
--color-substrate-workspace: oklch(20.462653% 0 none / 1);
|
|
9276
|
-
--color-substrate-workspace-ink: oklch(92.184718% 0 none / 1);
|
|
9277
|
-
--color-substrate-workspace-ink-muted: oklch(76.561054% 0 none / 1);
|
|
9278
|
-
--color-surface-workspace-0: oklch(20.462653% 0 none / 1);
|
|
9279
|
-
--color-surface-workspace-0-ink: oklch(92.184718% 0 none / 1);
|
|
9280
|
-
--color-surface-workspace-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
9281
|
-
--color-surface-workspace-0-edge: oklch(23.462413% 0.000387 195.876895 / 1);
|
|
9282
|
-
--color-surface-workspace-0-edge-hover: oklch(24.962429% 0.000491 195.872274 / 1);
|
|
9283
|
-
--color-surface-workspace-0-edge-strong: oklch(26.462633% 0.000239 195.887719 / 1);
|
|
9284
|
-
--shadow-depth-workspace-0: 0 0 0 0 transparent;
|
|
9285
|
-
--color-surface-workspace-1: oklch(22.962653% 0 none / 1);
|
|
9286
|
-
--color-surface-workspace-1-ink: oklch(92.501588% 0 none / 1);
|
|
9287
|
-
--color-surface-workspace-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
9288
|
-
--color-surface-workspace-1-edge: oklch(25.962414% 0.000403 195.878259 / 1);
|
|
9289
|
-
--color-surface-workspace-1-edge-hover: oklch(27.462382% 0.000513 195.873707 / 1);
|
|
9290
|
-
--color-surface-workspace-1-edge-strong: oklch(28.962607% 0.000249 195.888347 / 1);
|
|
9291
|
-
--shadow-depth-workspace-1: 0 0 0 0 transparent;
|
|
9292
|
-
--color-surface-workspace-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
9293
|
-
--color-surface-workspace-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
9294
|
-
--color-surface-workspace-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
9295
|
-
--color-surface-workspace-2-edge: oklch(28.462436% 0.000635 218.168381 / 1);
|
|
9296
|
-
--color-surface-workspace-2-edge-hover: oklch(29.962417% 0.000714 213.116559 / 1);
|
|
9297
|
-
--color-surface-workspace-2-edge-strong: oklch(31.46266% 0.000434 222.000893 / 1);
|
|
9298
|
-
--shadow-depth-workspace-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
9299
|
-
--color-surface-workspace-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
9300
|
-
--color-surface-workspace-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
9301
|
-
--color-surface-workspace-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
9302
|
-
--color-surface-workspace-3-edge: oklch(31.262414% 0.000786 223.30192 / 1);
|
|
9303
|
-
--color-surface-workspace-3-edge-hover: oklch(32.76239% 0.000852 217.890449 / 1);
|
|
9304
|
-
--color-surface-workspace-3-edge-strong: oklch(34.262637% 0.000554 227.546102 / 1);
|
|
9305
|
-
--shadow-depth-workspace-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9306
|
-
--color-surface-workspace-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
9307
|
-
--color-surface-workspace-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
9308
|
-
--color-surface-workspace-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
9309
|
-
--color-surface-workspace-4-edge: oklch(34.262388% 0.001081 229.562549 / 1);
|
|
9310
|
-
--color-surface-workspace-4-edge-hover: oklch(35.762368% 0.001113 224.223973 / 1);
|
|
9311
|
-
--color-surface-workspace-4-edge-strong: oklch(37.262577% 0.000789 233.88028 / 1);
|
|
9312
|
-
--shadow-depth-workspace-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9313
|
-
--color-surface-workspace-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
9314
|
-
--color-surface-workspace-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
9315
|
-
--color-surface-workspace-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
9316
|
-
--color-surface-workspace-5-edge: oklch(37.462306% 0.001383 232.326593 / 1);
|
|
9317
|
-
--color-surface-workspace-5-edge-hover: oklch(38.962289% 0.001381 227.27596 / 1);
|
|
9318
|
-
--color-surface-workspace-5-edge-strong: oklch(40.462502% 0.001021 236.850623 / 1);
|
|
9319
|
-
--shadow-depth-workspace-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9320
|
-
--color-surface-workspace-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
9321
|
-
--color-surface-workspace-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
9322
|
-
--color-surface-workspace-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
9323
|
-
--color-surface-workspace-6-edge: oklch(40.862119% 0.001675 232.73309 / 1);
|
|
9324
|
-
--color-surface-workspace-6-edge-hover: oklch(42.362109% 0.00164 227.857087 / 1);
|
|
9325
|
-
--color-surface-workspace-6-edge-strong: oklch(43.862347% 0.00123 237.995612 / 1);
|
|
9326
|
-
--shadow-depth-workspace-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9327
|
-
--color-surface-workspace-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
9328
|
-
--color-surface-workspace-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
9329
|
-
--color-surface-workspace-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
9330
|
-
--color-surface-workspace-7-edge: oklch(44.461544% 0.002044 231.400626 / 1);
|
|
9331
|
-
--color-surface-workspace-7-edge-hover: oklch(45.96156% 0.001955 226.688651 / 1);
|
|
9332
|
-
--color-surface-workspace-7-edge-strong: oklch(47.461928% 0.001481 238.511019 / 1);
|
|
9333
|
-
--shadow-depth-workspace-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9334
|
-
--color-surface-workspace-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
9335
|
-
--color-surface-workspace-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
9336
|
-
--color-surface-workspace-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
9337
|
-
--color-surface-workspace-8-edge: oklch(48.258936% 0.002244 221.21104 / 1);
|
|
9338
|
-
--color-surface-workspace-8-edge-hover: oklch(49.759627% 0.00212 217.57581 / 1);
|
|
9339
|
-
--color-surface-workspace-8-edge-strong: oklch(51.260901% 0.001566 236.07467 / 1);
|
|
9340
|
-
--shadow-depth-workspace-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9341
|
-
--color-substrate-chrome: oklch(22.462653% 0 none / 1);
|
|
9342
|
-
--color-substrate-chrome-ink: oklch(92.431093% 0 none / 1);
|
|
9343
|
-
--color-substrate-chrome-ink-muted: oklch(76.852224% 0 none / 1);
|
|
9344
|
-
--color-surface-chrome-0: oklch(22.462653% 0 none / 1);
|
|
9345
|
-
--color-surface-chrome-0-ink: oklch(92.431093% 0 none / 1);
|
|
9346
|
-
--color-surface-chrome-0-ink-muted: oklch(76.852224% 0 none / 1);
|
|
9347
|
-
--color-surface-chrome-0-edge: oklch(25.462422% 0.0004 195.87802 / 1);
|
|
9348
|
-
--color-surface-chrome-0-edge-hover: oklch(26.96239% 0.000508 195.873454 / 1);
|
|
9349
|
-
--color-surface-chrome-0-edge-strong: oklch(28.462655% 0.000247 195.888233 / 1);
|
|
9350
|
-
--shadow-depth-chrome-0: 0 0 0 0 transparent;
|
|
9351
|
-
--color-surface-chrome-1: oklch(24.962653% 0 none / 1);
|
|
9352
|
-
--color-surface-chrome-1-ink: oklch(92.819977% 0 none / 1);
|
|
9353
|
-
--color-surface-chrome-1-ink-muted: oklch(77.311197% 0 none / 1);
|
|
9354
|
-
--color-surface-chrome-1-edge: oklch(27.962371% 0.000419 195.87905 / 1);
|
|
9355
|
-
--color-surface-chrome-1-edge-hover: oklch(29.462366% 0.000533 195.87456 / 1);
|
|
9356
|
-
--color-surface-chrome-1-edge-strong: oklch(30.962624% 0.000258 195.888744 / 1);
|
|
9357
|
-
--shadow-depth-chrome-1: 0 0 0 0 transparent;
|
|
9358
|
-
--color-surface-chrome-2: oklch(27.462653% 0.000386 251.779887 / 1);
|
|
9359
|
-
--color-surface-chrome-2-ink: oklch(93.302555% 0.000077 251.779887 / 1);
|
|
9360
|
-
--color-surface-chrome-2-ink-muted: oklch(77.879753% 0.000077 251.779887 / 1);
|
|
9361
|
-
--color-surface-chrome-2-edge: oklch(30.462404% 0.000653 217.55758 / 1);
|
|
9362
|
-
--color-surface-chrome-2-edge-hover: oklch(31.9624% 0.000738 212.625245 / 1);
|
|
9363
|
-
--color-surface-chrome-2-edge-strong: oklch(33.462634% 0.000445 221.597802 / 1);
|
|
9364
|
-
--shadow-depth-chrome-2: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.01);
|
|
9365
|
-
--color-surface-chrome-3: oklch(30.262653% 0.000579 251.779887 / 1);
|
|
9366
|
-
--color-surface-chrome-3-ink: oklch(93.964672% 0.000116 251.779887 / 1);
|
|
9367
|
-
--color-surface-chrome-3-ink-muted: oklch(78.657981% 0.000116 251.779887 / 1);
|
|
9368
|
-
--color-surface-chrome-3-edge: oklch(33.262372% 0.000808 222.406407 / 1);
|
|
9369
|
-
--color-surface-chrome-3-edge-hover: oklch(34.762359% 0.000879 217.091644 / 1);
|
|
9370
|
-
--color-surface-chrome-3-edge-strong: oklch(36.262611% 0.000565 226.937884 / 1);
|
|
9371
|
-
--shadow-depth-chrome-3: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9372
|
-
--color-surface-chrome-4: oklch(33.262653% 0.000965 251.779887 / 1);
|
|
9373
|
-
--color-surface-chrome-4-ink: oklch(94.876877% 0.000193 251.779887 / 1);
|
|
9374
|
-
--color-surface-chrome-4-ink-muted: oklch(79.72682% 0.000193 251.779887 / 1);
|
|
9375
|
-
--color-surface-chrome-4-edge: oklch(36.262334% 0.001104 228.352324 / 1);
|
|
9376
|
-
--color-surface-chrome-4-edge-hover: oklch(37.762335% 0.001141 223.022717 / 1);
|
|
9377
|
-
--color-surface-chrome-4-edge-strong: oklch(39.262565% 0.000796 233.102098 / 1);
|
|
9378
|
-
--shadow-depth-chrome-4: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.02);
|
|
9379
|
-
--color-surface-chrome-5: oklch(36.462653% 0.001351 251.779887 / 1);
|
|
9380
|
-
--color-surface-chrome-5-ink: oklch(96.050221% 0.00027 251.779887 / 1);
|
|
9381
|
-
--color-surface-chrome-5-ink-muted: oklch(81.096153% 0.00027 251.779887 / 1);
|
|
9382
|
-
--color-surface-chrome-5-edge: oklch(39.462225% 0.001404 230.65698 / 1);
|
|
9383
|
-
--color-surface-chrome-5-edge-hover: oklch(40.962223% 0.001408 225.546896 / 1);
|
|
9384
|
-
--color-surface-chrome-5-edge-strong: oklch(42.462481% 0.00102 235.848082 / 1);
|
|
9385
|
-
--shadow-depth-chrome-5: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9386
|
-
--color-surface-chrome-6: oklch(39.862653% 0.001737 251.779887 / 1);
|
|
9387
|
-
--color-surface-chrome-6-ink: oklch(97.412147% 0.000347 251.779887 / 1);
|
|
9388
|
-
--color-surface-chrome-6-ink-muted: oklch(82.678213% 0.000347 251.779887 / 1);
|
|
9389
|
-
--color-surface-chrome-6-edge: oklch(42.86196% 0.001692 230.11409 / 1);
|
|
9390
|
-
--color-surface-chrome-6-edge-hover: oklch(44.361968% 0.001662 225.16279 / 1);
|
|
9391
|
-
--color-surface-chrome-6-edge-strong: oklch(45.8623% 0.001211 236.581901 / 1);
|
|
9392
|
-
--shadow-depth-chrome-6: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.04);
|
|
9393
|
-
--color-surface-chrome-7: oklch(43.462653% 0.002316 251.779887 / 1);
|
|
9394
|
-
--color-surface-chrome-7-ink: oklch(98.977631% 0.000463 251.779887 / 1);
|
|
9395
|
-
--color-surface-chrome-7-ink-muted: oklch(84.487538% 0.000463 251.779887 / 1);
|
|
9396
|
-
--color-surface-chrome-7-edge: oklch(46.460978% 0.002034 226.147767 / 1);
|
|
9397
|
-
--color-surface-chrome-7-edge-hover: oklch(47.961145% 0.001951 221.599303 / 1);
|
|
9398
|
-
--color-surface-chrome-7-edge-strong: oklch(49.461784% 0.001415 236.248506 / 1);
|
|
9399
|
-
--shadow-depth-chrome-7: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9400
|
-
--color-surface-chrome-8: oklch(47.262653% 0.002896 251.779887 / 1);
|
|
9401
|
-
--color-surface-chrome-8-ink: oklch(100% 0 none / 1);
|
|
9402
|
-
--color-surface-chrome-8-ink-muted: oklch(86.636302% 0.000579 251.779887 / 1);
|
|
9403
|
-
--color-surface-chrome-8-edge: oklch(50.262655% 0.002731 251.779887 / 1);
|
|
9404
|
-
--color-surface-chrome-8-edge-hover: oklch(51.762631% 0.002649 251.779887 / 1);
|
|
9405
|
-
--color-surface-chrome-8-edge-strong: oklch(53.260302% 0.001384 230.701407 / 1);
|
|
9406
|
-
--shadow-depth-chrome-8: 0px 1px 1px -0.5px oklch(0% 0 none / 0.18), 0px 3px 3px -1.5px oklch(0% 0 none / 0.18), 0px 6px 6px -3px oklch(0% 0 none / 0.18), 0px 12px 12px -6px oklch(0% 0 none / 0.18), 0px 24px 24px -12px oklch(0% 0 none / 0.18), 0px 48px 48px -24px oklch(0% 0 none / 0.18), 0px 96px 96px -48px oklch(0% 0 none / 0.18), inset 0px 1px 0px 0px oklch(100% 0 none / 0.06);
|
|
9407
|
-
--color-surface-0: oklch(20.462653% 0 none / 1);
|
|
9408
|
-
--color-surface-0-ink: oklch(92.184718% 0 none / 1);
|
|
9409
|
-
--color-surface-0-ink-muted: oklch(76.561054% 0 none / 1);
|
|
9410
|
-
--shadow-elevation-0: var(--ui-local-elevation-0);
|
|
9411
|
-
--color-surface-1: oklch(22.962653% 0 none / 1);
|
|
9412
|
-
--color-surface-1-ink: oklch(92.501588% 0 none / 1);
|
|
9413
|
-
--color-surface-1-ink-muted: oklch(76.93548% 0 none / 1);
|
|
9414
|
-
--shadow-elevation-1: var(--ui-local-elevation-1);
|
|
9415
|
-
--color-surface-2: oklch(25.462653% 0.000386 251.779887 / 1);
|
|
9416
|
-
--color-surface-2-ink: oklch(92.908812% 0.000077 251.779887 / 1);
|
|
9417
|
-
--color-surface-2-ink-muted: oklch(77.415975% 0.000077 251.779887 / 1);
|
|
9418
|
-
--shadow-elevation-2: var(--ui-local-elevation-2);
|
|
9419
|
-
--color-surface-3: oklch(28.262653% 0.000579 251.779887 / 1);
|
|
9420
|
-
--color-surface-3-ink: oklch(93.477871% 0.000116 251.779887 / 1);
|
|
9421
|
-
--color-surface-3-ink-muted: oklch(78.08603% 0.000116 251.779887 / 1);
|
|
9422
|
-
--shadow-elevation-3: var(--ui-local-elevation-3);
|
|
9423
|
-
--color-surface-4: oklch(31.262653% 0.000965 251.779887 / 1);
|
|
9424
|
-
--color-surface-4-ink: oklch(94.237603% 0.000193 251.779887 / 1);
|
|
9425
|
-
--color-surface-4-ink-muted: oklch(78.978204% 0.000193 251.779887 / 1);
|
|
9426
|
-
--shadow-elevation-4: var(--ui-local-elevation-4);
|
|
9427
|
-
--color-surface-5: oklch(34.462653% 0.001351 251.779887 / 1);
|
|
9428
|
-
--color-surface-5-ink: oklch(95.30435% 0.00027 251.779887 / 1);
|
|
9429
|
-
--color-surface-5-ink-muted: oklch(80.226419% 0.00027 251.779887 / 1);
|
|
9430
|
-
--shadow-elevation-5: var(--ui-local-elevation-5);
|
|
9431
|
-
--color-surface-6: oklch(37.862653% 0.001737 251.779887 / 1);
|
|
9432
|
-
--color-surface-6-ink: oklch(96.597068% 0.000347 251.779887 / 1);
|
|
9433
|
-
--color-surface-6-ink-muted: oklch(81.732335% 0.000347 251.779887 / 1);
|
|
9434
|
-
--shadow-elevation-6: var(--ui-local-elevation-6);
|
|
9435
|
-
--color-surface-7: oklch(41.462653% 0.002316 251.779887 / 1);
|
|
9436
|
-
--color-surface-7-ink: oklch(98.092835% 0.000463 251.779887 / 1);
|
|
9437
|
-
--color-surface-7-ink-muted: oklch(83.46613% 0.000463 251.779887 / 1);
|
|
9438
|
-
--shadow-elevation-7: var(--ui-local-elevation-7);
|
|
9439
|
-
--color-surface-8: oklch(45.262653% 0.002896 251.779887 / 1);
|
|
9440
|
-
--color-surface-8-ink: oklch(99.80618% 0.000579 251.779887 / 1);
|
|
9441
|
-
--color-surface-8-ink-muted: oklch(85.441382% 0.000579 251.779887 / 1);
|
|
9442
|
-
--shadow-elevation-8: var(--ui-local-elevation-8);
|
|
9443
|
-
}
|
|
9444
|
-
}
|
|
9445
6613
|
:root {
|
|
9446
6614
|
--ui-local-surface-0: var(--color-surface-workspace-0);
|
|
9447
6615
|
--ui-local-surface-0-ink: var(--color-surface-workspace-0-ink);
|
|
@@ -11808,23 +8976,6 @@
|
|
|
11808
8976
|
display: none;
|
|
11809
8977
|
}
|
|
11810
8978
|
}
|
|
11811
|
-
@layer components {
|
|
11812
|
-
[data-ui-field-label-badge] {
|
|
11813
|
-
color: var(--ui-surface-ink-muted);
|
|
11814
|
-
background-color: var(--color-interaction-hover);
|
|
11815
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
|
|
11816
|
-
}
|
|
11817
|
-
[data-ui-field-error] {
|
|
11818
|
-
color: var(--color-intent-danger-text, var(--color-intent-neutral-text));
|
|
11819
|
-
}
|
|
11820
|
-
[data-ui-field][data-layout="grid"] > [data-ui-field-label] {
|
|
11821
|
-
grid-column: 1;
|
|
11822
|
-
grid-row: 1;
|
|
11823
|
-
}
|
|
11824
|
-
[data-ui-field][data-layout="grid"] > [data-ui-field-description], [data-ui-field][data-layout="grid"] > [data-ui-field-error], [data-ui-field][data-layout="grid"] > [data-ui-field-control] {
|
|
11825
|
-
grid-column: 2;
|
|
11826
|
-
}
|
|
11827
|
-
}
|
|
11828
8979
|
@layer components {
|
|
11829
8980
|
[data-ui-radio][data-variant="pills"]:has([data-ui-radio-input]:focus-visible), [data-ui-radio][data-variant="cards"][data-indicator="false"]:has([data-ui-radio-input]:focus-visible) {
|
|
11830
8981
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
@@ -11854,13 +9005,8 @@
|
|
|
11854
9005
|
width: auto !important;
|
|
11855
9006
|
}
|
|
11856
9007
|
[data-ui-radio][data-variant="pills"][data-checked] {
|
|
11857
|
-
background-color:
|
|
11858
|
-
color: var(--
|
|
11859
|
-
box-shadow: var(--shadow-elevation-1);
|
|
11860
|
-
}
|
|
11861
|
-
[data-ui-radio][data-variant="pills"][data-checked]:hover:not([data-disabled]) {
|
|
11862
|
-
background-color: var(--color-intent-accent-solid-hover);
|
|
11863
|
-
box-shadow: var(--shadow-elevation-1);
|
|
9008
|
+
background-color: transparent;
|
|
9009
|
+
color: var(--ui-surface-ink);
|
|
11864
9010
|
}
|
|
11865
9011
|
[data-ui-radio][data-variant="pills"] [data-ui-radio-indicator] {
|
|
11866
9012
|
display: none !important;
|
|
@@ -11909,6 +9055,10 @@
|
|
|
11909
9055
|
right: 0.75rem;
|
|
11910
9056
|
}
|
|
11911
9057
|
}
|
|
9058
|
+
[data-ui-checkbox][data-variant="pills"]:is( [data-ui-interaction="tonal"], [data-ui-interaction="combined"] ) {
|
|
9059
|
+
background-color: var(--ui-interaction-fill);
|
|
9060
|
+
background-image: none;
|
|
9061
|
+
}
|
|
11912
9062
|
@layer components {
|
|
11913
9063
|
[data-ui-date-picker] {
|
|
11914
9064
|
--ui-date-picker-selected-bg: var(--color-intent-neutral-solid);
|
|
@@ -12296,43 +9446,6 @@
|
|
|
12296
9446
|
transform: rotate(0deg);
|
|
12297
9447
|
}
|
|
12298
9448
|
}
|
|
12299
|
-
[data-ui-toast-outlet][data-stack="collapsed"] {
|
|
12300
|
-
display: block;
|
|
12301
|
-
height: var(--ui-toast-stack-height);
|
|
12302
|
-
pointer-events: auto;
|
|
12303
|
-
transition: height 160ms cubic-bezier(0.77, 0, 0.175, 1);
|
|
12304
|
-
}
|
|
12305
|
-
[data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] {
|
|
12306
|
-
height: var(--ui-toast-stack-expanded-height);
|
|
12307
|
-
}
|
|
12308
|
-
[data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast] {
|
|
12309
|
-
inset-inline: 0;
|
|
12310
|
-
position: absolute;
|
|
12311
|
-
top: 0;
|
|
12312
|
-
opacity: var(--ui-toast-stack-opacity, 1);
|
|
12313
|
-
transform: translateY(var(--ui-toast-stack-offset, 0px)) scale(var(--ui-toast-stack-scale, 1));
|
|
12314
|
-
transform-origin: top center;
|
|
12315
|
-
}
|
|
12316
|
-
[data-ui-toast][data-swipe-axis="x"] {
|
|
12317
|
-
touch-action: pan-y;
|
|
12318
|
-
}
|
|
12319
|
-
[data-ui-toast][data-swipe-axis="y"] {
|
|
12320
|
-
touch-action: pan-x;
|
|
12321
|
-
}
|
|
12322
|
-
[data-ui-toast][data-swiping="true"] {
|
|
12323
|
-
user-select: none;
|
|
12324
|
-
}
|
|
12325
|
-
[data-ui-toast-outlet][data-stack="collapsed"][data-position^="bottom"] > [data-ui-toast] {
|
|
12326
|
-
bottom: 0;
|
|
12327
|
-
top: auto;
|
|
12328
|
-
transform-origin: bottom center;
|
|
12329
|
-
}
|
|
12330
|
-
[data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast]:not(:first-child) {
|
|
12331
|
-
height: var(--ui-toast-front-height);
|
|
12332
|
-
}
|
|
12333
|
-
[data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] > [data-ui-toast] {
|
|
12334
|
-
height: auto;
|
|
12335
|
-
}
|
|
12336
9449
|
@layer components {
|
|
12337
9450
|
[data-ui-input-group] > [data-ui-input-root], [data-ui-input-group] [data-ui-input-control] {
|
|
12338
9451
|
display: contents !important;
|
|
@@ -12475,43 +9588,354 @@
|
|
|
12475
9588
|
}
|
|
12476
9589
|
}
|
|
12477
9590
|
}
|
|
9591
|
+
:root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
|
|
9592
|
+
cursor: var(--ui-sortable-drag-cursor, default) !important;
|
|
9593
|
+
}
|
|
12478
9594
|
@layer components {
|
|
12479
|
-
[data-ui-
|
|
12480
|
-
|
|
12481
|
-
--
|
|
12482
|
-
--ui-tabs-list-width: auto;
|
|
12483
|
-
--ui-tabs-line-gap: var(--spacing-4);
|
|
12484
|
-
--ui-tabs-line-indicator-height: 2px;
|
|
12485
|
-
--ui-tabs-line-indicator-inset: auto 0 0;
|
|
12486
|
-
--ui-tabs-line-indicator-width: auto;
|
|
12487
|
-
--ui-tabs-line-tab-padding: 0;
|
|
12488
|
-
--ui-tabs-tab-justify: center;
|
|
12489
|
-
--ui-tabs-tab-width: auto;
|
|
12490
|
-
gap: var(--spacing-3);
|
|
9595
|
+
:is( [data-ui-action-recipe]:is(:disabled, [aria-disabled="true"]):not([data-ui-loading]), [data-ui-action-recipe][data-disabled], [data-ui-control][data-ui-control-recipe]:is( [data-disabled], :disabled, :has(:disabled):not(:has(:enabled)) ), [data-ui-selection-root]:is([data-disabled], :has(:disabled):not(:has(:enabled))) ) {
|
|
9596
|
+
pointer-events: none;
|
|
9597
|
+
opacity: var(--opacity-interaction-disabled);
|
|
12491
9598
|
}
|
|
12492
|
-
|
|
12493
|
-
|
|
9599
|
+
}
|
|
9600
|
+
@layer components {
|
|
9601
|
+
[data-ui-action-recipe] {
|
|
9602
|
+
--ui-action-text: var(--ui-surface-ink);
|
|
9603
|
+
--ui-action-text-hover: var(--ui-surface-ink);
|
|
9604
|
+
--ui-action-soft: var(--color-intent-neutral-soft);
|
|
9605
|
+
--ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
|
|
9606
|
+
--ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
|
|
9607
|
+
--ui-action-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
9608
|
+
--ui-action-solid: var(--color-intent-neutral-solid);
|
|
9609
|
+
--ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
|
|
9610
|
+
--ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
|
|
9611
|
+
--ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
9612
|
+
--ui-action-edge: var(--ui-surface-edge);
|
|
9613
|
+
--ui-action-edge-hover: var(--ui-surface-edge-hover);
|
|
9614
|
+
--ui-action-edge-strong: var(--ui-surface-edge-strong);
|
|
9615
|
+
--ui-action-focus: var(--color-intent-neutral-focus);
|
|
9616
|
+
--ui-action-focus-width: var(--color-intent-neutral-focus-width);
|
|
12494
9617
|
}
|
|
12495
|
-
|
|
12496
|
-
--ui-
|
|
9618
|
+
[data-ui-action-recipe][data-color="accent"] {
|
|
9619
|
+
--ui-action-text: var(--color-intent-accent-text);
|
|
9620
|
+
--ui-action-text-hover: var(--color-intent-accent-text-hover);
|
|
9621
|
+
--ui-action-soft: var(--color-intent-accent-soft);
|
|
9622
|
+
--ui-action-soft-hover: var(--color-intent-accent-soft-hover);
|
|
9623
|
+
--ui-action-soft-pressed: var(--color-intent-accent-soft-pressed);
|
|
9624
|
+
--ui-action-soft-ink: var(--color-intent-accent-soft-ink);
|
|
9625
|
+
--ui-action-solid: var(--color-intent-accent-solid);
|
|
9626
|
+
--ui-action-solid-hover: var(--color-intent-accent-solid-hover);
|
|
9627
|
+
--ui-action-solid-pressed: var(--color-intent-accent-solid-pressed);
|
|
9628
|
+
--ui-action-solid-ink: var(--color-intent-accent-solid-ink);
|
|
9629
|
+
--ui-action-edge: var(--color-intent-accent-edge);
|
|
9630
|
+
--ui-action-edge-hover: var(--color-intent-accent-edge-hover);
|
|
9631
|
+
--ui-action-edge-strong: var(--color-intent-accent-edge-strong);
|
|
9632
|
+
--ui-action-focus: var(--color-intent-accent-focus);
|
|
9633
|
+
--ui-action-focus-width: var(--color-intent-accent-focus-width);
|
|
12497
9634
|
}
|
|
12498
|
-
|
|
12499
|
-
--ui-
|
|
9635
|
+
[data-ui-action-recipe][data-color="success"] {
|
|
9636
|
+
--ui-action-text: var(--color-intent-success-text);
|
|
9637
|
+
--ui-action-text-hover: var(--color-intent-success-text-hover);
|
|
9638
|
+
--ui-action-soft: var(--color-intent-success-soft);
|
|
9639
|
+
--ui-action-soft-hover: var(--color-intent-success-soft-hover);
|
|
9640
|
+
--ui-action-soft-pressed: var(--color-intent-success-soft-pressed);
|
|
9641
|
+
--ui-action-soft-ink: var(--color-intent-success-soft-ink);
|
|
9642
|
+
--ui-action-solid: var(--color-intent-success-solid);
|
|
9643
|
+
--ui-action-solid-hover: var(--color-intent-success-solid-hover);
|
|
9644
|
+
--ui-action-solid-pressed: var(--color-intent-success-solid-pressed);
|
|
9645
|
+
--ui-action-solid-ink: var(--color-intent-success-solid-ink);
|
|
9646
|
+
--ui-action-edge: var(--color-intent-success-edge);
|
|
9647
|
+
--ui-action-edge-hover: var(--color-intent-success-edge-hover);
|
|
9648
|
+
--ui-action-edge-strong: var(--color-intent-success-edge-strong);
|
|
9649
|
+
--ui-action-focus: var(--color-intent-success-focus);
|
|
9650
|
+
--ui-action-focus-width: var(--color-intent-success-focus-width);
|
|
12500
9651
|
}
|
|
12501
|
-
|
|
12502
|
-
--ui-
|
|
9652
|
+
[data-ui-action-recipe][data-color="warning"] {
|
|
9653
|
+
--ui-action-text: var(--color-intent-warning-text);
|
|
9654
|
+
--ui-action-text-hover: var(--color-intent-warning-text-hover);
|
|
9655
|
+
--ui-action-soft: var(--color-intent-warning-soft);
|
|
9656
|
+
--ui-action-soft-hover: var(--color-intent-warning-soft-hover);
|
|
9657
|
+
--ui-action-soft-pressed: var(--color-intent-warning-soft-pressed);
|
|
9658
|
+
--ui-action-soft-ink: var(--color-intent-warning-soft-ink);
|
|
9659
|
+
--ui-action-solid: var(--color-intent-warning-solid);
|
|
9660
|
+
--ui-action-solid-hover: var(--color-intent-warning-solid-hover);
|
|
9661
|
+
--ui-action-solid-pressed: var(--color-intent-warning-solid-pressed);
|
|
9662
|
+
--ui-action-solid-ink: var(--color-intent-warning-solid-ink);
|
|
9663
|
+
--ui-action-edge: var(--color-intent-warning-edge);
|
|
9664
|
+
--ui-action-edge-hover: var(--color-intent-warning-edge-hover);
|
|
9665
|
+
--ui-action-edge-strong: var(--color-intent-warning-edge-strong);
|
|
9666
|
+
--ui-action-focus: var(--color-intent-warning-focus);
|
|
9667
|
+
--ui-action-focus-width: var(--color-intent-warning-focus-width);
|
|
12503
9668
|
}
|
|
12504
|
-
|
|
12505
|
-
--ui-
|
|
9669
|
+
[data-ui-action-recipe][data-color="danger"] {
|
|
9670
|
+
--ui-action-text: var(--color-intent-danger-text);
|
|
9671
|
+
--ui-action-text-hover: var(--color-intent-danger-text-hover);
|
|
9672
|
+
--ui-action-soft: var(--color-intent-danger-soft);
|
|
9673
|
+
--ui-action-soft-hover: var(--color-intent-danger-soft-hover);
|
|
9674
|
+
--ui-action-soft-pressed: var(--color-intent-danger-soft-pressed);
|
|
9675
|
+
--ui-action-soft-ink: var(--color-intent-danger-soft-ink);
|
|
9676
|
+
--ui-action-solid: var(--color-intent-danger-solid);
|
|
9677
|
+
--ui-action-solid-hover: var(--color-intent-danger-solid-hover);
|
|
9678
|
+
--ui-action-solid-pressed: var(--color-intent-danger-solid-pressed);
|
|
9679
|
+
--ui-action-solid-ink: var(--color-intent-danger-solid-ink);
|
|
9680
|
+
--ui-action-edge: var(--color-intent-danger-edge);
|
|
9681
|
+
--ui-action-edge-hover: var(--color-intent-danger-edge-hover);
|
|
9682
|
+
--ui-action-edge-strong: var(--color-intent-danger-edge-strong);
|
|
9683
|
+
--ui-action-focus: var(--color-intent-danger-focus);
|
|
9684
|
+
--ui-action-focus-width: var(--color-intent-danger-focus-width);
|
|
12506
9685
|
}
|
|
12507
|
-
|
|
12508
|
-
|
|
9686
|
+
[data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
|
|
9687
|
+
color: var(--ui-action-text);
|
|
9688
|
+
background-color: transparent;
|
|
9689
|
+
box-shadow: none;
|
|
12509
9690
|
}
|
|
12510
|
-
|
|
12511
|
-
|
|
9691
|
+
[data-ui-action-recipe][data-variant="soft"] {
|
|
9692
|
+
color: var(--ui-action-soft-ink);
|
|
9693
|
+
background-color: var(--ui-action-soft);
|
|
9694
|
+
box-shadow: none;
|
|
12512
9695
|
}
|
|
12513
|
-
|
|
12514
|
-
|
|
9696
|
+
[data-ui-select-chip][data-variant="soft"] {
|
|
9697
|
+
background-color: var(--ui-action-soft-hover);
|
|
9698
|
+
}
|
|
9699
|
+
[data-ui-action-recipe][data-variant="surface"] {
|
|
9700
|
+
color: var(--ui-action-text);
|
|
9701
|
+
background-color: var(--color-interaction-hover);
|
|
9702
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
|
|
9703
|
+
}
|
|
9704
|
+
[data-ui-action-recipe][data-variant="outline"] {
|
|
9705
|
+
color: var(--ui-action-text);
|
|
9706
|
+
background-color: transparent;
|
|
9707
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
|
|
9708
|
+
}
|
|
9709
|
+
[data-ui-action-recipe][data-variant="solid"] {
|
|
9710
|
+
color: var(--ui-action-solid-ink);
|
|
9711
|
+
background-color: var(--ui-action-solid);
|
|
9712
|
+
box-shadow: var(--shadow-elevation-1);
|
|
9713
|
+
}
|
|
9714
|
+
:is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
|
|
9715
|
+
box-shadow: 0 0 0 var(--ui-action-focus-width) var(--ui-action-focus);
|
|
9716
|
+
}
|
|
9717
|
+
:is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
|
|
9718
|
+
color: var(--ui-action-text-hover);
|
|
9719
|
+
background-color: var(--color-interaction-hover);
|
|
9720
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge-hover);
|
|
9721
|
+
}
|
|
9722
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
9723
|
+
color: var(--ui-action-text-hover);
|
|
9724
|
+
background-color: var(--color-interaction-hover);
|
|
9725
|
+
}
|
|
9726
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="link"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
9727
|
+
color: var(--ui-action-text-hover);
|
|
9728
|
+
}
|
|
9729
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
9730
|
+
background-color: var(--ui-action-soft-hover);
|
|
9731
|
+
}
|
|
9732
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
9733
|
+
background-color: var(--ui-action-solid-hover);
|
|
9734
|
+
}
|
|
9735
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:active:not(:disabled):not([aria-disabled="true"]) {
|
|
9736
|
+
background-color: var(--ui-action-soft-pressed);
|
|
9737
|
+
}
|
|
9738
|
+
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:active:not(:disabled):not([aria-disabled="true"]) {
|
|
9739
|
+
background-color: var(--ui-action-solid-pressed);
|
|
9740
|
+
}
|
|
9741
|
+
:is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
|
|
9742
|
+
background-color: var(--color-interaction-pressed);
|
|
9743
|
+
}
|
|
9744
|
+
[data-ui-badge-close]:hover, [data-ui-badge-close]:focus-visible {
|
|
9745
|
+
background-color: currentColor;
|
|
9746
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9747
|
+
background-color: color-mix(in srgb, currentColor 12%, transparent);
|
|
9748
|
+
}
|
|
9749
|
+
}
|
|
9750
|
+
[data-ui-badge-close]:focus-visible {
|
|
9751
|
+
box-shadow: 0 0 0 1px currentColor;
|
|
9752
|
+
}
|
|
9753
|
+
}
|
|
9754
|
+
[data-ui-toast-outlet][data-stack="collapsed"] {
|
|
9755
|
+
display: block;
|
|
9756
|
+
height: var(--ui-toast-stack-height);
|
|
9757
|
+
pointer-events: auto;
|
|
9758
|
+
transition: height 160ms cubic-bezier(0.77, 0, 0.175, 1);
|
|
9759
|
+
}
|
|
9760
|
+
[data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] {
|
|
9761
|
+
height: var(--ui-toast-stack-expanded-height);
|
|
9762
|
+
}
|
|
9763
|
+
[data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast] {
|
|
9764
|
+
inset-inline: 0;
|
|
9765
|
+
position: absolute;
|
|
9766
|
+
top: 0;
|
|
9767
|
+
opacity: var(--ui-toast-stack-opacity, 1);
|
|
9768
|
+
transform: translateY(var(--ui-toast-stack-offset, 0px)) scale(var(--ui-toast-stack-scale, 1));
|
|
9769
|
+
transform-origin: top center;
|
|
9770
|
+
}
|
|
9771
|
+
[data-ui-toast][data-swipe-axis="x"] {
|
|
9772
|
+
touch-action: pan-y;
|
|
9773
|
+
}
|
|
9774
|
+
[data-ui-toast][data-swipe-axis="y"] {
|
|
9775
|
+
touch-action: pan-x;
|
|
9776
|
+
}
|
|
9777
|
+
[data-ui-toast][data-swiping="true"] {
|
|
9778
|
+
user-select: none;
|
|
9779
|
+
}
|
|
9780
|
+
[data-ui-toast-outlet][data-stack="collapsed"][data-position^="bottom"] > [data-ui-toast] {
|
|
9781
|
+
bottom: 0;
|
|
9782
|
+
top: auto;
|
|
9783
|
+
transform-origin: bottom center;
|
|
9784
|
+
}
|
|
9785
|
+
[data-ui-toast-outlet][data-stack="collapsed"] > [data-ui-toast]:not(:first-child) {
|
|
9786
|
+
height: var(--ui-toast-front-height);
|
|
9787
|
+
}
|
|
9788
|
+
[data-ui-toast-outlet][data-stack="collapsed"][data-stack-expanded="true"] > [data-ui-toast] {
|
|
9789
|
+
height: auto;
|
|
9790
|
+
}
|
|
9791
|
+
@layer components {
|
|
9792
|
+
[data-ui-toast-recipe] {
|
|
9793
|
+
--ui-toast-text: var(--ui-surface-ink);
|
|
9794
|
+
--ui-toast-soft: var(--color-intent-neutral-soft);
|
|
9795
|
+
--ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
9796
|
+
--ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
|
|
9797
|
+
--ui-toast-solid: var(--color-intent-neutral-solid);
|
|
9798
|
+
--ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
9799
|
+
--ui-toast-edge: var(--ui-surface-edge);
|
|
9800
|
+
--ui-toast-edge-strong: var(--ui-surface-edge-strong);
|
|
9801
|
+
--ui-toast-focus: var(--color-intent-neutral-focus);
|
|
9802
|
+
--ui-toast-focus-width: var(--color-intent-neutral-focus-width);
|
|
9803
|
+
--ui-toast-ink: var(--ui-surface-ink);
|
|
9804
|
+
--ui-toast-ink-muted: var(--ui-surface-ink-muted);
|
|
9805
|
+
color: var(--ui-toast-ink);
|
|
9806
|
+
background-color: var(--ui-surface-color);
|
|
9807
|
+
}
|
|
9808
|
+
[data-ui-toast-recipe][data-color="accent"] {
|
|
9809
|
+
--ui-toast-text: var(--color-intent-accent-text);
|
|
9810
|
+
--ui-toast-soft: var(--color-intent-accent-soft);
|
|
9811
|
+
--ui-toast-soft-ink: var(--color-intent-accent-soft-ink);
|
|
9812
|
+
--ui-toast-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
|
|
9813
|
+
--ui-toast-solid: var(--color-intent-accent-solid);
|
|
9814
|
+
--ui-toast-solid-ink: var(--color-intent-accent-solid-ink);
|
|
9815
|
+
--ui-toast-edge: var(--color-intent-accent-edge);
|
|
9816
|
+
--ui-toast-edge-strong: var(--color-intent-accent-edge-strong);
|
|
9817
|
+
--ui-toast-focus: var(--color-intent-accent-focus);
|
|
9818
|
+
--ui-toast-focus-width: var(--color-intent-accent-focus-width);
|
|
9819
|
+
}
|
|
9820
|
+
[data-ui-toast-recipe][data-color="success"] {
|
|
9821
|
+
--ui-toast-text: var(--color-intent-success-text);
|
|
9822
|
+
--ui-toast-soft: var(--color-intent-success-soft);
|
|
9823
|
+
--ui-toast-soft-ink: var(--color-intent-success-soft-ink);
|
|
9824
|
+
--ui-toast-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
|
|
9825
|
+
--ui-toast-solid: var(--color-intent-success-solid);
|
|
9826
|
+
--ui-toast-solid-ink: var(--color-intent-success-solid-ink);
|
|
9827
|
+
--ui-toast-edge: var(--color-intent-success-edge);
|
|
9828
|
+
--ui-toast-edge-strong: var(--color-intent-success-edge-strong);
|
|
9829
|
+
--ui-toast-focus: var(--color-intent-success-focus);
|
|
9830
|
+
--ui-toast-focus-width: var(--color-intent-success-focus-width);
|
|
9831
|
+
}
|
|
9832
|
+
[data-ui-toast-recipe][data-color="warning"] {
|
|
9833
|
+
--ui-toast-text: var(--color-intent-warning-text);
|
|
9834
|
+
--ui-toast-soft: var(--color-intent-warning-soft);
|
|
9835
|
+
--ui-toast-soft-ink: var(--color-intent-warning-soft-ink);
|
|
9836
|
+
--ui-toast-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
|
|
9837
|
+
--ui-toast-solid: var(--color-intent-warning-solid);
|
|
9838
|
+
--ui-toast-solid-ink: var(--color-intent-warning-solid-ink);
|
|
9839
|
+
--ui-toast-edge: var(--color-intent-warning-edge);
|
|
9840
|
+
--ui-toast-edge-strong: var(--color-intent-warning-edge-strong);
|
|
9841
|
+
--ui-toast-focus: var(--color-intent-warning-focus);
|
|
9842
|
+
--ui-toast-focus-width: var(--color-intent-warning-focus-width);
|
|
9843
|
+
}
|
|
9844
|
+
[data-ui-toast-recipe][data-color="danger"] {
|
|
9845
|
+
--ui-toast-text: var(--color-intent-danger-text);
|
|
9846
|
+
--ui-toast-soft: var(--color-intent-danger-soft);
|
|
9847
|
+
--ui-toast-soft-ink: var(--color-intent-danger-soft-ink);
|
|
9848
|
+
--ui-toast-soft-ink-muted: var(--color-intent-danger-soft-ink-muted);
|
|
9849
|
+
--ui-toast-solid: var(--color-intent-danger-solid);
|
|
9850
|
+
--ui-toast-solid-ink: var(--color-intent-danger-solid-ink);
|
|
9851
|
+
--ui-toast-edge: var(--color-intent-danger-edge);
|
|
9852
|
+
--ui-toast-edge-strong: var(--color-intent-danger-edge-strong);
|
|
9853
|
+
--ui-toast-focus: var(--color-intent-danger-focus);
|
|
9854
|
+
--ui-toast-focus-width: var(--color-intent-danger-focus-width);
|
|
9855
|
+
}
|
|
9856
|
+
[data-ui-toast-recipe][data-variant="soft"] {
|
|
9857
|
+
--ui-toast-ink: var(--ui-toast-soft-ink);
|
|
9858
|
+
--ui-toast-ink-muted: var(--ui-toast-soft-ink-muted);
|
|
9859
|
+
color: var(--ui-toast-ink);
|
|
9860
|
+
background-color: var(--ui-toast-soft);
|
|
9861
|
+
}
|
|
9862
|
+
[data-ui-toast-recipe][data-variant="surface"] {
|
|
9863
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge);
|
|
9864
|
+
}
|
|
9865
|
+
[data-ui-toast-recipe][data-variant="outline"] {
|
|
9866
|
+
--ui-toast-ink: var(--ui-toast-text);
|
|
9867
|
+
--ui-toast-ink-muted: var(--ui-toast-text);
|
|
9868
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge-strong);
|
|
9869
|
+
color: var(--ui-toast-ink);
|
|
9870
|
+
background-color: transparent;
|
|
9871
|
+
}
|
|
9872
|
+
[data-ui-toast-recipe][data-variant="solid"] {
|
|
9873
|
+
--ui-toast-ink: var(--ui-toast-solid-ink);
|
|
9874
|
+
--ui-toast-ink-muted: var(--ui-toast-solid-ink);
|
|
9875
|
+
color: var(--ui-toast-ink);
|
|
9876
|
+
background-color: var(--ui-toast-solid);
|
|
9877
|
+
}
|
|
9878
|
+
[data-ui-toast-marker] {
|
|
9879
|
+
background-color: var(--ui-toast-solid);
|
|
9880
|
+
}
|
|
9881
|
+
[data-ui-toast-title] {
|
|
9882
|
+
color: var(--ui-toast-ink);
|
|
9883
|
+
}
|
|
9884
|
+
[data-ui-toast-description] {
|
|
9885
|
+
color: var(--ui-toast-ink-muted);
|
|
9886
|
+
}
|
|
9887
|
+
[data-ui-toast-close] {
|
|
9888
|
+
color: var(--ui-toast-ink-muted);
|
|
9889
|
+
}
|
|
9890
|
+
[data-ui-toast-close]:hover {
|
|
9891
|
+
color: var(--ui-toast-ink);
|
|
9892
|
+
background-color: currentColor;
|
|
9893
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
9894
|
+
background-color: color-mix(in srgb, currentColor 10%, transparent);
|
|
9895
|
+
}
|
|
9896
|
+
}
|
|
9897
|
+
[data-ui-toast-close]:focus-visible {
|
|
9898
|
+
color: var(--ui-toast-ink);
|
|
9899
|
+
box-shadow: 0 0 0 var(--ui-toast-focus-width) var(--ui-toast-focus);
|
|
9900
|
+
}
|
|
9901
|
+
}
|
|
9902
|
+
@layer components {
|
|
9903
|
+
[data-ui-tabs] {
|
|
9904
|
+
--ui-tabs-list-direction: row;
|
|
9905
|
+
--ui-tabs-list-align: center;
|
|
9906
|
+
--ui-tabs-list-width: auto;
|
|
9907
|
+
--ui-tabs-line-gap: var(--spacing-4);
|
|
9908
|
+
--ui-tabs-line-indicator-height: 2px;
|
|
9909
|
+
--ui-tabs-line-indicator-inset: auto 0 0;
|
|
9910
|
+
--ui-tabs-line-indicator-width: auto;
|
|
9911
|
+
--ui-tabs-line-tab-padding: 0;
|
|
9912
|
+
--ui-tabs-tab-justify: center;
|
|
9913
|
+
--ui-tabs-tab-width: auto;
|
|
9914
|
+
gap: var(--spacing-3);
|
|
9915
|
+
}
|
|
9916
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="0"] {
|
|
9917
|
+
--ui-tabs-explicit-gap: var(--spacing-0);
|
|
9918
|
+
}
|
|
9919
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="0.5"] {
|
|
9920
|
+
--ui-tabs-explicit-gap: var(--spacing-0\.5);
|
|
9921
|
+
}
|
|
9922
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="1"] {
|
|
9923
|
+
--ui-tabs-explicit-gap: var(--spacing-1);
|
|
9924
|
+
}
|
|
9925
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="1.5"] {
|
|
9926
|
+
--ui-tabs-explicit-gap: var(--spacing-1\.5);
|
|
9927
|
+
}
|
|
9928
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="2"] {
|
|
9929
|
+
--ui-tabs-explicit-gap: var(--spacing-2);
|
|
9930
|
+
}
|
|
9931
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="2.5"] {
|
|
9932
|
+
--ui-tabs-explicit-gap: var(--spacing-2\.5);
|
|
9933
|
+
}
|
|
9934
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="3"] {
|
|
9935
|
+
--ui-tabs-explicit-gap: var(--spacing-3);
|
|
9936
|
+
}
|
|
9937
|
+
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="3.5"] {
|
|
9938
|
+
--ui-tabs-explicit-gap: var(--spacing-3\.5);
|
|
12515
9939
|
}
|
|
12516
9940
|
:is([data-ui-tabs], [data-ui-tabs-list])[data-gap="4"] {
|
|
12517
9941
|
--ui-tabs-explicit-gap: var(--spacing-4);
|
|
@@ -12616,437 +10040,88 @@
|
|
|
12616
10040
|
--ui-tabs-tab-width: 100%;
|
|
12617
10041
|
}
|
|
12618
10042
|
[data-ui-tabs-list][data-gap="auto"][data-variant="subtle"], [data-ui-tabs-list][data-gap="auto"][data-variant="pills"] {
|
|
12619
|
-
gap: var(--spacing-1);
|
|
12620
|
-
}
|
|
12621
|
-
[data-ui-tabs-list][data-gap="auto"][data-variant="segmented"] {
|
|
12622
|
-
gap: var(--spacing-0\.5);
|
|
12623
|
-
}
|
|
12624
|
-
[data-ui-tabs-list][data-gap="auto"][data-variant="line"] {
|
|
12625
|
-
gap: var(--ui-tabs-line-gap);
|
|
12626
|
-
}
|
|
12627
|
-
[data-ui-tabs-list] > [data-ui-tabs-tab] {
|
|
12628
|
-
width: var(--ui-tabs-tab-width);
|
|
12629
|
-
justify-content: var(--ui-tabs-tab-justify);
|
|
12630
|
-
font-family: var(--font-control);
|
|
12631
|
-
}
|
|
12632
|
-
[data-ui-tabs-list][data-size="sm"] > [data-ui-tabs-tab] {
|
|
12633
|
-
height: var(--spacing-control-sm);
|
|
12634
|
-
font-size: var(--text-control-sm);
|
|
12635
|
-
line-height: var(--text-control-sm--line-height);
|
|
12636
|
-
letter-spacing: var(--text-control-sm--letter-spacing);
|
|
12637
|
-
font-weight: var(--font-weight-control-sm);
|
|
12638
|
-
}
|
|
12639
|
-
[data-ui-tabs-list][data-size="md"] > [data-ui-tabs-tab] {
|
|
12640
|
-
height: var(--spacing-control-md);
|
|
12641
|
-
font-size: var(--text-control-md);
|
|
12642
|
-
line-height: var(--text-control-md--line-height);
|
|
12643
|
-
letter-spacing: var(--text-control-md--letter-spacing);
|
|
12644
|
-
font-weight: var(--font-weight-control-md);
|
|
12645
|
-
}
|
|
12646
|
-
[data-ui-tabs-list][data-variant="subtle"] > [data-ui-tabs-tab] {
|
|
12647
|
-
padding-inline: var(--spacing-2);
|
|
12648
|
-
border-radius: var(--radius-control-sm);
|
|
12649
|
-
}
|
|
12650
|
-
[data-ui-tabs-list][data-variant="line"] > [data-ui-tabs-tab] {
|
|
12651
|
-
padding-inline: var(--ui-tabs-line-tab-padding);
|
|
12652
|
-
border-radius: 0;
|
|
12653
|
-
}
|
|
12654
|
-
[data-ui-tabs-list][data-variant="segmented"] > [data-ui-tabs-tab] {
|
|
12655
|
-
padding-inline: var(--spacing-3);
|
|
12656
|
-
border-radius: var(--radius-control-sm);
|
|
12657
|
-
}
|
|
12658
|
-
[data-ui-tabs-list][data-variant="pills"] > [data-ui-tabs-tab] {
|
|
12659
|
-
padding-inline: var(--spacing-3);
|
|
12660
|
-
border-radius: var(--radius-full);
|
|
12661
|
-
}
|
|
12662
|
-
[data-ui-tabs-list][data-variant="subtle"] > [data-ui-tabs-indicator], [data-ui-tabs-list][data-variant="segmented"] > [data-ui-tabs-indicator] {
|
|
12663
|
-
border-radius: var(--radius-control-sm);
|
|
12664
|
-
}
|
|
12665
|
-
[data-ui-tabs-list][data-variant="pills"] > [data-ui-tabs-indicator] {
|
|
12666
|
-
border-radius: var(--radius-full);
|
|
12667
|
-
}
|
|
12668
|
-
[data-ui-tabs-list]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
12669
|
-
position: absolute;
|
|
12670
|
-
z-index: -1;
|
|
12671
|
-
inset: 0;
|
|
12672
|
-
border-radius: inherit;
|
|
12673
|
-
background-color: var(--color-interaction-selected);
|
|
12674
|
-
pointer-events: none;
|
|
12675
|
-
content: "";
|
|
12676
|
-
}
|
|
12677
|
-
[data-ui-tabs-list][data-variant="line"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
12678
|
-
inset: var(--ui-tabs-line-indicator-inset);
|
|
12679
|
-
width: var(--ui-tabs-line-indicator-width);
|
|
12680
|
-
height: var(--ui-tabs-line-indicator-height);
|
|
12681
|
-
border-radius: 0;
|
|
12682
|
-
background-color: var(--color-intent-accent-solid);
|
|
12683
|
-
}
|
|
12684
|
-
[data-ui-tabs-list][data-variant="segmented"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
12685
|
-
inset: var(--border-width-edge-control);
|
|
12686
|
-
background-color: var(--ui-surface-color);
|
|
12687
|
-
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
|
|
12688
|
-
}
|
|
12689
|
-
@media (min-width: 768px) {
|
|
12690
|
-
[data-ui-tabs][data-orientation="horizontal"] {
|
|
12691
|
-
grid-template-columns: none;
|
|
12692
|
-
align-items: normal;
|
|
12693
|
-
}
|
|
12694
|
-
[data-ui-tabs][data-orientation="vertical"] {
|
|
12695
|
-
grid-template-columns: max-content minmax(0, 1fr);
|
|
12696
|
-
align-items: start;
|
|
12697
|
-
}
|
|
12698
|
-
}
|
|
12699
|
-
}
|
|
12700
|
-
:root[data-ui-sortable-dragging], :root[data-ui-sortable-dragging] * {
|
|
12701
|
-
cursor: var(--ui-sortable-drag-cursor, default) !important;
|
|
12702
|
-
}
|
|
12703
|
-
@media (hover: hover) {
|
|
12704
|
-
[data-ui-elevation][data-ui-interactive="surface"]:hover {
|
|
12705
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
12706
|
-
}
|
|
12707
|
-
}
|
|
12708
|
-
[data-ui-elevation][data-ui-interactive="surface"]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
12709
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
|
|
12710
|
-
}
|
|
12711
|
-
[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
|
|
12712
|
-
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
12713
|
-
}
|
|
12714
|
-
[data-ui-interaction] {
|
|
12715
|
-
--ui-interaction-fill: transparent;
|
|
12716
|
-
--ui-interaction-edge: transparent;
|
|
12717
|
-
}
|
|
12718
|
-
:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
|
|
12719
|
-
background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
|
|
12720
|
-
}
|
|
12721
|
-
:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
|
|
12722
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
|
|
12723
|
-
}
|
|
12724
|
-
@media (hover: hover) {
|
|
12725
|
-
[data-ui-interaction]:hover {
|
|
12726
|
-
--ui-interaction-fill: var(--color-interaction-hover);
|
|
12727
|
-
--ui-interaction-edge: var(--ui-surface-edge-hover);
|
|
12728
|
-
}
|
|
12729
|
-
}
|
|
12730
|
-
[data-ui-interaction]:active {
|
|
12731
|
-
--ui-interaction-fill: var(--color-interaction-pressed);
|
|
12732
|
-
--ui-interaction-edge: var(--ui-surface-edge-strong);
|
|
12733
|
-
}
|
|
12734
|
-
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
12735
|
-
--ui-interaction-fill: var(--color-interaction-selected);
|
|
12736
|
-
--ui-interaction-edge: var(--color-interaction-edge-selected);
|
|
12737
|
-
}
|
|
12738
|
-
@media (hover: hover) {
|
|
12739
|
-
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ):hover {
|
|
12740
|
-
--ui-interaction-fill: var(--color-interaction-selected-hover);
|
|
12741
|
-
--ui-interaction-edge: var(--color-interaction-edge-selected-hover);
|
|
12742
|
-
}
|
|
12743
|
-
}
|
|
12744
|
-
[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
|
|
12745
|
-
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
12746
|
-
}
|
|
12747
|
-
:root, .light, .dark {
|
|
12748
|
-
color-scheme: light;
|
|
12749
|
-
--ui-font-weight-normal: var(--font-weight-normal);
|
|
12750
|
-
--ui-font-weight-medium: var(--font-weight-medium);
|
|
12751
|
-
--ui-font-weight-semibold: var(--font-weight-semibold);
|
|
12752
|
-
--ui-letter-spacing: 0;
|
|
12753
|
-
--ui-label-ink: var(--ui-surface-ink-muted);
|
|
12754
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
12755
|
-
--ui-label-ink: color-mix(
|
|
12756
|
-
in oklab,
|
|
12757
|
-
var(--ui-surface-ink-muted),
|
|
12758
|
-
var(--ui-surface-ink) var(--label-ink-emphasis)
|
|
12759
|
-
);
|
|
12760
|
-
}
|
|
12761
|
-
--ui-control-height-xs: var(--spacing-control-xs);
|
|
12762
|
-
--ui-control-height-sm: var(--spacing-control-sm);
|
|
12763
|
-
--ui-control-height-md: var(--spacing-control-md);
|
|
12764
|
-
--ui-control-height-lg: var(--spacing-control-lg);
|
|
12765
|
-
--ui-control-height-xlg: var(--spacing-control-xlg);
|
|
12766
|
-
--ui-control-radius: var(--radius-control);
|
|
12767
|
-
--ui-popover-radius: var(--radius-overlay-sm);
|
|
12768
|
-
--ui-popover-padding: var(--spacing-popover-padding);
|
|
12769
|
-
--ui-popover-z: var(--z-index-popover);
|
|
12770
|
-
--ui-toast-stack-peek: 8px;
|
|
12771
|
-
--ui-select-listbox-max-height: var(--spacing-select-listbox);
|
|
12772
|
-
--ui-menu-item-height: var(--spacing-menu-item);
|
|
12773
|
-
--ui-icon-size-xs: var(--spacing-icon-xs);
|
|
12774
|
-
--ui-icon-size-sm: var(--spacing-icon-sm);
|
|
12775
|
-
--ui-icon-size: var(--spacing-icon);
|
|
12776
|
-
--ui-icon-size-lg: var(--spacing-icon-lg);
|
|
12777
|
-
--ui-scrollbar-size: var(--spacing-scrollbar);
|
|
12778
|
-
--ui-scrollbar-inset: var(--spacing-scrollbar-inset);
|
|
12779
|
-
--ui-scrollbar-thumb-radius: var(--radius-full);
|
|
12780
|
-
}
|
|
12781
|
-
.light {
|
|
12782
|
-
color-scheme: light;
|
|
12783
|
-
}
|
|
12784
|
-
@layer components {
|
|
12785
|
-
:is( [data-ui-action-recipe]:is(:disabled, [aria-disabled="true"]):not([data-ui-loading]), [data-ui-action-recipe][data-disabled], [data-ui-control][data-ui-control-recipe]:is( [data-disabled], :disabled, :has(:disabled):not(:has(:enabled)) ), [data-ui-selection-root]:is([data-disabled], :has(:disabled):not(:has(:enabled))) ) {
|
|
12786
|
-
pointer-events: none;
|
|
12787
|
-
opacity: var(--opacity-interaction-disabled);
|
|
12788
|
-
}
|
|
12789
|
-
[data-ui-action-recipe] {
|
|
12790
|
-
--ui-action-text: var(--ui-surface-ink);
|
|
12791
|
-
--ui-action-text-hover: var(--ui-surface-ink);
|
|
12792
|
-
--ui-action-soft: var(--color-intent-neutral-soft);
|
|
12793
|
-
--ui-action-soft-hover: var(--color-intent-neutral-soft-hover);
|
|
12794
|
-
--ui-action-soft-pressed: var(--color-intent-neutral-soft-pressed);
|
|
12795
|
-
--ui-action-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
12796
|
-
--ui-action-solid: var(--color-intent-neutral-solid);
|
|
12797
|
-
--ui-action-solid-hover: var(--color-intent-neutral-solid-hover);
|
|
12798
|
-
--ui-action-solid-pressed: var(--color-intent-neutral-solid-pressed);
|
|
12799
|
-
--ui-action-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
12800
|
-
--ui-action-edge: var(--ui-surface-edge);
|
|
12801
|
-
--ui-action-edge-hover: var(--ui-surface-edge-hover);
|
|
12802
|
-
--ui-action-edge-strong: var(--ui-surface-edge-strong);
|
|
12803
|
-
--ui-action-focus: var(--color-intent-neutral-focus);
|
|
12804
|
-
--ui-action-focus-width: var(--color-intent-neutral-focus-width);
|
|
12805
|
-
}
|
|
12806
|
-
[data-ui-action-recipe][data-color="accent"] {
|
|
12807
|
-
--ui-action-text: var(--color-intent-accent-text);
|
|
12808
|
-
--ui-action-text-hover: var(--color-intent-accent-text-hover);
|
|
12809
|
-
--ui-action-soft: var(--color-intent-accent-soft);
|
|
12810
|
-
--ui-action-soft-hover: var(--color-intent-accent-soft-hover);
|
|
12811
|
-
--ui-action-soft-pressed: var(--color-intent-accent-soft-pressed);
|
|
12812
|
-
--ui-action-soft-ink: var(--color-intent-accent-soft-ink);
|
|
12813
|
-
--ui-action-solid: var(--color-intent-accent-solid);
|
|
12814
|
-
--ui-action-solid-hover: var(--color-intent-accent-solid-hover);
|
|
12815
|
-
--ui-action-solid-pressed: var(--color-intent-accent-solid-pressed);
|
|
12816
|
-
--ui-action-solid-ink: var(--color-intent-accent-solid-ink);
|
|
12817
|
-
--ui-action-edge: var(--color-intent-accent-edge);
|
|
12818
|
-
--ui-action-edge-hover: var(--color-intent-accent-edge-hover);
|
|
12819
|
-
--ui-action-edge-strong: var(--color-intent-accent-edge-strong);
|
|
12820
|
-
--ui-action-focus: var(--color-intent-accent-focus);
|
|
12821
|
-
--ui-action-focus-width: var(--color-intent-accent-focus-width);
|
|
12822
|
-
}
|
|
12823
|
-
[data-ui-action-recipe][data-color="success"] {
|
|
12824
|
-
--ui-action-text: var(--color-intent-success-text);
|
|
12825
|
-
--ui-action-text-hover: var(--color-intent-success-text-hover);
|
|
12826
|
-
--ui-action-soft: var(--color-intent-success-soft);
|
|
12827
|
-
--ui-action-soft-hover: var(--color-intent-success-soft-hover);
|
|
12828
|
-
--ui-action-soft-pressed: var(--color-intent-success-soft-pressed);
|
|
12829
|
-
--ui-action-soft-ink: var(--color-intent-success-soft-ink);
|
|
12830
|
-
--ui-action-solid: var(--color-intent-success-solid);
|
|
12831
|
-
--ui-action-solid-hover: var(--color-intent-success-solid-hover);
|
|
12832
|
-
--ui-action-solid-pressed: var(--color-intent-success-solid-pressed);
|
|
12833
|
-
--ui-action-solid-ink: var(--color-intent-success-solid-ink);
|
|
12834
|
-
--ui-action-edge: var(--color-intent-success-edge);
|
|
12835
|
-
--ui-action-edge-hover: var(--color-intent-success-edge-hover);
|
|
12836
|
-
--ui-action-edge-strong: var(--color-intent-success-edge-strong);
|
|
12837
|
-
--ui-action-focus: var(--color-intent-success-focus);
|
|
12838
|
-
--ui-action-focus-width: var(--color-intent-success-focus-width);
|
|
12839
|
-
}
|
|
12840
|
-
[data-ui-action-recipe][data-color="warning"] {
|
|
12841
|
-
--ui-action-text: var(--color-intent-warning-text);
|
|
12842
|
-
--ui-action-text-hover: var(--color-intent-warning-text-hover);
|
|
12843
|
-
--ui-action-soft: var(--color-intent-warning-soft);
|
|
12844
|
-
--ui-action-soft-hover: var(--color-intent-warning-soft-hover);
|
|
12845
|
-
--ui-action-soft-pressed: var(--color-intent-warning-soft-pressed);
|
|
12846
|
-
--ui-action-soft-ink: var(--color-intent-warning-soft-ink);
|
|
12847
|
-
--ui-action-solid: var(--color-intent-warning-solid);
|
|
12848
|
-
--ui-action-solid-hover: var(--color-intent-warning-solid-hover);
|
|
12849
|
-
--ui-action-solid-pressed: var(--color-intent-warning-solid-pressed);
|
|
12850
|
-
--ui-action-solid-ink: var(--color-intent-warning-solid-ink);
|
|
12851
|
-
--ui-action-edge: var(--color-intent-warning-edge);
|
|
12852
|
-
--ui-action-edge-hover: var(--color-intent-warning-edge-hover);
|
|
12853
|
-
--ui-action-edge-strong: var(--color-intent-warning-edge-strong);
|
|
12854
|
-
--ui-action-focus: var(--color-intent-warning-focus);
|
|
12855
|
-
--ui-action-focus-width: var(--color-intent-warning-focus-width);
|
|
12856
|
-
}
|
|
12857
|
-
[data-ui-action-recipe][data-color="danger"] {
|
|
12858
|
-
--ui-action-text: var(--color-intent-danger-text);
|
|
12859
|
-
--ui-action-text-hover: var(--color-intent-danger-text-hover);
|
|
12860
|
-
--ui-action-soft: var(--color-intent-danger-soft);
|
|
12861
|
-
--ui-action-soft-hover: var(--color-intent-danger-soft-hover);
|
|
12862
|
-
--ui-action-soft-pressed: var(--color-intent-danger-soft-pressed);
|
|
12863
|
-
--ui-action-soft-ink: var(--color-intent-danger-soft-ink);
|
|
12864
|
-
--ui-action-solid: var(--color-intent-danger-solid);
|
|
12865
|
-
--ui-action-solid-hover: var(--color-intent-danger-solid-hover);
|
|
12866
|
-
--ui-action-solid-pressed: var(--color-intent-danger-solid-pressed);
|
|
12867
|
-
--ui-action-solid-ink: var(--color-intent-danger-solid-ink);
|
|
12868
|
-
--ui-action-edge: var(--color-intent-danger-edge);
|
|
12869
|
-
--ui-action-edge-hover: var(--color-intent-danger-edge-hover);
|
|
12870
|
-
--ui-action-edge-strong: var(--color-intent-danger-edge-strong);
|
|
12871
|
-
--ui-action-focus: var(--color-intent-danger-focus);
|
|
12872
|
-
--ui-action-focus-width: var(--color-intent-danger-focus-width);
|
|
12873
|
-
}
|
|
12874
|
-
[data-ui-action-recipe]:where([data-variant="ghost"], [data-variant="link"]) {
|
|
12875
|
-
color: var(--ui-action-text);
|
|
12876
|
-
background-color: transparent;
|
|
12877
|
-
box-shadow: none;
|
|
12878
|
-
}
|
|
12879
|
-
[data-ui-action-recipe][data-variant="soft"] {
|
|
12880
|
-
color: var(--ui-action-soft-ink);
|
|
12881
|
-
background-color: var(--ui-action-soft);
|
|
12882
|
-
box-shadow: none;
|
|
12883
|
-
}
|
|
12884
|
-
[data-ui-select-chip][data-variant="soft"] {
|
|
12885
|
-
background-color: var(--ui-action-soft-hover);
|
|
12886
|
-
}
|
|
12887
|
-
[data-ui-action-recipe][data-variant="surface"] {
|
|
12888
|
-
color: var(--ui-action-text);
|
|
12889
|
-
background-color: var(--color-interaction-hover);
|
|
12890
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
|
|
12891
|
-
}
|
|
12892
|
-
[data-ui-action-recipe][data-variant="outline"] {
|
|
12893
|
-
color: var(--ui-action-text);
|
|
12894
|
-
background-color: transparent;
|
|
12895
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge);
|
|
12896
|
-
}
|
|
12897
|
-
[data-ui-action-recipe][data-variant="solid"] {
|
|
12898
|
-
color: var(--ui-action-solid-ink);
|
|
12899
|
-
background-color: var(--ui-action-solid);
|
|
12900
|
-
box-shadow: var(--shadow-elevation-1);
|
|
12901
|
-
}
|
|
12902
|
-
:is([data-ui-button], [data-ui-badge][data-interactive]):focus-visible {
|
|
12903
|
-
box-shadow: 0 0 0 var(--ui-action-focus-width) var(--ui-action-focus);
|
|
12904
|
-
}
|
|
12905
|
-
:is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="surface"], [data-variant="outline"]):hover:not(:disabled):not([aria-disabled="true"]) {
|
|
12906
|
-
color: var(--ui-action-text-hover);
|
|
12907
|
-
background-color: var(--color-interaction-hover);
|
|
12908
|
-
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-action-edge-hover);
|
|
12909
|
-
}
|
|
12910
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
12911
|
-
color: var(--ui-action-text-hover);
|
|
12912
|
-
background-color: var(--color-interaction-hover);
|
|
12913
|
-
}
|
|
12914
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="link"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
12915
|
-
color: var(--ui-action-text-hover);
|
|
12916
|
-
}
|
|
12917
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
12918
|
-
background-color: var(--ui-action-soft-hover);
|
|
12919
|
-
}
|
|
12920
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:hover:not(:disabled):not([aria-disabled="true"]) {
|
|
12921
|
-
background-color: var(--ui-action-solid-hover);
|
|
12922
|
-
}
|
|
12923
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="soft"]:active:not(:disabled):not([aria-disabled="true"]) {
|
|
12924
|
-
background-color: var(--ui-action-soft-pressed);
|
|
12925
|
-
}
|
|
12926
|
-
:is([data-ui-button], [data-ui-badge][data-interactive])[data-variant="solid"]:active:not(:disabled):not([aria-disabled="true"]) {
|
|
12927
|
-
background-color: var(--ui-action-solid-pressed);
|
|
12928
|
-
}
|
|
12929
|
-
:is([data-ui-button], [data-ui-badge][data-interactive]):where([data-variant="ghost"], [data-variant="surface"], [data-variant="outline"]):active:not(:disabled):not([aria-disabled="true"]) {
|
|
12930
|
-
background-color: var(--color-interaction-pressed);
|
|
12931
|
-
}
|
|
12932
|
-
[data-ui-badge-close]:hover, [data-ui-badge-close]:focus-visible {
|
|
12933
|
-
background-color: currentColor;
|
|
12934
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
12935
|
-
background-color: color-mix(in srgb, currentColor 12%, transparent);
|
|
12936
|
-
}
|
|
12937
|
-
}
|
|
12938
|
-
[data-ui-badge-close]:focus-visible {
|
|
12939
|
-
box-shadow: 0 0 0 1px currentColor;
|
|
12940
|
-
}
|
|
12941
|
-
[data-ui-toast-recipe] {
|
|
12942
|
-
--ui-toast-text: var(--ui-surface-ink);
|
|
12943
|
-
--ui-toast-soft: var(--color-intent-neutral-soft);
|
|
12944
|
-
--ui-toast-soft-ink: var(--color-intent-neutral-soft-ink);
|
|
12945
|
-
--ui-toast-soft-ink-muted: var(--color-intent-neutral-soft-ink-muted);
|
|
12946
|
-
--ui-toast-solid: var(--color-intent-neutral-solid);
|
|
12947
|
-
--ui-toast-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
12948
|
-
--ui-toast-edge: var(--ui-surface-edge);
|
|
12949
|
-
--ui-toast-edge-strong: var(--ui-surface-edge-strong);
|
|
12950
|
-
--ui-toast-focus: var(--color-intent-neutral-focus);
|
|
12951
|
-
--ui-toast-focus-width: var(--color-intent-neutral-focus-width);
|
|
12952
|
-
--ui-toast-ink: var(--ui-surface-ink);
|
|
12953
|
-
--ui-toast-ink-muted: var(--ui-surface-ink-muted);
|
|
12954
|
-
color: var(--ui-toast-ink);
|
|
12955
|
-
background-color: var(--ui-surface-color);
|
|
10043
|
+
gap: var(--spacing-1);
|
|
12956
10044
|
}
|
|
12957
|
-
[data-ui-
|
|
12958
|
-
|
|
12959
|
-
--ui-toast-soft: var(--color-intent-accent-soft);
|
|
12960
|
-
--ui-toast-soft-ink: var(--color-intent-accent-soft-ink);
|
|
12961
|
-
--ui-toast-soft-ink-muted: var(--color-intent-accent-soft-ink-muted);
|
|
12962
|
-
--ui-toast-solid: var(--color-intent-accent-solid);
|
|
12963
|
-
--ui-toast-solid-ink: var(--color-intent-accent-solid-ink);
|
|
12964
|
-
--ui-toast-edge: var(--color-intent-accent-edge);
|
|
12965
|
-
--ui-toast-edge-strong: var(--color-intent-accent-edge-strong);
|
|
12966
|
-
--ui-toast-focus: var(--color-intent-accent-focus);
|
|
12967
|
-
--ui-toast-focus-width: var(--color-intent-accent-focus-width);
|
|
10045
|
+
[data-ui-tabs-list][data-gap="auto"][data-variant="segmented"] {
|
|
10046
|
+
gap: var(--spacing-0\.5);
|
|
12968
10047
|
}
|
|
12969
|
-
[data-ui-
|
|
12970
|
-
|
|
12971
|
-
--ui-toast-soft: var(--color-intent-success-soft);
|
|
12972
|
-
--ui-toast-soft-ink: var(--color-intent-success-soft-ink);
|
|
12973
|
-
--ui-toast-soft-ink-muted: var(--color-intent-success-soft-ink-muted);
|
|
12974
|
-
--ui-toast-solid: var(--color-intent-success-solid);
|
|
12975
|
-
--ui-toast-solid-ink: var(--color-intent-success-solid-ink);
|
|
12976
|
-
--ui-toast-edge: var(--color-intent-success-edge);
|
|
12977
|
-
--ui-toast-edge-strong: var(--color-intent-success-edge-strong);
|
|
12978
|
-
--ui-toast-focus: var(--color-intent-success-focus);
|
|
12979
|
-
--ui-toast-focus-width: var(--color-intent-success-focus-width);
|
|
10048
|
+
[data-ui-tabs-list][data-gap="auto"][data-variant="line"] {
|
|
10049
|
+
gap: var(--ui-tabs-line-gap);
|
|
12980
10050
|
}
|
|
12981
|
-
[data-ui-
|
|
12982
|
-
|
|
12983
|
-
|
|
12984
|
-
|
|
12985
|
-
--ui-toast-soft-ink-muted: var(--color-intent-warning-soft-ink-muted);
|
|
12986
|
-
--ui-toast-solid: var(--color-intent-warning-solid);
|
|
12987
|
-
--ui-toast-solid-ink: var(--color-intent-warning-solid-ink);
|
|
12988
|
-
--ui-toast-edge: var(--color-intent-warning-edge);
|
|
12989
|
-
--ui-toast-edge-strong: var(--color-intent-warning-edge-strong);
|
|
12990
|
-
--ui-toast-focus: var(--color-intent-warning-focus);
|
|
12991
|
-
--ui-toast-focus-width: var(--color-intent-warning-focus-width);
|
|
10051
|
+
[data-ui-tabs-list] > [data-ui-tabs-tab] {
|
|
10052
|
+
width: var(--ui-tabs-tab-width);
|
|
10053
|
+
justify-content: var(--ui-tabs-tab-justify);
|
|
10054
|
+
font-family: var(--font-control);
|
|
12992
10055
|
}
|
|
12993
|
-
[data-ui-
|
|
12994
|
-
|
|
12995
|
-
|
|
12996
|
-
|
|
12997
|
-
|
|
12998
|
-
|
|
12999
|
-
--ui-toast-solid-ink: var(--color-intent-danger-solid-ink);
|
|
13000
|
-
--ui-toast-edge: var(--color-intent-danger-edge);
|
|
13001
|
-
--ui-toast-edge-strong: var(--color-intent-danger-edge-strong);
|
|
13002
|
-
--ui-toast-focus: var(--color-intent-danger-focus);
|
|
13003
|
-
--ui-toast-focus-width: var(--color-intent-danger-focus-width);
|
|
10056
|
+
[data-ui-tabs-list][data-size="sm"] > [data-ui-tabs-tab] {
|
|
10057
|
+
height: var(--spacing-control-sm);
|
|
10058
|
+
font-size: var(--text-control-sm);
|
|
10059
|
+
line-height: var(--text-control-sm--line-height);
|
|
10060
|
+
letter-spacing: var(--text-control-sm--letter-spacing);
|
|
10061
|
+
font-weight: var(--font-weight-control-sm);
|
|
13004
10062
|
}
|
|
13005
|
-
[data-ui-
|
|
13006
|
-
|
|
13007
|
-
|
|
13008
|
-
|
|
13009
|
-
|
|
10063
|
+
[data-ui-tabs-list][data-size="md"] > [data-ui-tabs-tab] {
|
|
10064
|
+
height: var(--spacing-control-md);
|
|
10065
|
+
font-size: var(--text-control-md);
|
|
10066
|
+
line-height: var(--text-control-md--line-height);
|
|
10067
|
+
letter-spacing: var(--text-control-md--letter-spacing);
|
|
10068
|
+
font-weight: var(--font-weight-control-md);
|
|
13010
10069
|
}
|
|
13011
|
-
[data-ui-
|
|
13012
|
-
|
|
10070
|
+
[data-ui-tabs-list][data-variant="subtle"] > [data-ui-tabs-tab] {
|
|
10071
|
+
padding-inline: var(--spacing-2);
|
|
10072
|
+
border-radius: var(--radius-control-sm);
|
|
13013
10073
|
}
|
|
13014
|
-
[data-ui-
|
|
13015
|
-
|
|
13016
|
-
|
|
13017
|
-
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-toast-edge-strong);
|
|
13018
|
-
color: var(--ui-toast-ink);
|
|
13019
|
-
background-color: transparent;
|
|
10074
|
+
[data-ui-tabs-list][data-variant="line"] > [data-ui-tabs-tab] {
|
|
10075
|
+
padding-inline: var(--ui-tabs-line-tab-padding);
|
|
10076
|
+
border-radius: 0;
|
|
13020
10077
|
}
|
|
13021
|
-
[data-ui-
|
|
13022
|
-
|
|
13023
|
-
|
|
13024
|
-
color: var(--ui-toast-ink);
|
|
13025
|
-
background-color: var(--ui-toast-solid);
|
|
10078
|
+
[data-ui-tabs-list][data-variant="segmented"] > [data-ui-tabs-tab] {
|
|
10079
|
+
padding-inline: var(--spacing-3);
|
|
10080
|
+
border-radius: var(--radius-control-sm);
|
|
13026
10081
|
}
|
|
13027
|
-
[data-ui-
|
|
13028
|
-
|
|
10082
|
+
[data-ui-tabs-list][data-variant="pills"] > [data-ui-tabs-tab] {
|
|
10083
|
+
padding-inline: var(--spacing-3);
|
|
10084
|
+
border-radius: var(--radius-full);
|
|
13029
10085
|
}
|
|
13030
|
-
[data-ui-
|
|
13031
|
-
|
|
10086
|
+
[data-ui-tabs-list][data-variant="subtle"] > [data-ui-tabs-indicator], [data-ui-tabs-list][data-variant="segmented"] > [data-ui-tabs-indicator] {
|
|
10087
|
+
border-radius: var(--radius-control-sm);
|
|
13032
10088
|
}
|
|
13033
|
-
[data-ui-
|
|
13034
|
-
|
|
10089
|
+
[data-ui-tabs-list][data-variant="pills"] > [data-ui-tabs-indicator] {
|
|
10090
|
+
border-radius: var(--radius-full);
|
|
13035
10091
|
}
|
|
13036
|
-
[data-ui-
|
|
13037
|
-
|
|
10092
|
+
[data-ui-tabs-list]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
10093
|
+
position: absolute;
|
|
10094
|
+
z-index: -1;
|
|
10095
|
+
inset: 0;
|
|
10096
|
+
border-radius: inherit;
|
|
10097
|
+
background-color: var(--color-interaction-selected);
|
|
10098
|
+
pointer-events: none;
|
|
10099
|
+
content: "";
|
|
13038
10100
|
}
|
|
13039
|
-
[data-ui-
|
|
13040
|
-
|
|
13041
|
-
|
|
13042
|
-
|
|
13043
|
-
|
|
13044
|
-
|
|
10101
|
+
[data-ui-tabs-list][data-variant="line"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
10102
|
+
inset: var(--ui-tabs-line-indicator-inset);
|
|
10103
|
+
width: var(--ui-tabs-line-indicator-width);
|
|
10104
|
+
height: var(--ui-tabs-line-indicator-height);
|
|
10105
|
+
border-radius: 0;
|
|
10106
|
+
background-color: var(--color-intent-accent-solid);
|
|
13045
10107
|
}
|
|
13046
|
-
[data-ui-
|
|
13047
|
-
|
|
13048
|
-
|
|
10108
|
+
[data-ui-tabs-list][data-variant="segmented"]:not([data-ui-tabs-ready]) > [data-ui-tabs-tab][data-selected]::before {
|
|
10109
|
+
inset: var(--border-width-edge-control);
|
|
10110
|
+
background-color: var(--ui-surface-color);
|
|
10111
|
+
box-shadow: inset 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
|
|
10112
|
+
}
|
|
10113
|
+
@media (min-width: 768px) {
|
|
10114
|
+
[data-ui-tabs][data-orientation="horizontal"] {
|
|
10115
|
+
grid-template-columns: none;
|
|
10116
|
+
align-items: normal;
|
|
10117
|
+
}
|
|
10118
|
+
[data-ui-tabs][data-orientation="vertical"] {
|
|
10119
|
+
grid-template-columns: max-content minmax(0, 1fr);
|
|
10120
|
+
align-items: start;
|
|
10121
|
+
}
|
|
13049
10122
|
}
|
|
10123
|
+
}
|
|
10124
|
+
@layer components {
|
|
13050
10125
|
[data-ui-tabs-list] {
|
|
13051
10126
|
color: var(--ui-surface-ink);
|
|
13052
10127
|
}
|
|
@@ -13069,6 +10144,9 @@
|
|
|
13069
10144
|
[data-ui-tabs-tab][data-selected] {
|
|
13070
10145
|
color: var(--ui-surface-ink);
|
|
13071
10146
|
}
|
|
10147
|
+
[data-ui-tabs-list]:where([data-variant="subtle"], [data-variant="pills"]) [data-ui-tabs-tab][data-selected] {
|
|
10148
|
+
color: var(--ui-interaction-selected-ink);
|
|
10149
|
+
}
|
|
13072
10150
|
[data-ui-tabs-tab]:focus-visible {
|
|
13073
10151
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
13074
10152
|
}
|
|
@@ -13076,10 +10154,10 @@
|
|
|
13076
10154
|
color: var(--color-interaction-disabled-ink);
|
|
13077
10155
|
}
|
|
13078
10156
|
[data-ui-tabs-list][data-variant="subtle"] [data-ui-tabs-indicator], [data-ui-tabs-list][data-variant="pills"] [data-ui-tabs-indicator] {
|
|
13079
|
-
background-color:
|
|
10157
|
+
background-color: transparent;
|
|
13080
10158
|
}
|
|
13081
10159
|
[data-ui-tabs-list][data-variant="line"] [data-ui-tabs-indicator] {
|
|
13082
|
-
background-color: var(--
|
|
10160
|
+
background-color: var(--ui-selection-solid);
|
|
13083
10161
|
}
|
|
13084
10162
|
[data-ui-tabs-list][data-variant="segmented"] [data-ui-tabs-indicator] {
|
|
13085
10163
|
background-color: transparent;
|
|
@@ -13098,6 +10176,8 @@
|
|
|
13098
10176
|
[data-ui-tabs-panel]:focus-visible {
|
|
13099
10177
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
13100
10178
|
}
|
|
10179
|
+
}
|
|
10180
|
+
@layer components {
|
|
13101
10181
|
[data-ui-option-recipe] {
|
|
13102
10182
|
--ui-option-text: var(--ui-surface-ink);
|
|
13103
10183
|
--ui-option-hover: var(--color-interaction-hover);
|
|
@@ -13195,6 +10275,25 @@
|
|
|
13195
10275
|
:is([data-ui-menu-separator], [data-ui-select-separator]) > [role="separator"], [data-ui-select-separator] > div {
|
|
13196
10276
|
background-color: var(--ui-surface-separator);
|
|
13197
10277
|
}
|
|
10278
|
+
}
|
|
10279
|
+
@layer components {
|
|
10280
|
+
[data-ui-field-label-badge] {
|
|
10281
|
+
color: var(--ui-surface-ink-muted);
|
|
10282
|
+
background-color: var(--color-interaction-hover);
|
|
10283
|
+
box-shadow: 0 0 0 var(--border-width-edge-control) var(--color-intent-neutral-edge);
|
|
10284
|
+
}
|
|
10285
|
+
[data-ui-field-error] {
|
|
10286
|
+
color: var(--color-intent-danger-text, var(--color-intent-neutral-text));
|
|
10287
|
+
}
|
|
10288
|
+
[data-ui-field][data-layout="grid"] > [data-ui-field-label] {
|
|
10289
|
+
grid-column: 1;
|
|
10290
|
+
grid-row: 1;
|
|
10291
|
+
}
|
|
10292
|
+
[data-ui-field][data-layout="grid"] > [data-ui-field-description], [data-ui-field][data-layout="grid"] > [data-ui-field-error], [data-ui-field][data-layout="grid"] > [data-ui-field-control] {
|
|
10293
|
+
grid-column: 2;
|
|
10294
|
+
}
|
|
10295
|
+
}
|
|
10296
|
+
@layer components {
|
|
13198
10297
|
[data-ui-control][data-ui-control-recipe="field"] {
|
|
13199
10298
|
color: inherit;
|
|
13200
10299
|
background-color: transparent;
|
|
@@ -13246,6 +10345,8 @@
|
|
|
13246
10345
|
[data-ui-select-native]:disabled + [data-ui-select-native-icon] {
|
|
13247
10346
|
opacity: var(--opacity-interaction-disabled);
|
|
13248
10347
|
}
|
|
10348
|
+
}
|
|
10349
|
+
@layer components {
|
|
13249
10350
|
[data-ui-control][data-ui-control-recipe="dropzone"] {
|
|
13250
10351
|
color: inherit;
|
|
13251
10352
|
background-color: transparent;
|
|
@@ -13294,6 +10395,8 @@
|
|
|
13294
10395
|
[data-ui-file-upload-remove]:focus-visible {
|
|
13295
10396
|
box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
13296
10397
|
}
|
|
10398
|
+
}
|
|
10399
|
+
@layer components {
|
|
13297
10400
|
[data-ui-selection-root] {
|
|
13298
10401
|
color: inherit;
|
|
13299
10402
|
}
|
|
@@ -13304,9 +10407,9 @@
|
|
|
13304
10407
|
box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-selection-edge);
|
|
13305
10408
|
}
|
|
13306
10409
|
[data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]), [data-ui-selection-recipe="switch-track"][data-checked] {
|
|
13307
|
-
--ui-selection-edge: var(--color-intent-accent-edge);
|
|
13308
|
-
color: var(--color-intent-accent-solid-ink);
|
|
13309
|
-
background-color: var(--color-intent-accent-solid);
|
|
10410
|
+
--ui-selection-edge: var(--ui-interaction-selected-edge, var(--color-intent-accent-edge));
|
|
10411
|
+
color: var(--ui-selection-solid-ink, var(--color-intent-accent-solid-ink));
|
|
10412
|
+
background-color: var(--ui-selection-solid, var(--color-intent-accent-solid));
|
|
13310
10413
|
}
|
|
13311
10414
|
[data-ui-selection-recipe="switch-thumb"], [data-ui-selection-recipe="slider-thumb"] {
|
|
13312
10415
|
background-color: var(--ui-surface-color);
|
|
@@ -13342,6 +10445,113 @@
|
|
|
13342
10445
|
box-shadow: 0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus), var(--shadow-elevation-1);
|
|
13343
10446
|
}
|
|
13344
10447
|
}
|
|
10448
|
+
@media (hover: hover) {
|
|
10449
|
+
[data-ui-elevation][data-ui-interactive="surface"]:hover {
|
|
10450
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-surface-edge-hover);
|
|
10451
|
+
}
|
|
10452
|
+
}
|
|
10453
|
+
[data-ui-elevation][data-ui-interactive="surface"]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
10454
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--color-intent-accent-edge);
|
|
10455
|
+
}
|
|
10456
|
+
[data-ui-elevation][data-ui-interactive="surface"]:is(:focus-visible, :has(:focus-visible)) {
|
|
10457
|
+
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
10458
|
+
}
|
|
10459
|
+
[data-ui-selection-color], [data-ui-interaction] {
|
|
10460
|
+
--ui-interaction-selected-fill: var(--background-interaction-selection-neutral);
|
|
10461
|
+
--ui-interaction-selected-fill-hover: var(--background-interaction-selection-neutral-hover);
|
|
10462
|
+
--ui-interaction-selected-ink: var(--color-interaction-selection-neutral-ink);
|
|
10463
|
+
--ui-interaction-selected-edge: var(--color-intent-neutral-edge);
|
|
10464
|
+
--ui-interaction-selected-edge-hover: var(--color-intent-neutral-edge-hover);
|
|
10465
|
+
--ui-interaction-selected-edge-strong: var(--color-intent-neutral-edge-strong);
|
|
10466
|
+
--ui-selection-solid: var(--color-intent-neutral-solid);
|
|
10467
|
+
--ui-selection-solid-ink: var(--color-intent-neutral-solid-ink);
|
|
10468
|
+
}
|
|
10469
|
+
:is([data-ui-selection-color], [data-ui-interaction])[data-color="accent"] {
|
|
10470
|
+
--ui-interaction-selected-fill: var(--background-interaction-selection-accent);
|
|
10471
|
+
--ui-interaction-selected-fill-hover: var(--background-interaction-selection-accent-hover);
|
|
10472
|
+
--ui-interaction-selected-ink: var(--color-interaction-selection-accent-ink);
|
|
10473
|
+
--ui-interaction-selected-edge: var(--color-intent-accent-edge);
|
|
10474
|
+
--ui-interaction-selected-edge-hover: var(--color-intent-accent-edge-hover);
|
|
10475
|
+
--ui-interaction-selected-edge-strong: var(--color-intent-accent-edge-strong);
|
|
10476
|
+
--ui-selection-solid: var(--color-intent-accent-solid);
|
|
10477
|
+
--ui-selection-solid-ink: var(--color-intent-accent-solid-ink);
|
|
10478
|
+
}
|
|
10479
|
+
[data-ui-interaction] {
|
|
10480
|
+
--ui-interaction-fill: transparent;
|
|
10481
|
+
--ui-interaction-edge: var(--ui-interaction-rest-edge, transparent);
|
|
10482
|
+
}
|
|
10483
|
+
:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]) {
|
|
10484
|
+
background-image: linear-gradient(var(--ui-interaction-fill), var(--ui-interaction-fill));
|
|
10485
|
+
}
|
|
10486
|
+
:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]) {
|
|
10487
|
+
--ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-interaction-edge);
|
|
10488
|
+
}
|
|
10489
|
+
:is([data-ui-interaction="edge"], [data-ui-interaction="combined"]):not([data-ui-elevation]) {
|
|
10490
|
+
box-shadow: var(--ui-state-shadow-layers);
|
|
10491
|
+
}
|
|
10492
|
+
@media (hover: hover) {
|
|
10493
|
+
[data-ui-interaction]:hover {
|
|
10494
|
+
--ui-interaction-fill: var(--color-interaction-hover);
|
|
10495
|
+
--ui-interaction-edge: var(--ui-surface-edge-hover);
|
|
10496
|
+
}
|
|
10497
|
+
}
|
|
10498
|
+
[data-ui-interaction]:active {
|
|
10499
|
+
--ui-interaction-fill: var(--color-interaction-pressed);
|
|
10500
|
+
--ui-interaction-edge: var(--ui-surface-edge-strong);
|
|
10501
|
+
}
|
|
10502
|
+
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
10503
|
+
--ui-interaction-fill: var(--ui-interaction-selected-fill);
|
|
10504
|
+
--ui-interaction-edge: var(--ui-interaction-selected-edge);
|
|
10505
|
+
}
|
|
10506
|
+
:is([data-ui-interaction="tonal"], [data-ui-interaction="combined"]):is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ) {
|
|
10507
|
+
color: var(--ui-interaction-selected-ink);
|
|
10508
|
+
}
|
|
10509
|
+
@media (hover: hover) {
|
|
10510
|
+
[data-ui-interaction]:is( [data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"] ):hover {
|
|
10511
|
+
--ui-interaction-fill: var(--ui-interaction-selected-fill-hover);
|
|
10512
|
+
--ui-interaction-edge: var(--ui-interaction-selected-edge-hover);
|
|
10513
|
+
}
|
|
10514
|
+
}
|
|
10515
|
+
[data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
|
|
10516
|
+
--ui-state-shadow-layers: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
|
|
10517
|
+
}
|
|
10518
|
+
:root, .light, .dark {
|
|
10519
|
+
color-scheme: light;
|
|
10520
|
+
--ui-font-weight-normal: var(--font-weight-normal);
|
|
10521
|
+
--ui-font-weight-medium: var(--font-weight-medium);
|
|
10522
|
+
--ui-font-weight-semibold: var(--font-weight-semibold);
|
|
10523
|
+
--ui-letter-spacing: 0;
|
|
10524
|
+
--ui-label-ink: var(--ui-surface-ink-muted);
|
|
10525
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
10526
|
+
--ui-label-ink: color-mix(
|
|
10527
|
+
in oklab,
|
|
10528
|
+
var(--ui-surface-ink-muted),
|
|
10529
|
+
var(--ui-surface-ink) var(--label-ink-emphasis)
|
|
10530
|
+
);
|
|
10531
|
+
}
|
|
10532
|
+
--ui-control-height-xs: var(--spacing-control-xs);
|
|
10533
|
+
--ui-control-height-sm: var(--spacing-control-sm);
|
|
10534
|
+
--ui-control-height-md: var(--spacing-control-md);
|
|
10535
|
+
--ui-control-height-lg: var(--spacing-control-lg);
|
|
10536
|
+
--ui-control-height-xlg: var(--spacing-control-xlg);
|
|
10537
|
+
--ui-control-radius: var(--radius-control);
|
|
10538
|
+
--ui-popover-radius: var(--radius-overlay-sm);
|
|
10539
|
+
--ui-popover-padding: var(--spacing-popover-padding);
|
|
10540
|
+
--ui-popover-z: var(--z-index-popover);
|
|
10541
|
+
--ui-toast-stack-peek: 8px;
|
|
10542
|
+
--ui-select-listbox-max-height: var(--spacing-select-listbox);
|
|
10543
|
+
--ui-menu-item-height: var(--spacing-menu-item);
|
|
10544
|
+
--ui-icon-size-xs: var(--spacing-icon-xs);
|
|
10545
|
+
--ui-icon-size-sm: var(--spacing-icon-sm);
|
|
10546
|
+
--ui-icon-size: var(--spacing-icon);
|
|
10547
|
+
--ui-icon-size-lg: var(--spacing-icon-lg);
|
|
10548
|
+
--ui-scrollbar-size: var(--spacing-scrollbar);
|
|
10549
|
+
--ui-scrollbar-inset: var(--spacing-scrollbar-inset);
|
|
10550
|
+
--ui-scrollbar-thumb-radius: var(--radius-full);
|
|
10551
|
+
}
|
|
10552
|
+
.light {
|
|
10553
|
+
color-scheme: light;
|
|
10554
|
+
}
|
|
13345
10555
|
.dark {
|
|
13346
10556
|
color-scheme: dark;
|
|
13347
10557
|
}
|