opui-css 4.1.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/MIGRATING.md +23 -1
  3. package/README.md +1 -1
  4. package/components/AGENTS.md +20 -19
  5. package/components/Accordion/Accordion.astro +3 -3
  6. package/components/Anchor/Anchor.astro +2 -2
  7. package/components/Avatar/Avatar.astro +2 -8
  8. package/components/Badge/Badge.astro +12 -7
  9. package/components/Button/Button.astro +1 -1
  10. package/components/ButtonGroup/ButtonGroup.astro +1 -1
  11. package/components/Callout/Callout.astro +3 -3
  12. package/components/Card/Card.astro +3 -3
  13. package/components/Checkbox/Checkbox.astro +6 -6
  14. package/components/Chip/Chip.astro +5 -5
  15. package/components/ClassicSelect/ClassicSelect.astro +6 -6
  16. package/components/DescriptionList/Description.astro +1 -1
  17. package/components/DescriptionList/DescriptionList.astro +2 -2
  18. package/components/DescriptionList/Item.astro +1 -1
  19. package/components/DescriptionList/Term.astro +1 -1
  20. package/components/Dialog/Dialog.astro +3 -3
  21. package/components/Divider/Divider.astro +4 -1
  22. package/components/Drawer/Drawer.astro +5 -5
  23. package/components/Drawer/DrawerFooter.astro +1 -1
  24. package/components/Drawer/DrawerHeader.astro +1 -1
  25. package/components/FieldDescription/FieldDescription.astro +1 -1
  26. package/components/FieldGroup/FieldGroup.astro +1 -1
  27. package/components/FieldLegend/FieldLegend.astro +1 -1
  28. package/components/FieldSet/FieldSet.astro +1 -1
  29. package/components/Form/Form.astro +1 -1
  30. package/components/IconButton/IconButton.astro +1 -1
  31. package/components/List/List.astro +5 -5
  32. package/components/ListItem/ListItem.astro +12 -12
  33. package/components/Progress/Progress.astro +1 -1
  34. package/components/Radio/Radio.astro +5 -5
  35. package/components/Range/Range.astro +8 -8
  36. package/components/Select/Select.astro +13 -13
  37. package/components/Switch/Switch.astro +8 -8
  38. package/components/Table/Table.astro +4 -1
  39. package/components/Tabs/Tabs.astro +1 -1
  40. package/components/Tabs/TabsItem.astro +1 -1
  41. package/components/Tabs/TabsPanel.astro +1 -1
  42. package/components/Tabs/TabsTab.astro +1 -1
  43. package/components/TextField/TextField.astro +13 -13
  44. package/components/Textarea/Textarea.astro +13 -13
  45. package/components/Toast/Toast.astro +6 -6
  46. package/components/ToggleButton/ToggleButton.astro +3 -3
  47. package/components/ToggleGroup/ToggleGroup.astro +3 -3
  48. package/components/Tooltip/Tooltip.astro +1 -1
  49. package/core/utils.css +4 -4
  50. package/css/components/accordion.css +11 -11
  51. package/css/components/anchor.css +3 -3
  52. package/css/components/avatar.css +5 -5
  53. package/css/components/badge.css +14 -14
  54. package/css/components/button-group.css +16 -16
  55. package/css/components/button.css +12 -12
  56. package/css/components/callout.css +9 -9
  57. package/css/components/card.css +12 -12
  58. package/css/components/checkbox.css +13 -13
  59. package/css/components/chip.css +5 -5
  60. package/css/components/description-list.css +11 -8
  61. package/css/components/dialog.css +3 -3
  62. package/css/components/divider.css +4 -4
  63. package/css/components/drawer.css +21 -21
  64. package/css/components/form.css +18 -18
  65. package/css/components/icon-button.css +9 -9
  66. package/css/components/link.css +1 -1
  67. package/css/components/list.css +29 -29
  68. package/css/components/progress.css +4 -4
  69. package/css/components/radio.css +10 -10
  70. package/css/components/range.css +31 -31
  71. package/css/components/select.css +4 -4
  72. package/css/components/spinner.css +1 -1
  73. package/css/components/switch.css +23 -23
  74. package/css/components/table.css +3 -3
  75. package/css/components/tabs.css +14 -8
  76. package/css/components/text-field.css +47 -47
  77. package/css/components/text-input.css +7 -7
  78. package/css/components/textarea.css +3 -3
  79. package/css/components/toast.css +12 -12
  80. package/css/components/toggle-button.css +6 -6
  81. package/css/components/toggle-group.css +10 -10
  82. package/css/components/tooltip.css +6 -6
  83. package/css/components/typography.css +30 -30
  84. package/css/js/toast.js +7 -7
  85. package/css/theme.css +8 -8
  86. package/dist/opui.components.css +407 -398
  87. package/dist/opui.components.css.map +1 -1
  88. package/dist/opui.css +419 -410
  89. package/dist/opui.css.map +1 -1
  90. package/package.json +1 -1
package/dist/opui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../css/imports.css","../open-props.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.media.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.fonts.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.sizes.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.easing.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.zindex.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.shadows.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.aspects.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.colors.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.gradients.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.animations.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.borders.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.palette.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.colors-oklch-hues.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.gray-oklch.css","../core/palette.css","../core/normalize.css","../css/theme.css","../css/components.css","../css/components/button.css","../css/components/callout.css","../css/components/icon-button.css","../css/components/tabs.css","../css/components/toggle-group.css","../css/components/toggle-button.css","../css/components/anchor.css","../css/components/avatar.css","../css/components/card.css","../css/components/chip.css","../css/components/description-list.css","../css/components/divider.css","../css/components/link.css","../css/components/table.css","../css/components/progress.css","../css/components/spinner.css","../css/components/checkbox.css","../css/components/radio.css","../css/components/range.css","../css/components/switch.css","../css/components/toast.css","../css/components/typography.css","../css/components/badge.css","../css/components/button-group.css","../css/components/accordion.css","../css/components/list.css","../css/components/dialog.css","../css/components/drawer.css","../css/components/form.css","../css/components/text-field.css","../css/components/select.css","../css/components/text-input.css","../css/components/textarea.css","../css/components/tooltip.css","../core/utils.css"],"names":[],"mappings":"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AmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACp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","file":"opui.css","sourcesContent":["@layer openprops, normalize, theme, components.root, components.extended, utils;\r\n\r\n/* Open Props */\r\n@import \"../open-props.css\";\r\n\r\n/* Normalize */\r\n@import \"../core/normalize.css\";\r\n\r\n/* Theme */\r\n@import \"./theme.css\";\r\n\r\n/* Components */\r\n@import \"./components.css\";\r\n\r\n/* Utils */\r\n@import \"../core/utils.css\";\r\n","/*\r\n* Open Props\r\n* Import as many props as you need here.\r\n* https://app.unpkg.com/open-props@1.7.17/files/src\r\n*/\r\n@import \"open-props/src/index.css\" layer(openprops);\r\n@import \"open-props/src/props.colors-oklch-hues.css\" layer(openprops);\r\n@import \"open-props/src/props.gray-oklch.css\" layer(openprops);\r\n@import \"./core/palette.css\" layer(openprops);\r\n","@custom-media --motionOK (prefers-reduced-motion: no-preference);\n@custom-media --motionNotOK (prefers-reduced-motion: reduce);\n@custom-media --opacityOK (prefers-reduced-transparency: no-preference);\n@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);\n@custom-media --useDataOK (prefers-reduced-data: no-preference);\n@custom-media --useDataNotOK (prefers-reduced-data: reduce);\n\n@custom-media --OSdark (prefers-color-scheme: dark);\n@custom-media --OSlight (prefers-color-scheme: light);\n\n@custom-media --highContrast (prefers-contrast: more);\n@custom-media --lowContrast (prefers-contrast: less);\n\n@custom-media --invertedColors (inverted-colors: inverted);\n@custom-media --forcedColors (forced-colors: active);\n\n@custom-media --portrait (orientation: portrait);\n@custom-media --landscape (orientation: landscape);\n\n@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);\n\n@custom-media --touch (hover: none) and (pointer: coarse);\n@custom-media --stylus (hover: none) and (pointer: fine);\n@custom-media --pointer (hover) and (pointer: coarse);\n@custom-media --mouse (hover) and (pointer: fine);\n\n@custom-media --xxs-only (0px <= width < 240px);\n@custom-media --xxs-n-above (width >= 240px);\n@custom-media --xxs-n-below (width < 240px);\n@custom-media --xxs-phone (--xxs-only) and (--portrait);\n\n@custom-media --xs-only (240px <= width < 360px);\n@custom-media --xs-n-above (width >= 360px);\n@custom-media --xs-n-below (width < 360px);\n@custom-media --xs-phone (--xs-only) and (--portrait);\n\n@custom-media --sm-only (360px <= width < 480px);\n@custom-media --sm-n-above (width >= 480px);\n@custom-media --sm-n-below (width < 480px);\n@custom-media --sm-phone (--sm-only) and (--portrait);\n\n@custom-media --md-only (480px <= width < 768px);\n@custom-media --md-n-above (width >= 768px);\n@custom-media --md-n-below (width < 768px);\n@custom-media --md-phone (--md-only) and (--portrait);\n\n@custom-media --lg-only (768px <= width < 1024px);\n@custom-media --lg-n-above (width >= 1024px);\n@custom-media --lg-n-below (width < 1024px);\n@custom-media --lg-phone (--lg-only) and (--portrait);\n\n@custom-media --xl-only (1024px <= width < 1440px);\n@custom-media --xl-n-above (width >= 1440px);\n@custom-media --xl-n-below (width < 1440px);\n\n@custom-media --xxl-only (1440px <= width < 1920px);\n@custom-media --xxl-n-above (width >= 1920px);\n@custom-media --xxl-n-below (width < 1920px);",":where(html) {\n --font-system-ui: system-ui, sans-serif;\n --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;\n --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;\n --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;\n --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;\n --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;\n --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;\n --font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;\n --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;\n --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;\n --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;\n --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;\n --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;\n --font-sans: var(--font-system-ui);\n --font-serif: ui-serif, serif;\n --font-mono: var(--font-monospace-code);\n --font-weight-1: 100;\n --font-weight-2: 200;\n --font-weight-3: 300;\n --font-weight-4: 400;\n --font-weight-5: 500;\n --font-weight-6: 600;\n --font-weight-7: 700;\n --font-weight-8: 800;\n --font-weight-9: 900;\n --font-lineheight-00: .95;\n --font-lineheight-0: 1.1;\n --font-lineheight-1: 1.25;\n --font-lineheight-2: 1.375;\n --font-lineheight-3: 1.5;\n --font-lineheight-4: 1.75;\n --font-lineheight-5: 2;\n --font-letterspacing-0: -.05em;\n --font-letterspacing-1: .025em;\n --font-letterspacing-2: .050em;\n --font-letterspacing-3: .075em;\n --font-letterspacing-4: .150em;\n --font-letterspacing-5: .500em;\n --font-letterspacing-6: .750em;\n --font-letterspacing-7: 1em;\n --font-size-00: .5rem;\n --font-size-0: .75rem;\n --font-size-1: 1rem;\n --font-size-2: 1.1rem;\n --font-size-3: 1.25rem;\n --font-size-4: 1.5rem;\n --font-size-5: 2rem;\n --font-size-6: 2.5rem;\n --font-size-7: 3rem;\n --font-size-8: 3.5rem;\n --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);\n --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);\n --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);\n --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);\n}\n",":where(html) {\n --size-000: -.5rem;\n --size-00: -.25rem;\n --size-1: .25rem;\n --size-2: .5rem;\n --size-3: 1rem;\n --size-4: 1.25rem;\n --size-5: 1.5rem;\n --size-6: 1.75rem;\n --size-7: 2rem;\n --size-8: 3rem;\n --size-9: 4rem;\n --size-10: 5rem;\n --size-11: 7.5rem;\n --size-12: 10rem;\n --size-13: 15rem;\n --size-14: 20rem;\n --size-15: 30rem;\n --size-px-000: -8px;\n --size-px-00: -4px;\n --size-px-1: 4px;\n --size-px-2: 8px;\n --size-px-3: 16px;\n --size-px-4: 20px;\n --size-px-5: 24px;\n --size-px-6: 28px;\n --size-px-7: 32px;\n --size-px-8: 48px;\n --size-px-9: 64px;\n --size-px-10: 80px;\n --size-px-11: 120px;\n --size-px-12: 160px;\n --size-px-13: 240px;\n --size-px-14: 320px;\n --size-px-15: 480px;\n --size-fluid-1: clamp(.5rem, 1vw, 1rem);\n --size-fluid-2: clamp(1rem, 2vw, 1.5rem);\n --size-fluid-3: clamp(1.5rem, 3vw, 2rem);\n --size-fluid-4: clamp(2rem, 4vw, 3rem);\n --size-fluid-5: clamp(4rem, 5vw, 5rem);\n --size-fluid-6: clamp(5rem, 7vw, 7.5rem);\n --size-fluid-7: clamp(7.5rem, 10vw, 10rem);\n --size-fluid-8: clamp(10rem, 20vw, 15rem);\n --size-fluid-9: clamp(15rem, 30vw, 20rem);\n --size-fluid-10: clamp(20rem, 40vw, 30rem);\n --size-content-1: 20ch;\n --size-content-2: 45ch;\n --size-content-3: 60ch;\n --size-header-1: 20ch;\n --size-header-2: 25ch;\n --size-header-3: 35ch;\n --size-xxs: 240px;\n --size-xs: 360px;\n --size-sm: 480px;\n --size-md: 768px;\n --size-lg: 1024px;\n --size-xl: 1440px;\n --size-xxl: 1920px;\n --size-relative-000: -.5ch;\n --size-relative-00: -.25ch;\n --size-relative-1: .25ch;\n --size-relative-2: .5ch;\n --size-relative-3: 1ch;\n --size-relative-4: 1.25ch;\n --size-relative-5: 1.5ch;\n --size-relative-6: 1.75ch;\n --size-relative-7: 2ch;\n --size-relative-8: 3ch;\n --size-relative-9: 4ch;\n --size-relative-10: 5ch;\n --size-relative-11: 7.5ch;\n --size-relative-12: 10ch;\n --size-relative-13: 15ch;\n --size-relative-14: 20ch;\n --size-relative-15: 30ch;\n}\n",":where(html) {\n --ease-1: cubic-bezier(.25, 0, .5, 1);\n --ease-2: cubic-bezier(.25, 0, .4, 1);\n --ease-3: cubic-bezier(.25, 0, .3, 1);\n --ease-4: cubic-bezier(.25, 0, .2, 1);\n --ease-5: cubic-bezier(.25, 0, .1, 1);\n --ease-in-1: cubic-bezier(.25, 0, 1, 1);\n --ease-in-2: cubic-bezier(.50, 0, 1, 1);\n --ease-in-3: cubic-bezier(.70, 0, 1, 1);\n --ease-in-4: cubic-bezier(.90, 0, 1, 1);\n --ease-in-5: cubic-bezier(1, 0, 1, 1);\n --ease-out-1: cubic-bezier(0, 0, .75, 1);\n --ease-out-2: cubic-bezier(0, 0, .50, 1);\n --ease-out-3: cubic-bezier(0, 0, .3, 1);\n --ease-out-4: cubic-bezier(0, 0, .1, 1);\n --ease-out-5: cubic-bezier(0, 0, 0, 1);\n --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);\n --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);\n --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);\n --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);\n --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);\n --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);\n --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);\n --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);\n --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);\n --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);\n --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);\n --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);\n --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);\n --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);\n --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);\n --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);\n --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);\n --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);\n --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);\n --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);\n --ease-step-1: steps(2);\n --ease-step-2: steps(3);\n --ease-step-3: steps(4);\n --ease-step-4: steps(7);\n --ease-step-5: steps(10);\n --ease-elastic-1: var(--ease-elastic-out-1);\n --ease-elastic-2: var(--ease-elastic-out-2);\n --ease-elastic-3: var(--ease-elastic-out-3);\n --ease-elastic-4: var(--ease-elastic-out-4);\n --ease-elastic-5: var(--ease-elastic-out-5);\n --ease-squish-1: var(--ease-elastic-in-out-1);\n --ease-squish-2: var(--ease-elastic-in-out-2);\n --ease-squish-3: var(--ease-elastic-in-out-3);\n --ease-squish-4: var(--ease-elastic-in-out-4);\n --ease-squish-5: var(--ease-elastic-in-out-5);\n --ease-spring-1: linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n );\n --ease-spring-2: linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n );\n --ease-spring-3: linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n );\n --ease-spring-4: linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n );\n --ease-spring-5: linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n );\n --ease-bounce-1: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n );\n --ease-bounce-2: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n );\n --ease-bounce-3: linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n );\n --ease-bounce-4: linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n );\n --ease-bounce-5: linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n );\n --ease-circ-in: cubic-bezier(.6,.04,.98,.335);\n --ease-circ-in-out: cubic-bezier(.785,.135,.15,.86);\n --ease-circ-out: cubic-bezier(.075,.82,.165,1);\n --ease-cubic-in: cubic-bezier(.55,.055,.675,.19);\n --ease-cubic-in-out: cubic-bezier(.645,.045,.355,1);\n --ease-cubic-out: cubic-bezier(.215,.61,.355,1);\n --ease-expo-in: cubic-bezier(.95,.05,.795,.035);\n --ease-expo-in-out: cubic-bezier(1,0,0,1);\n --ease-expo-out: cubic-bezier(.19,1,.22,1);\n --ease-quad-in: cubic-bezier(.55,.085,.68,.53);\n --ease-quad-in-out: cubic-bezier(.455,.03,.515,.955);\n --ease-quad-out: cubic-bezier(.25,.46,.45,.94);\n --ease-quart-in: cubic-bezier(.895,.03,.685,.22);\n --ease-quart-in-out: cubic-bezier(.77,0,.175,1);\n --ease-quart-out: cubic-bezier(.165,.84,.44,1);\n --ease-quint-in: cubic-bezier(.755,.05,.855,.06);\n --ease-quint-in-out: cubic-bezier(.86,0,.07,1);\n --ease-quint-out: cubic-bezier(.23,1,.32,1);\n --ease-sine-in: cubic-bezier(.47,0,.745,.715);\n --ease-sine-in-out: cubic-bezier(.445,.05,.55,.95);\n --ease-sine-out: cubic-bezier(.39,.575,.565,1);\n}\n",":where(html) {\n --layer-1: 1;\n --layer-2: 2;\n --layer-3: 3;\n --layer-4: 4;\n --layer-5: 5;\n --layer-important: 2147483647;\n}\n","@import 'props.media.css';\n\n:where(html) {\n --shadow-color: 220 3% 15%;\n --shadow-strength: 1%;\n --shadow-strength-3: calc(var(--shadow-strength) + 2%);\n --shadow-strength-4: calc(var(--shadow-strength) + 3%);\n --shadow-strength-5: calc(var(--shadow-strength) + 4%);\n --shadow-strength-6: calc(var(--shadow-strength) + 5%);\n --shadow-strength-7: calc(var(--shadow-strength) + 6%);\n --shadow-strength-8: calc(var(--shadow-strength) + 7%);\n --shadow-strength-10: calc(var(--shadow-strength) + 9%);\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;\n --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));\n --shadow-2: \n 0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));\n --shadow-3: \n 0 -1px 3px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 1px 2px -5px hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 2px 5px -5px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 4px 12px -5px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 12px 15px -5px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --shadow-4: \n 0 -2px 5px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 1px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 2px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 9px 9px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 16px 16px -2px hsl(var(--shadow-color) / var(--shadow-strength-7));\n --shadow-5: \n 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 2px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 10px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 20px 20px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 40px 40px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --shadow-6: \n 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)),\n 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / var(--shadow-strength-10));\n --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n}\n\n@media (--OSdark) {\n :where(html) {\n --shadow-color: 220 40% 2%;\n --shadow-strength: 25%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007;\n }\n}",":where(html) {\n --ratio-square: 1;\n --ratio-landscape: 4/3;\n --ratio-portrait: 3/4;\n --ratio-widescreen: 16/9;\n --ratio-ultrawide: 18/5;\n --ratio-golden: 1.6180/1;\n}\n",":where(html) {\n --gray-0: #f8f9fa;\n --gray-1: #f1f3f5;\n --gray-2: #e9ecef;\n --gray-3: #dee2e6;\n --gray-4: #ced4da;\n --gray-5: #adb5bd;\n --gray-6: #868e96;\n --gray-7: #495057;\n --gray-8: #343a40;\n --gray-9: #212529;\n --gray-10: #16191d;\n --gray-11: #0d0f12;\n --gray-12: #030507;\n --stone-0: #f8fafb;\n --stone-1: #f2f4f6;\n --stone-2: #ebedef;\n --stone-3: #e0e4e5;\n --stone-4: #d1d6d8;\n --stone-5: #b1b6b9;\n --stone-6: #979b9d;\n --stone-7: #7e8282;\n --stone-8: #666968;\n --stone-9: #50514f;\n --stone-10: #3a3a37;\n --stone-11: #252521;\n --stone-12: #121210;\n --red-0: #fff5f5;\n --red-1: #ffe3e3;\n --red-2: #ffc9c9;\n --red-3: #ffa8a8;\n --red-4: #ff8787;\n --red-5: #ff6b6b;\n --red-6: #fa5252;\n --red-7: #f03e3e;\n --red-8: #e03131;\n --red-9: #c92a2a;\n --red-10: #b02525;\n --red-11: #962020;\n --red-12: #7d1a1a;\n --pink-0: #fff0f6;\n --pink-1: #ffdeeb;\n --pink-2: #fcc2d7;\n --pink-3: #faa2c1;\n --pink-4: #f783ac;\n --pink-5: #f06595;\n --pink-6: #e64980;\n --pink-7: #d6336c;\n --pink-8: #c2255c;\n --pink-9: #a61e4d;\n --pink-10: #8c1941;\n --pink-11: #731536;\n --pink-12: #59102a;\n --purple-0: #f8f0fc;\n --purple-1: #f3d9fa;\n --purple-2: #eebefa;\n --purple-3: #e599f7;\n --purple-4: #da77f2;\n --purple-5: #cc5de8;\n --purple-6: #be4bdb;\n --purple-7: #ae3ec9;\n --purple-8: #9c36b5;\n --purple-9: #862e9c;\n --purple-10: #702682;\n --purple-11: #5a1e69;\n --purple-12: #44174f;\n --violet-0: #f3f0ff;\n --violet-1: #e5dbff;\n --violet-2: #d0bfff;\n --violet-3: #b197fc;\n --violet-4: #9775fa;\n --violet-5: #845ef7;\n --violet-6: #7950f2;\n --violet-7: #7048e8;\n --violet-8: #6741d9;\n --violet-9: #5f3dc4;\n --violet-10: #5235ab;\n --violet-11: #462d91;\n --violet-12: #3a2578;\n --indigo-0: #edf2ff;\n --indigo-1: #dbe4ff;\n --indigo-2: #bac8ff;\n --indigo-3: #91a7ff;\n --indigo-4: #748ffc;\n --indigo-5: #5c7cfa;\n --indigo-6: #4c6ef5;\n --indigo-7: #4263eb;\n --indigo-8: #3b5bdb;\n --indigo-9: #364fc7;\n --indigo-10: #2f44ad;\n --indigo-11: #283a94;\n --indigo-12: #21307a;\n --blue-0: #e7f5ff;\n --blue-1: #d0ebff;\n --blue-2: #a5d8ff;\n --blue-3: #74c0fc;\n --blue-4: #4dabf7;\n --blue-5: #339af0;\n --blue-6: #228be6;\n --blue-7: #1c7ed6;\n --blue-8: #1971c2;\n --blue-9: #1864ab;\n --blue-10: #145591;\n --blue-11: #114678;\n --blue-12: #0d375e;\n --cyan-0: #e3fafc;\n --cyan-1: #c5f6fa;\n --cyan-2: #99e9f2;\n --cyan-3: #66d9e8;\n --cyan-4: #3bc9db;\n --cyan-5: #22b8cf;\n --cyan-6: #15aabf;\n --cyan-7: #1098ad;\n --cyan-8: #0c8599;\n --cyan-9: #0b7285;\n --cyan-10: #095c6b;\n --cyan-11: #074652;\n --cyan-12: #053038;\n --teal-0: #e6fcf5;\n --teal-1: #c3fae8;\n --teal-2: #96f2d7;\n --teal-3: #63e6be;\n --teal-4: #38d9a9;\n --teal-5: #20c997;\n --teal-6: #12b886;\n --teal-7: #0ca678;\n --teal-8: #099268;\n --teal-9: #087f5b;\n --teal-10: #066649;\n --teal-11: #054d37;\n --teal-12: #033325;\n --green-0: #ebfbee;\n --green-1: #d3f9d8;\n --green-2: #b2f2bb;\n --green-3: #8ce99a;\n --green-4: #69db7c;\n --green-5: #51cf66;\n --green-6: #40c057;\n --green-7: #37b24d;\n --green-8: #2f9e44;\n --green-9: #2b8a3e;\n --green-10: #237032;\n --green-11: #1b5727;\n --green-12: #133d1b;\n --lime-0: #f4fce3;\n --lime-1: #e9fac8;\n --lime-2: #d8f5a2;\n --lime-3: #c0eb75;\n --lime-4: #a9e34b;\n --lime-5: #94d82d;\n --lime-6: #82c91e;\n --lime-7: #74b816;\n --lime-8: #66a80f;\n --lime-9: #5c940d;\n --lime-10: #4c7a0b;\n --lime-11: #3c6109;\n --lime-12: #2c4706;\n --yellow-0: #fff9db;\n --yellow-1: #fff3bf;\n --yellow-2: #ffec99;\n --yellow-3: #ffe066;\n --yellow-4: #ffd43b;\n --yellow-5: #fcc419;\n --yellow-6: #fab005;\n --yellow-7: #f59f00;\n --yellow-8: #f08c00;\n --yellow-9: #e67700;\n --yellow-10: #b35c00;\n --yellow-11: #804200;\n --yellow-12: #663500;\n --orange-0: #fff4e6;\n --orange-1: #ffe8cc;\n --orange-2: #ffd8a8;\n --orange-3: #ffc078;\n --orange-4: #ffa94d;\n --orange-5: #ff922b;\n --orange-6: #fd7e14;\n --orange-7: #f76707;\n --orange-8: #e8590c;\n --orange-9: #d9480f;\n --orange-10: #bf400d;\n --orange-11: #99330b;\n --orange-12: #802b09;\n --choco-0: #fff8dc;\n --choco-1: #fce1bc;\n --choco-2: #f7ca9e;\n --choco-3: #f1b280;\n --choco-4: #e99b62;\n --choco-5: #df8545;\n --choco-6: #d46e25;\n --choco-7: #bd5f1b;\n --choco-8: #a45117;\n --choco-9: #8a4513;\n --choco-10: #703a13;\n --choco-11: #572f12;\n --choco-12: #3d210d;\n --brown-0: #faf4eb;\n --brown-1: #ede0d1;\n --brown-2: #e0cab7;\n --brown-3: #d3b79e;\n --brown-4: #c5a285;\n --brown-5: #b78f6d;\n --brown-6: #a87c56;\n --brown-7: #956b47;\n --brown-8: #825b3a;\n --brown-9: #6f4b2d;\n --brown-10: #5e3a21;\n --brown-11: #4e2b15;\n --brown-12: #422412;\n --sand-0: #f8fafb;\n --sand-1: #e6e4dc;\n --sand-2: #d5cfbd;\n --sand-3: #c2b9a0;\n --sand-4: #aea58c;\n --sand-5: #9a9178;\n --sand-6: #867c65;\n --sand-7: #736a53;\n --sand-8: #5f5746;\n --sand-9: #4b4639;\n --sand-10: #38352d;\n --sand-11: #252521;\n --sand-12: #121210;\n --camo-0: #f9fbe7;\n --camo-1: #e8ed9c;\n --camo-2: #d2df4e;\n --camo-3: #c2ce34;\n --camo-4: #b5bb2e;\n --camo-5: #a7a827;\n --camo-6: #999621;\n --camo-7: #8c851c;\n --camo-8: #7e7416;\n --camo-9: #6d6414;\n --camo-10: #5d5411;\n --camo-11: #4d460e;\n --camo-12: #36300a;\n --jungle-0: #ecfeb0;\n --jungle-1: #def39a;\n --jungle-2: #d0e884;\n --jungle-3: #c2dd6e;\n --jungle-4: #b5d15b;\n --jungle-5: #a8c648;\n --jungle-6: #9bbb36;\n --jungle-7: #8fb024;\n --jungle-8: #84a513;\n --jungle-9: #7a9908;\n --jungle-10: #658006;\n --jungle-11: #516605;\n --jungle-12: #3d4d04;\n}\n",":where(html) {\n --gradient-space: ;\n --gradient-1: linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);\n --gradient-2: linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff);\n --gradient-3: \n radial-gradient(\n circle at top right var(--gradient-space), \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n );\n --gradient-4: linear-gradient(to bottom right var(--gradient-space), #00F5A0, #00D9F5);\n --gradient-5: conic-gradient(from -270deg at 75% 110% var(--gradient-space), fuchsia, floralwhite);\n --gradient-6: conic-gradient(from -90deg at top left var(--gradient-space), black, white);\n --gradient-7: linear-gradient(to bottom right var(--gradient-space), #72C6EF, #004E8F);\n --gradient-8: conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111);\n --gradient-9: conic-gradient(from .5turn at bottom center var(--gradient-space), lightblue, white);\n --gradient-10: conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);\n --gradient-11: conic-gradient(at bottom left var(--gradient-space), deeppink, cyan);\n --gradient-12: conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);\n --gradient-13: radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);\n --gradient-14: conic-gradient(at top right var(--gradient-space), lime, cyan);\n --gradient-15: linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7);\n --gradient-16: radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000);\n --gradient-17: conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet);\n --gradient-18: \n linear-gradient(0deg var(--gradient-space), hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg var(--gradient-space), hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n ;\n --gradient-19: linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751);\n --gradient-20: conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);\n --gradient-21: conic-gradient(from -90deg at 25% 115% var(--gradient-space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);\n --gradient-22: linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8);\n --gradient-23: linear-gradient(to bottom right var(--gradient-space), #536976, #292E49);\n --gradient-24: conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476);\n --gradient-25: conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);\n --gradient-26: linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4);\n --gradient-27: conic-gradient(from .5turn at bottom left var(--gradient-space), deeppink, rebeccapurple);\n --gradient-28: conic-gradient(from -90deg at 50% 105% var(--gradient-space), white, orchid);\n --gradient-29: \n radial-gradient(\n circle at top right var(--gradient-space), \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n );\n --gradient-30: radial-gradient(\n circle at top right var(--gradient-space), \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n );\n --noise-1: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-2: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-3: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-4: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-5: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-filter-1: contrast(300%) brightness(100%);\n --noise-filter-2: contrast(200%) brightness(150%);\n --noise-filter-3: contrast(200%) brightness(250%);\n --noise-filter-4: contrast(200%) brightness(500%);\n --noise-filter-5: contrast(200%) brightness(1000%);\n}\n\n@supports (background: linear-gradient(to right in oklab, #000, #fff)) {\n :where(html) {\n --gradient-space: in oklab;\n }\n}","@import 'props.media.css';\n\n:where(html) {\n --animation-fade-in: fade-in .5s var(--ease-3);\n --animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);\n --animation-fade-out: fade-out .5s var(--ease-3);\n --animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);\n --animation-scale-up: scale-up .5s var(--ease-3);\n --animation-scale-down: scale-down .5s var(--ease-3);\n --animation-slide-out-up: slide-out-up .5s var(--ease-3);\n --animation-slide-out-down: slide-out-down .5s var(--ease-3);\n --animation-slide-out-right: slide-out-right .5s var(--ease-3);\n --animation-slide-out-left: slide-out-left .5s var(--ease-3);\n --animation-slide-in-up: slide-in-up .5s var(--ease-3);\n --animation-slide-in-down: slide-in-down .5s var(--ease-3);\n --animation-slide-in-right: slide-in-right .5s var(--ease-3);\n --animation-slide-in-left: slide-in-left .5s var(--ease-3);\n --animation-shake-x: shake-x .75s var(--ease-out-5);\n --animation-shake-y: shake-y .75s var(--ease-out-5);\n --animation-shake-z: shake-z 1s var(--ease-in-out-3);\n --animation-spin: spin 2s linear infinite;\n --animation-ping: ping 5s var(--ease-out-3) infinite;\n --animation-blink: blink 1s var(--ease-out-3) infinite;\n --animation-float: float 3s var(--ease-in-out-3) infinite;\n --animation-bounce: bounce 2s var(--ease-squish-2) infinite;\n --animation-pulse: pulse 2s var(--ease-out-3) infinite;\n}\n\n@keyframes fade-in {\n to { opacity: 1 }\n}\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes fade-out {\n to { opacity: 0 }\n}\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}\n@keyframes scale-down {\n to { transform: scale(.75) }\n}\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}\n@keyframes shake-z {\n 0%, 100% { transform: rotate(0deg) }\n 20% { transform: rotate(-2deg) }\n 40% { transform: rotate(2deg) }\n 60% { transform: rotate(-2deg) }\n 80% { transform: rotate(2deg) }\n}\n@keyframes spin {\n to { transform: rotate(1turn) }\n}\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}\n@media (--OSdark) {\n @keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 100% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}\n@media (--OSdark) {\n @keyframes fade-out-bloom {\n 100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}",":where(html) {\n --border-size-1: 1px;\n --border-size-2: 2px;\n --border-size-3: 5px;\n --border-size-4: 10px;\n --border-size-5: 25px;\n --radius-1: 2px;\n --radius-2: 5px;\n --radius-3: 1rem;\n --radius-4: 2rem;\n --radius-5: 4rem;\n --radius-6: 8rem;\n --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;\n --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;\n --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;\n --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;\n --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;\n --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;\n --radius-round: 1e5px;\n --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;\n --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;\n --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;\n --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;\n --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;\n --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));\n --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));\n --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));\n --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));\n --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));\n --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));\n}\n",":where(html) {\n --palette-hue: 250;\n --palette-hue-rotate-by: 0;\n --palette-chroma: 0.15;\n --color-1: oklch(98% calc(0.03 * var(--palette-chroma)) calc(var(--palette-hue) + (0 * var(--palette-hue-rotate-by))));\n --color-2: oklch(97% calc(0.06 * var(--palette-chroma)) calc(var(--palette-hue) + (1 * var(--palette-hue-rotate-by))));\n --color-3: oklch(93% calc(0.1 * var(--palette-chroma)) calc(var(--palette-hue) + (2 * var(--palette-hue-rotate-by))));\n --color-4: oklch(84% calc(0.12 * var(--palette-chroma)) calc(var(--palette-hue) + (3 * var(--palette-hue-rotate-by))));\n --color-5: oklch(80% calc(0.16 * var(--palette-chroma)) calc(var(--palette-hue) + (4 * var(--palette-hue-rotate-by))));\n --color-6: oklch(71% calc(0.19 * var(--palette-chroma)) calc(var(--palette-hue) + (5 * var(--palette-hue-rotate-by))));\n --color-7: oklch(66% calc(0.2 * var(--palette-chroma)) calc(var(--palette-hue) + (6 * var(--palette-hue-rotate-by))));\n --color-8: oklch(58% calc(0.21 * var(--palette-chroma)) calc(var(--palette-hue) + (7 * var(--palette-hue-rotate-by))));\n --color-9: oklch(53% calc(0.2 * var(--palette-chroma)) calc(var(--palette-hue) + (8 * var(--palette-hue-rotate-by))));\n --color-10: oklch(49% calc(0.19 * var(--palette-chroma)) calc(var(--palette-hue) + (9 * var(--palette-hue-rotate-by))));\n --color-11: oklch(42% calc(0.17 * var(--palette-chroma)) calc(var(--palette-hue) + (10 * var(--palette-hue-rotate-by))));\n --color-12: oklch(35% calc(0.15 * var(--palette-chroma)) calc(var(--palette-hue) + (11 * var(--palette-hue-rotate-by))));\n --color-13: oklch(27% calc(0.12 * var(--palette-chroma)) calc(var(--palette-hue) + (12 * var(--palette-hue-rotate-by))));\n --color-14: oklch(20% calc(0.09 * var(--palette-chroma)) calc(var(--palette-hue) + (13 * var(--palette-hue-rotate-by))));\n --color-15: oklch(16% calc(0.07 * var(--palette-chroma)) calc(var(--palette-hue) + (14 * var(--palette-hue-rotate-by))));\n --color-16: oklch(10% calc(0.05 * var(--palette-chroma)) calc(var(--palette-hue) + (15 * var(--palette-hue-rotate-by))));\n}\n",":where(html) {\n --hue-red: 25;\n --hue-pink: 350;\n --hue-purple: 310;\n --hue-violet: 290;\n --hue-indigo: 270;\n --hue-blue: 240;\n --hue-cyan: 210;\n --hue-teal: 185;\n --hue-green: 145;\n --hue-lime: 125;\n --hue-yellow: 100;\n --hue-orange: 75;\n}\n",":where(*) {\n --gray-0: oklch(99% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-1: oklch(95% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-2: oklch(88% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-3: oklch(80% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-4: oklch(74% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-5: oklch(68% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-6: oklch(63% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-7: oklch(58% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-8: oklch(53% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-9: oklch(49% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-10: oklch(43% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-11: oklch(37% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-12: oklch(31% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-13: oklch(25% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-14: oklch(18% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-15: oklch(10% var(--gray-chroma, none) var(--gray-hue, none));\n}\n",":where(:root) {\r\n --palette-hue: 250;\r\n /* <angle */\r\n --palette-hue-rotate-by: 0;\r\n /* +- deg : warm or cool the palette */\r\n --palette-chroma: 0.15;\r\n /* 0-1 : lower to mute and pastel, over 2 at own risk */\r\n\r\n /* New API: a single OKLCH source that drives the entire ramp.\r\n The default below derives from the legacy --palette-hue / --palette-chroma\r\n vars so themes that haven't migrated keep working unchanged. Themes opting\r\n into the new API just set --palette-source directly. */\r\n --palette-source: oklch(58% calc(0.21 * var(--palette-chroma, 1)) var(--palette-hue, 250));\r\n}\r\n\r\n* {\r\n --color-1: oklch(from var(--palette-source) 98% calc(0.03 * (c / 0.21)) calc(h + (0 * var(--palette-hue-rotate-by))));\r\n --color-2: oklch(from var(--palette-source) 97% calc(0.06 * (c / 0.21)) calc(h + (1 * var(--palette-hue-rotate-by))));\r\n --color-3: oklch(from var(--palette-source) 93% calc(0.1 * (c / 0.21)) calc(h + (2 * var(--palette-hue-rotate-by))));\r\n --color-4: oklch(from var(--palette-source) 84% calc(0.12 * (c / 0.21)) calc(h + (3 * var(--palette-hue-rotate-by))));\r\n --color-5: oklch(from var(--palette-source) 80% calc(0.16 * (c / 0.21)) calc(h + (4 * var(--palette-hue-rotate-by))));\r\n --color-6: oklch(from var(--palette-source) 71% calc(0.19 * (c / 0.21)) calc(h + (5 * var(--palette-hue-rotate-by))));\r\n --color-7: oklch(from var(--palette-source) 66% calc(0.2 * (c / 0.21)) calc(h + (6 * var(--palette-hue-rotate-by))));\r\n --color-8: oklch(from var(--palette-source) 58% calc(0.21 * (c / 0.21)) calc(h + (7 * var(--palette-hue-rotate-by))));\r\n --color-9: oklch(from var(--palette-source) 53% calc(0.2 * (c / 0.21)) calc(h + (8 * var(--palette-hue-rotate-by))));\r\n --color-10: oklch(from var(--palette-source) 49% calc(0.19 * (c / 0.21)) calc(h + (9 * var(--palette-hue-rotate-by))));\r\n --color-11: oklch(from var(--palette-source) 42% calc(0.17 * (c / 0.21)) calc(h + (10 * var(--palette-hue-rotate-by))));\r\n --color-12: oklch(from var(--palette-source) 35% calc(0.15 * (c / 0.21)) calc(h + (11 * var(--palette-hue-rotate-by))));\r\n --color-13: oklch(from var(--palette-source) 27% calc(0.12 * (c / 0.21)) calc(h + (12 * var(--palette-hue-rotate-by))));\r\n --color-14: oklch(from var(--palette-source) 20% calc(0.09 * (c / 0.21)) calc(h + (13 * var(--palette-hue-rotate-by))));\r\n --color-15: oklch(from var(--palette-source) 16% calc(0.07 * (c / 0.21)) calc(h + (14 * var(--palette-hue-rotate-by))));\r\n --color-16: oklch(from var(--palette-source) 10% calc(0.05 * (c / 0.21)) calc(h + (15 * var(--palette-hue-rotate-by))));\r\n}\r\n\r\n/* Gray ramp — derived from each --color-N step so it shares the palette's\r\n per-step lightness curve. --gray-chroma / --gray-hue follow the Open Props\r\n convention (hue is the third oklch arg, NOT lightness). Override either\r\n in a theme to warm/cool the grays without redefining each --gray-N. */\r\n* {\r\n --gray-chroma: 0.01;\r\n --gray-hue: 255;\r\n\r\n --gray-1: oklch(from var(--color-1) l var(--gray-chroma) var(--gray-hue));\r\n --gray-2: oklch(from var(--color-2) l var(--gray-chroma) var(--gray-hue));\r\n --gray-3: oklch(from var(--color-3) l var(--gray-chroma) var(--gray-hue));\r\n --gray-4: oklch(from var(--color-4) l var(--gray-chroma) var(--gray-hue));\r\n --gray-5: oklch(from var(--color-5) l var(--gray-chroma) var(--gray-hue));\r\n --gray-6: oklch(from var(--color-6) l var(--gray-chroma) var(--gray-hue));\r\n --gray-7: oklch(from var(--color-7) l var(--gray-chroma) var(--gray-hue));\r\n --gray-8: oklch(from var(--color-8) l var(--gray-chroma) var(--gray-hue));\r\n --gray-9: oklch(from var(--color-9) l var(--gray-chroma) var(--gray-hue));\r\n --gray-10: oklch(from var(--color-10) l var(--gray-chroma) var(--gray-hue));\r\n --gray-11: oklch(from var(--color-11) l var(--gray-chroma) var(--gray-hue));\r\n --gray-12: oklch(from var(--color-12) l var(--gray-chroma) var(--gray-hue));\r\n --gray-13: oklch(from var(--color-13) l var(--gray-chroma) var(--gray-hue));\r\n --gray-14: oklch(from var(--color-14) l var(--gray-chroma) var(--gray-hue));\r\n --gray-15: oklch(from var(--color-15) l var(--gray-chroma) var(--gray-hue));\r\n --gray-16: oklch(from var(--color-16) l var(--gray-chroma) var(--gray-hue));\r\n}\r\n","@layer normalize {\r\n\r\n *,\r\n ::before,\r\n ::after {\r\n /* Set box sizing instead of inheriting */\r\n /* https://www.oddbird.net/2025/09/04/box-model/ */\r\n box-sizing: border-box;\r\n }\r\n\r\n * {\r\n scrollbar-width: thin;\r\n }\r\n\r\n :where(html) {\r\n --_page-bg-color: var(--surface-default);\r\n\r\n accent-color: var(--primary);\r\n background-color: var(--_page-bg-color);\r\n block-size: 100%;\r\n caret-color: var(--primary);\r\n color: var(--text-muted, var(--text-color-2));\r\n /* text-color-2 is for backwards compatibility */\r\n font-family: var(--font-sans);\r\n interpolate-size: allow-keywords;\r\n line-height: var(--font-lineheight-4);\r\n\r\n /* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */\r\n -moz-text-size-adjust: none;\r\n -webkit-text-size-adjust: none;\r\n text-size-adjust: none;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n scroll-behavior: smooth;\r\n }\r\n }\r\n\r\n :where(body) {\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n container-type: inline-size;\r\n font-size: 16px;\r\n font-synthesis: style;\r\n font-weight: 400;\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 100%;\r\n min-inline-size: 320px;\r\n position: relative;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n :where(:not(dialog, popover)) {\r\n margin: 0;\r\n }\r\n\r\n :where(dialog:not([open])) {\r\n outline: none !important;\r\n }\r\n\r\n\r\n :where(:not(fieldset, progress, meter)) {\r\n background-origin: border-box;\r\n background-repeat: no-repeat;\r\n border-style: solid;\r\n border-width: 0;\r\n }\r\n\r\n :where(fieldset) {\r\n border: var(--field-border-width) solid var(--field-border-color);\r\n border-radius: var(--field-border-radius);\r\n padding: var(--size-3);\r\n display: grid;\r\n gap: var(--size-3);\r\n }\r\n\r\n :where(input, button, textarea),\r\n :where(input[type=\"file\"])::-webkit-file-upload-button {\r\n color: inherit;\r\n font: inherit;\r\n letter-spacing: inherit;\r\n }\r\n\r\n :where(input):-webkit-autofill,\r\n :where(input):-webkit-autofill:hover,\r\n :where(input):-webkit-autofill:focus,\r\n :where(textarea):-webkit-autofill,\r\n :where(textarea):-webkit-autofill:hover,\r\n :where(textarea):-webkit-autofill:focus,\r\n :where(select):-webkit-autofill,\r\n :where(select):-webkit-autofill:hover,\r\n :where(select):-webkit-autofill:focus,\r\n :where(input):autofill,\r\n :where(input):autofill:hover,\r\n :where(input):autofill:focus,\r\n :where(textarea):autofill,\r\n :where(textarea):autofill:hover,\r\n :where(textarea):autofill:focus,\r\n :where(select):autofill,\r\n :where(select):autofill:hover,\r\n :where(select):autofill:focus {\r\n -webkit-text-fill-color: var(--text-muted, var(--text-color-2));\r\n -webkit-box-shadow: 0 0 0px 1e5px var(--well-1) inset;\r\n transition: background-color 5000s ease-in-out 0s;\r\n }\r\n\r\n ::placeholder {\r\n color: var(--text-muted, var(--text-color-2));\r\n }\r\n\r\n ::-moz-placeholder {\r\n opacity: 1;\r\n }\r\n\r\n :focus-visible {\r\n /* Inverts the --_page-bg-color */\r\n --_focus-visible-color: rgb(from var(--_page-bg-color) calc(255 - r) calc(255 - g) calc(255 - b));\r\n\r\n border-radius: var(--border-radius, 0px);\r\n outline: 2px solid var(--_focus-visible-color);\r\n outline-offset: 2px;\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n :where(:focus-visible) {\r\n transition: outline-offset .15 var(--ease-2);\r\n }\r\n\r\n :where(:not(:active):focus-visible) {\r\n transition-duration: 0.15s;\r\n }\r\n }\r\n\r\n :where(:not(:active):focus-visible) {\r\n outline-offset: var(--outline-offset, 0px);\r\n }\r\n\r\n :where(a[href],\r\n area,\r\n button,\r\n input:not([type=\"text\"],\r\n [type=\"email\"],\r\n [type=\"number\"],\r\n [type=\"password\"],\r\n [type=\"\"],\r\n [type=\"tel\"],\r\n [type=\"url\"]),\r\n label[for],\r\n select,\r\n summary) {\r\n cursor: pointer;\r\n }\r\n\r\n :where(a[href],\r\n area,\r\n button,\r\n [role=\"button\"],\r\n input,\r\n label[for],\r\n select,\r\n summary,\r\n textarea,\r\n [tabindex]:not([tabindex*=\"-\"])) {\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n }\r\n\r\n :where(img, svg, video, canvas, audio, iframe, embed, object) {\r\n display: block;\r\n }\r\n\r\n :where(img, svg, video) {\r\n block-size: auto;\r\n max-inline-size: 100%;\r\n }\r\n\r\n :where(svg:not([width])) {\r\n inline-size: var(--size-7);\r\n }\r\n\r\n :where(dt:not(:first-of-type)) {\r\n margin-block-start: var(--size-5);\r\n }\r\n\r\n :where(figure) {\r\n display: grid;\r\n gap: var(--size-2);\r\n place-items: center;\r\n }\r\n\r\n :target {\r\n scroll-margin-block-start: 2rem;\r\n }\r\n}\r\n","/*\r\n theme three theme setup\r\n*/\r\n@layer theme {\r\n\r\n /* 1. Color scheme */\r\n .light {\r\n --color-scheme: light;\r\n }\r\n\r\n .dark {\r\n --color-scheme: dark;\r\n }\r\n\r\n :where(html) {\r\n color-scheme: var(--color-scheme, light dark);\r\n\r\n /* 2. Palette source - one value to rule them all. Every other color is derived from this one.\r\n Both light/dark branches are wired up via light-dark() so prefers-color-scheme works\r\n automatically. Set them to different OKLCH values if you want a distinct dark-mode palette. */\r\n --palette-source: light-dark(oklch(0.58 calc(0.21 * 0.5) var(--hue-blue)),\r\n oklch(0.58 calc(0.21 * 0.5) var(--hue-blue)));\r\n --palette-hue-rotate-by: 0;\r\n\r\n /* Gray ramp lives in core/palette.css. Override --gray-chroma or\r\n --gray-hue here if this theme wants warmer/cooler grays. */\r\n\r\n /* 3. Named colors (no severity meaning) — use when you literally want a green/red/etc. dot */\r\n --blue: oklch(from var(--color-9) l 0.2 210);\r\n --green: oklch(from var(--color-9) l 0.2 145);\r\n --orange: oklch(from var(--color-7) l 0.2 75);\r\n --red: oklch(from var(--color-9) l 0.2 25);\r\n\r\n /* 4. Intent tokens\r\n Severity (have scope classes below): --success, --info, --warning, --critical\r\n Non-severity (value-only): --primary, --neutral */\r\n --success: var(--green);\r\n --info: var(--blue);\r\n --warning: var(--orange);\r\n --critical: var(--red);\r\n --neutral: var(--gray-9);\r\n\r\n /* 5. Primary */\r\n --primary: var(--color-8);\r\n --primary-light: oklch(from var(--primary) calc(l * 1.25) c h);\r\n --primary-dark: oklch(from var(--primary) calc(l * 0.75) c h);\r\n --primary-contrast: var(--gray-1);\r\n\r\n /* 6. Text */\r\n --text-primary: light-dark(var(--gray-15), var(--gray-1));\r\n --text-primary-contrast: light-dark(var(--gray-2), var(--gray-15));\r\n --text-muted: light-dark(var(--gray-13), var(--gray-4));\r\n --text-muted-contrast: light-dark(var(--gray-4), var(--gray-13));\r\n\r\n /* 7. Surfaces */\r\n --surface-default: light-dark(var(--gray-1), var(--gray-13));\r\n --surface-filled: light-dark(var(--gray-4), var(--gray-15));\r\n --surface-tonal: light-dark(var(--gray-3), var(--gray-12));\r\n --surface-elevated: light-dark(var(--gray-1), var(--gray-12));\r\n\r\n /* 8. Borders */\r\n --border-color: light-dark(var(--gray-4), var(--gray-12));\r\n --border-radius: var(--size-2);\r\n --border-width: 1px;\r\n\r\n /* 9. Focus ring — components consume these and may override locally\r\n (e.g. .button.filled { --focus-ring-offset: 3px; }, .checkbox { --focus-ring-offset: 0; }) */\r\n --focus-ring-color: var(--primary);\r\n --focus-ring-width: 2px;\r\n --focus-ring-offset: 2px;\r\n --focus-ring-style: solid;\r\n\r\n /* 10. Typography */\r\n --font-size-h1: var(--font-size-fluid-3);\r\n --font-size-h2: var(--font-size-fluid-2);\r\n --font-size-h3: var(--font-size-fluid-1);\r\n --font-size-h4: var(--font-size-3);\r\n --font-size-h5: var(--font-size-2);\r\n --font-size-h6: var(--font-size-fluid-0);\r\n\r\n /* Sneaking in an extra font size I want but Open Props doesn't provide. You can do whatever you want with your own theme. It's just CSS. */\r\n --font-size-05: 0.875rem;\r\n\r\n /* 11. Control sizes — shared scale for fields and buttons so they line up\r\n visually. --field-size-* and --button-size-* alias from --control-size-*. */\r\n --control-size-x-small: 28px;\r\n --control-size-small: 32px;\r\n --control-size: 40px;\r\n --control-size-large: 46px;\r\n\r\n --field-size-x-small: var(--control-size-x-small);\r\n --field-size-small: var(--control-size-small);\r\n --field-size: var(--control-size);\r\n --field-size-large: var(--control-size-large);\r\n\r\n --button-size-x-small: var(--control-size-x-small);\r\n --button-size-small: var(--control-size-small);\r\n --button-size: var(--control-size);\r\n --button-size-large: var(--control-size-large);\r\n\r\n /* 12. Field / input */\r\n --field-border-color: var(--border-color);\r\n --field-border-radius: var(--size-2);\r\n --field-border-width: 1px;\r\n\r\n /* 13. Button */\r\n --button-border-radius: var(--size-2);\r\n }\r\n\r\n /* 14. Severity scope classes — re-source the palette inside these contexts.\r\n Authoring `<div class=\"warning\">` paints the entire subtree warning-orange.\r\n Non-severity tokens (--primary, --neutral) deliberately have no scope class. */\r\n :where(.critical, [data-invalid], del) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-red));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.info, abbr, dfn) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-blue));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.success, ins) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-green));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.warning) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-orange));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n}\r\n","/*\r\n* Components are divided into two categories - if they are stand-alone (root) or if they are built on top of others (extended).\r\n*/\r\n\r\n/*** Root components (no dependencies) */\r\n@import \"./components/button.css\";\r\n@import \"./components/callout.css\";\r\n@import \"./components/icon-button.css\";\r\n@import \"./components/tabs.css\";\r\n@import \"./components/toggle-group.css\";\r\n@import \"./components/toggle-button.css\";\r\n@import \"./components/anchor.css\";\r\n@import \"./components/avatar.css\";\r\n@import \"./components/card.css\";\r\n@import \"./components/chip.css\";\r\n@import \"./components/description-list.css\";\r\n@import \"./components/divider.css\";\r\n@import \"./components/link.css\";\r\n@import \"./components/table.css\";\r\n@import \"./components/progress.css\";\r\n@import \"./components/spinner.css\";\r\n@import \"./components/checkbox.css\";\r\n@import \"./components/radio.css\";\r\n@import \"./components/range.css\";\r\n@import \"./components/switch.css\";\r\n@import \"./components/toast.css\";\r\n@import \"./components/typography.css\";\r\n\r\n/*** Extended components (has dependencies) */\r\n@import \"./components/badge.css\";\r\n@import \"./components/button-group.css\";\r\n@import \"./components/accordion.css\";\r\n@import \"./components/list.css\";\r\n@import \"./components/dialog.css\";\r\n@import \"./components/drawer.css\";\r\n@import \"./components/form.css\";\r\n@import \"./components/text-field.css\";\r\n@import \"./components/select.css\";\r\n@import \"./components/text-input.css\";\r\n@import \"./components/textarea.css\";\r\n@import \"./components/tooltip.css\";\r\n","@layer components.root {\r\n :where(.button) {\r\n --_color: light-dark(var(--color-16), var(--color-1));\r\n --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n --_color-tonal: var(--surface-tonal);\r\n\r\n --_accent: var(--_color);\r\n --_accent-contrast: var(--_color-contrast);\r\n --_accent-tonal: var(--_color-tonal);\r\n --_accent-tonal-contrast: var(--_color);\r\n\r\n --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n oklch(from var(--_accent) l 0.01 h / 20%));\r\n --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n oklch(from var(--_accent) l 0.06 h / 30%));\r\n\r\n --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n oklch(from var(--_accent) calc(l - 0.1) c h));\r\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n oklch(from var(--_accent) calc(l - 0.15) c h));\r\n --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-width: var(--border-size-1);\r\n --_font-size: var(--font-size-1);\r\n --_min-height: var(--button-size);\r\n --_border-radius: var(--button-border-radius, var(--radius-2));\r\n --_text-color: var(--_accent);\r\n\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-touch-callout: none;\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n color: var(--_text-color);\r\n display: inline-flex;\r\n font-size: var(--_font-size);\r\n font-weight: 700;\r\n gap: var(--size-2);\r\n justify-content: center;\r\n min-block-size: var(--_min-height);\r\n padding-block: 0.5ex;\r\n padding-inline: 1.5ex;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: background-color .1s ease, color .1s ease,\r\n border-color .1s ease, box-shadow .1s ease;\r\n user-select: none;\r\n\r\n /* Colors — shared interaction model for critical and primary.\r\n Each color modifier below only swaps --_color; the tonal surface,\r\n contrast text, and hover/active strategy are identical.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n &.critical,\r\n &.primary {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n &.critical {\r\n --_color: var(--critical);\r\n }\r\n\r\n &.primary {\r\n --_color: var(--primary);\r\n }\r\n\r\n /* Disabled */\r\n &:where([disabled]) {\r\n --_text-color: color-mix(in oklch,\r\n var(--text-muted) 50%,\r\n var(--surface-default));\r\n\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n }\r\n\r\n /* Hover & Active */\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_default-hover-bg-color);\r\n }\r\n\r\n &:where(:hover:active),\r\n &[aria-current=\"page\"] {\r\n --_bg-color: var(--_default-active-bg-color);\r\n }\r\n }\r\n\r\n\r\n /* Icons / Keyboard */\r\n &:where(:has(svg), &.icon-only) {\r\n gap: 1ex;\r\n\r\n svg {\r\n color: currentColor;\r\n max-block-size: 0.7lh;\r\n }\r\n }\r\n\r\n /* Keyboard input */\r\n :is(kbd) {\r\n background-color: oklch(from currentColor l c h / 10%);\r\n border: 0;\r\n color: oklch(from currentColor l c h / 80%);\r\n font-size: 0.8em;\r\n font-weight: 400;\r\n line-height: 1.2;\r\n }\r\n\r\n /* Sizes — heights aliased from the shared --control-size scale.\r\n Override --button-size-* in a parent scope to resize an entire region. */\r\n &.x-small {\r\n --_min-height: var(--button-size-x-small);\r\n --_font-size: var(--font-size-0);\r\n padding-block: 0;\r\n padding-inline: .5ex;\r\n }\r\n\r\n &.small {\r\n --_min-height: var(--button-size-small);\r\n --_font-size: var(--font-size-05);\r\n padding-block: 0;\r\n padding-inline: .75ex;\r\n }\r\n\r\n &.large {\r\n --_min-height: var(--button-size-large);\r\n padding-inline: 4ex;\r\n }\r\n\r\n /* Variants */\r\n &.outlined {\r\n --_bg-color: transparent;\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_border-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n &.tonal {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n &.filled {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_filled-hover-bg-color);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_filled-active-bg-color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* file input */\r\n :where(input[type=\"file\"]) {\r\n align-self: flex-start;\r\n border: var(--border-size-1) solid var(--surface-filled);\r\n border-radius: var(--radius-2);\r\n box-shadow: var(--inner-shadow-4);\r\n color: var(--text-muted-contrast);\r\n cursor: initial;\r\n max-inline-size: 100%;\r\n padding: 0;\r\n }\r\n\r\n :where(input[type=\"file\"])::-webkit-file-upload-button,\r\n :where(input[type=\"file\"])::file-selector-button {\r\n cursor: pointer;\r\n margin-inline-end: var(--size-relative-6);\r\n }\r\n}\r\n","@layer components.root {\r\n\t:where(.callout) {\r\n\t\t--_bg-color: var(--surface-tonal);\r\n\t\t--_border-color: var(--surface-tonal);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_icon-color: currentColor;\r\n\t\t--_link-hover-color: var(--primary);\r\n\t\t--_padding: var(--size-3);\r\n\t\t--_border-radius: var(--border-radius);\r\n\t\t--_gap: var(--size-3);\r\n\t\t--_content-gap: var(--size-2);\r\n\t\t--_font-size: var(--font-size-05);\r\n\t\t--_title-font-size: var(--font-size-1);\r\n\t\t--_icon-size: var(--size-4);\r\n\t\t--_surface-bg: var(--surface-default);\r\n\r\n\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t--_outlined-border-color: var(--border-color);\r\n\t\t--_outlined-color: var(--text-primary);\r\n\t\t--_outlined-icon-color: currentColor;\r\n\r\n\t\tbackground-color: var(--_bg-color, var(--_surface-bg));\r\n\t\tborder: 1px solid var(--_border-color, var(--border-color));\r\n\t\tborder-radius: var(--_border-radius);\r\n\t\tcolor: var(--_color);\r\n\t\tisolation: isolate;\r\n\t\tpadding: var(--_padding);\r\n\t\tposition: relative;\r\n\r\n\t\t&.critical,\r\n\t\t&.info,\r\n\t\t&.neutral,\r\n\t\t&.success,\r\n\t\t&.warning {\r\n\t\t\t--_bg-color: light-dark(oklch(from var(--color-2) l c h / 20%), oklch(from var(--color-6) l c h / 5%));\r\n\t\t\t--_border-color: light-dark(var(--color-5), var(--color-11));\r\n\t\t\t--_color: light-dark(var(--color-16), var(--color-1));\r\n\t\t\t--_icon-color: var(--color-9);\r\n\r\n\t\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t\t--_outlined-border-color: var(--color-9);\r\n\t\t\t--_outlined-color: light-dark(var(--color-15), var(--color-1));\r\n\t\t\t--_outlined-icon-color: var(--color-9);\r\n\t\t}\r\n\r\n\t\t&.outlined {\r\n\t\t\t--_bg-color: var(--_outlined-bg-color);\r\n\t\t\t--_border-color: var(--_outlined-border-color);\r\n\t\t\t--_color: var(--_outlined-color);\r\n\t\t\t--_icon-color: var(--_outlined-icon-color);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tbackground-color: var(--_bg-color);\r\n\t\t\tborder-radius: inherit;\r\n\t\t\tcontent: \"\";\r\n\t\t\tinset: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&>.content {\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_font-size);\r\n\t\t\tgap: var(--_content-gap);\r\n\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t\tfont-size: var(--_title-font-size);\r\n\t\t\t\tfont-weight: 600;\r\n\r\n\t\t\t\t* {\r\n\t\t\t\t\tfont-size: inherit;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Links\r\n * Can't make sure contrast will be acceptable (yet) so we use the current text color instead.\r\n */\r\n\t\t&:not(.outlined) {\r\n\t\t\ta[href] {\r\n\t\t\t\tcolor: inherit;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--_link-hover-color);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Icon */\r\n\t\t&:has(svg) {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgap: var(--_gap);\r\n\t\t\tgrid-template-columns: var(--_icon-size) 1fr;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tmargin-block-start: 0.15rem;\r\n\t\t\t\tstroke: var(--_icon-color);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.icon-button) {\r\n --_color: light-dark(var(--color-16), var(--color-1));\r\n --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n --_color-tonal: var(--surface-tonal);\r\n\r\n --_accent: var(--_color);\r\n --_accent-contrast: var(--_color-contrast);\r\n --_accent-tonal: var(--_color-tonal);\r\n --_accent-tonal-contrast: var(--_color);\r\n --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n oklch(from var(--_accent) l 0.01 h / 20%));\r\n --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n oklch(from var(--_accent) l 0.06 h / 30%));\r\n --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n oklch(from var(--_accent) calc(l - 0.1) c h));\r\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n oklch(from var(--_accent) calc(l - 0.15) c h));\r\n --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-width: var(--border-size-1);\r\n --_text-color: inherit;\r\n\r\n align-items: center;\r\n aspect-ratio: 1;\r\n background-color: var(--_bg-color);\r\n block-size: var(--size-6);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_text-color);\r\n display: inline-flex;\r\n inline-size: var(--size-6);\r\n justify-content: center;\r\n padding: 0;\r\n transform-style: preserve-3d;\r\n transition: background-color .1s ease, color .1s ease,\r\n border-color .1s ease, box-shadow .1s ease;\r\n\r\n &:where([disabled]) {\r\n --_text-color: light-dark(rgb(0, 0, 0/0.3), rgb(255, 255, 255/0.26));\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n }\r\n\r\n svg {\r\n block-size: auto;\r\n inline-size: auto;\r\n max-block-size: var(--size-5);\r\n max-inline-size: var(--size-5);\r\n pointer-events: none;\r\n }\r\n\r\n /* Ripple effect, utils.css */\r\n &::before {\r\n --highlight-size: 130%;\r\n background-color: transparent;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: transform 0.2s ease, background-color .1s ease;\r\n }\r\n }\r\n\r\n /* Colors — shared interaction model for critical and primary.\r\n Each color modifier below only swaps --_color; the tonal surface,\r\n contrast text, and hover/active strategy are identical.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n &.critical,\r\n &.primary {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n &.critical {\r\n --_color: var(--critical);\r\n }\r\n\r\n &.primary {\r\n --_color: var(--primary);\r\n }\r\n\r\n /* Element states */\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n &::before {\r\n background-color: var(--_interaction-hover-color, var(--_default-hover-bg-color));\r\n }\r\n }\r\n\r\n &:where(:hover:active),\r\n &[aria-current=\"page\"] {\r\n &::before {\r\n background-color: var(--_interaction-active-color, var(--_default-active-bg-color));\r\n }\r\n }\r\n }\r\n\r\n /* Size */\r\n &.small {\r\n block-size: var(--size-4);\r\n inline-size: var(--size-4);\r\n\r\n svg {\r\n max-block-size: var(--size-4);\r\n max-inline-size: var(--size-4);\r\n }\r\n }\r\n\r\n /* Variants */\r\n &.outlined {\r\n --_bg-color: transparent;\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent);\r\n }\r\n\r\n &.tonal {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n }\r\n\r\n &.filled {\r\n --_bg-color: var(--_accent);\r\n --_interaction-active-color: var(--_filled-active-bg-color);\r\n --_interaction-hover-color: var(--_filled-hover-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.tabs) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: transparent;\r\n\r\n align-items: flex-start;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0 var(--size-1);\r\n position: relative;\r\n\r\n &>.tab-input[type=\"radio\"] {\r\n /* utils > .sr-only */\r\n /* TODO: use mixin for this when available */\r\n block-size: 1px;\r\n clip-path: inset(50%);\r\n inline-size: 1px;\r\n overflow: hidden;\r\n position: absolute;\r\n white-space: nowrap;\r\n\r\n &:checked {\r\n\r\n /* Checked Tab */\r\n &+[role=\"tab\"] {\r\n border-block-end-color: var(--_accent-color);\r\n color: var(--_accent-color);\r\n\r\n /* Checked Panel */\r\n &+[role=\"tabpanel\"] {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n &+[role=\"tab\"] {\r\n --focus-ring-color: var(--text-muted);\r\n --focus-ring-offset: calc(-1 * var(--size-2));\r\n outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n outline-offset: var(--focus-ring-offset);\r\n }\r\n }\r\n }\r\n\r\n /* Tab */\r\n &>[role=\"tab\"] {\r\n align-items: center;\r\n background-color: transparent;\r\n border-bottom: 2px solid transparent;\r\n border-radius: 0;\r\n color: var(--text-muted);\r\n cursor: pointer;\r\n display: inline-flex;\r\n font-weight: 600;\r\n justify-content: center;\r\n line-height: var(--font-lineheight-4);\r\n order: 1;\r\n padding: var(--size-2) var(--size-3);\r\n position: relative;\r\n transition: color 0.1s;\r\n user-select: none;\r\n\r\n &:hover {\r\n background-color: light-dark(oklch(from var(--_accent-color) calc(l * 0.75) none h / 5%),\r\n oklch(from var(--_accent-color) calc(l * 1.25) none h / 5%));\r\n }\r\n }\r\n\r\n /* Tab Panel */\r\n &>[role=\"tabpanel\"] {\r\n display: none;\r\n inline-size: 100%;\r\n order: 2;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.toggle-group) {\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_border-radius: var(--button-border-radius);\r\n\r\n background-color: var(--_bg-color);\r\n border: 1px solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n display: inline-flex;\r\n inline-size: fit-content;\r\n overflow: hidden;\r\n\r\n /* Sizes */\r\n &.small {\r\n .toggle-button {\r\n --_size: var(--field-size-small);\r\n }\r\n }\r\n\r\n &.x-small {\r\n .toggle-button {\r\n --_size: var(--field-size-x-small);\r\n }\r\n }\r\n\r\n /* Toggle button */\r\n .toggle-button {\r\n border: 0;\r\n border-radius: 0;\r\n margin: 0;\r\n }\r\n\r\n &:not(.vertical) {\r\n .toggle-button {\r\n border-inline-end: 1px solid var(--_border-color);\r\n\r\n &:last-of-type {\r\n border-inline-end: 0;\r\n }\r\n }\r\n }\r\n\r\n &.vertical {\r\n flex-direction: column;\r\n\r\n .toggle-button {\r\n border-block-end: 1px solid var(--_border-color);\r\n\r\n &:last-of-type {\r\n border-block-end: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/* TODO:\r\n* Somehow handle when a group gets too wide for its container. Should it be handled?\r\n*/\r\n@layer components.root {\r\n\t:where(.toggle-button) {\r\n\t\t--_button-bg-color: transparent;\r\n\t\t--_size: var(--field-size);\r\n\t\t--_svg-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: var(--_button-bg-color);\r\n\t\tblock-size: var(--_size);\r\n\t\tborder: 1px solid var(--border-color);\r\n\t\tborder-radius: var(--button-border-radius);\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-flex;\r\n\t\tflex: auto;\r\n\t\tgap: var(--size-2);\r\n\t\tinline-size: fit-content;\r\n\t\tjustify-content: center;\r\n\t\tmin-inline-size: var(--_size);\r\n\t\toutline-offset: calc(-1 * var(--size-2));\r\n\t\tpadding: 0 var(--size-2);\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\r\n\t\tinput[type=\"checkbox\"],\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\t/* utils.css > .sr-only */\r\n\t\t\tblock-size: 1px;\r\n\t\t\tclip-path: inset(50%);\r\n\t\t\tinline-size: 1px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\r\n\t\t/* Element states */\r\n\t\t@media (pointer: fine) {\r\n\t\t\t&:hover:not(.disabled) {\r\n\t\t\t\t--_button-bg-color: light-dark(oklch(0% 0 0 / 0.04), oklch(100% 0 0 / 0.08));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:has(input:focus-visible) {\r\n\t\t\t--focus-ring-color: var(--text-muted);\r\n\t\t\t--focus-ring-offset: -6px;\r\n\t\t\toutline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n\t\t\toutline-offset: var(--focus-ring-offset);\r\n\t\t}\r\n\r\n\t\t/* Disabled */\r\n\t\t&.disabled {\r\n\t\t\tborder-color: color-mix(in oklch, var(--border-color) 50%, transparent);\r\n\t\t\tcolor: color-mix(in oklch, var(--text-primary) 30%, transparent);\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\r\n\t\t/* svgs */\r\n\t\tsvg {\r\n\t\t\tblock-size: var(--_svg-size);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--_svg-size);\r\n\t\t}\r\n\r\n\t\t/* Selected */\r\n\t\t&:has(:where(input[type=\"checkbox\"], input[type=\"radio\"]):checked) {\r\n\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 25%);\r\n\r\n\t\t\t@media (pointer: fine) {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 35%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\t--_size: var(--field-size-small);\r\n\t\t}\r\n\r\n\t\t&.x-small {\r\n\t\t\t--_size: var(--field-size-x-small);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\t:where(.anchor) {\r\n\t\tanchor-name: --anchor;\r\n\t\tanchor-scope: --anchor;\r\n\t\tdisplay: inline-block;\r\n\t\tinline-size: fit-content;\r\n\r\n\t\t/* Always-visible */\r\n\t\t&>.anchor-floating:not([popover]) {\r\n\t\t\tblock-size: max-content;\r\n\t\t\tinline-size: max-content;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-anchor: --anchor;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\r\n\t\t/* Hover-triggered */\r\n\t\t&>.anchor-floating[popover] {\r\n\t\t\tinset: unset;\r\n\t\t\tmargin: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.avatar) {\r\n --_bg-color: var(--primary);\r\n --_color: var(--color-1);\r\n --_width: 40px;\r\n\r\n align-items: center;\r\n aspect-ratio: 1;\r\n background-color: var(--_bg-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_color);\r\n display: inline-flex;\r\n inline-size: var(--_width);\r\n justify-content: center;\r\n overflow: clip;\r\n position: relative;\r\n text-align: center;\r\n text-decoration: none;\r\n\r\n &:has(img) {\r\n background-color: transparent;\r\n }\r\n\r\n svg {\r\n max-inline-size: var(--size-5);\r\n }\r\n\r\n img {\r\n block-size: 100%;\r\n inline-size: 100%;\r\n inset: 0;\r\n object-fit: cover;\r\n position: absolute;\r\n }\r\n\r\n &.squared {\r\n border-radius: 0;\r\n }\r\n\r\n &.rounded {\r\n border-radius: var(--radius-2);\r\n }\r\n\r\n &.squircle {\r\n border-radius: var(--radius-3);\r\n\r\n @supports (corner-shape: squircle) {\r\n border-radius: var(--radius-round);\r\n corner-shape: squircle;\r\n }\r\n }\r\n }\r\n\r\n :where([role=\"group\"]) {\r\n --_margin: var(--size-3);\r\n --_outline-color: var(--surface-default);\r\n\r\n display: flex;\r\n\r\n .avatar {\r\n box-shadow: 0 0 0 2px var(--_outline-color);\r\n margin-inline-end: calc(-1 * var(--_margin));\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.card) {\r\n --_bg-tonal: var(--surface-tonal);\r\n --_bg-elevated: var(--surface-elevated);\r\n --_bg-surface: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_card-bg-color: var(--_bg-surface);\r\n --_card-border-color: transparent;\r\n --_card-border-width: 0;\r\n\r\n --_card-shadow: none;\r\n --_shadow-light: var(--shadow-3);\r\n --_shadow-dark: var(--shadow-4);\r\n --_shadow-elevated: var(--_shadow-light);\r\n\r\n @container style(--color-scheme: dark) {\r\n --_shadow-elevated: var(--_shadow-dark);\r\n }\r\n\r\n background-color: var(--_card-bg-color);\r\n border-color: var(--_card-border-color);\r\n border-radius: var(--border-radius);\r\n border-style: solid;\r\n border-width: var(--_card-border-width);\r\n box-shadow: var(--_card-shadow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--size-3);\r\n overflow: hidden;\r\n padding-inline: 0;\r\n position: relative;\r\n\r\n /* Variants */\r\n &.text {\r\n --_card-bg-color: transparent;\r\n --_card-border-color: transparent;\r\n --_card-border-width: 0;\r\n --_card-shadow: none;\r\n }\r\n\r\n &.tonal {\r\n --_card-bg-color: var(--_bg-tonal);\r\n --_card-border-width: 1px;\r\n }\r\n\r\n &.elevated {\r\n --_card-bg-color: var(--_bg-elevated);\r\n --_card-shadow: var(--_shadow-elevated);\r\n }\r\n\r\n &.outlined {\r\n --_card-bg-color: var(--_bg-surface);\r\n --_card-border-color: var(--_border-color);\r\n --_card-border-width: 1px;\r\n }\r\n\r\n &> :where(hgroup, .content) {\r\n padding-inline: var(--size-3);\r\n\r\n &:last-child {\r\n padding-block-end: var(--size-3);\r\n }\r\n }\r\n\r\n /* Header */\r\n &>hgroup {\r\n padding-block: var(--size-3) 0;\r\n\r\n /* Top paragraph */\r\n &>p:first-of-type:first-child {\r\n line-height: 1.3;\r\n }\r\n\r\n :where(h1, h2, h3, h4, h5, h6):last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n /* Bottom paragraph */\r\n &>p:last-of-type:last-child:not(:first-child) {\r\n font-size: var(--font-size-1);\r\n }\r\n }\r\n\r\n /* Content */\r\n &>.content:where(:only-child, :first-child) {\r\n padding-block: var(--size-3) var(--size-4);\r\n }\r\n\r\n /* Actions */\r\n &>.actions {\r\n display: flex;\r\n gap: var(--size-2);\r\n margin-block: var(--size-2) 0;\r\n padding-block-end: var(--size-2);\r\n padding-inline: var(--size-3);\r\n\r\n &:has(.button:first-child[class=\"button\"]) {\r\n padding-inline: var(--size-1) var(--size-3);\r\n }\r\n\r\n &:has(.button:not([class=\"button\"])) {\r\n padding-block-end: var(--size-2);\r\n }\r\n\r\n /* Alignment */\r\n &.align-end {\r\n justify-content: end;\r\n\r\n &:has(.button:first-child[class=\"button\"]) {\r\n padding-inline: var(--size-3) var(--size-1);\r\n }\r\n }\r\n }\r\n\r\n\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.chip) {\r\n --_bg-color: var(--surface-tonal);\r\n --_border-color: var(--border-color);\r\n --_color: var(--text-primary);\r\n\r\n align-items: center;\r\n background: var(--_bg-color) var(--ripple, none);\r\n block-size: var(--size-7, 2rem);\r\n border-radius: var(--radius-2, 0.5rem);\r\n border: 1px solid var(--_border-color);\r\n color: var(--_color);\r\n display: inline-flex;\r\n font-size: var(--font-size-0, 0.75rem);\r\n gap: var(--size-1);\r\n padding-inline: var(--size-2);\r\n text-decoration: none;\r\n\r\n /* Variants */\r\n &.tonal {\r\n --_bg-color: var(--surface-tonal);\r\n --_color: var(--text-primary);\r\n }\r\n\r\n &.outlined {\r\n --_bg-color: var(--surface-default);\r\n --_color: var(--text-primary);\r\n }\r\n\r\n &:where(button, a):where(:not([disabled])) {\r\n &:where(:not(:active)):hover {\r\n --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.98) c h),\r\n oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n }\r\n }\r\n\r\n /* Icon */\r\n &:has(svg:first-child) {\r\n padding-inline: var(--size-1) var(--size-2);\r\n }\r\n\r\n &:has(svg:last-child) {\r\n padding-inline: var(--size-2) var(--size-1);\r\n }\r\n\r\n &:has(svg) {\r\n svg {\r\n flex-shrink: 0;\r\n inline-size: var(--size-3);\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.small {\r\n block-size: var(--size-5);\r\n }\r\n\r\n &.multiline {\r\n block-size: auto;\r\n }\r\n\r\n /* Ripple effect */\r\n background-position: center;\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;\r\n\r\n transition: background var(--button-ripple-duration);\r\n }\r\n\r\n &:where(:hover:active) {\r\n background-size: var(--button-ripple-size);\r\n transition: background 0s;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:where([disabled]) {\r\n opacity: 0.64;\r\n --_color: color-mix(in oklch,\r\n var(--text-muted) 50%,\r\n var(--surface-default));\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.description-list) {\r\n --_border-style: solid;\r\n --_border-width: 1px;\r\n\r\n display: grid;\r\n gap: var(--size-3);\r\n margin: 0;\r\n padding: 0;\r\n\r\n &.dotted {\r\n --_border-style: dotted;\r\n --_border-width: 2px;\r\n }\r\n\r\n .item {\r\n display: grid;\r\n margin: 0;\r\n padding: 0;\r\n\r\n dt {\r\n display: block;\r\n font-weight: 700;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n dd {\r\n margin: 0;\r\n }\r\n }\r\n\r\n @container (width > 45ch) {\r\n gap: var(--size-1);\r\n\r\n .item {\r\n align-items: baseline;\r\n display: grid;\r\n gap: var(--size-1);\r\n grid-template-columns: 1fr auto;\r\n\r\n dt {\r\n inline-size: max-content;\r\n\r\n &::after {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n dd {\r\n color: var(--text-muted);\r\n text-align: end;\r\n }\r\n }\r\n\r\n &.bordered .item {\r\n grid-template-columns: auto 1fr auto;\r\n\r\n dt {\r\n order: 0;\r\n }\r\n\r\n dd {\r\n order: 2;\r\n }\r\n\r\n &::after {\r\n background-color: transparent;\r\n block-size: 2px;\r\n border-block-end: var(--_border-width) var(--_border-style) var(--border-color);\r\n content: \"\";\r\n order: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(hr) {\r\n background-color: var(--border-color);\r\n block-size: var(--border-size-1);\r\n margin-block: var(--size-fluid-3);\r\n\r\n /* Border color */\r\n &.border-filled {\r\n background-color: var(--surface-filled);\r\n }\r\n\r\n &.border-primary {\r\n background-color: var(--primary);\r\n }\r\n\r\n &.border-tonal {\r\n background-color: var(--surface-tonal);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.link) {\r\n color: var(--primary);\r\n cursor: pointer;\r\n font-weight: 700;\r\n text-decoration: underline;\r\n text-decoration-color: var(--primary);\r\n text-underline-offset: 2px;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus-visible {\r\n color: var(--primary-light);\r\n }\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(table) {\r\n --_table-border-radius: var(--border-radius);\r\n\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n border: 1px solid var(--border-color);\r\n border-radius: var(--_table-border-radius);\r\n overflow: hidden;\r\n inline-size: 100%;\r\n margin: var(--size-3) 0;\r\n position: relative;\r\n\r\n /* Rows */\r\n tr {\r\n &:hover {\r\n background-color: oklch(from var(--surface-filled) l c h / 75%);\r\n }\r\n }\r\n\r\n /* Cells */\r\n th,\r\n td {\r\n background-color: var(--surface-default);\r\n border-inline-end: var(--border-width) solid var(--border-color);\r\n border-block-end: var(--border-width) solid var(--border-color);\r\n padding: var(--size-1) var(--size-2);\r\n\r\n &:last-child {\r\n border-inline-end: none;\r\n }\r\n }\r\n\r\n /* Remove bottom border only on the last row of the table */\r\n &>*:last-child tr:last-child {\r\n\r\n th,\r\n td {\r\n border-block-end: none;\r\n }\r\n }\r\n\r\n th {\r\n background-color: var(--surface-filled);\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n text-align: start;\r\n }\r\n\r\n td {\r\n font-size: var(--font-size-05);\r\n }\r\n\r\n /* Round corner cells */\r\n &>thead:first-of-type tr:first-child {\r\n th:first-child {\r\n border-start-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n th:last-child {\r\n border-start-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Logic for tables without thead */\r\n &>tbody:first-of-type:not(thead ~ tbody) tr:first-child {\r\n td:first-child {\r\n border-start-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n td:last-child {\r\n border-start-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Logic for bottom corners (whether in tbody or tfoot) */\r\n &>*:last-child tr:last-child {\r\n :where(th, td):first-child {\r\n border-end-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n :where(th, td):last-child {\r\n border-end-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Footer */\r\n tfoot {\r\n tr td {\r\n background-color: var(--surface-filled);\r\n padding-block: var(--size-2);\r\n }\r\n\r\n td {\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n border-top: var(--border-width) solid var(--border-color);\r\n }\r\n }\r\n\r\n /* Caption */\r\n caption {\r\n caption-side: bottom;\r\n color: var(--text-muted);\r\n font-size: var(--font-size-05);\r\n margin-inline-start: var(--size-2);\r\n padding: var(--size-2) 0;\r\n text-align: start;\r\n }\r\n\r\n /* Header */\r\n thead {\r\n z-index: 1;\r\n }\r\n\r\n /* Remove bottom border of the row above the footer to stay single-line */\r\n tbody:has(+ tfoot) tr:last-child td {\r\n border-block-end: none;\r\n }\r\n\r\n /* Column group */\r\n colgroup col {\r\n border: none;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1) 0.875rem;\r\n }\r\n }\r\n\r\n /* Spacious */\r\n &.spacious {\r\n\r\n th,\r\n td {\r\n padding: var(--size-3);\r\n }\r\n\r\n caption {\r\n margin-inline-start: var(--size-3);\r\n padding: var(--size-2) 0;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-3);\r\n }\r\n }\r\n }\r\n\r\n /* Dense */\r\n &.dense {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1);\r\n }\r\n\r\n caption {\r\n margin-inline-start: var(--size-1);\r\n padding: var(--size-1) 0;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(progress) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: var(--surface-tonal);\r\n\r\n appearance: none;\r\n background-color: var(--_bg-color);\r\n block-size: var(--size-1);\r\n border: 0;\r\n border-radius: var(--border-radius, 0.25rem);\r\n display: inline-block;\r\n inline-size: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n vertical-align: baseline;\r\n\r\n /* Color */\r\n &.filled {\r\n --_bg-color: var(--surface-filled);\r\n }\r\n\r\n &.default {\r\n --_bg-color: var(--surface-default);\r\n }\r\n\r\n &.tonal {\r\n --_bg-color: var(--surface-tonal);\r\n }\r\n\r\n &::-webkit-progress-bar {\r\n background: none;\r\n border-radius: var(--border-radius, 0.25rem);\r\n }\r\n\r\n &[value]::-webkit-progress-value {\r\n background-color: var(--_accent-color);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: inline-size 0.2s var(--ease-out-4, cubic-bezier(0, 0, 0.1, 1));\r\n }\r\n }\r\n\r\n &::-moz-progress-bar {\r\n background-color: var(--_accent-color);\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n progress:indeterminate {\r\n background-color: var(--_bg-color);\r\n\r\n &::after {\r\n animation: indeterminate 2s linear infinite;\r\n background-color: var(--_accent-color);\r\n content: \"\";\r\n inset: 0 auto 0 0;\r\n position: absolute;\r\n will-change: inset-inline-start, inset-inline-end;\r\n }\r\n\r\n &[value]::-webkit-progress-value {\r\n background-color: transparent;\r\n }\r\n\r\n &::-moz-progress-bar {\r\n background-color: transparent;\r\n }\r\n }\r\n\r\n [dir=\"rtl\"] {\r\n :where(progress):indeterminate {\r\n animation-direction: reverse;\r\n\r\n &::after {\r\n animation-direction: reverse;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @keyframes indeterminate {\r\n 0% {\r\n inset-inline-start: -200%;\r\n inset-inline-end: 100%;\r\n }\r\n\r\n 60% {\r\n inset-inline-start: 107%;\r\n inset-inline-end: -8%;\r\n }\r\n\r\n 100% {\r\n inset-inline-start: 107%;\r\n inset-inline-end: -8%;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n\r\n [aria-busy=\"true\"]:not(input,\r\n select,\r\n textarea,\r\n html,\r\n progress,\r\n [aria-describedby]) {\r\n position: relative;\r\n\r\n &::before {\r\n animation: spin 0.7s linear infinite;\r\n block-size: 1em;\r\n border-color: transparent currentColor currentColor;\r\n border-radius: 50%;\r\n border-style: solid;\r\n border-width: 3px;\r\n content: \"\";\r\n display: inline-block;\r\n inline-size: 1em;\r\n opacity: 0.5;\r\n vertical-align: -0.14em;\r\n }\r\n\r\n &:not(button.button):not(:empty) {\r\n &::before {\r\n margin-inline-end: 0.5em;\r\n }\r\n }\r\n }\r\n\r\n @keyframes spin {\r\n to {\r\n transform: rotate(1turn);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n\tlabel.checkbox {\r\n\t\t--_input-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Spread layout */\r\n\t\t&.spread {\r\n\t\t\talign-items: center;\r\n\t\t\tcolumn-gap: var(--size-4);\r\n\t\t\tgrid-auto-flow: unset;\r\n\t\t\tgrid-template-columns: 1fr auto;\r\n\t\t\tinline-size: 100%;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t\tinline-size: fit-content;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\tgrid-column: 2;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.stack {\r\n\t\t\tjustify-items: center;\r\n\t\t\tgrid-auto-columns: unset;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder-radius: var(--radius-1);\r\n\t\t\tborder: 1px solid var(--border-color);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_input-size);\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked,\r\n\t\t\t&:indeterminate {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t/* Checkmark */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tclip-path: polygon(15% 52%, 40% 77%, 85% 32%, 75% 22%, 40% 57%, 25% 42%);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinset: 0;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after,\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t/* Indeterminate dash */\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\tclip-path: polygon(20% 45%, 80% 45%, 80% 55%, 20% 55%);\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.large {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-5);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked,\r\n\t\t\t\t&:indeterminate {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\tlabel.radio {\r\n\t\t--_input-size: 1.125rem;\r\n\t\t--_indicator-size: 50%;\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.stack {\r\n\t\t\tgrid-auto-columns: unset;\r\n\t\t\tjustify-items: center;\r\n\r\n\t\t\t.label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder: 1px solid var(--field-border-color);\r\n\t\t\tborder-radius: var(--radius-round);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\t\t\t/* Dot */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tblock-size: var(--_indicator-size);\r\n\t\t\t\tborder-radius: var(--radius-round);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_indicator-size);\r\n\t\t\t\tmargin: auto;\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.small {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.large {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tblock-size: var(--size-4);\r\n\t\t\t\tinline-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.range) {\r\n display: grid;\r\n gap: var(--size-1) 0;\r\n /* Two-column base so the optional .value cell can sit next to the\r\n label on row 1. Children that span the full width keep using\r\n `grid-column: 1/-1`, so this is backwards compatible. */\r\n grid-template-columns: 1fr auto;\r\n position: relative;\r\n\r\n .label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n /* Live current-value readout. Pairs with the <output> element\r\n rendered by the Range component (or hand-written .value markup). */\r\n :where(.value) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n font-variant-numeric: tabular-nums;\r\n font-weight: 600;\r\n grid-column: 2;\r\n grid-row: 1;\r\n line-height: 1.5;\r\n text-align: end;\r\n }\r\n\r\n .start-text {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n :where(.end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 5;\r\n line-height: 1.5;\r\n }\r\n\r\n /* Datalist (tick mark labels) */\r\n :where(datalist) {\r\n color: var(--text-muted);\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 4;\r\n justify-content: space-between;\r\n margin-top: calc(var(--size-1) * -1);\r\n padding-inline: calc(3ex / 2);\r\n\r\n &>option {\r\n display: flex;\r\n inline-size: 0;\r\n justify-content: center;\r\n padding: 0;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:has([disabled]) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n .label,\r\n .value,\r\n .start-text,\r\n .end-text {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Color */\r\n &.filled input[type=\"range\"] {\r\n --_track-color: var(--surface-filled);\r\n }\r\n\r\n &.default input[type=\"range\"] {\r\n --_track-color: var(--surface-default);\r\n }\r\n\r\n &.tonal input[type=\"range\"] {\r\n --_track-color: var(--surface-tonal);\r\n }\r\n\r\n /* Orientation */\r\n &.spread {\r\n align-items: center;\r\n column-gap: var(--size-4);\r\n container-type: inline-size;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .start-text {\r\n color: var(--text-muted);\r\n display: block;\r\n font-size: var(--font-size-0);\r\n grid-column: 1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n input[type=\"range\"] {\r\n align-self: center;\r\n grid-column: 2;\r\n grid-row: 1;\r\n min-inline-size: 25ch;\r\n }\r\n\r\n /* In spread mode, the value sits below the slider in col 2\r\n (where end-text would normally land). When end-text is also\r\n present it shifts down a row to avoid collision. */\r\n :where(.value) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n :where(.end-text) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n text-align: end;\r\n }\r\n\r\n datalist {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n /* When both datalist and end-text exist, push end-text below the datalist\r\n so they don't collide on the same grid cell. */\r\n &:has(datalist) :where(.end-text) {\r\n grid-row: 3;\r\n }\r\n\r\n &:has(.value) :where(.end-text) {\r\n grid-row: 3;\r\n }\r\n\r\n &:has(.value):has(datalist) :where(.end-text) {\r\n grid-row: 4;\r\n }\r\n\r\n @container (width < 400px) {\r\n grid-template-columns: 1fr;\r\n\r\n * {\r\n grid-column: 1/-1;\r\n }\r\n\r\n .label {\r\n grid-row: 1;\r\n }\r\n\r\n /* Share row 1 with the label: the label's text stays left-aligned\r\n in its full-width cell, while the value shrinks to fit and\r\n right-aligns. Visually reads as a \"[name ........ value]\" row. */\r\n :where(.value) {\r\n grid-row: 1;\r\n justify-self: end;\r\n text-align: end;\r\n }\r\n\r\n .start-text {\r\n grid-row: 2;\r\n }\r\n\r\n input[type=\"range\"] {\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n }\r\n\r\n datalist {\r\n grid-column: 1/-1;\r\n grid-row: 4;\r\n }\r\n\r\n :where(.end-text) {\r\n grid-row: 5;\r\n text-align: start;\r\n }\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid],\r\n &:has(:user-invalid) {\r\n --_thumb-bg: var(--color-9);\r\n --_thumb-highlight-color: oklch(from var(--color-9) 70% 100% h / 20%);\r\n\r\n .start-text,\r\n .end-text,\r\n .value {\r\n color: var(--color-9);\r\n }\r\n }\r\n\r\n /* Range input */\r\n :where(& > input[type=\"range\"]) {\r\n --_thumb-bg: var(--primary);\r\n --_thumb-highlight-color: oklch(from var(--primary) 70% 100% h / 20%);\r\n --_thumb-highlight-size: 0px;\r\n --_thumb-offset: -1.125ex;\r\n --_thumb-size: 3ex;\r\n --_track-color: var(--field-border-color);\r\n --_track-fill: 0%;\r\n --_track-fill-color: var(--primary);\r\n --_track-height: 0.75ex;\r\n --_track-radius: 1e5px;\r\n\r\n appearance: none;\r\n background: transparent;\r\n block-size: var(--size-4);\r\n display: block;\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n inline-size: 100%;\r\n outline-offset: 1ex;\r\n\r\n @media (hover: none) {\r\n --_thumb-offset: -11.5px;\r\n --_thumb-size: 30px;\r\n }\r\n\r\n /* Track */\r\n &::-webkit-slider-runnable-track {\r\n appearance: none;\r\n background: linear-gradient(to right,\r\n var(--_track-fill-color) var(--_track-fill, 0%),\r\n var(--_track-color) 0%);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n &::-moz-range-track {\r\n appearance: none;\r\n background: var(--_track-color);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n &::-moz-range-progress {\r\n appearance: none;\r\n background: var(--_track-fill-color);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n /* Ring */\r\n &::-webkit-slider-thumb {\r\n appearance: none;\r\n background: var(--_thumb-bg);\r\n block-size: var(--_thumb-size);\r\n border: 3px solid var(--surface-default);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n cursor: ew-resize;\r\n inline-size: var(--_thumb-size);\r\n margin-block-start: var(--_thumb-offset);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: box-shadow 0.1s ease;\r\n }\r\n\r\n .fieldset-item:focus-within & {\r\n border-color: var(--gray-14);\r\n }\r\n }\r\n\r\n &::-moz-range-thumb {\r\n appearance: none;\r\n background: var(--_thumb-bg);\r\n block-size: var(--_thumb-size);\r\n border: 3px solid var(--surface-default);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n cursor: ew-resize;\r\n inline-size: var(--_thumb-size);\r\n margin-block-start: var(--_thumb-offset);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: box-shadow 0.1s ease;\r\n }\r\n\r\n .fieldset-item:focus-within & {\r\n border-color: var(--gray-14);\r\n }\r\n }\r\n\r\n /* Element state */\r\n .range:has(:user-invalid) &,\r\n .range[data-invalid] & {\r\n --_track-fill-color: var(--color-9);\r\n }\r\n\r\n &:not([disabled]) {\r\n &:hover {\r\n --_thumb-highlight-size: var(--size-1);\r\n }\r\n\r\n &:active {\r\n --_thumb-highlight-size: var(--size-2);\r\n --_track-color: light-dark(oklch(from var(--field-border-color) calc(l * 0.9) c h),\r\n oklch(from var(--field-border-color) calc(l * 1.1) c h));\r\n }\r\n }\r\n\r\n &[disabled] {\r\n --_thumb-bg: oklch(from var(--text-primary) l c h / 50%);\r\n --_track-color: var(--field-border-color);\r\n\r\n cursor: not-allowed;\r\n\r\n &::-webkit-slider-thumb {\r\n cursor: not-allowed;\r\n }\r\n\r\n &::-moz-range-thumb {\r\n cursor: not-allowed;\r\n }\r\n }\r\n }\r\n }\r\n\r\n}\r\n","@layer components.root {\r\n :where(.switch) {\r\n --_accent-color: var(--primary);\r\n --_accent-contrast: var(--primary-contrast);\r\n\r\n --_dot-bg-color: light-dark(var(--gray-11), var(--gray-14));\r\n --_dot-inset: var(--size-1) auto auto var(--size-1);\r\n --_dot-outline-size: 0;\r\n --_dot-size: var(--size-3);\r\n\r\n --_track-bg-color: light-dark(var(--gray-3), var(--gray-8));\r\n --_track-height: var(--size-5);\r\n --_track-width: var(--size-8);\r\n --_transition-tf: var(--ease-4);\r\n --_transition-time: 0.2s;\r\n\r\n align-items: center;\r\n color: var(--text-primary);\r\n display: inline-grid;\r\n gap: 0 var(--size-2);\r\n grid-auto-columns: auto;\r\n grid-auto-flow: column;\r\n inline-size: fit-content;\r\n\r\n :where(input[type=\"checkbox\"][role=\"switch\"]) {\r\n appearance: none;\r\n block-size: var(--_track-height);\r\n cursor: pointer;\r\n inline-size: var(--_track-width);\r\n margin: 0;\r\n position: relative;\r\n\r\n /* Track */\r\n &::before {\r\n background-color: var(--_track-bg-color);\r\n block-size: var(--_track-height);\r\n border: 1px solid var(--_dot-bg-color);\r\n border-radius: var(--radius-round);\r\n content: \"\";\r\n inline-size: var(--_track-width);\r\n inset: 0;\r\n position: absolute;\r\n }\r\n\r\n &:focus-visible {\r\n --focus-ring-color: currentColor;\r\n outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n outline-offset: var(--focus-ring-offset);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n background-color: var(--_dot-bg-color);\r\n block-size: var(--_dot-size);\r\n border-radius: var(--radius-round);\r\n content: \"\";\r\n inline-size: var(--_dot-size);\r\n inset: var(--_dot-inset);\r\n outline: var(--_dot-outline-size) solid var(--_dot-bg-color);\r\n outline-offset: -1px;\r\n position: absolute;\r\n }\r\n\r\n /* Checked */\r\n &:checked {\r\n &::before {\r\n background-color: var(--_accent-color);\r\n border-color: var(--_accent-color);\r\n transition:\r\n background-color var(--_transition-time) var(--_transition-tf),\r\n border-color var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n --_dot-bg-color: var(--_accent-contrast);\r\n --_dot-outline-size: calc(var(--size-1) - 1px);\r\n\r\n inset-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n }\r\n }\r\n\r\n /* Animation */\r\n @media (prefers-reduced-motion: no-preference) {\r\n\r\n /* Track */\r\n &::before {\r\n transition:\r\n background-color var(--_transition-time) var(--_transition-tf),\r\n border-color var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n transition: all var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n &:active:after {\r\n --_dot-outline-size: calc(var(--size-1) + 1px);\r\n }\r\n\r\n &:checked {\r\n &:active:after {\r\n --_dot-outline-size: calc(var(--size-1) + 1px);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Icons */\r\n &:has(.icon-checked, .icon-unchecked) {\r\n [role=\"switch\"] {\r\n grid-column: 1 / -1;\r\n grid-row: 1;\r\n }\r\n\r\n &:has([role=\"switch\"]:checked) {\r\n .icon-unchecked {\r\n display: none;\r\n }\r\n\r\n .icon-checked {\r\n display: block;\r\n }\r\n }\r\n\r\n .icon-checked {\r\n display: none;\r\n }\r\n\r\n .icon-unchecked,\r\n .icon-checked {\r\n grid-column: 1;\r\n grid-row: 1;\r\n pointer-events: none;\r\n z-index: 1;\r\n\r\n svg {\r\n display: block;\r\n inline-size: var(--_dot-size);\r\n }\r\n }\r\n\r\n .icon-unchecked {\r\n margin-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n }\r\n\r\n .icon-checked {\r\n margin-inline-start: var(--size-1);\r\n }\r\n }\r\n\r\n /* Required dot */\r\n &:has(:invalid) {\r\n .label:after {\r\n color: var(--red);\r\n content: \"*\";\r\n inset: 0 -0.25ex auto auto;\r\n position: absolute;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:has([disabled]) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n input {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Label */\r\n .label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n grid-column: 2;\r\n grid-row: 1;\r\n min-width: 0;\r\n padding-inline: 0 1ex;\r\n position: relative;\r\n user-select: none;\r\n }\r\n\r\n /* End text */\r\n :where(.end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 2;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n z-index: 1;\r\n }\r\n\r\n /* Size */\r\n &.small {\r\n --_dot-size: 0.75rem;\r\n --_track-height: var(--size-4);\r\n --_track-width: 2.5rem;\r\n }\r\n\r\n /* Spread layout */\r\n &.spread {\r\n align-items: center;\r\n column-gap: var(--size-4);\r\n grid-auto-flow: unset;\r\n grid-template-columns: 1fr auto;\r\n inline-size: 100%;\r\n\r\n .label {\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n inline-size: fit-content;\r\n }\r\n\r\n input[role=\"switch\"] {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n &:has(.icon-checked, .icon-unchecked) {\r\n\r\n input[role=\"switch\"],\r\n .icon-checked,\r\n .icon-unchecked {\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n :where(.end-text) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n /* Stacked layout */\r\n &.stack {\r\n grid-auto-columns: unset;\r\n justify-items: center;\r\n\r\n .label {\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n margin-block-start: var(--size-1);\r\n padding-inline: 1ex;\r\n }\r\n\r\n .end-text {\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid] {\r\n input {\r\n border-radius: var(--radius-round);\r\n outline: 2px solid var(--color-9);\r\n }\r\n\r\n .end-text {\r\n color: var(--color-9);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\t:where(#toast-manager) {\r\n\t\tbackground: none;\r\n\t\tblock-size: auto;\r\n\t\tborder: none;\r\n\t\tdisplay: none;\r\n\t\tflex-direction: column-reverse;\r\n\t\tgap: var(--size-3);\r\n\t\tinline-size: auto;\r\n\t\tinset: auto var(--size-4) var(--size-4) auto;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: calc(100vi - var(--size-8));\r\n\t\toverflow: visible;\r\n\t\tpadding: 0;\r\n\t\tpointer-events: none;\r\n\t\tposition: fixed;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&:popover-open {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t&::backdrop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* Optional cap on visible toasts. Older toasts beyond this depth are hidden\r\n\t\t but still in the DOM so they animate cleanly when newer ones are removed. */\r\n\t\t/* > .toast:nth-last-child(n + 6) { display: none; } */\r\n\t}\r\n\r\n\t:where(.toast) {\r\n\t\t--_anim-enter: 0.3s;\r\n\t\t--_anim-exit: 0.3s;\r\n\r\n\t\talign-items: center;\r\n\t\tanimation:\r\n\t\t\ttoast-enter var(--_anim-enter) var(--ease-out-3) both,\r\n\t\t\ttoast-hold attr(data-duration type(<time>), 5s) linear both,\r\n\t\t\ttoast-exit var(--_anim-exit) var(--ease-in-3) both;\r\n\t\tanimation-delay:\r\n\t\t\t0s,\r\n\t\t\tvar(--_anim-enter),\r\n\t\t\tcalc(var(--_anim-enter) + attr(data-duration type(<time>), 5s));\r\n\t\tbackground-color: light-dark(var(--gray-15), var(--gray-2));\r\n\t\tborder-radius: var(--border-radius);\r\n\t\tbox-shadow: var(--shadow-3);\r\n\t\tcolor: var(--text-primary-contrast);\r\n\t\tdisplay: flex;\r\n\t\tgap: var(--size-3);\r\n\t\tjustify-content: space-between;\r\n\t\tmin-inline-size: 30ch;\r\n\t\tpadding: var(--size-3) var(--size-4);\r\n\t\tpointer-events: auto;\r\n\r\n\t\t&:hover {\r\n\t\t\tanimation-play-state: paused;\r\n\t\t}\r\n\r\n\t\t&.exiting {\r\n\t\t\tanimation: toast-exit var(--_anim-exit) var(--ease-in-3) forwards;\r\n\t\t}\r\n\r\n\t\t.icon {\r\n\t\t\tbackground: no-repeat center / contain;\r\n\t\t\tblock-size: var(--size-4);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--size-4);\r\n\t\t}\r\n\r\n\t\t/* Hide the icon slot when there's no severity to render against. */\r\n\t\t&:not([data-severity]) .icon {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tword-break: break-word;\r\n\t\t}\r\n\r\n\t\t.title {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\t.description {\r\n\t\t\tcolor: oklch(from currentColor l c h / 75%);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t}\r\n\r\n\t\t.close-button {\r\n\t\t\tbackground: none;\r\n\t\t\tborder: none;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\topacity: 0.7;\r\n\t\t\tpadding: var(--size-1);\r\n\t\t\tplace-items: center;\r\n\t\t\ttransition: opacity 0.2s;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Severity icons via CSS data URIs — keeps icon assets out of JS strings. */\r\n\t\t&[data-severity=\"success\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><path d='m9 11 3 3L22 4'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"info\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4'/><path d='M12 8h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"warning\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/><path d='M12 9v4'/><path d='M12 17h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"critical\"] .icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6'/><path d='m9 9 6 6'/></svg>\");\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-enter {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttranslate: var(--size-4) 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Identity keyframe — only purpose is to delay the exit animation by the\r\n\t author-defined duration. */\r\n\t@keyframes toast-hold {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-exit {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t\tscale: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 0;\r\n\t\t\tscale: 0.9;\r\n\t\t\ttranslate: 0 var(--size-4);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\r\n :where(.p) {\r\n text-wrap: pretty;\r\n\r\n &.small {\r\n font-size: var(--font-size-1);\r\n }\r\n\r\n &.large {\r\n font-size: var(--font-size-3);\r\n }\r\n }\r\n\r\n :where(.h1, .h2, .h3, .h4, .h5, .h6) {\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-wrap: pretty;\r\n }\r\n\r\n :where(.h1) {\r\n font-size: var(--font-size-h1, var(--font-size-7));\r\n letter-spacing: -0.02em;\r\n line-height: 1.15;\r\n }\r\n\r\n :where(.h2) {\r\n font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n\r\n :where(.h3) {\r\n font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.167;\r\n }\r\n\r\n :where(.h4) {\r\n font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.235;\r\n }\r\n\r\n :where(.h5) {\r\n font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n line-height: 1.334;\r\n }\r\n\r\n :where(.h6) {\r\n font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n line-height: 1;\r\n }\r\n\r\n /** Overline */\r\n :where(.overline) {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n :where(.hgroup) {\r\n &>p {\r\n margin: 0;\r\n }\r\n\r\n &> :where(h1, h2, h3, h4, h5, h6) {\r\n margin-block: 0 0.4em;\r\n }\r\n\r\n /* First p element (overline) */\r\n &>p:first-of-type:first-child {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n /* Body paragraphs after the heading */\r\n &>p:not(:first-of-type:first-child) {\r\n color: oklch(from currentColor l c h / 75%);\r\n font-size: var(--font-size-3);\r\n line-height: 1.6;\r\n }\r\n\r\n &>p+p {\r\n margin-block-start: 0.75em;\r\n }\r\n }\r\n\r\n /** Caption */\r\n :where(.caption) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n line-height: 1.6;\r\n }\r\n\r\n\r\n\r\n /* Inline text elements — class utilities (work anywhere) */\r\n :where(.u, .abbr, .dfn) {\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(.abbr, .dfn) {\r\n font-style: normal;\r\n text-decoration: var(--color-9) underline dotted;\r\n\r\n &[title] {\r\n cursor: help;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(.sup) {\r\n font-size: 0.5em;\r\n vertical-align: super;\r\n }\r\n\r\n :where(p, span).small {\r\n font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n }\r\n\r\n :where(.cite) {\r\n font-style: italic;\r\n }\r\n\r\n /* Code */\r\n :where(.kbd) {\r\n font-family: var(--font-mono);\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n word-break: break-word;\r\n }\r\n\r\n :where(.mark) {\r\n border-radius: var(--radius-2);\r\n box-decoration-break: clone;\r\n padding: .1ex .3ex;\r\n vertical-align: baseline;\r\n }\r\n\r\n :where(.s) {\r\n text-decoration: line-through;\r\n }\r\n\r\n :where(.sub) {\r\n font-size: 0.75em;\r\n vertical-align: sub;\r\n }\r\n\r\n :where(.del) {\r\n color: var(--color-9);\r\n text-decoration: line-through;\r\n }\r\n\r\n :where(.ins) {\r\n color: var(--color-9);\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n :where(.var) {\r\n font-family: var(--font-mono);\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n word-break: break-word;\r\n }\r\n\r\n :where(.samp) {\r\n font-family: var(--font-mono);\r\n }\r\n\r\n /* Blockquote */\r\n :where(.blockquote) {\r\n border-inline-start: var(--border-size-3) solid currentColor;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n\r\n :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n footer {\r\n color: var(--text-muted);\r\n margin-block-start: var(--size-3);\r\n }\r\n }\r\n\r\n /* Code block */\r\n :where(pre.code-block) {\r\n background-color: var(--color-15);\r\n border-radius: var(--border-radius);\r\n color: var(--color-1);\r\n font-family: var(--font-mono);\r\n font-size: var(--font-size-05);\r\n max-inline-size: 100%;\r\n overflow-x: auto;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n scrollbar-width: thin;\r\n white-space: pre;\r\n\r\n >code {\r\n background: none;\r\n border-radius: 0;\r\n color: inherit;\r\n font-size: inherit;\r\n padding: 0;\r\n word-break: normal;\r\n writing-mode: inherit;\r\n }\r\n }\r\n\r\n}\r\n\r\n/* Rich text */\r\n@layer components.extended {\r\n @scope (.rich-text) to (.not-rich-text) {\r\n a {\r\n color: var(--primary);\r\n cursor: pointer;\r\n font-size: inherit;\r\n font-weight: 700;\r\n line-height: inherit;\r\n text-decoration: underline;\r\n text-decoration-color: var(--primary);\r\n text-underline-offset: 2px;\r\n\r\n &[href] {\r\n\r\n &:hover,\r\n &:focus-visible {\r\n color: var(--primary-light);\r\n }\r\n }\r\n }\r\n\r\n /* Blockquote */\r\n blockquote {\r\n border-inline-start: var(--border-size-3) solid currentColor;\r\n font-size: inherit;\r\n line-height: inherit;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n\r\n :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n footer {\r\n color: var(--text-muted);\r\n margin-block-start: var(--size-3);\r\n }\r\n }\r\n\r\n /* Code */\r\n pre {\r\n border-radius: var(--border-radius);\r\n font-size: var(--font-size-05);\r\n margin-block: var(--size-6);\r\n max-inline-size: max-content;\r\n min-inline-size: 0;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n white-space: pre;\r\n }\r\n\r\n pre:has(> code) {\r\n background-color: var(--color-15);\r\n border-radius: var(--border-radius);\r\n color: var(--color-1);\r\n max-inline-size: 100%;\r\n overflow-x: auto;\r\n scrollbar-width: thin;\r\n\r\n >code {\r\n background: none;\r\n border-radius: 0;\r\n color: inherit;\r\n font-size: inherit;\r\n padding: 0;\r\n word-break: normal;\r\n writing-mode: inherit;\r\n }\r\n }\r\n\r\n\r\n /* Text */\r\n p {\r\n font-size: inherit;\r\n line-height: inherit;\r\n margin-block: 1.25em;\r\n text-wrap: pretty;\r\n }\r\n\r\n :is(h1, h2, h3, h4, h5, h6) {\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-wrap: pretty;\r\n\r\n &+*:not(&) {\r\n margin-block-start: 0;\r\n }\r\n }\r\n\r\n h1 {\r\n font-size: var(--font-size-h1, var(--font-size-7));\r\n letter-spacing: -0.02em;\r\n line-height: 1.1111111;\r\n margin-block: 0 0.8888889em;\r\n }\r\n\r\n h2 {\r\n font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n letter-spacing: -0.02em;\r\n line-height: 1.3333333;\r\n margin-block: 2em 1em;\r\n }\r\n\r\n h3 {\r\n font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.6;\r\n margin-block: 1.6em 0.6em;\r\n }\r\n\r\n h4 {\r\n font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.5;\r\n margin-block: 1.5em 0.5em;\r\n }\r\n\r\n h5 {\r\n font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n line-height: 1;\r\n margin-block: 0 var(--size-1);\r\n }\r\n\r\n h6 {\r\n font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n line-height: 1;\r\n margin-block: 0 var(--size-1);\r\n }\r\n\r\n /** Overline */\r\n :is(.overline, hgroup p:first-of-type:first-child) {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n hgroup {\r\n &>p {\r\n margin: 0;\r\n }\r\n\r\n &> :where(h1, h2, h3, h4, h5, h6) {\r\n margin-block: 0 0.4em;\r\n }\r\n\r\n &+* {\r\n margin-block-start: 3em;\r\n }\r\n\r\n /* Body paragraphs after the heading */\r\n &>p:not(:first-of-type:first-child) {\r\n color: oklch(from currentColor l c h / 75%);\r\n font-size: var(--font-size-3);\r\n line-height: 1.6;\r\n }\r\n\r\n &>p+p {\r\n margin-block-start: 0.75em;\r\n }\r\n }\r\n\r\n /* Lists */\r\n ul:not([class]) {\r\n list-style-type: disc;\r\n }\r\n\r\n ol:not([class]) {\r\n list-style-type: decimal;\r\n }\r\n\r\n :where(ul, ol):not([class]) {\r\n display: grid;\r\n font-size: inherit;\r\n gap: 0.5em;\r\n line-height: inherit;\r\n margin-block-end: 1.25em;\r\n margin-block-start: 1.25em;\r\n padding-inline-start: 1.625em;\r\n\r\n li {\r\n padding-inline-start: 0.375em;\r\n }\r\n }\r\n\r\n /* Nested lists */\r\n :where(ul ul),\r\n :where(ul ol),\r\n :where(ol ul),\r\n :where(ol ol) {\r\n margin-block-end: 0.75em;\r\n margin-block-start: 0.75em;\r\n }\r\n\r\n /* Description lists */\r\n :where(dl) {\r\n font-size: inherit;\r\n line-height: inherit;\r\n margin-block-end: 1.25em;\r\n margin-block-start: 1.25em;\r\n\r\n dt {\r\n font-weight: 700;\r\n margin-block-start: 1.25em;\r\n }\r\n\r\n dd {\r\n margin-block-start: 0.5em;\r\n padding-inline-start: 1.625em;\r\n }\r\n }\r\n\r\n /* Figures */\r\n figure {\r\n display: grid;\r\n gap: var(--size-2);\r\n margin-block: var(--size-7);\r\n place-items: center;\r\n\r\n &>* {\r\n margin-block: 0;\r\n }\r\n\r\n & figcaption {\r\n font-size: var(--font-size-0);\r\n text-wrap: pretty;\r\n }\r\n }\r\n\r\n /* Remove top margin from first child */\r\n &> :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n /* Remove bottom margin from last child */\r\n &> :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n /* Horizontal rules */\r\n hr {\r\n &+* {\r\n margin-block-start: 0;\r\n }\r\n }\r\n\r\n /* Inline text elements */\r\n :where(ins, u, abbr, dfn) {\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(abbr, dfn) {\r\n font-style: normal;\r\n text-decoration: var(--color-9) underline dotted;\r\n\r\n &[title] {\r\n cursor: help;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n sup {\r\n font-size: 0.5em;\r\n vertical-align: super;\r\n }\r\n\r\n :where(del, ins) {\r\n color: var(--color-9);\r\n }\r\n\r\n small {\r\n font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n }\r\n\r\n cite {\r\n font-style: italic;\r\n }\r\n\r\n /* Code */\r\n :where(code, kbd, samp, pre) {\r\n font-family: var(--font-mono);\r\n }\r\n\r\n code {\r\n background-color: oklch(0 0 0 / 18%);\r\n border-radius: var(--border-size-3);\r\n font-size: 0.9em;\r\n padding: 0.1ex 0.3ex;\r\n }\r\n\r\n :where(kbd, var) {\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n }\r\n\r\n :not(pre) code,\r\n kbd {\r\n word-break: break-word;\r\n }\r\n\r\n :not(pre) code {\r\n border-radius: var(--border-radius, var(--radius-2));\r\n padding: 0.5ex;\r\n writing-mode: lr;\r\n }\r\n\r\n mark {\r\n border-radius: var(--radius-2);\r\n box-decoration-break: clone;\r\n padding: .1ex .3ex;\r\n vertical-align: baseline;\r\n }\r\n\r\n s {\r\n text-decoration: line-through;\r\n }\r\n\r\n sub {\r\n font-size: 0.75em;\r\n vertical-align: sub;\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.badge) {\r\n --_anchor-tx: -50%;\r\n --_anchor-ty: 50%;\r\n --_badge-inset: auto auto 100% 100%;\r\n --_bg-color: var(--primary);\r\n --_border-color: var(--primary);\r\n --_dot-size: var(--size-2);\r\n --_size: var(--size-4);\r\n --_text-color: var(--gray-1);\r\n\r\n display: inline-flex;\r\n position: relative;\r\n vertical-align: middle;\r\n\r\n /* Floating wrapper: traditional inset-based positioning so this works\r\n in browsers without position-area support (Firefox, older Safari). */\r\n &>.anchor-floating:not([popover]) {\r\n inset: var(--_badge-inset);\r\n position-anchor: auto;\r\n position-area: none;\r\n }\r\n\r\n /* Indicator */\r\n &>.anchor-floating>.badge-indicator {\r\n background-color: var(--_bg-color);\r\n block-size: var(--_size);\r\n border: 2px solid var(--_border-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_text-color);\r\n display: grid;\r\n font-size: 12px;\r\n font-weight: 500;\r\n inline-size: max-content;\r\n line-height: normal;\r\n min-inline-size: var(--_size);\r\n padding-inline: var(--size-1);\r\n place-items: center;\r\n text-align: center;\r\n transition: opacity 0.2s var(--ease-out-1);\r\n }\r\n\r\n /* Colors */\r\n &.critical {\r\n --_bg-color: var(--critical);\r\n --_border-color: var(--critical);\r\n }\r\n\r\n &.success {\r\n --_bg-color: var(--success);\r\n --_border-color: var(--success);\r\n }\r\n\r\n &.info {\r\n --_bg-color: var(--info);\r\n --_border-color: var(--info);\r\n }\r\n\r\n &.warning {\r\n --_bg-color: var(--warning);\r\n --_border-color: var(--warning);\r\n }\r\n\r\n &.neutral {\r\n --_bg-color: var(--neutral);\r\n --_border-color: var(--neutral);\r\n }\r\n\r\n /* Alignment */\r\n &.start-start {\r\n --_anchor-tx: 50%;\r\n --_anchor-ty: 50%;\r\n --_badge-inset: auto 100% 100% auto;\r\n }\r\n\r\n &.end-start {\r\n --_anchor-tx: 50%;\r\n --_anchor-ty: -50%;\r\n --_badge-inset: 100% 100% auto auto;\r\n }\r\n\r\n &.end-end {\r\n --_anchor-tx: -50%;\r\n --_anchor-ty: -50%;\r\n --_badge-inset: 100% auto auto 100%;\r\n }\r\n\r\n /* Dot */\r\n &.dot {\r\n --_anchor-tx: calc((var(--_dot-size) - 2px) * -1);\r\n --_anchor-ty: var(--_dot-size);\r\n }\r\n\r\n &.dot>.anchor-floating>.badge-indicator {\r\n block-size: var(--_dot-size);\r\n inline-size: var(--_dot-size);\r\n min-inline-size: var(--_dot-size);\r\n padding: 0;\r\n }\r\n\r\n /* Visibility */\r\n &.invisible>.anchor-floating>.badge-indicator {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where([role=\"group\"].button-group) {\r\n --_border-radius: var(--button-border-radius);\r\n\r\n border-radius: var(--_border-radius);\r\n display: inline-flex;\r\n min-width: max-content;\r\n\r\n /* Button */\r\n button {\r\n border-radius: 0;\r\n\r\n /* button.css > --_accent-tonal */\r\n --_divider-color: light-dark(oklch(from var(--_accent-tonal) calc(l - 0.1) c h),\r\n oklch(from var(--_accent-tonal) calc(l + 0.1) c h));\r\n\r\n &.outlined {\r\n --_divider-color: var(--_border-color);\r\n }\r\n\r\n &.filled {\r\n --_divider-color: currentColor;\r\n }\r\n\r\n &:focus-visible {\r\n outline-offset: -4px;\r\n }\r\n\r\n /* Color inheritance from Button Group — shared interaction model.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n :where(.button-group.critical,\r\n .button-group.primary) & {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n :where(.button-group.critical) & {\r\n --_color: var(--critical);\r\n }\r\n\r\n :where(.button-group.primary) & {\r\n --_color: var(--primary);\r\n }\r\n\r\n :where(.button-group.small) & {\r\n --_min-height: 1.875rem;\r\n padding-block: 0;\r\n padding-inline: 1ex;\r\n }\r\n\r\n :where(.button-group.large) & {\r\n --_min-height: 2.875rem;\r\n padding-inline: 4ex;\r\n }\r\n\r\n :where(.button-group.outlined) & {\r\n --_border-color: var(--_accent);\r\n --_divider-color: var(--_accent);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_border-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n :where(.button-group.tonal) & {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n :where(.button-group.filled) & {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n --_divider-color: currentColor;\r\n\r\n :where(.button-group.critical,\r\n .button-group.primary) & {\r\n --_divider-color: light-dark(oklch(from var(--_accent) calc(l - 0.1) c h),\r\n oklch(from var(--_accent) calc(l + 0.1) c h));\r\n }\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_filled-hover-bg-color);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_filled-active-bg-color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:not(.vertical) {\r\n button {\r\n &:first-of-type {\r\n border-end-start-radius: var(--_border-radius);\r\n border-start-start-radius: var(--_border-radius);\r\n }\r\n\r\n &:last-of-type {\r\n border-end-end-radius: var(--_border-radius);\r\n border-start-end-radius: var(--_border-radius);\r\n }\r\n\r\n /* Siblings */\r\n &+& {\r\n border-inline-start-color: var(--_divider-color);\r\n border-inline-width: 1px;\r\n margin-inline-start: -1px;\r\n\r\n &[disabled] {\r\n border-inline-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.vertical {\r\n flex-direction: column;\r\n\r\n button {\r\n padding: var(--size-2);\r\n\r\n &:has(svg) {\r\n aspect-ratio: 1;\r\n padding: var(--size-1);\r\n }\r\n\r\n &:first-of-type {\r\n border-start-start-radius: var(--_border-radius);\r\n border-start-end-radius: var(--_border-radius);\r\n }\r\n\r\n &:last-of-type {\r\n border-end-start-radius: var(--_border-radius);\r\n border-end-end-radius: var(--_border-radius);\r\n }\r\n\r\n &+& {\r\n border-block-start: 1px solid var(--_divider-color);\r\n margin-block-start: -1px;\r\n\r\n &[disabled] {\r\n border-block-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(details.accordion) {\r\n --_actions-gap: var(--size-1);\r\n --_actions-margin-block-start: var(--size-3);\r\n --_actions-padding-block-end: var(--size-1);\r\n --_actions-padding-inline: var(--size-3) var(--size-1);\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-radius: var(--border-radius, 4px);\r\n --_border-width: 0;\r\n --_content-padding-block: var(--size-2) var(--size-3);\r\n --_content-padding-inline: var(--_padding-inline);\r\n --_margin-inline: var(--size-1);\r\n --_padding-inline: initial;\r\n --_shadow: none;\r\n --_summary-padding-block: var(--size-3);\r\n --_summary-padding-inline: var(--_padding-inline);\r\n --_svg-transition: 0.2s var(--ease-1);\r\n --_transition: 0.2s;\r\n\r\n background-color: var(--_bg-color);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n box-shadow: var(--_shadow);\r\n display: block;\r\n margin-inline: var(--_margin-inline);\r\n transition: all var(--_transition) ease-out;\r\n\r\n &.elevated {\r\n --_bg-color: var(--surface-elevated);\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n --_shadow: var(--shadow-3);\r\n }\r\n\r\n &.outlined {\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_border-width: 1px;\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n }\r\n\r\n &.tonal {\r\n --_bg-color: var(--surface-tonal);\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n }\r\n\r\n /* Accordion animation */\r\n /* https://nerdy.dev/open-and-close-transitions-for-the-details-element */\r\n @media (prefers-reduced-motion: no-preference) {\r\n interpolate-size: allow-keywords;\r\n }\r\n\r\n &::details-content {\r\n block-size: 0;\r\n opacity: 0;\r\n overflow-y: clip;\r\n transition:\r\n content-visibility var(--_transition) allow-discrete,\r\n opacity var(--_transition),\r\n block-size var(--_transition);\r\n }\r\n\r\n &[open]::details-content {\r\n block-size: auto;\r\n opacity: 1;\r\n }\r\n\r\n /* Layout */\r\n &>summary {\r\n background-color: inherit;\r\n cursor: pointer;\r\n font-weight: 700;\r\n padding-block: var(--_summary-padding-block);\r\n padding-inline: var(--_summary-padding-inline);\r\n user-select: none;\r\n\r\n &:has(svg) {\r\n align-items: center;\r\n display: flex;\r\n justify-content: space-between;\r\n list-style: none;\r\n\r\n &::marker,\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n }\r\n\r\n svg {\r\n transition: rotate var(--_svg-transition);\r\n }\r\n }\r\n\r\n &[open]>summary svg {\r\n rotate: 180deg;\r\n }\r\n\r\n &>.content {\r\n margin-block-start: 0;\r\n padding-block: var(--_content-padding-block);\r\n padding-inline: var(--_content-padding-inline);\r\n }\r\n\r\n &>.actions {\r\n display: flex;\r\n gap: var(--_actions-gap);\r\n justify-content: end;\r\n margin-block-start: var(--_actions-margin-block-start);\r\n padding-block-end: var(--_actions-padding-block-end);\r\n padding-inline: var(--_actions-padding-inline);\r\n }\r\n }\r\n\r\n /* Accordion group */\r\n :where(.card[role=\"group\"]:has(details.accordion)) {\r\n --_group-radius: var(--border-radius);\r\n --_gutter-color: var(--border-color);\r\n --_item-padding-inline: var(--size-3);\r\n --_item-summary-padding-inline: var(--_item-padding-inline);\r\n\r\n display: block;\r\n\r\n &.card {\r\n &:not(.tonal, .outlined, .elevated) {\r\n --_item-summary-padding-inline: 0;\r\n }\r\n }\r\n\r\n &>.content {\r\n margin-block: 0;\r\n padding: 0;\r\n }\r\n\r\n &>details.accordion {\r\n --_border-color: transparent;\r\n --_border-width: 0;\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--_item-padding-inline);\r\n --_shadow: none;\r\n --_summary-padding-inline: var(--_item-summary-padding-inline);\r\n\r\n /* Border between accordion items */\r\n &+& {\r\n border-block-start: 1px solid var(--_gutter-color);\r\n border-radius: 0;\r\n }\r\n\r\n /* First item */\r\n &:first-of-type {\r\n border-start-end-radius: var(--_group-radius);\r\n border-start-start-radius: var(--_group-radius);\r\n\r\n summary {\r\n border-start-end-radius: var(--_group-radius);\r\n border-start-start-radius: var(--_group-radius);\r\n }\r\n }\r\n\r\n /* Last item */\r\n &:last-of-type {\r\n border-end-end-radius: var(--_group-radius);\r\n border-end-start-radius: var(--_group-radius);\r\n\r\n summary {\r\n border-end-end-radius: var(--_group-radius);\r\n border-end-start-radius: var(--_group-radius);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n /*\r\nLists meant to be used stand-alone or as part of Select elements\r\n\r\n Intended use-case:\r\n - ul.list > li\r\n - .select > .list > option\r\n*/\r\n :where(.list) {\r\n --_bg-color: var(--surface-filled);\r\n --_bg-color-hover: oklch(from var(--primary) l c h / 15%);\r\n\r\n background-color: var(--_bg-color);\r\n color: var(--text-primary);\r\n list-style: none;\r\n padding: var(--size-2) 0;\r\n\r\n @media (pointer: coarse) {\r\n\r\n &,\r\n * {\r\n user-select: none;\r\n }\r\n }\r\n\r\n /* Background color */\r\n &.transparent {\r\n --_bg-color: transparent;\r\n }\r\n\r\n &.default {\r\n --_bg-color: var(--surface-default);\r\n }\r\n\r\n &.tonal {\r\n --_bg-color: var(--surface-tonal);\r\n }\r\n\r\n /* Borders on all list items */\r\n &.bordered {\r\n :where(li + li, option + option) {\r\n margin-block-start: var(--size-3);\r\n\r\n &::before {\r\n block-size: 1px;\r\n border-block-start: 1px solid var(--border-color);\r\n content: \"\";\r\n display: block;\r\n inline-size: 100%;\r\n inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n position: absolute;\r\n visibility: visible;\r\n /* override select > option:before style */\r\n }\r\n }\r\n }\r\n\r\n /* Dense - less gaps and spacing */\r\n &.dense {\r\n :where(li, option) {\r\n gap: var(--size-2);\r\n min-block-size: var(--size-7);\r\n padding: var(--size-1) var(--size-2);\r\n\r\n &.border-top {\r\n margin-block-start: var(--size-2);\r\n\r\n &::before {\r\n inset: calc(-1 * var(--size-1)) 0 auto 0;\r\n }\r\n }\r\n\r\n /* Clickable list item */\r\n &:has(> a, > button, > label) {\r\n min-block-size: auto;\r\n padding: 0;\r\n }\r\n\r\n &> :where(a, button, label) {\r\n gap: var(--size-2);\r\n min-block-size: var(--size-7);\r\n padding: var(--size-1) var(--size-2);\r\n }\r\n\r\n /* Checkbox / Radio */\r\n &>label {\r\n .end {\r\n padding-inline-end: 0.125rem;\r\n }\r\n\r\n &:where(.checkbox, .radio) {\r\n --_input-size: var(--size-3);\r\n }\r\n }\r\n\r\n /* Leading and trailing content */\r\n .start,\r\n .end {\r\n .avatar {\r\n max-inline-size: var(--size-6);\r\n }\r\n\r\n .icon-button,\r\n svg {\r\n max-inline-size: var(--size-4);\r\n }\r\n\r\n .checkbox,\r\n .radio {\r\n --_input-size: var(--size-3);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Gutterless */\r\n &.gutterless {\r\n :where(li, option) {\r\n padding-inline: 0;\r\n\r\n &> :where(a, button, label) {\r\n padding-inline: 0;\r\n }\r\n }\r\n }\r\n\r\n /* List item */\r\n :where(li, option, [role=\"group\"] > label) {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n display: flex;\r\n font-size: var(--font-size-05);\r\n gap: var(--size-3);\r\n isolation: isolate;\r\n min-block-size: 40px;\r\n padding: var(--size-2) var(--size-3);\r\n position: relative;\r\n\r\n &::before {\r\n display: none;\r\n /* removing checkmark from option */\r\n }\r\n\r\n * {\r\n font-size: inherit;\r\n }\r\n\r\n /* Clickable list item */\r\n &:has(> a, > button, > label) {\r\n background: transparent;\r\n display: block;\r\n min-block-size: auto;\r\n padding: 0;\r\n\r\n &[aria-selected=\"true\"]> :where(a, button, label),\r\n &[aria-selected=\"true\"],\r\n &:has(> [aria-current=\"page\"])> :where(a, button, label) {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n }\r\n\r\n /* Select option */\r\n &:where(option) {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n color: inherit;\r\n cursor: pointer;\r\n display: flex;\r\n gap: var(--size-3);\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 40px;\r\n padding: var(--size-2) var(--size-3);\r\n text-align: start;\r\n text-decoration: none;\r\n z-index: 0;\r\n\r\n &:hover {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n\r\n &[aria-selected=\"true\"] {\r\n background-color: var(--_bg-color-hover);\r\n color: var(--primary);\r\n }\r\n\r\n &:checked {\r\n background-color: oklch(from var(--primary) l c h / 30%);\r\n }\r\n }\r\n\r\n &>a,\r\n &>button,\r\n &>label {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n color: inherit;\r\n cursor: pointer;\r\n display: flex;\r\n gap: var(--size-3);\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 40px;\r\n outline-offset: -3px;\r\n padding: var(--size-2) var(--size-3);\r\n text-align: start;\r\n text-decoration: none;\r\n z-index: 0;\r\n\r\n &:hover {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n\r\n &[aria-selected=\"true\"],\r\n &[aria-current=\"page\"] {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n }\r\n\r\n /* Checkbox / Radio / Switch */\r\n &>label {\r\n &:where(.checkbox, .radio, .switch) {\r\n display: flex;\r\n }\r\n\r\n .end {\r\n padding-inline-end: var(--size-1);\r\n }\r\n\r\n &:where(.checkbox, .radio) {\r\n inline-size: 100%;\r\n }\r\n\r\n /* Switches look comically big in lists, so it's better to use a smaller variant */\r\n &.switch {\r\n --_dot-size: 0.75rem;\r\n --_track-height: var(--size-4);\r\n --_track-width: 2.5rem;\r\n }\r\n }\r\n\r\n /* Video */\r\n &:has(video) {\r\n padding: 0.75rem var(--size-3) 0.75rem 0;\r\n }\r\n\r\n /* Border between list items */\r\n &.border-top {\r\n margin-block-start: var(--size-3);\r\n\r\n &::before {\r\n block-size: 1px;\r\n border-block-start: 1px solid var(--border-color);\r\n content: \"\";\r\n display: block;\r\n inline-size: 100%;\r\n inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n position: absolute;\r\n }\r\n }\r\n\r\n /* Text */\r\n .text {\r\n flex: 1;\r\n line-height: 1.6;\r\n\r\n :where(h1, h2, h3, h4, h5, h6, p, span) {\r\n color: inherit;\r\n font-weight: 400;\r\n }\r\n\r\n p+p {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n }\r\n }\r\n\r\n /* Leading content */\r\n .start {\r\n align-items: center;\r\n align-self: center;\r\n display: grid;\r\n z-index: 1;\r\n\r\n &:has(svg) {\r\n max-inline-size: var(--size-5);\r\n }\r\n\r\n svg {\r\n padding-block-start: 0.125rem;\r\n }\r\n\r\n img {\r\n aspect-ratio: 1;\r\n inline-size: 56px;\r\n object-fit: cover;\r\n }\r\n\r\n video {\r\n aspect-ratio: 16/9;\r\n block-size: 64px;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n /* Trailing content */\r\n .end {\r\n align-items: center;\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n text-align: end;\r\n z-index: 1;\r\n\r\n &:not(:has(a, button, input)) {\r\n pointer-events: none;\r\n }\r\n\r\n kbd {\r\n background-color: transparent;\r\n border: 0;\r\n color: inherit;\r\n opacity: 0.6;\r\n }\r\n\r\n svg {\r\n inline-size: 100%;\r\n max-inline-size: var(--size-5);\r\n }\r\n }\r\n\r\n /* Inset */\r\n &.inset {\r\n .text {\r\n padding-inline-start: calc(var(--size-5) + var(--size-3));\r\n }\r\n\r\n /* Safety measure so it won't look bad if there for some reason should exist a leading element inside. */\r\n .start {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.dialog) {\r\n inline-size: 100%;\r\n inset: 0;\r\n margin: auto;\r\n margin-block-start: 15%;\r\n max-inline-size: calc(100% - var(--size-4));\r\n padding-block: 0;\r\n pointer-events: none;\r\n position: fixed;\r\n\r\n @media (width > 600px) {\r\n max-inline-size: 60ch;\r\n }\r\n\r\n /* Animation */\r\n /* There's no close animation, intentionally */\r\n opacity: 0;\r\n\r\n &::backdrop {\r\n backdrop-filter: blur(1px);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n backdrop-filter: none;\r\n }\r\n }\r\n\r\n &:not([open]) {\r\n display: none;\r\n }\r\n\r\n &[open] {\r\n pointer-events: all;\r\n }\r\n\r\n .actions {\r\n justify-content: end;\r\n padding-inline: var(--size-3) var(--size-1);\r\n }\r\n\r\n &[open] {\r\n opacity: 1;\r\n transition: display 0.2s allow-discrete,\r\n overlay 0.2s allow-discrete,\r\n opacity 0.2s var(--ease-out-1);\r\n\r\n @starting-style {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n &[open] {\r\n margin-block-start: 15%;\r\n\r\n @starting-style {\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n :where(html:has(.dialog[open])) {\r\n block-size: 100%;\r\n overflow: hidden;\r\n }\r\n}\r\n","@layer components.root {\r\n\t:where(dialog.drawer) {\r\n\t\t--_backdrop-bg-color: transparent;\r\n\t\t--_backdrop-blur: blur(2px);\r\n\t\t--_bg-color: var(--surface-default);\r\n\t\t--_block-size: min(80vb, 650px);\r\n\t\t--_border-color: var(--border-color);\r\n\t\t--_border-width: var(--border-width);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_content-padding: var(--size-4);\r\n\t\t--_footer-gap: var(--size-3);\r\n\t\t--_footer-padding: var(--size-3);\r\n\t\t--_header-font-size: var(--font-size-3);\r\n\t\t--_header-padding: var(--size-3);\r\n\t\t--_inline-size: min(375px, 100vi);\r\n\t\t--_shadow: var(--shadow-2);\r\n\t\t--_transition-duration: 0.2s;\r\n\t\t--_transition-timing: var(--ease-out-3);\r\n\r\n\t\tbackground-color: var(--_bg-color);\r\n\t\tborder: none;\r\n\t\tbox-shadow: var(--_shadow);\r\n\t\tcolor: var(--_color);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: 100%;\r\n\t\tpadding: 0;\r\n\t\tposition: fixed;\r\n\t\ttransition:\r\n\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\ttranslate var(--_transition-duration) var(--_transition-timing);\r\n\t\tz-index: 1000;\r\n\r\n\t\t&::backdrop {\r\n\t\t\tbackdrop-filter: var(--_backdrop-blur);\r\n\t\t\tbackground-color: var(--_backdrop-bg-color);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\t\topacity var(--_transition-duration) var(--_transition-timing);\r\n\t\t}\r\n\r\n\t\t&.backdrop-transparent {\r\n\t\t\t--_backdrop-blur: none;\r\n\t\t}\r\n\r\n\t\t.header {\r\n\t\t\talign-items: center;\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tpadding: var(--_header-padding);\r\n\r\n\t\t\t:where(h1, h2, h3, h4, h5, h6) {\r\n\t\t\t\tfont-size: var(--_header-font-size);\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.icon-button) {\r\n\t\t\t\tmargin-inline-start: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.content {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tpadding: var(--_content-padding);\r\n\t\t}\r\n\r\n\t\t.footer {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: var(--_footer-gap);\r\n\t\t\tjustify-content: end;\r\n\t\t\tpadding: var(--_footer-padding);\r\n\t\t}\r\n\r\n\t\t&.inline-start,\r\n\t\t&.inline-end {\r\n\t\t\tblock-size: 100dvb;\r\n\t\t\tinline-size: var(--_inline-size);\r\n\t\t\tinset-block: 0;\r\n\t\t\tmax-block-size: 100%;\r\n\t\t}\r\n\r\n\t\t&.inline-start {\r\n\t\t\tborder-inline-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: auto;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\ttranslate: -100% 0;\r\n\t\t}\r\n\r\n\t\t&.inline-end {\r\n\t\t\tborder-inline-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-inline-start: auto;\r\n\t\t\ttranslate: 100% 0;\r\n\r\n\t\t\t.footer {\r\n\t\t\t\tjustify-content: start;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.block-start,\r\n\t\t&.block-end {\r\n\t\t\tblock-size: var(--_block-size);\r\n\t\t\tinline-size: 100dvi;\r\n\t\t\tinset-inline: 0;\r\n\t\t\tmax-block-size: 80dvb;\r\n\t\t}\r\n\r\n\t\t&.block-start {\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: auto;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\ttranslate: 0 -100%;\r\n\t\t}\r\n\r\n\t\t&.block-end {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-block-start: auto;\r\n\t\t\ttranslate: 0 100%;\r\n\t\t}\r\n\r\n\t\t&[open] {\r\n\t\t\ttranslate: 0 0;\r\n\r\n\t\t\t&::backdrop {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t@starting-style {\r\n\t\t\t\t&::backdrop {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.inline-start {\r\n\t\t\t\t\ttranslate: -100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.inline-end {\r\n\t\t\t\t\ttranslate: 100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.block-start {\r\n\t\t\t\t\ttranslate: 0 -100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.block-end {\r\n\t\t\t\t\ttranslate: 0 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* Scroll-lock is provided by the shared `.scroll-lock` utility in core/utils.css.\r\n\t This carve-out re-enables page scrolling when a transparent-backdrop drawer is\r\n\t open on wide viewports (where the drawer doesn't visually cover the page). */\r\n\thtml:has(dialog.drawer.scroll-lock[open].backdrop-transparent) {\r\n\t\toverflow: unset;\r\n\t\toverscroll-behavior: auto;\r\n\r\n\t\t@media (width < 500px) {\r\n\t\t\toverflow: clip;\r\n\t\t\toverscroll-behavior: contain;\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.extended {\r\n\r\n /* Form */\r\n :where(.form) {\r\n display: grid;\r\n gap: var(--size-8);\r\n\r\n hr {\r\n margin-block: 0;\r\n }\r\n }\r\n\r\n /* Fieldset */\r\n :where(.fieldset) {\r\n all: unset;\r\n border: 0;\r\n border-radius: 0;\r\n display: grid;\r\n gap: var(--size-1);\r\n margin: 0;\r\n min-inline-size: 0;\r\n padding: 0;\r\n\r\n /* Legend */\r\n :where(legend, .legend) {\r\n all: unset;\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n margin-block-end: var(--size-3);\r\n padding: 0;\r\n\r\n &:has(+ :where(.field-description)) {\r\n margin-block-end: 0;\r\n }\r\n }\r\n\r\n /* Field description / supporting text */\r\n :where(.field-description) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-05);\r\n line-height: var(--font-lineheight-3);\r\n\r\n &:has(+ *) {\r\n margin-block-end: var(--size-3);\r\n }\r\n }\r\n\r\n /* End text */\r\n :where(.end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n line-height: var(--font-lineheight-3);\r\n }\r\n\r\n &:has(.text-field.row) {\r\n row-gap: var(--size-7);\r\n }\r\n\r\n /* Disabled */\r\n &[disabled] {\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n input,\r\n label,\r\n .label {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Error / validation */\r\n &[data-invalid] {\r\n :where(.end-text) {\r\n color: var(--primary);\r\n }\r\n\r\n :where(.checkbox, .radio, .switch) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n :where(.end-text) {\r\n color: var(--primary);\r\n }\r\n }\r\n\r\n :where(.switch) {\r\n input {\r\n border-radius: var(--radius-round);\r\n outline: 2px solid var(--primary);\r\n }\r\n }\r\n }\r\n\r\n /* Required */\r\n &:has(:invalid) {\r\n :where(legend, .legend) {\r\n padding-inline-end: 1ex;\r\n position: relative;\r\n\r\n &::after {\r\n color: var(--red);\r\n content: \"*\";\r\n inset: 0 -0.25ex auto auto;\r\n position: absolute;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Field group */\r\n :where(.field-group) {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--size-4);\r\n\r\n /* If it only has checkboxes, radios, or switches */\r\n &:has(> :where(.checkbox, .radio, .switch)):not(:has(> :not(.checkbox, .radio, .switch))) {\r\n gap: var(--size-2);\r\n }\r\n\r\n /* If it only has buttons */\r\n &:has(.button):not(:has(*:not(.button))) {\r\n align-items: center;\r\n flex-direction: row;\r\n gap: var(--size-2);\r\n\r\n /* If it's not preceeded by an hr */\r\n &:not(hr + &) {\r\n margin-block-start: var(--size-4);\r\n }\r\n }\r\n\r\n &+& {\r\n margin-block-start: var(--size-5);\r\n }\r\n\r\n /* Directions */\r\n &.row {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n\r\n &:has(> :where(.checkbox, .radio, .switch)) {\r\n gap: var(--size-4);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n /*\r\n- Common styling for input, textarea and select\r\n- Form related styles such as: label, supporting text, error handling\r\n*/\r\n :where(.text-field, .textarea, .select) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--field-border-color);\r\n --_field-padding-block: var(--size-2);\r\n --_field-padding-inline: var(--size-2);\r\n --_filled-border-color: var(--text-primary);\r\n --_height: var(--field-size);\r\n --_label-color: var(--text-muted);\r\n --_end-text-color: var(--text-muted);\r\n\r\n display: grid;\r\n gap: var(--size-1) 0;\r\n position: relative;\r\n\r\n /* Field - the actual input with a border around it */\r\n .field {\r\n background-color: var(--_bg-color);\r\n border: var(--field-border-width) solid var(--_border-color);\r\n border-radius: var(--field-border-radius);\r\n display: grid;\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n grid-template-columns: auto 1fr auto;\r\n grid-template-areas:\r\n \"header header header\"\r\n \"prefix input suffix\"\r\n \"footer footer footer\";\r\n min-block-size: var(--_height);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n }\r\n\r\n :where(.field) :where(input, textarea, select) {\r\n background: transparent;\r\n border: 0;\r\n color: var(--text-primary);\r\n font-family: var(--font-sans);\r\n font-size: var(--font-size-1);\r\n grid-area: input;\r\n inline-size: 100%;\r\n line-height: var(--font-lineheight-1);\r\n min-inline-size: 0;\r\n padding: var(--_field-padding-block) var(--_field-padding-inline);\r\n\r\n &:focus,\r\n &:focus-visible {\r\n outline: 0;\r\n }\r\n }\r\n\r\n /* Affixes */\r\n .prefix,\r\n .suffix {\r\n align-items: center;\r\n color: var(--_label-color);\r\n display: inline-flex;\r\n padding-inline: var(--_field-padding-inline);\r\n white-space: nowrap;\r\n }\r\n\r\n .prefix {\r\n grid-area: prefix;\r\n }\r\n\r\n .suffix {\r\n grid-area: suffix;\r\n }\r\n\r\n .header,\r\n .footer {\r\n align-items: center;\r\n color: var(--_label-color);\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n gap: var(--size-2);\r\n padding: var(--size-1) var(--_field-padding-inline);\r\n }\r\n\r\n .header {\r\n border-block-end: 1px solid var(--_border-color);\r\n grid-area: header;\r\n }\r\n\r\n .footer {\r\n border-block-start: 1px solid var(--_border-color);\r\n grid-area: footer;\r\n }\r\n\r\n /* Remove padding on the input when affixes are next to it */\r\n .field:has(> .prefix) :where(input, textarea, select) {\r\n padding-inline-start: 0;\r\n }\r\n\r\n .field:has(> .suffix) :where(input, textarea, select) {\r\n padding-inline-end: 0;\r\n }\r\n\r\n /* Textarea - keep affix aligned with the first line */\r\n &.textarea .field {\r\n\r\n .prefix,\r\n .suffix {\r\n align-self: start;\r\n padding-block: var(--_field-padding-block);\r\n }\r\n }\r\n\r\n /* Required/Invalid */\r\n &:has(:invalid) {\r\n .label:after {\r\n color: var(--red);\r\n content: \"*\";\r\n margin: -0.25em auto auto 0.25em;\r\n }\r\n }\r\n\r\n /* File */\r\n &:has(input[type=\"file\"]) {\r\n cursor: pointer;\r\n\r\n input {\r\n align-self: flex-start;\r\n block-size: var(--_height);\r\n box-shadow: none;\r\n color: var(--text-primary);\r\n cursor: inherit;\r\n max-inline-size: 100%;\r\n padding: 0;\r\n transition: font-size 0.2s var(--ease-3);\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n background-color: var(--surface-tonal);\r\n block-size: calc(100% - var(--size-2) * 2);\r\n border: none;\r\n border-radius: var(--field-border-radius);\r\n cursor: pointer;\r\n margin-block-start: var(--size-2);\r\n margin-inline-end: 1ex;\r\n margin-inline-start: var(--size-2);\r\n }\r\n }\r\n\r\n /* Variants */\r\n &.filled {\r\n input {\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n background-color: var(--surface-default);\r\n block-size: calc(100% - var(--size-2) * 2);\r\n border-radius: var(--field-border-radius);\r\n cursor: pointer;\r\n margin-block-start: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.small {\r\n input {\r\n font-size: var(--font-size-05);\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n block-size: calc(100% - var(--size-2));\r\n margin-block-start: var(--size-1);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Autosuggest */\r\n &:has(input[list]) {\r\n .label {\r\n /* Make sure chevron is visible */\r\n inline-size: calc(100% - var(--size-6));\r\n }\r\n }\r\n\r\n /* Select */\r\n &:has(select) {\r\n .label {\r\n /* Make sure chevron is visible */\r\n inline-size: calc(100% - var(--size-6));\r\n\r\n }\r\n }\r\n\r\n /* Customizable Select */\r\n &:has(select button) {\r\n select {\r\n padding: 0;\r\n\r\n button {\r\n outline: 0;\r\n padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n }\r\n }\r\n }\r\n\r\n /* Non-customizable Select */\r\n &:has(select):not(:has(button)) {\r\n select {\r\n padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n }\r\n }\r\n\r\n /* Input - color */\r\n &:has(input[type=\"color\"]) {\r\n .field {\r\n block-size: var(--_height);\r\n inline-size: var(--_height);\r\n min-block-size: 0;\r\n overflow: hidden;\r\n }\r\n\r\n input {\r\n appearance: none;\r\n background: none;\r\n block-size: var(--_height);\r\n inline-size: var(--_height);\r\n overflow: hidden;\r\n padding: 0;\r\n\r\n &::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n &::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n\r\n /* Element states */\r\n &:hover {\r\n &:not([data-invalid]) {\r\n .field {\r\n border-color: var(--text-primary);\r\n }\r\n }\r\n }\r\n\r\n &:focus-within {\r\n .field {\r\n border-color: var(--_accent-color);\r\n outline-offset: -2px;\r\n }\r\n }\r\n\r\n /* Label */\r\n .label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n grid-column: 1/-1;\r\n grid-row: 1;\r\n padding-inline: 0 1ex;\r\n }\r\n\r\n /* End text */\r\n :where(.end-text) {\r\n color: var(--_end-text-color);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n line-height: 1.5;\r\n }\r\n\r\n /* Auto-fit */\r\n &.auto-fit {\r\n inline-size: auto;\r\n\r\n .field {\r\n inline-size: auto;\r\n }\r\n\r\n :where(& input, & textarea) {\r\n field-sizing: content;\r\n inline-size: auto;\r\n min-inline-size: 25ch;\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid],\r\n &:has(:user-invalid) {\r\n --_accent-color: var(--color-9);\r\n --_border-color: var(--color-9);\r\n --_filled-border-color: var(--color-9);\r\n --_label-color: var(--color-9);\r\n --_end-text-color: var(--color-9);\r\n }\r\n\r\n /*\r\n * Variant: Filled\r\n */\r\n &.filled {\r\n --_bg-color: var(--surface-tonal);\r\n\r\n &:not(:has([disabled], :has(input[type=\"color\"]))) {\r\n\r\n /* Hover */\r\n &:hover {\r\n --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.93) c h),\r\n oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n }\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:where(:has([disabled])) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n\r\n .field {\r\n cursor: not-allowed;\r\n }\r\n\r\n :where(input, textarea, select) {\r\n cursor: not-allowed;\r\n\r\n * {\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n .label,\r\n .start-text,\r\n .end-text {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Read-only */\r\n &:where(:has([readonly])) {\r\n &::before {\r\n display: none;\r\n }\r\n\r\n :where(input, textarea, select) {\r\n cursor: not-allowed;\r\n\r\n * {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.small {\r\n --_field-padding-block: var(--size-2);\r\n --_height: var(--field-size-small);\r\n\r\n &:has(input[type=\"color\"]) {\r\n .label {\r\n line-height: 1.5;\r\n }\r\n }\r\n }\r\n\r\n /* Orientation */\r\n &.spread {\r\n align-items: start;\r\n column-gap: var(--size-4);\r\n container-type: inline-size;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .start-text {\r\n color: var(--_end-text-color);\r\n font-size: var(--font-size-0);\r\n grid-column: 1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n .field {\r\n align-self: start;\r\n grid-column: 2;\r\n grid-row: 1 / span 2;\r\n }\r\n\r\n .field:has(textarea) {\r\n grid-row: 1 / span 3;\r\n\r\n +.end-text {\r\n grid-row: 4;\r\n }\r\n }\r\n\r\n :where(textarea) {\r\n min-inline-size: 30ch;\r\n }\r\n\r\n :where(.end-text) {\r\n grid-column: 2;\r\n text-align: end;\r\n }\r\n\r\n /* Collapse to column on narrow containers */\r\n @container (width < 400px) {\r\n column-gap: 0;\r\n grid-template-columns: 1fr;\r\n\r\n .label {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .start-text {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .field,\r\n .field:has(textarea) {\r\n grid-column: 1;\r\n grid-row: 3;\r\n }\r\n\r\n :where(.end-text) {\r\n grid-column: 1;\r\n grid-row: 4;\r\n text-align: start;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.select select) {\r\n position: relative;\r\n\r\n /* Default arrow */\r\n &::picker-icon {\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n color: currentColor;\r\n content: \"\";\r\n inline-size: 0;\r\n inset: 50% var(--size-3) auto auto;\r\n pointer-events: none;\r\n position: absolute;\r\n translate: 0 -50%;\r\n }\r\n\r\n &:open {\r\n &::picker-icon {\r\n rotate: 180deg;\r\n }\r\n }\r\n\r\n /* Select popover */\r\n &::picker(select) {\r\n /* Animation on-stage styles */\r\n border: 0;\r\n box-shadow: var(--shadow-2);\r\n opacity: 1;\r\n padding: 0;\r\n scale: 1;\r\n\r\n /* Animation starting styles */\r\n @starting-style {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: display 0.2s allow-discrete, opacity 0.2s var(--ease-3),\r\n overlay 0.2s allow-discrete, scale 0.2s var(--ease-3);\r\n }\r\n }\r\n\r\n /* Animation off-stage styles */\r\n &:not(:open)::picker(select) {\r\n opacity: 0;\r\n scale: 0.9;\r\n }\r\n\r\n button {\r\n align-items: center;\r\n background-color: transparent;\r\n display: flex;\r\n inline-size: 100%;\r\n margin: 0;\r\n position: relative;\r\n\r\n selectedcontent {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .list {\r\n --_bg-color: var(--surface-filled);\r\n border: var(--field-border-width) solid var(--field-border-color);\r\n border-radius: var(--field-border-radius);\r\n\r\n /* Groups */\r\n [role=\"group\"] {\r\n label {\r\n background-color: light-dark(var(--gray-3), var(--gray-13));\r\n color: light-dark(oklch(from var(--text-primary) calc(l * 0.75) c h),\r\n oklch(from var(--text-primary) calc(l * 1.25) c h));\r\n font-weight: 500;\r\n overflow: hidden;\r\n padding-inline: var(--size-2);\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n &:not(:first-child),\r\n option:first-of-type {\r\n margin-block-start: var(--size-2);\r\n }\r\n\r\n option:last-of-type,\r\n &:last-child {\r\n option:last-of-type {\r\n margin-block-end: 0;\r\n }\r\n }\r\n }\r\n\r\n /* Option */\r\n option {\r\n\r\n /* Checkmark */\r\n /* TODO - checkmark should be the final version of the checkmark API. Follow the development of this and remove redundant psuedo stuff. */\r\n &::check {\r\n display: none;\r\n }\r\n\r\n &::checkmark {\r\n display: none;\r\n }\r\n\r\n &::before {\r\n display: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline-offset: -1px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n :where(.select:has(select)) {\r\n\r\n /* Size */\r\n &.small {\r\n button {\r\n padding-inline: var(--size-2) var(--size-7);\r\n\r\n &::after {\r\n inset-inline-end: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /*\r\n * Non-experimental Select\r\n *\r\n * Hack to get the arrow working. Pseudo elements aren't allowed on the `<select>` element, so need to add it on the `.select` class instead. Noting this down if an `:after` element would be needed on a `.select`.\r\n */\r\n &:not(:has(button)) {\r\n select {\r\n appearance: none;\r\n }\r\n\r\n /* Arrow */\r\n &::after {\r\n align-self: center;\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n content: \"\";\r\n display: inline-block;\r\n flex-shrink: 0;\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n inline-size: 0;\r\n inset-inline-end: var(--size-3);\r\n justify-self: end;\r\n pointer-events: none;\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n select:has(button),\r\n ::picker(select) {\r\n appearance: base-select;\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n :where(.text-field:has( :where(input[type=\"date\"],\r\n input[type=\"datetime-local\"],\r\n input[type=\"email\"],\r\n input[type=\"month\"],\r\n input[type=\"number\"],\r\n input[type=\"password\"],\r\n input[type=\"search\"],\r\n input[type=\"tel\"],\r\n input[type=\"text\"],\r\n input[type=\"time\"],\r\n input[type=\"url\"],\r\n input[type=\"week\"]))) {\r\n\r\n /* Sizes */\r\n &.small {\r\n input {\r\n padding-inline: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /* Autosuggest */\r\n :where(.text-field:has(input[list])) {\r\n .field {\r\n position: relative;\r\n }\r\n\r\n /* Hide native arrow */\r\n input[list]::-webkit-calendar-picker-indicator {\r\n cursor: pointer;\r\n opacity: 0;\r\n pointer-events: none;\r\n position: absolute;\r\n }\r\n\r\n input[list] {\r\n padding-inline-end: var(--size-8);\r\n }\r\n\r\n .field::after {\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n content: \"\";\r\n inline-size: 0;\r\n inset: 50% var(--size-3) auto auto;\r\n pointer-events: none;\r\n position: absolute;\r\n translate: 0 -50%;\r\n }\r\n\r\n &.small {\r\n input[list] {\r\n padding-inline-end: var(--size-7);\r\n }\r\n\r\n .field::after {\r\n inset-inline-end: var(--size-2);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.textarea) {\r\n textarea {\r\n block-size: auto;\r\n field-sizing: content;\r\n min-block-size: calc(var(--_field-padding-block) * 2 + (var(--border-width) * 2) + 3lh);\r\n resize: vertical;\r\n }\r\n\r\n /* Size */\r\n &.small {\r\n textarea {\r\n min-block-size: var(--size-9);\r\n }\r\n }\r\n\r\n /* Auto-fit */\r\n &.auto-fit {\r\n textarea {\r\n resize: both;\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\t:where(.tooltip) {\r\n\t\t--_tooltip-bg: light-dark(var(--gray-13), var(--gray-3));\r\n\t\t--_tooltip-color: light-dark(var(--gray-1), var(--gray-15));\r\n\t\t--_tooltip-offset: var(--size-2);\r\n\r\n\t\t&>.anchor-floating {\r\n\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\tborder-radius: var(--radius-2);\r\n\t\t\tcolor: var(--_tooltip-color);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tline-height: 1.3;\r\n\t\t\tmargin: var(--_tooltip-offset);\r\n\t\t\tmax-inline-size: 240px;\r\n\t\t\t/* UA sets overflow: auto on [popover], which clips the arrow. */\r\n\t\t\toverflow: visible;\r\n\t\t\tpadding-block: var(--size-1);\r\n\t\t\tpadding-inline: var(--size-2);\r\n\t\t\tposition-area: var(--anchor-position-area, block-start);\r\n\t\t\tposition-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\r\n\t\t\tposition-visibility: anchors-visible;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-wrap: pretty;\r\n\t\t}\r\n\r\n\t\t/* Optional arrow pointing from the tooltip toward the trigger.\r\n\t\t Anchored to the same --anchor so it flips together with the\r\n\t\t tooltip when position-try-fallbacks kicks in. */\r\n\t\t&.with-arrow {\r\n\t\t\t--_arrow-size: var(--size-2);\r\n\r\n\t\t\t&>.anchor-floating {\r\n\t\t\t\t/* Reserve space so the arrow doesn't overlap the trigger. */\r\n\t\t\t\t--_tooltip-offset: calc(var(--size-2) + var(--_arrow-size) / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&>.anchor-floating::before {\r\n\t\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\t\tblock-size: var(--_arrow-size);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_arrow-size);\r\n\t\t\t\tinset-block-end: calc(var(--_arrow-size) / -2);\r\n\t\t\t\tinset-inline-start: 50%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\trotate: 45deg;\r\n\t\t\t\ttranslate: -50% 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Fade */\r\n\t\t&>.anchor-floating[popover] {\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay 0.15s allow-discrete,\r\n\t\t\t\topacity 0.15s var(--ease-out-1),\r\n\t\t\t\toverlay 0.15s allow-discrete;\r\n\r\n\t\t\t&:popover-open {\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@starting-style {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer utils {\r\n\r\n /*\r\nScreen-reader only\r\nWhen you visibly want to hide an element but make it accessible for screen readers.\r\n*/\r\n .sr-only {\r\n block-size: 1px;\r\n clip-path: inset(50%);\r\n inline-size: 1px;\r\n overflow: hidden;\r\n position: absolute;\r\n white-space: nowrap;\r\n }\r\n\r\n /*\r\nScroll-lock\r\nAdd `.scroll-lock` to any element that uses the [open] attribute (native <dialog>,\r\n<details>, or any custom element). When that element is open, the page is locked.\r\n*/\r\n html:has(.scroll-lock[open]) {\r\n overflow: clip;\r\n overscroll-behavior: contain;\r\n scrollbar-gutter: stable;\r\n }\r\n\r\n /* Hover and active effect for checkbox, radio and icon buttons */\r\n :where(.checkbox input, .radio input, .icon-button) {\r\n --isLTR: 1;\r\n --isRTL: -1;\r\n\r\n position: relative;\r\n transform-style: preserve-3d;\r\n\r\n &:dir(rtl) {\r\n --isLTR: -1;\r\n --isRTL: 1;\r\n }\r\n\r\n &:where(:not([disabled])) {\r\n &:hover:before {\r\n --thumb-scale: 1;\r\n }\r\n\r\n &:active:before {\r\n --thumb-scale: 1.1;\r\n }\r\n\r\n &::before {\r\n --thumb-scale: 0.01;\r\n --highlight-size: 150%;\r\n\r\n background-color: oklch(0.6 0 0 / 0.2);\r\n block-size: var(--highlight-size);\r\n clip-path: circle(50%);\r\n content: \"\";\r\n inline-size: var(--highlight-size);\r\n inset-block-start: 50%;\r\n inset-inline-start: 50%;\r\n position: absolute;\r\n transform-origin: center center;\r\n transform: translateX(calc(var(--isRTL) * 50%)) translateY(-50%) translateZ(-1px) scale(var(--thumb-scale));\r\n will-change: transform;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: transform 0.2s ease;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["../css/imports.css","../open-props.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.media.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.fonts.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.sizes.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.easing.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.zindex.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.shadows.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.aspects.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.colors.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.gradients.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.animations.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.borders.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.palette.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.colors-oklch-hues.css","../../../node_modules/.pnpm/open-props@1.7.23/node_modules/open-props/src/props.gray-oklch.css","../core/palette.css","../core/normalize.css","../css/theme.css","../css/components.css","../css/components/button.css","../css/components/callout.css","../css/components/icon-button.css","../css/components/tabs.css","../css/components/toggle-group.css","../css/components/toggle-button.css","../css/components/anchor.css","../css/components/avatar.css","../css/components/card.css","../css/components/chip.css","../css/components/description-list.css","../css/components/divider.css","../css/components/link.css","../css/components/table.css","../css/components/progress.css","../css/components/spinner.css","../css/components/checkbox.css","../css/components/radio.css","../css/components/range.css","../css/components/switch.css","../css/components/toast.css","../css/components/typography.css","../css/components/badge.css","../css/components/button-group.css","../css/components/accordion.css","../css/components/list.css","../css/components/dialog.css","../css/components/drawer.css","../css/components/form.css","../css/components/text-field.css","../css/components/select.css","../css/components/text-input.css","../css/components/textarea.css","../css/components/tooltip.css","../core/utils.css"],"names":[],"mappings":"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AmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,oBAAoB;EACp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","file":"opui.css","sourcesContent":["@layer openprops, normalize, theme, components.root, components.extended, utils;\r\n\r\n/* Open Props */\r\n@import \"../open-props.css\";\r\n\r\n/* Normalize */\r\n@import \"../core/normalize.css\";\r\n\r\n/* Theme */\r\n@import \"./theme.css\";\r\n\r\n/* Components */\r\n@import \"./components.css\";\r\n\r\n/* Utils */\r\n@import \"../core/utils.css\";\r\n","/*\r\n* Open Props\r\n* Import as many props as you need here.\r\n* https://app.unpkg.com/open-props@1.7.17/files/src\r\n*/\r\n@import \"open-props/src/index.css\" layer(openprops);\r\n@import \"open-props/src/props.colors-oklch-hues.css\" layer(openprops);\r\n@import \"open-props/src/props.gray-oklch.css\" layer(openprops);\r\n@import \"./core/palette.css\" layer(openprops);\r\n","@custom-media --motionOK (prefers-reduced-motion: no-preference);\n@custom-media --motionNotOK (prefers-reduced-motion: reduce);\n@custom-media --opacityOK (prefers-reduced-transparency: no-preference);\n@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);\n@custom-media --useDataOK (prefers-reduced-data: no-preference);\n@custom-media --useDataNotOK (prefers-reduced-data: reduce);\n\n@custom-media --OSdark (prefers-color-scheme: dark);\n@custom-media --OSlight (prefers-color-scheme: light);\n\n@custom-media --highContrast (prefers-contrast: more);\n@custom-media --lowContrast (prefers-contrast: less);\n\n@custom-media --invertedColors (inverted-colors: inverted);\n@custom-media --forcedColors (forced-colors: active);\n\n@custom-media --portrait (orientation: portrait);\n@custom-media --landscape (orientation: landscape);\n\n@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);\n\n@custom-media --touch (hover: none) and (pointer: coarse);\n@custom-media --stylus (hover: none) and (pointer: fine);\n@custom-media --pointer (hover) and (pointer: coarse);\n@custom-media --mouse (hover) and (pointer: fine);\n\n@custom-media --xxs-only (0px <= width < 240px);\n@custom-media --xxs-n-above (width >= 240px);\n@custom-media --xxs-n-below (width < 240px);\n@custom-media --xxs-phone (--xxs-only) and (--portrait);\n\n@custom-media --xs-only (240px <= width < 360px);\n@custom-media --xs-n-above (width >= 360px);\n@custom-media --xs-n-below (width < 360px);\n@custom-media --xs-phone (--xs-only) and (--portrait);\n\n@custom-media --sm-only (360px <= width < 480px);\n@custom-media --sm-n-above (width >= 480px);\n@custom-media --sm-n-below (width < 480px);\n@custom-media --sm-phone (--sm-only) and (--portrait);\n\n@custom-media --md-only (480px <= width < 768px);\n@custom-media --md-n-above (width >= 768px);\n@custom-media --md-n-below (width < 768px);\n@custom-media --md-phone (--md-only) and (--portrait);\n\n@custom-media --lg-only (768px <= width < 1024px);\n@custom-media --lg-n-above (width >= 1024px);\n@custom-media --lg-n-below (width < 1024px);\n@custom-media --lg-phone (--lg-only) and (--portrait);\n\n@custom-media --xl-only (1024px <= width < 1440px);\n@custom-media --xl-n-above (width >= 1440px);\n@custom-media --xl-n-below (width < 1440px);\n\n@custom-media --xxl-only (1440px <= width < 1920px);\n@custom-media --xxl-n-above (width >= 1920px);\n@custom-media --xxl-n-below (width < 1920px);",":where(html) {\n --font-system-ui: system-ui, sans-serif;\n --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;\n --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;\n --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;\n --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;\n --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;\n --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;\n --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;\n --font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;\n --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;\n --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;\n --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;\n --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;\n --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;\n --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;\n --font-sans: var(--font-system-ui);\n --font-serif: ui-serif, serif;\n --font-mono: var(--font-monospace-code);\n --font-weight-1: 100;\n --font-weight-2: 200;\n --font-weight-3: 300;\n --font-weight-4: 400;\n --font-weight-5: 500;\n --font-weight-6: 600;\n --font-weight-7: 700;\n --font-weight-8: 800;\n --font-weight-9: 900;\n --font-lineheight-00: .95;\n --font-lineheight-0: 1.1;\n --font-lineheight-1: 1.25;\n --font-lineheight-2: 1.375;\n --font-lineheight-3: 1.5;\n --font-lineheight-4: 1.75;\n --font-lineheight-5: 2;\n --font-letterspacing-0: -.05em;\n --font-letterspacing-1: .025em;\n --font-letterspacing-2: .050em;\n --font-letterspacing-3: .075em;\n --font-letterspacing-4: .150em;\n --font-letterspacing-5: .500em;\n --font-letterspacing-6: .750em;\n --font-letterspacing-7: 1em;\n --font-size-00: .5rem;\n --font-size-0: .75rem;\n --font-size-1: 1rem;\n --font-size-2: 1.1rem;\n --font-size-3: 1.25rem;\n --font-size-4: 1.5rem;\n --font-size-5: 2rem;\n --font-size-6: 2.5rem;\n --font-size-7: 3rem;\n --font-size-8: 3.5rem;\n --font-size-fluid-0: clamp(.75rem, 2vw, 1rem);\n --font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);\n --font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);\n --font-size-fluid-3: clamp(2rem, 9vw, 3.5rem);\n}\n",":where(html) {\n --size-000: -.5rem;\n --size-00: -.25rem;\n --size-1: .25rem;\n --size-2: .5rem;\n --size-3: 1rem;\n --size-4: 1.25rem;\n --size-5: 1.5rem;\n --size-6: 1.75rem;\n --size-7: 2rem;\n --size-8: 3rem;\n --size-9: 4rem;\n --size-10: 5rem;\n --size-11: 7.5rem;\n --size-12: 10rem;\n --size-13: 15rem;\n --size-14: 20rem;\n --size-15: 30rem;\n --size-px-000: -8px;\n --size-px-00: -4px;\n --size-px-1: 4px;\n --size-px-2: 8px;\n --size-px-3: 16px;\n --size-px-4: 20px;\n --size-px-5: 24px;\n --size-px-6: 28px;\n --size-px-7: 32px;\n --size-px-8: 48px;\n --size-px-9: 64px;\n --size-px-10: 80px;\n --size-px-11: 120px;\n --size-px-12: 160px;\n --size-px-13: 240px;\n --size-px-14: 320px;\n --size-px-15: 480px;\n --size-fluid-1: clamp(.5rem, 1vw, 1rem);\n --size-fluid-2: clamp(1rem, 2vw, 1.5rem);\n --size-fluid-3: clamp(1.5rem, 3vw, 2rem);\n --size-fluid-4: clamp(2rem, 4vw, 3rem);\n --size-fluid-5: clamp(4rem, 5vw, 5rem);\n --size-fluid-6: clamp(5rem, 7vw, 7.5rem);\n --size-fluid-7: clamp(7.5rem, 10vw, 10rem);\n --size-fluid-8: clamp(10rem, 20vw, 15rem);\n --size-fluid-9: clamp(15rem, 30vw, 20rem);\n --size-fluid-10: clamp(20rem, 40vw, 30rem);\n --size-content-1: 20ch;\n --size-content-2: 45ch;\n --size-content-3: 60ch;\n --size-header-1: 20ch;\n --size-header-2: 25ch;\n --size-header-3: 35ch;\n --size-xxs: 240px;\n --size-xs: 360px;\n --size-sm: 480px;\n --size-md: 768px;\n --size-lg: 1024px;\n --size-xl: 1440px;\n --size-xxl: 1920px;\n --size-relative-000: -.5ch;\n --size-relative-00: -.25ch;\n --size-relative-1: .25ch;\n --size-relative-2: .5ch;\n --size-relative-3: 1ch;\n --size-relative-4: 1.25ch;\n --size-relative-5: 1.5ch;\n --size-relative-6: 1.75ch;\n --size-relative-7: 2ch;\n --size-relative-8: 3ch;\n --size-relative-9: 4ch;\n --size-relative-10: 5ch;\n --size-relative-11: 7.5ch;\n --size-relative-12: 10ch;\n --size-relative-13: 15ch;\n --size-relative-14: 20ch;\n --size-relative-15: 30ch;\n}\n",":where(html) {\n --ease-1: cubic-bezier(.25, 0, .5, 1);\n --ease-2: cubic-bezier(.25, 0, .4, 1);\n --ease-3: cubic-bezier(.25, 0, .3, 1);\n --ease-4: cubic-bezier(.25, 0, .2, 1);\n --ease-5: cubic-bezier(.25, 0, .1, 1);\n --ease-in-1: cubic-bezier(.25, 0, 1, 1);\n --ease-in-2: cubic-bezier(.50, 0, 1, 1);\n --ease-in-3: cubic-bezier(.70, 0, 1, 1);\n --ease-in-4: cubic-bezier(.90, 0, 1, 1);\n --ease-in-5: cubic-bezier(1, 0, 1, 1);\n --ease-out-1: cubic-bezier(0, 0, .75, 1);\n --ease-out-2: cubic-bezier(0, 0, .50, 1);\n --ease-out-3: cubic-bezier(0, 0, .3, 1);\n --ease-out-4: cubic-bezier(0, 0, .1, 1);\n --ease-out-5: cubic-bezier(0, 0, 0, 1);\n --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);\n --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);\n --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);\n --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);\n --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);\n --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);\n --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);\n --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);\n --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);\n --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);\n --ease-elastic-in-1: cubic-bezier(.5, -0.25, .75, 1);\n --ease-elastic-in-2: cubic-bezier(.5, -0.50, .75, 1);\n --ease-elastic-in-3: cubic-bezier(.5, -0.75, .75, 1);\n --ease-elastic-in-4: cubic-bezier(.5, -1.00, .75, 1);\n --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);\n --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);\n --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);\n --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);\n --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);\n --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);\n --ease-step-1: steps(2);\n --ease-step-2: steps(3);\n --ease-step-3: steps(4);\n --ease-step-4: steps(7);\n --ease-step-5: steps(10);\n --ease-elastic-1: var(--ease-elastic-out-1);\n --ease-elastic-2: var(--ease-elastic-out-2);\n --ease-elastic-3: var(--ease-elastic-out-3);\n --ease-elastic-4: var(--ease-elastic-out-4);\n --ease-elastic-5: var(--ease-elastic-out-5);\n --ease-squish-1: var(--ease-elastic-in-out-1);\n --ease-squish-2: var(--ease-elastic-in-out-2);\n --ease-squish-3: var(--ease-elastic-in-out-3);\n --ease-squish-4: var(--ease-elastic-in-out-4);\n --ease-squish-5: var(--ease-elastic-in-out-5);\n --ease-spring-1: linear(\n 0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,\n 0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,\n 1.001\n );\n --ease-spring-2: linear(\n 0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,\n 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,\n 0.999 61.6%, 0.995 71.2%, 1\n );\n --ease-spring-3: linear(\n 0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,\n 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,\n 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,\n 0.997 69.8%, 1.003 76.9%, 1\n );\n --ease-spring-4: linear(\n 0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,\n 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,\n 0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,\n 0.998 78.9%, 1\n );\n --ease-spring-5: linear(\n 0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,\n 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,\n 0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,\n 1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1\n );\n --ease-bounce-1: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,\n 0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,\n 0.885, 0.895, 0.908 89.7%, 0.946, 1\n );\n --ease-bounce-2: linear(\n 0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,\n 1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,\n 0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,\n 0.973, 1\n );\n --ease-bounce-3: linear(\n 0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,\n 1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,\n 0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,\n 0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,\n 0.96, 0.968, 0.981, 1\n );\n --ease-bounce-4: linear(\n 0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,\n 0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,\n 0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,\n 0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1\n );\n --ease-bounce-5: linear(\n 0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,\n 0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,\n 0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,\n 0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,\n 0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1\n );\n --ease-circ-in: cubic-bezier(.6,.04,.98,.335);\n --ease-circ-in-out: cubic-bezier(.785,.135,.15,.86);\n --ease-circ-out: cubic-bezier(.075,.82,.165,1);\n --ease-cubic-in: cubic-bezier(.55,.055,.675,.19);\n --ease-cubic-in-out: cubic-bezier(.645,.045,.355,1);\n --ease-cubic-out: cubic-bezier(.215,.61,.355,1);\n --ease-expo-in: cubic-bezier(.95,.05,.795,.035);\n --ease-expo-in-out: cubic-bezier(1,0,0,1);\n --ease-expo-out: cubic-bezier(.19,1,.22,1);\n --ease-quad-in: cubic-bezier(.55,.085,.68,.53);\n --ease-quad-in-out: cubic-bezier(.455,.03,.515,.955);\n --ease-quad-out: cubic-bezier(.25,.46,.45,.94);\n --ease-quart-in: cubic-bezier(.895,.03,.685,.22);\n --ease-quart-in-out: cubic-bezier(.77,0,.175,1);\n --ease-quart-out: cubic-bezier(.165,.84,.44,1);\n --ease-quint-in: cubic-bezier(.755,.05,.855,.06);\n --ease-quint-in-out: cubic-bezier(.86,0,.07,1);\n --ease-quint-out: cubic-bezier(.23,1,.32,1);\n --ease-sine-in: cubic-bezier(.47,0,.745,.715);\n --ease-sine-in-out: cubic-bezier(.445,.05,.55,.95);\n --ease-sine-out: cubic-bezier(.39,.575,.565,1);\n}\n",":where(html) {\n --layer-1: 1;\n --layer-2: 2;\n --layer-3: 3;\n --layer-4: 4;\n --layer-5: 5;\n --layer-important: 2147483647;\n}\n","@import 'props.media.css';\n\n:where(html) {\n --shadow-color: 220 3% 15%;\n --shadow-strength: 1%;\n --shadow-strength-3: calc(var(--shadow-strength) + 2%);\n --shadow-strength-4: calc(var(--shadow-strength) + 3%);\n --shadow-strength-5: calc(var(--shadow-strength) + 4%);\n --shadow-strength-6: calc(var(--shadow-strength) + 5%);\n --shadow-strength-7: calc(var(--shadow-strength) + 6%);\n --shadow-strength-8: calc(var(--shadow-strength) + 7%);\n --shadow-strength-10: calc(var(--shadow-strength) + 9%);\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;\n --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));\n --shadow-2: \n 0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));\n --shadow-3: \n 0 -1px 3px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 1px 2px -5px hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 2px 5px -5px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 4px 12px -5px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 12px 15px -5px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --shadow-4: \n 0 -2px 5px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 1px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 2px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 9px 9px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 16px 16px -2px hsl(var(--shadow-color) / var(--shadow-strength-7));\n --shadow-5: \n 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 2px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 10px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 20px 20px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 40px 40px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --shadow-6: \n 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)),\n 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)),\n 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)),\n 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)),\n 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)),\n 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));\n --inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / var(--shadow-strength-10));\n --inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n --inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);\n}\n\n@media (--OSdark) {\n :where(html) {\n --shadow-color: 220 40% 2%;\n --shadow-strength: 25%;\n --inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007;\n }\n}",":where(html) {\n --ratio-square: 1;\n --ratio-landscape: 4/3;\n --ratio-portrait: 3/4;\n --ratio-widescreen: 16/9;\n --ratio-ultrawide: 18/5;\n --ratio-golden: 1.6180/1;\n}\n",":where(html) {\n --gray-0: #f8f9fa;\n --gray-1: #f1f3f5;\n --gray-2: #e9ecef;\n --gray-3: #dee2e6;\n --gray-4: #ced4da;\n --gray-5: #adb5bd;\n --gray-6: #868e96;\n --gray-7: #495057;\n --gray-8: #343a40;\n --gray-9: #212529;\n --gray-10: #16191d;\n --gray-11: #0d0f12;\n --gray-12: #030507;\n --stone-0: #f8fafb;\n --stone-1: #f2f4f6;\n --stone-2: #ebedef;\n --stone-3: #e0e4e5;\n --stone-4: #d1d6d8;\n --stone-5: #b1b6b9;\n --stone-6: #979b9d;\n --stone-7: #7e8282;\n --stone-8: #666968;\n --stone-9: #50514f;\n --stone-10: #3a3a37;\n --stone-11: #252521;\n --stone-12: #121210;\n --red-0: #fff5f5;\n --red-1: #ffe3e3;\n --red-2: #ffc9c9;\n --red-3: #ffa8a8;\n --red-4: #ff8787;\n --red-5: #ff6b6b;\n --red-6: #fa5252;\n --red-7: #f03e3e;\n --red-8: #e03131;\n --red-9: #c92a2a;\n --red-10: #b02525;\n --red-11: #962020;\n --red-12: #7d1a1a;\n --pink-0: #fff0f6;\n --pink-1: #ffdeeb;\n --pink-2: #fcc2d7;\n --pink-3: #faa2c1;\n --pink-4: #f783ac;\n --pink-5: #f06595;\n --pink-6: #e64980;\n --pink-7: #d6336c;\n --pink-8: #c2255c;\n --pink-9: #a61e4d;\n --pink-10: #8c1941;\n --pink-11: #731536;\n --pink-12: #59102a;\n --purple-0: #f8f0fc;\n --purple-1: #f3d9fa;\n --purple-2: #eebefa;\n --purple-3: #e599f7;\n --purple-4: #da77f2;\n --purple-5: #cc5de8;\n --purple-6: #be4bdb;\n --purple-7: #ae3ec9;\n --purple-8: #9c36b5;\n --purple-9: #862e9c;\n --purple-10: #702682;\n --purple-11: #5a1e69;\n --purple-12: #44174f;\n --violet-0: #f3f0ff;\n --violet-1: #e5dbff;\n --violet-2: #d0bfff;\n --violet-3: #b197fc;\n --violet-4: #9775fa;\n --violet-5: #845ef7;\n --violet-6: #7950f2;\n --violet-7: #7048e8;\n --violet-8: #6741d9;\n --violet-9: #5f3dc4;\n --violet-10: #5235ab;\n --violet-11: #462d91;\n --violet-12: #3a2578;\n --indigo-0: #edf2ff;\n --indigo-1: #dbe4ff;\n --indigo-2: #bac8ff;\n --indigo-3: #91a7ff;\n --indigo-4: #748ffc;\n --indigo-5: #5c7cfa;\n --indigo-6: #4c6ef5;\n --indigo-7: #4263eb;\n --indigo-8: #3b5bdb;\n --indigo-9: #364fc7;\n --indigo-10: #2f44ad;\n --indigo-11: #283a94;\n --indigo-12: #21307a;\n --blue-0: #e7f5ff;\n --blue-1: #d0ebff;\n --blue-2: #a5d8ff;\n --blue-3: #74c0fc;\n --blue-4: #4dabf7;\n --blue-5: #339af0;\n --blue-6: #228be6;\n --blue-7: #1c7ed6;\n --blue-8: #1971c2;\n --blue-9: #1864ab;\n --blue-10: #145591;\n --blue-11: #114678;\n --blue-12: #0d375e;\n --cyan-0: #e3fafc;\n --cyan-1: #c5f6fa;\n --cyan-2: #99e9f2;\n --cyan-3: #66d9e8;\n --cyan-4: #3bc9db;\n --cyan-5: #22b8cf;\n --cyan-6: #15aabf;\n --cyan-7: #1098ad;\n --cyan-8: #0c8599;\n --cyan-9: #0b7285;\n --cyan-10: #095c6b;\n --cyan-11: #074652;\n --cyan-12: #053038;\n --teal-0: #e6fcf5;\n --teal-1: #c3fae8;\n --teal-2: #96f2d7;\n --teal-3: #63e6be;\n --teal-4: #38d9a9;\n --teal-5: #20c997;\n --teal-6: #12b886;\n --teal-7: #0ca678;\n --teal-8: #099268;\n --teal-9: #087f5b;\n --teal-10: #066649;\n --teal-11: #054d37;\n --teal-12: #033325;\n --green-0: #ebfbee;\n --green-1: #d3f9d8;\n --green-2: #b2f2bb;\n --green-3: #8ce99a;\n --green-4: #69db7c;\n --green-5: #51cf66;\n --green-6: #40c057;\n --green-7: #37b24d;\n --green-8: #2f9e44;\n --green-9: #2b8a3e;\n --green-10: #237032;\n --green-11: #1b5727;\n --green-12: #133d1b;\n --lime-0: #f4fce3;\n --lime-1: #e9fac8;\n --lime-2: #d8f5a2;\n --lime-3: #c0eb75;\n --lime-4: #a9e34b;\n --lime-5: #94d82d;\n --lime-6: #82c91e;\n --lime-7: #74b816;\n --lime-8: #66a80f;\n --lime-9: #5c940d;\n --lime-10: #4c7a0b;\n --lime-11: #3c6109;\n --lime-12: #2c4706;\n --yellow-0: #fff9db;\n --yellow-1: #fff3bf;\n --yellow-2: #ffec99;\n --yellow-3: #ffe066;\n --yellow-4: #ffd43b;\n --yellow-5: #fcc419;\n --yellow-6: #fab005;\n --yellow-7: #f59f00;\n --yellow-8: #f08c00;\n --yellow-9: #e67700;\n --yellow-10: #b35c00;\n --yellow-11: #804200;\n --yellow-12: #663500;\n --orange-0: #fff4e6;\n --orange-1: #ffe8cc;\n --orange-2: #ffd8a8;\n --orange-3: #ffc078;\n --orange-4: #ffa94d;\n --orange-5: #ff922b;\n --orange-6: #fd7e14;\n --orange-7: #f76707;\n --orange-8: #e8590c;\n --orange-9: #d9480f;\n --orange-10: #bf400d;\n --orange-11: #99330b;\n --orange-12: #802b09;\n --choco-0: #fff8dc;\n --choco-1: #fce1bc;\n --choco-2: #f7ca9e;\n --choco-3: #f1b280;\n --choco-4: #e99b62;\n --choco-5: #df8545;\n --choco-6: #d46e25;\n --choco-7: #bd5f1b;\n --choco-8: #a45117;\n --choco-9: #8a4513;\n --choco-10: #703a13;\n --choco-11: #572f12;\n --choco-12: #3d210d;\n --brown-0: #faf4eb;\n --brown-1: #ede0d1;\n --brown-2: #e0cab7;\n --brown-3: #d3b79e;\n --brown-4: #c5a285;\n --brown-5: #b78f6d;\n --brown-6: #a87c56;\n --brown-7: #956b47;\n --brown-8: #825b3a;\n --brown-9: #6f4b2d;\n --brown-10: #5e3a21;\n --brown-11: #4e2b15;\n --brown-12: #422412;\n --sand-0: #f8fafb;\n --sand-1: #e6e4dc;\n --sand-2: #d5cfbd;\n --sand-3: #c2b9a0;\n --sand-4: #aea58c;\n --sand-5: #9a9178;\n --sand-6: #867c65;\n --sand-7: #736a53;\n --sand-8: #5f5746;\n --sand-9: #4b4639;\n --sand-10: #38352d;\n --sand-11: #252521;\n --sand-12: #121210;\n --camo-0: #f9fbe7;\n --camo-1: #e8ed9c;\n --camo-2: #d2df4e;\n --camo-3: #c2ce34;\n --camo-4: #b5bb2e;\n --camo-5: #a7a827;\n --camo-6: #999621;\n --camo-7: #8c851c;\n --camo-8: #7e7416;\n --camo-9: #6d6414;\n --camo-10: #5d5411;\n --camo-11: #4d460e;\n --camo-12: #36300a;\n --jungle-0: #ecfeb0;\n --jungle-1: #def39a;\n --jungle-2: #d0e884;\n --jungle-3: #c2dd6e;\n --jungle-4: #b5d15b;\n --jungle-5: #a8c648;\n --jungle-6: #9bbb36;\n --jungle-7: #8fb024;\n --jungle-8: #84a513;\n --jungle-9: #7a9908;\n --jungle-10: #658006;\n --jungle-11: #516605;\n --jungle-12: #3d4d04;\n}\n",":where(html) {\n --gradient-space: ;\n --gradient-1: linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);\n --gradient-2: linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff);\n --gradient-3: \n radial-gradient(\n circle at top right var(--gradient-space), \n hsl(180 100% 50%), hsl(180 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(328 100% 54%), hsl(328 100% 54% / 0%)\n );\n --gradient-4: linear-gradient(to bottom right var(--gradient-space), #00F5A0, #00D9F5);\n --gradient-5: conic-gradient(from -270deg at 75% 110% var(--gradient-space), fuchsia, floralwhite);\n --gradient-6: conic-gradient(from -90deg at top left var(--gradient-space), black, white);\n --gradient-7: linear-gradient(to bottom right var(--gradient-space), #72C6EF, #004E8F);\n --gradient-8: conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111);\n --gradient-9: conic-gradient(from .5turn at bottom center var(--gradient-space), lightblue, white);\n --gradient-10: conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);\n --gradient-11: conic-gradient(at bottom left var(--gradient-space), deeppink, cyan);\n --gradient-12: conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);\n --gradient-13: radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);\n --gradient-14: conic-gradient(at top right var(--gradient-space), lime, cyan);\n --gradient-15: linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7);\n --gradient-16: radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000);\n --gradient-17: conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet);\n --gradient-18: \n linear-gradient(0deg var(--gradient-space), hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%),\n linear-gradient(60deg var(--gradient-space), hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%),\n linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),\n linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),\n linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),\n linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)\n ;\n --gradient-19: linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751);\n --gradient-20: conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);\n --gradient-21: conic-gradient(from -90deg at 25% 115% var(--gradient-space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);\n --gradient-22: linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8);\n --gradient-23: linear-gradient(to bottom right var(--gradient-space), #536976, #292E49);\n --gradient-24: conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476);\n --gradient-25: conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);\n --gradient-26: linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4);\n --gradient-27: conic-gradient(from .5turn at bottom left var(--gradient-space), deeppink, rebeccapurple);\n --gradient-28: conic-gradient(from -90deg at 50% 105% var(--gradient-space), white, orchid);\n --gradient-29: \n radial-gradient(\n circle at top right var(--gradient-space), \n hsl(250 100% 85%), hsl(250 100% 85% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(220 90% 75%), hsl(220 90% 75% / 0%)\n );\n --gradient-30: radial-gradient(\n circle at top right var(--gradient-space), \n hsl(150 100% 50%), hsl(150 100% 50% / 0%)\n ),\n radial-gradient(\n circle at bottom left var(--gradient-space), \n hsl(150 100% 84%), hsl(150 100% 84% / 0%)\n );\n --noise-1: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-2: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-3: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-4: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-5: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\");\n --noise-filter-1: contrast(300%) brightness(100%);\n --noise-filter-2: contrast(200%) brightness(150%);\n --noise-filter-3: contrast(200%) brightness(250%);\n --noise-filter-4: contrast(200%) brightness(500%);\n --noise-filter-5: contrast(200%) brightness(1000%);\n}\n\n@supports (background: linear-gradient(to right in oklab, #000, #fff)) {\n :where(html) {\n --gradient-space: in oklab;\n }\n}","@import 'props.media.css';\n\n:where(html) {\n --animation-fade-in: fade-in .5s var(--ease-3);\n --animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);\n --animation-fade-out: fade-out .5s var(--ease-3);\n --animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);\n --animation-scale-up: scale-up .5s var(--ease-3);\n --animation-scale-down: scale-down .5s var(--ease-3);\n --animation-slide-out-up: slide-out-up .5s var(--ease-3);\n --animation-slide-out-down: slide-out-down .5s var(--ease-3);\n --animation-slide-out-right: slide-out-right .5s var(--ease-3);\n --animation-slide-out-left: slide-out-left .5s var(--ease-3);\n --animation-slide-in-up: slide-in-up .5s var(--ease-3);\n --animation-slide-in-down: slide-in-down .5s var(--ease-3);\n --animation-slide-in-right: slide-in-right .5s var(--ease-3);\n --animation-slide-in-left: slide-in-left .5s var(--ease-3);\n --animation-shake-x: shake-x .75s var(--ease-out-5);\n --animation-shake-y: shake-y .75s var(--ease-out-5);\n --animation-shake-z: shake-z 1s var(--ease-in-out-3);\n --animation-spin: spin 2s linear infinite;\n --animation-ping: ping 5s var(--ease-out-3) infinite;\n --animation-blink: blink 1s var(--ease-out-3) infinite;\n --animation-float: float 3s var(--ease-in-out-3) infinite;\n --animation-bounce: bounce 2s var(--ease-squish-2) infinite;\n --animation-pulse: pulse 2s var(--ease-out-3) infinite;\n}\n\n@keyframes fade-in {\n to { opacity: 1 }\n}\n@keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n100% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes fade-out {\n to { opacity: 0 }\n}\n@keyframes fade-out-bloom {\n100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(2) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n}\n@keyframes scale-up {\n to { transform: scale(1.25) }\n}\n@keyframes scale-down {\n to { transform: scale(.75) }\n}\n@keyframes slide-out-up {\n to { transform: translateY(-100%) }\n}\n@keyframes slide-out-down {\n to { transform: translateY(100%) }\n}\n@keyframes slide-out-right {\n to { transform: translateX(100%) }\n}\n@keyframes slide-out-left {\n to { transform: translateX(-100%) }\n}\n@keyframes slide-in-up {\n from { transform: translateY(100%) }\n}\n@keyframes slide-in-down {\n from { transform: translateY(-100%) }\n}\n@keyframes slide-in-right {\n from { transform: translateX(-100%) }\n}\n@keyframes slide-in-left {\n from { transform: translateX(100%) }\n}\n@keyframes shake-x {\n 0%, 100% { transform: translateX(0%) }\n 20% { transform: translateX(-5%) }\n 40% { transform: translateX(5%) }\n 60% { transform: translateX(-5%) }\n 80% { transform: translateX(5%) }\n}\n@keyframes shake-y {\n 0%, 100% { transform: translateY(0%) }\n 20% { transform: translateY(-5%) }\n 40% { transform: translateY(5%) }\n 60% { transform: translateY(-5%) }\n 80% { transform: translateY(5%) }\n}\n@keyframes shake-z {\n 0%, 100% { transform: rotate(0deg) }\n 20% { transform: rotate(-2deg) }\n 40% { transform: rotate(2deg) }\n 60% { transform: rotate(-2deg) }\n 80% { transform: rotate(2deg) }\n}\n@keyframes spin {\n to { transform: rotate(1turn) }\n}\n@keyframes ping {\n 90%, 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes blink {\n 0%, 100% {\n opacity: 1\n }\n 50% {\n opacity: .5\n }\n}\n@keyframes float {\n 50% { transform: translateY(-25%) }\n}\n@keyframes bounce {\n 25% { transform: translateY(-20%) }\n 40% { transform: translateY(-3%) }\n 0%, 60%, 100% { transform: translateY(0) }\n}\n@keyframes pulse {\n 50% { transform: scale(.9,.9) }\n}\n@media (--OSdark) {\n @keyframes fade-in-bloom {\n 0% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 100% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}\n@media (--OSdark) {\n @keyframes fade-out-bloom {\n 100% { opacity: 0; filter: brightness(1) blur(20px) }\n 10% { opacity: 1; filter: brightness(0.5) blur(10px) }\n 0% { opacity: 1; filter: brightness(1) blur(0) }\n }\n}",":where(html) {\n --border-size-1: 1px;\n --border-size-2: 2px;\n --border-size-3: 5px;\n --border-size-4: 10px;\n --border-size-5: 25px;\n --radius-1: 2px;\n --radius-2: 5px;\n --radius-3: 1rem;\n --radius-4: 2rem;\n --radius-5: 4rem;\n --radius-6: 8rem;\n --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;\n --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;\n --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;\n --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;\n --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;\n --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;\n --radius-round: 1e5px;\n --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;\n --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;\n --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;\n --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;\n --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;\n --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));\n --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));\n --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));\n --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));\n --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));\n --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));\n}\n",":where(html) {\n --palette-hue: 250;\n --palette-hue-rotate-by: 0;\n --palette-chroma: 0.15;\n --color-1: oklch(98% calc(0.03 * var(--palette-chroma)) calc(var(--palette-hue) + (0 * var(--palette-hue-rotate-by))));\n --color-2: oklch(97% calc(0.06 * var(--palette-chroma)) calc(var(--palette-hue) + (1 * var(--palette-hue-rotate-by))));\n --color-3: oklch(93% calc(0.1 * var(--palette-chroma)) calc(var(--palette-hue) + (2 * var(--palette-hue-rotate-by))));\n --color-4: oklch(84% calc(0.12 * var(--palette-chroma)) calc(var(--palette-hue) + (3 * var(--palette-hue-rotate-by))));\n --color-5: oklch(80% calc(0.16 * var(--palette-chroma)) calc(var(--palette-hue) + (4 * var(--palette-hue-rotate-by))));\n --color-6: oklch(71% calc(0.19 * var(--palette-chroma)) calc(var(--palette-hue) + (5 * var(--palette-hue-rotate-by))));\n --color-7: oklch(66% calc(0.2 * var(--palette-chroma)) calc(var(--palette-hue) + (6 * var(--palette-hue-rotate-by))));\n --color-8: oklch(58% calc(0.21 * var(--palette-chroma)) calc(var(--palette-hue) + (7 * var(--palette-hue-rotate-by))));\n --color-9: oklch(53% calc(0.2 * var(--palette-chroma)) calc(var(--palette-hue) + (8 * var(--palette-hue-rotate-by))));\n --color-10: oklch(49% calc(0.19 * var(--palette-chroma)) calc(var(--palette-hue) + (9 * var(--palette-hue-rotate-by))));\n --color-11: oklch(42% calc(0.17 * var(--palette-chroma)) calc(var(--palette-hue) + (10 * var(--palette-hue-rotate-by))));\n --color-12: oklch(35% calc(0.15 * var(--palette-chroma)) calc(var(--palette-hue) + (11 * var(--palette-hue-rotate-by))));\n --color-13: oklch(27% calc(0.12 * var(--palette-chroma)) calc(var(--palette-hue) + (12 * var(--palette-hue-rotate-by))));\n --color-14: oklch(20% calc(0.09 * var(--palette-chroma)) calc(var(--palette-hue) + (13 * var(--palette-hue-rotate-by))));\n --color-15: oklch(16% calc(0.07 * var(--palette-chroma)) calc(var(--palette-hue) + (14 * var(--palette-hue-rotate-by))));\n --color-16: oklch(10% calc(0.05 * var(--palette-chroma)) calc(var(--palette-hue) + (15 * var(--palette-hue-rotate-by))));\n}\n",":where(html) {\n --hue-red: 25;\n --hue-pink: 350;\n --hue-purple: 310;\n --hue-violet: 290;\n --hue-indigo: 270;\n --hue-blue: 240;\n --hue-cyan: 210;\n --hue-teal: 185;\n --hue-green: 145;\n --hue-lime: 125;\n --hue-yellow: 100;\n --hue-orange: 75;\n}\n",":where(*) {\n --gray-0: oklch(99% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-1: oklch(95% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-2: oklch(88% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-3: oklch(80% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-4: oklch(74% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-5: oklch(68% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-6: oklch(63% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-7: oklch(58% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-8: oklch(53% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-9: oklch(49% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-10: oklch(43% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-11: oklch(37% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-12: oklch(31% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-13: oklch(25% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-14: oklch(18% var(--gray-chroma, none) var(--gray-hue, none));\n --gray-15: oklch(10% var(--gray-chroma, none) var(--gray-hue, none));\n}\n",":where(:root) {\r\n --palette-hue: 250;\r\n /* <angle */\r\n --palette-hue-rotate-by: 0;\r\n /* +- deg : warm or cool the palette */\r\n --palette-chroma: 0.15;\r\n /* 0-1 : lower to mute and pastel, over 2 at own risk */\r\n\r\n /* New API: a single OKLCH source that drives the entire ramp.\r\n The default below derives from the legacy --palette-hue / --palette-chroma\r\n vars so themes that haven't migrated keep working unchanged. Themes opting\r\n into the new API just set --palette-source directly. */\r\n --palette-source: oklch(58% calc(0.21 * var(--palette-chroma, 1)) var(--palette-hue, 250));\r\n}\r\n\r\n* {\r\n --color-1: oklch(from var(--palette-source) 98% calc(0.03 * (c / 0.21)) calc(h + (0 * var(--palette-hue-rotate-by))));\r\n --color-2: oklch(from var(--palette-source) 97% calc(0.06 * (c / 0.21)) calc(h + (1 * var(--palette-hue-rotate-by))));\r\n --color-3: oklch(from var(--palette-source) 93% calc(0.1 * (c / 0.21)) calc(h + (2 * var(--palette-hue-rotate-by))));\r\n --color-4: oklch(from var(--palette-source) 84% calc(0.12 * (c / 0.21)) calc(h + (3 * var(--palette-hue-rotate-by))));\r\n --color-5: oklch(from var(--palette-source) 80% calc(0.16 * (c / 0.21)) calc(h + (4 * var(--palette-hue-rotate-by))));\r\n --color-6: oklch(from var(--palette-source) 71% calc(0.19 * (c / 0.21)) calc(h + (5 * var(--palette-hue-rotate-by))));\r\n --color-7: oklch(from var(--palette-source) 66% calc(0.2 * (c / 0.21)) calc(h + (6 * var(--palette-hue-rotate-by))));\r\n --color-8: oklch(from var(--palette-source) 58% calc(0.21 * (c / 0.21)) calc(h + (7 * var(--palette-hue-rotate-by))));\r\n --color-9: oklch(from var(--palette-source) 53% calc(0.2 * (c / 0.21)) calc(h + (8 * var(--palette-hue-rotate-by))));\r\n --color-10: oklch(from var(--palette-source) 49% calc(0.19 * (c / 0.21)) calc(h + (9 * var(--palette-hue-rotate-by))));\r\n --color-11: oklch(from var(--palette-source) 42% calc(0.17 * (c / 0.21)) calc(h + (10 * var(--palette-hue-rotate-by))));\r\n --color-12: oklch(from var(--palette-source) 35% calc(0.15 * (c / 0.21)) calc(h + (11 * var(--palette-hue-rotate-by))));\r\n --color-13: oklch(from var(--palette-source) 27% calc(0.12 * (c / 0.21)) calc(h + (12 * var(--palette-hue-rotate-by))));\r\n --color-14: oklch(from var(--palette-source) 20% calc(0.09 * (c / 0.21)) calc(h + (13 * var(--palette-hue-rotate-by))));\r\n --color-15: oklch(from var(--palette-source) 16% calc(0.07 * (c / 0.21)) calc(h + (14 * var(--palette-hue-rotate-by))));\r\n --color-16: oklch(from var(--palette-source) 10% calc(0.05 * (c / 0.21)) calc(h + (15 * var(--palette-hue-rotate-by))));\r\n}\r\n\r\n/* Gray ramp — derived from each --color-N step so it shares the palette's\r\n per-step lightness curve. --gray-chroma / --gray-hue follow the Open Props\r\n convention (hue is the third oklch arg, NOT lightness). Override either\r\n in a theme to warm/cool the grays without redefining each --gray-N. */\r\n* {\r\n --gray-chroma: 0.01;\r\n --gray-hue: 255;\r\n\r\n --gray-1: oklch(from var(--color-1) l var(--gray-chroma) var(--gray-hue));\r\n --gray-2: oklch(from var(--color-2) l var(--gray-chroma) var(--gray-hue));\r\n --gray-3: oklch(from var(--color-3) l var(--gray-chroma) var(--gray-hue));\r\n --gray-4: oklch(from var(--color-4) l var(--gray-chroma) var(--gray-hue));\r\n --gray-5: oklch(from var(--color-5) l var(--gray-chroma) var(--gray-hue));\r\n --gray-6: oklch(from var(--color-6) l var(--gray-chroma) var(--gray-hue));\r\n --gray-7: oklch(from var(--color-7) l var(--gray-chroma) var(--gray-hue));\r\n --gray-8: oklch(from var(--color-8) l var(--gray-chroma) var(--gray-hue));\r\n --gray-9: oklch(from var(--color-9) l var(--gray-chroma) var(--gray-hue));\r\n --gray-10: oklch(from var(--color-10) l var(--gray-chroma) var(--gray-hue));\r\n --gray-11: oklch(from var(--color-11) l var(--gray-chroma) var(--gray-hue));\r\n --gray-12: oklch(from var(--color-12) l var(--gray-chroma) var(--gray-hue));\r\n --gray-13: oklch(from var(--color-13) l var(--gray-chroma) var(--gray-hue));\r\n --gray-14: oklch(from var(--color-14) l var(--gray-chroma) var(--gray-hue));\r\n --gray-15: oklch(from var(--color-15) l var(--gray-chroma) var(--gray-hue));\r\n --gray-16: oklch(from var(--color-16) l var(--gray-chroma) var(--gray-hue));\r\n}\r\n","@layer normalize {\r\n\r\n *,\r\n ::before,\r\n ::after {\r\n /* Set box sizing instead of inheriting */\r\n /* https://www.oddbird.net/2025/09/04/box-model/ */\r\n box-sizing: border-box;\r\n }\r\n\r\n * {\r\n scrollbar-width: thin;\r\n }\r\n\r\n :where(html) {\r\n --_page-bg-color: var(--surface-default);\r\n\r\n accent-color: var(--primary);\r\n background-color: var(--_page-bg-color);\r\n block-size: 100%;\r\n caret-color: var(--primary);\r\n color: var(--text-muted, var(--text-color-2));\r\n /* text-color-2 is for backwards compatibility */\r\n font-family: var(--font-sans);\r\n interpolate-size: allow-keywords;\r\n line-height: var(--font-lineheight-4);\r\n\r\n /* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */\r\n -moz-text-size-adjust: none;\r\n -webkit-text-size-adjust: none;\r\n text-size-adjust: none;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n scroll-behavior: smooth;\r\n }\r\n }\r\n\r\n :where(body) {\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n container-type: inline-size;\r\n font-size: 16px;\r\n font-synthesis: style;\r\n font-weight: 400;\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 100%;\r\n min-inline-size: 320px;\r\n position: relative;\r\n text-rendering: optimizeLegibility;\r\n }\r\n\r\n :where(:not(dialog, popover)) {\r\n margin: 0;\r\n }\r\n\r\n :where(dialog:not([open])) {\r\n outline: none !important;\r\n }\r\n\r\n\r\n :where(:not(fieldset, progress, meter)) {\r\n background-origin: border-box;\r\n background-repeat: no-repeat;\r\n border-style: solid;\r\n border-width: 0;\r\n }\r\n\r\n :where(fieldset) {\r\n border: var(--field-border-width) solid var(--field-border-color);\r\n border-radius: var(--field-border-radius);\r\n padding: var(--size-3);\r\n display: grid;\r\n gap: var(--size-3);\r\n }\r\n\r\n :where(input, button, textarea),\r\n :where(input[type=\"file\"])::-webkit-file-upload-button {\r\n color: inherit;\r\n font: inherit;\r\n letter-spacing: inherit;\r\n }\r\n\r\n :where(input):-webkit-autofill,\r\n :where(input):-webkit-autofill:hover,\r\n :where(input):-webkit-autofill:focus,\r\n :where(textarea):-webkit-autofill,\r\n :where(textarea):-webkit-autofill:hover,\r\n :where(textarea):-webkit-autofill:focus,\r\n :where(select):-webkit-autofill,\r\n :where(select):-webkit-autofill:hover,\r\n :where(select):-webkit-autofill:focus,\r\n :where(input):autofill,\r\n :where(input):autofill:hover,\r\n :where(input):autofill:focus,\r\n :where(textarea):autofill,\r\n :where(textarea):autofill:hover,\r\n :where(textarea):autofill:focus,\r\n :where(select):autofill,\r\n :where(select):autofill:hover,\r\n :where(select):autofill:focus {\r\n -webkit-text-fill-color: var(--text-muted, var(--text-color-2));\r\n -webkit-box-shadow: 0 0 0px 1e5px var(--well-1) inset;\r\n transition: background-color 5000s ease-in-out 0s;\r\n }\r\n\r\n ::placeholder {\r\n color: var(--text-muted, var(--text-color-2));\r\n }\r\n\r\n ::-moz-placeholder {\r\n opacity: 1;\r\n }\r\n\r\n :focus-visible {\r\n /* Inverts the --_page-bg-color */\r\n --_focus-visible-color: rgb(from var(--_page-bg-color) calc(255 - r) calc(255 - g) calc(255 - b));\r\n\r\n border-radius: var(--border-radius, 0px);\r\n outline: 2px solid var(--_focus-visible-color);\r\n outline-offset: 2px;\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n :where(:focus-visible) {\r\n transition: outline-offset .15 var(--ease-2);\r\n }\r\n\r\n :where(:not(:active):focus-visible) {\r\n transition-duration: 0.15s;\r\n }\r\n }\r\n\r\n :where(:not(:active):focus-visible) {\r\n outline-offset: var(--outline-offset, 0px);\r\n }\r\n\r\n :where(a[href],\r\n area,\r\n button,\r\n input:not([type=\"text\"],\r\n [type=\"email\"],\r\n [type=\"number\"],\r\n [type=\"password\"],\r\n [type=\"\"],\r\n [type=\"tel\"],\r\n [type=\"url\"]),\r\n label[for],\r\n select,\r\n summary) {\r\n cursor: pointer;\r\n }\r\n\r\n :where(a[href],\r\n area,\r\n button,\r\n [role=\"button\"],\r\n input,\r\n label[for],\r\n select,\r\n summary,\r\n textarea,\r\n [tabindex]:not([tabindex*=\"-\"])) {\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n }\r\n\r\n :where(img, svg, video, canvas, audio, iframe, embed, object) {\r\n display: block;\r\n }\r\n\r\n :where(img, svg, video) {\r\n block-size: auto;\r\n max-inline-size: 100%;\r\n }\r\n\r\n :where(svg:not([width])) {\r\n inline-size: var(--size-7);\r\n }\r\n\r\n :where(dt:not(:first-of-type)) {\r\n margin-block-start: var(--size-5);\r\n }\r\n\r\n :where(figure) {\r\n display: grid;\r\n gap: var(--size-2);\r\n place-items: center;\r\n }\r\n\r\n :target {\r\n scroll-margin-block-start: 2rem;\r\n }\r\n}\r\n","/*\r\n theme three theme setup\r\n*/\r\n@layer theme {\r\n\r\n /* 1. Color scheme */\r\n .ui-light {\r\n --color-scheme: light;\r\n }\r\n\r\n .ui-dark {\r\n --color-scheme: dark;\r\n }\r\n\r\n :where(html) {\r\n color-scheme: var(--color-scheme, light dark);\r\n\r\n /* 2. Palette source - one value to rule them all. Every other color is derived from this one.\r\n Both light/dark branches are wired up via light-dark() so prefers-color-scheme works\r\n automatically. Set them to different OKLCH values if you want a distinct dark-mode palette. */\r\n --palette-source: light-dark(oklch(0.58 calc(0.21 * 0.5) var(--hue-blue)),\r\n oklch(0.58 calc(0.21 * 0.5) var(--hue-blue)));\r\n --palette-hue-rotate-by: 0;\r\n\r\n /* Gray ramp lives in core/palette.css. Override --gray-chroma or\r\n --gray-hue here if this theme wants warmer/cooler grays. */\r\n\r\n /* 3. Named colors (no severity meaning) — use when you literally want a green/red/etc. dot */\r\n --blue: oklch(from var(--color-9) l 0.2 210);\r\n --green: oklch(from var(--color-9) l 0.2 145);\r\n --orange: oklch(from var(--color-7) l 0.2 75);\r\n --red: oklch(from var(--color-9) l 0.2 25);\r\n\r\n /* 4. Intent tokens\r\n Severity (have scope classes below): --success, --info, --warning, --critical\r\n Non-severity (value-only): --primary, --neutral */\r\n --success: var(--green);\r\n --info: var(--blue);\r\n --warning: var(--orange);\r\n --critical: var(--red);\r\n --neutral: var(--gray-9);\r\n\r\n /* 5. Primary */\r\n --primary: var(--color-8);\r\n --primary-light: oklch(from var(--primary) calc(l * 1.25) c h);\r\n --primary-dark: oklch(from var(--primary) calc(l * 0.75) c h);\r\n --primary-contrast: var(--gray-1);\r\n\r\n /* 6. Text */\r\n --text-primary: light-dark(var(--gray-15), var(--gray-1));\r\n --text-primary-contrast: light-dark(var(--gray-2), var(--gray-15));\r\n --text-muted: light-dark(var(--gray-13), var(--gray-4));\r\n --text-muted-contrast: light-dark(var(--gray-4), var(--gray-13));\r\n\r\n /* 7. Surfaces */\r\n --surface-default: light-dark(var(--gray-1), var(--gray-13));\r\n --surface-filled: light-dark(var(--gray-4), var(--gray-15));\r\n --surface-tonal: light-dark(var(--gray-3), var(--gray-12));\r\n --surface-elevated: light-dark(var(--gray-1), var(--gray-12));\r\n\r\n /* 8. Borders */\r\n --border-color: light-dark(var(--gray-4), var(--gray-12));\r\n --border-radius: var(--size-2);\r\n --border-width: 1px;\r\n\r\n /* 9. Focus ring — components consume these and may override locally\r\n (e.g. .ui-button.ui-filled { --focus-ring-offset: 3px; }, .ui-checkbox { --focus-ring-offset: 0; }) */\r\n --focus-ring-color: var(--primary);\r\n --focus-ring-width: 2px;\r\n --focus-ring-offset: 2px;\r\n --focus-ring-style: solid;\r\n\r\n /* 10. Typography */\r\n --font-size-h1: var(--font-size-fluid-3);\r\n --font-size-h2: var(--font-size-fluid-2);\r\n --font-size-h3: var(--font-size-fluid-1);\r\n --font-size-h4: var(--font-size-3);\r\n --font-size-h5: var(--font-size-2);\r\n --font-size-h6: var(--font-size-fluid-0);\r\n\r\n /* Sneaking in an extra font size I want but Open Props doesn't provide. You can do whatever you want with your own theme. It's just CSS. */\r\n --font-size-05: 0.875rem;\r\n\r\n /* 11. Control sizes — shared scale for fields and buttons so they line up\r\n visually. --field-size-* and --button-size-* alias from --control-size-*. */\r\n --control-size-x-small: 28px;\r\n --control-size-small: 32px;\r\n --control-size: 40px;\r\n --control-size-large: 46px;\r\n\r\n --field-size-x-small: var(--control-size-x-small);\r\n --field-size-small: var(--control-size-small);\r\n --field-size: var(--control-size);\r\n --field-size-large: var(--control-size-large);\r\n\r\n --button-size-x-small: var(--control-size-x-small);\r\n --button-size-small: var(--control-size-small);\r\n --button-size: var(--control-size);\r\n --button-size-large: var(--control-size-large);\r\n\r\n /* 12. Field / input */\r\n --field-border-color: var(--border-color);\r\n --field-border-radius: var(--size-2);\r\n --field-border-width: 1px;\r\n\r\n /* 13. Button */\r\n --button-border-radius: var(--size-2);\r\n }\r\n\r\n /* 14. Severity scope classes — re-source the palette inside these contexts.\r\n Authoring `<div class=\"ui-warning\">` paints the entire subtree warning-orange.\r\n Non-severity tokens (--primary, --neutral) deliberately have no scope class. */\r\n :where(.ui-critical, [data-invalid], del) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-red));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.ui-info, abbr, dfn) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-blue));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.ui-success, ins) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-green));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n\r\n :where(.ui-warning) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-orange));\r\n --palette-hue-rotate-by: 1;\r\n }\r\n}\r\n","/*\r\n* Components are divided into two categories - if they are stand-alone (root) or if they are built on top of others (extended).\r\n*/\r\n\r\n/*** Root components (no dependencies) */\r\n@import \"./components/button.css\";\r\n@import \"./components/callout.css\";\r\n@import \"./components/icon-button.css\";\r\n@import \"./components/tabs.css\";\r\n@import \"./components/toggle-group.css\";\r\n@import \"./components/toggle-button.css\";\r\n@import \"./components/anchor.css\";\r\n@import \"./components/avatar.css\";\r\n@import \"./components/card.css\";\r\n@import \"./components/chip.css\";\r\n@import \"./components/description-list.css\";\r\n@import \"./components/divider.css\";\r\n@import \"./components/link.css\";\r\n@import \"./components/table.css\";\r\n@import \"./components/progress.css\";\r\n@import \"./components/spinner.css\";\r\n@import \"./components/checkbox.css\";\r\n@import \"./components/radio.css\";\r\n@import \"./components/range.css\";\r\n@import \"./components/switch.css\";\r\n@import \"./components/toast.css\";\r\n@import \"./components/typography.css\";\r\n\r\n/*** Extended components (has dependencies) */\r\n@import \"./components/badge.css\";\r\n@import \"./components/button-group.css\";\r\n@import \"./components/accordion.css\";\r\n@import \"./components/list.css\";\r\n@import \"./components/dialog.css\";\r\n@import \"./components/drawer.css\";\r\n@import \"./components/form.css\";\r\n@import \"./components/text-field.css\";\r\n@import \"./components/select.css\";\r\n@import \"./components/text-input.css\";\r\n@import \"./components/textarea.css\";\r\n@import \"./components/tooltip.css\";\r\n","@layer components.root {\r\n :where(.ui-button) {\r\n --_color: light-dark(var(--color-16), var(--color-1));\r\n --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n --_color-tonal: var(--surface-tonal);\r\n\r\n --_accent: var(--_color);\r\n --_accent-contrast: var(--_color-contrast);\r\n --_accent-tonal: var(--_color-tonal);\r\n --_accent-tonal-contrast: var(--_color);\r\n\r\n --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n oklch(from var(--_accent) l 0.01 h / 20%));\r\n --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n oklch(from var(--_accent) l 0.06 h / 30%));\r\n\r\n --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n oklch(from var(--_accent) calc(l - 0.1) c h));\r\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n oklch(from var(--_accent) calc(l - 0.15) c h));\r\n --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-width: var(--border-size-1);\r\n --_font-size: var(--font-size-1);\r\n --_min-height: var(--button-size);\r\n --_border-radius: var(--button-border-radius, var(--radius-2));\r\n --_text-color: var(--_accent);\r\n\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-touch-callout: none;\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n color: var(--_text-color);\r\n display: inline-flex;\r\n font-size: var(--_font-size);\r\n font-weight: 700;\r\n gap: var(--size-2);\r\n justify-content: center;\r\n min-block-size: var(--_min-height);\r\n padding-block: 0.5ex;\r\n padding-inline: 1.5ex;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: background-color .1s ease, color .1s ease,\r\n border-color .1s ease, box-shadow .1s ease;\r\n user-select: none;\r\n\r\n /* Colors — shared interaction model for critical and primary.\r\n Each color modifier below only swaps --_color; the tonal surface,\r\n contrast text, and hover/active strategy are identical.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n &.ui-critical,\r\n &.ui-primary {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n &.ui-critical {\r\n --_color: var(--critical);\r\n }\r\n\r\n &.ui-primary {\r\n --_color: var(--primary);\r\n }\r\n\r\n /* Disabled */\r\n &:where([disabled]) {\r\n --_text-color: color-mix(in oklch,\r\n var(--text-muted) 50%,\r\n var(--surface-default));\r\n\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n }\r\n\r\n /* Hover & Active */\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_default-hover-bg-color);\r\n }\r\n\r\n &:where(:hover:active),\r\n &[aria-current=\"page\"] {\r\n --_bg-color: var(--_default-active-bg-color);\r\n }\r\n }\r\n\r\n\r\n /* Icons / Keyboard */\r\n &:where(:has(svg), &.ui-icon-only) {\r\n gap: 1ex;\r\n\r\n svg {\r\n color: currentColor;\r\n max-block-size: 0.7lh;\r\n }\r\n }\r\n\r\n /* Keyboard input */\r\n :is(kbd) {\r\n background-color: oklch(from currentColor l c h / 10%);\r\n border: 0;\r\n color: oklch(from currentColor l c h / 80%);\r\n font-size: 0.8em;\r\n font-weight: 400;\r\n line-height: 1.2;\r\n }\r\n\r\n /* Sizes — heights aliased from the shared --control-size scale.\r\n Override --button-size-* in a parent scope to resize an entire region. */\r\n &.ui-x-small {\r\n --_min-height: var(--button-size-x-small);\r\n --_font-size: var(--font-size-0);\r\n padding-block: 0;\r\n padding-inline: .5ex;\r\n }\r\n\r\n &.ui-small {\r\n --_min-height: var(--button-size-small);\r\n --_font-size: var(--font-size-05);\r\n padding-block: 0;\r\n padding-inline: .75ex;\r\n }\r\n\r\n &.ui-large {\r\n --_min-height: var(--button-size-large);\r\n padding-inline: 4ex;\r\n }\r\n\r\n /* Variants */\r\n &.ui-outlined {\r\n --_bg-color: transparent;\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_border-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n &.ui-tonal {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n &.ui-filled {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_filled-hover-bg-color);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_filled-active-bg-color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* file input */\r\n :where(input[type=\"file\"]) {\r\n align-self: flex-start;\r\n border: var(--border-size-1) solid var(--surface-filled);\r\n border-radius: var(--radius-2);\r\n box-shadow: var(--inner-shadow-4);\r\n color: var(--text-muted-contrast);\r\n cursor: initial;\r\n max-inline-size: 100%;\r\n padding: 0;\r\n }\r\n\r\n :where(input[type=\"file\"])::-webkit-file-upload-button,\r\n :where(input[type=\"file\"])::file-selector-button {\r\n cursor: pointer;\r\n margin-inline-end: var(--size-relative-6);\r\n }\r\n}\r\n","@layer components.root {\r\n\t:where(.ui-callout) {\r\n\t\t--_bg-color: var(--surface-tonal);\r\n\t\t--_border-color: var(--surface-tonal);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_icon-color: currentColor;\r\n\t\t--_link-hover-color: var(--primary);\r\n\t\t--_padding: var(--size-3);\r\n\t\t--_border-radius: var(--border-radius);\r\n\t\t--_gap: var(--size-3);\r\n\t\t--_content-gap: var(--size-2);\r\n\t\t--_font-size: var(--font-size-05);\r\n\t\t--_title-font-size: var(--font-size-1);\r\n\t\t--_icon-size: var(--size-4);\r\n\t\t--_surface-bg: var(--surface-default);\r\n\r\n\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t--_outlined-border-color: var(--border-color);\r\n\t\t--_outlined-color: var(--text-primary);\r\n\t\t--_outlined-icon-color: currentColor;\r\n\r\n\t\tbackground-color: var(--_bg-color, var(--_surface-bg));\r\n\t\tborder: 1px solid var(--_border-color, var(--border-color));\r\n\t\tborder-radius: var(--_border-radius);\r\n\t\tcolor: var(--_color);\r\n\t\tisolation: isolate;\r\n\t\tpadding: var(--_padding);\r\n\t\tposition: relative;\r\n\r\n\t\t&.ui-critical,\r\n\t\t&.ui-info,\r\n\t\t&.ui-neutral,\r\n\t\t&.ui-success,\r\n\t\t&.ui-warning {\r\n\t\t\t--_bg-color: light-dark(oklch(from var(--color-2) l c h / 20%), oklch(from var(--color-6) l c h / 5%));\r\n\t\t\t--_border-color: light-dark(var(--color-5), var(--color-11));\r\n\t\t\t--_color: light-dark(var(--color-16), var(--color-1));\r\n\t\t\t--_icon-color: var(--color-9);\r\n\r\n\t\t\t--_outlined-bg-color: var(--surface-default);\r\n\t\t\t--_outlined-border-color: var(--color-9);\r\n\t\t\t--_outlined-color: light-dark(var(--color-15), var(--color-1));\r\n\t\t\t--_outlined-icon-color: var(--color-9);\r\n\t\t}\r\n\r\n\t\t&.ui-outlined {\r\n\t\t\t--_bg-color: var(--_outlined-bg-color);\r\n\t\t\t--_border-color: var(--_outlined-border-color);\r\n\t\t\t--_color: var(--_outlined-color);\r\n\t\t\t--_icon-color: var(--_outlined-icon-color);\r\n\t\t}\r\n\r\n\t\t&::before {\r\n\t\t\tbackground-color: var(--_bg-color);\r\n\t\t\tborder-radius: inherit;\r\n\t\t\tcontent: \"\";\r\n\t\t\tinset: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tposition: absolute;\r\n\t\t\tz-index: -1;\r\n\t\t}\r\n\r\n\t\t&>.ui-content {\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_font-size);\r\n\t\t\tgap: var(--_content-gap);\r\n\r\n\t\t\th1,\r\n\t\t\th2,\r\n\t\t\th3,\r\n\t\t\th4,\r\n\t\t\th5,\r\n\t\t\th6 {\r\n\t\t\t\tcolor: inherit;\r\n\t\t\t\tfont-size: var(--_title-font-size);\r\n\t\t\t\tfont-weight: 600;\r\n\r\n\t\t\t\t* {\r\n\t\t\t\t\tfont-size: inherit;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Links\r\n * Can't make sure contrast will be acceptable (yet) so we use the current text color instead.\r\n */\r\n\t\t&:not(.ui-outlined) {\r\n\t\t\ta[href] {\r\n\t\t\t\tcolor: inherit;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--_link-hover-color);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Icon */\r\n\t\t&:has(svg) {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgap: var(--_gap);\r\n\t\t\tgrid-template-columns: var(--_icon-size) 1fr;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\tmargin-block-start: 0.15rem;\r\n\t\t\t\tstroke: var(--_icon-color);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.ui-icon-button) {\r\n --_color: light-dark(var(--color-16), var(--color-1));\r\n --_color-contrast: light-dark(var(--color-1), var(--color-16));\r\n --_color-tonal: var(--surface-tonal);\r\n\r\n --_accent: var(--_color);\r\n --_accent-contrast: var(--_color-contrast);\r\n --_accent-tonal: var(--_color-tonal);\r\n --_accent-tonal-contrast: var(--_color);\r\n --_default-hover-bg-color: light-dark(oklch(from var(--_accent) l 0.01 h / 10%),\r\n oklch(from var(--_accent) l 0.01 h / 20%));\r\n --_default-active-bg-color: light-dark(oklch(from var(--_accent) l 0.06 h / 20%),\r\n oklch(from var(--_accent) l 0.06 h / 30%));\r\n --_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.2) c h),\r\n oklch(from var(--_accent) calc(l - 0.1) c h));\r\n --_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + 0.3) c h),\r\n oklch(from var(--_accent) calc(l - 0.15) c h));\r\n --_outlined-active-bg-color: var(--_filled-active-bg-color);\r\n\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-width: var(--border-size-1);\r\n --_text-color: inherit;\r\n\r\n align-items: center;\r\n aspect-ratio: 1;\r\n background-color: var(--_bg-color);\r\n block-size: var(--size-6);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_text-color);\r\n display: inline-flex;\r\n inline-size: var(--size-6);\r\n justify-content: center;\r\n padding: 0;\r\n transform-style: preserve-3d;\r\n transition: background-color .1s ease, color .1s ease,\r\n border-color .1s ease, box-shadow .1s ease;\r\n\r\n &:where([disabled]) {\r\n --_text-color: light-dark(rgb(0, 0, 0/0.3), rgb(255, 255, 255/0.26));\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n }\r\n\r\n svg {\r\n block-size: auto;\r\n inline-size: auto;\r\n max-block-size: var(--size-5);\r\n max-inline-size: var(--size-5);\r\n pointer-events: none;\r\n }\r\n\r\n /* Ripple effect, utils.css */\r\n &::before {\r\n --highlight-size: 130%;\r\n background-color: transparent;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: transform 0.2s ease, background-color .1s ease;\r\n }\r\n }\r\n\r\n /* Colors — shared interaction model for critical and primary.\r\n Each color modifier below only swaps --_color; the tonal surface,\r\n contrast text, and hover/active strategy are identical.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n &.ui-critical,\r\n &.ui-primary {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n &.ui-critical {\r\n --_color: var(--critical);\r\n }\r\n\r\n &.ui-primary {\r\n --_color: var(--primary);\r\n }\r\n\r\n /* Element states */\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n &::before {\r\n background-color: var(--_interaction-hover-color, var(--_default-hover-bg-color));\r\n }\r\n }\r\n\r\n &:where(:hover:active),\r\n &[aria-current=\"page\"] {\r\n &::before {\r\n background-color: var(--_interaction-active-color, var(--_default-active-bg-color));\r\n }\r\n }\r\n }\r\n\r\n /* Size */\r\n &.ui-small {\r\n block-size: var(--size-4);\r\n inline-size: var(--size-4);\r\n\r\n svg {\r\n max-block-size: var(--size-4);\r\n max-inline-size: var(--size-4);\r\n }\r\n }\r\n\r\n /* Variants */\r\n &.ui-outlined {\r\n --_bg-color: transparent;\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent);\r\n }\r\n\r\n &.ui-tonal {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n }\r\n\r\n &.ui-filled {\r\n --_bg-color: var(--_accent);\r\n --_interaction-active-color: var(--_filled-active-bg-color);\r\n --_interaction-hover-color: var(--_filled-hover-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-tabs) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: transparent;\r\n\r\n align-items: flex-start;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0 var(--size-1);\r\n position: relative;\r\n\r\n &>.ui-tab-input[type=\"radio\"] {\r\n /* utils > .ui-sr-only */\r\n /* TODO: use mixin for this when available */\r\n block-size: 1px;\r\n clip-path: inset(50%);\r\n inline-size: 1px;\r\n overflow: hidden;\r\n position: absolute;\r\n white-space: nowrap;\r\n\r\n &:checked {\r\n\r\n /* Checked Tab */\r\n &+[role=\"tab\"],\r\n &+.ui-tab-label {\r\n border-block-end-color: var(--_accent-color);\r\n color: var(--_accent-color);\r\n\r\n /* Checked Panel */\r\n &+[role=\"tabpanel\"],\r\n &+.ui-tab-panel {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n &:focus-visible {\r\n\r\n &+[role=\"tab\"],\r\n &+.ui-tab-label {\r\n --focus-ring-color: var(--text-muted);\r\n --focus-ring-offset: calc(-1 * var(--size-2));\r\n outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n outline-offset: var(--focus-ring-offset);\r\n }\r\n }\r\n }\r\n\r\n /* Tab */\r\n &>[role=\"tab\"],\r\n &>.ui-tab-label {\r\n align-items: center;\r\n background-color: transparent;\r\n border-bottom: 2px solid transparent;\r\n border-radius: 0;\r\n color: var(--text-muted);\r\n cursor: pointer;\r\n display: inline-flex;\r\n font-weight: 600;\r\n justify-content: center;\r\n line-height: var(--font-lineheight-4);\r\n order: 1;\r\n padding: var(--size-2) var(--size-3);\r\n position: relative;\r\n transition: color 0.1s;\r\n user-select: none;\r\n\r\n &:hover {\r\n background-color: light-dark(oklch(from var(--_accent-color) calc(l * 0.75) none h / 5%),\r\n oklch(from var(--_accent-color) calc(l * 1.25) none h / 5%));\r\n }\r\n }\r\n\r\n /* Tab Panel */\r\n &>[role=\"tabpanel\"],\r\n &>.ui-tab-panel {\r\n display: none;\r\n inline-size: 100%;\r\n order: 2;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-toggle-group) {\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_border-radius: var(--button-border-radius);\r\n\r\n background-color: var(--_bg-color);\r\n border: 1px solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n display: inline-flex;\r\n inline-size: fit-content;\r\n overflow: hidden;\r\n\r\n /* Sizes */\r\n &.ui-small {\r\n .ui-toggle-button {\r\n --_size: var(--field-size-small);\r\n }\r\n }\r\n\r\n &.ui-x-small {\r\n .ui-toggle-button {\r\n --_size: var(--field-size-x-small);\r\n }\r\n }\r\n\r\n /* Toggle button */\r\n .ui-toggle-button {\r\n border: 0;\r\n border-radius: 0;\r\n margin: 0;\r\n }\r\n\r\n &:not(.ui-vertical) {\r\n .ui-toggle-button {\r\n border-inline-end: 1px solid var(--_border-color);\r\n\r\n &:last-of-type {\r\n border-inline-end: 0;\r\n }\r\n }\r\n }\r\n\r\n &.ui-vertical {\r\n flex-direction: column;\r\n\r\n .ui-toggle-button {\r\n border-block-end: 1px solid var(--_border-color);\r\n\r\n &:last-of-type {\r\n border-block-end: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/* TODO:\r\n* Somehow handle when a group gets too wide for its container. Should it be handled?\r\n*/\r\n@layer components.root {\r\n\t:where(.ui-toggle-button) {\r\n\t\t--_button-bg-color: transparent;\r\n\t\t--_size: var(--field-size);\r\n\t\t--_svg-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tbackground-color: var(--_button-bg-color);\r\n\t\tblock-size: var(--_size);\r\n\t\tborder: 1px solid var(--border-color);\r\n\t\tborder-radius: var(--button-border-radius);\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-flex;\r\n\t\tflex: auto;\r\n\t\tgap: var(--size-2);\r\n\t\tinline-size: fit-content;\r\n\t\tjustify-content: center;\r\n\t\tmin-inline-size: var(--_size);\r\n\t\toutline-offset: calc(-1 * var(--size-2));\r\n\t\tpadding: 0 var(--size-2);\r\n\t\tposition: relative;\r\n\t\tuser-select: none;\r\n\r\n\t\tinput[type=\"checkbox\"],\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\t/* utils.css > .ui-sr-only */\r\n\t\t\tblock-size: 1px;\r\n\t\t\tclip-path: inset(50%);\r\n\t\t\tinline-size: 1px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: absolute;\r\n\t\t\twhite-space: nowrap;\r\n\t\t}\r\n\r\n\t\t/* Element states */\r\n\t\t@media (pointer: fine) {\r\n\t\t\t&:hover:not(.ui-disabled) {\r\n\t\t\t\t--_button-bg-color: light-dark(oklch(0% 0 0 / 0.04), oklch(100% 0 0 / 0.08));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:has(input:focus-visible) {\r\n\t\t\t--focus-ring-color: var(--text-muted);\r\n\t\t\t--focus-ring-offset: -6px;\r\n\t\t\toutline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n\t\t\toutline-offset: var(--focus-ring-offset);\r\n\t\t}\r\n\r\n\t\t/* Disabled */\r\n\t\t&.ui-disabled {\r\n\t\t\tborder-color: color-mix(in oklch, var(--border-color) 50%, transparent);\r\n\t\t\tcolor: color-mix(in oklch, var(--text-primary) 30%, transparent);\r\n\t\t\tcursor: not-allowed;\r\n\t\t}\r\n\r\n\t\t/* svgs */\r\n\t\tsvg {\r\n\t\t\tblock-size: var(--_svg-size);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--_svg-size);\r\n\t\t}\r\n\r\n\t\t/* Selected */\r\n\t\t&:has(:where(input[type=\"checkbox\"], input[type=\"radio\"]):checked) {\r\n\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 25%);\r\n\r\n\t\t\t@media (pointer: fine) {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t--_button-bg-color: oklch(from var(--primary) l c h / 35%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.ui-small {\r\n\t\t\t--_size: var(--field-size-small);\r\n\t\t}\r\n\r\n\t\t&.ui-x-small {\r\n\t\t\t--_size: var(--field-size-x-small);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\t:where(.ui-anchor) {\r\n\t\tanchor-name: --anchor;\r\n\t\tanchor-scope: --anchor;\r\n\t\tdisplay: inline-block;\r\n\t\tinline-size: fit-content;\r\n\r\n\t\t/* Always-visible */\r\n\t\t&>.ui-anchor-floating:not([popover]) {\r\n\t\t\tblock-size: max-content;\r\n\t\t\tinline-size: max-content;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-anchor: --anchor;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\r\n\t\t/* Hover-triggered */\r\n\t\t&>.ui-anchor-floating[popover] {\r\n\t\t\tinset: unset;\r\n\t\t\tmargin: 0;\r\n\t\t\tposition: absolute;\r\n\t\t\tposition-area: var(--anchor-position-area, start end);\r\n\t\t\ttranslate: var(--_anchor-tx, 0) var(--_anchor-ty, 0);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.ui-avatar) {\r\n --_bg-color: var(--primary);\r\n --_color: var(--color-1);\r\n --_width: 40px;\r\n\r\n align-items: center;\r\n aspect-ratio: 1;\r\n background-color: var(--_bg-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_color);\r\n display: inline-flex;\r\n inline-size: var(--_width);\r\n justify-content: center;\r\n overflow: clip;\r\n position: relative;\r\n text-align: center;\r\n text-decoration: none;\r\n\r\n &:has(img) {\r\n background-color: transparent;\r\n }\r\n\r\n svg {\r\n max-inline-size: var(--size-5);\r\n }\r\n\r\n img {\r\n block-size: 100%;\r\n inline-size: 100%;\r\n inset: 0;\r\n object-fit: cover;\r\n position: absolute;\r\n }\r\n\r\n &.ui-squared {\r\n border-radius: 0;\r\n }\r\n\r\n &.ui-rounded {\r\n border-radius: var(--radius-2);\r\n }\r\n\r\n &.ui-squircle {\r\n border-radius: var(--radius-3);\r\n\r\n @supports (corner-shape: squircle) {\r\n border-radius: var(--radius-round);\r\n corner-shape: squircle;\r\n }\r\n }\r\n }\r\n\r\n :where([role=\"group\"]) {\r\n --_margin: var(--size-3);\r\n --_outline-color: var(--surface-default);\r\n\r\n display: flex;\r\n\r\n .ui-avatar {\r\n box-shadow: 0 0 0 2px var(--_outline-color);\r\n margin-inline-end: calc(-1 * var(--_margin));\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-card) {\r\n --_bg-tonal: var(--surface-tonal);\r\n --_bg-elevated: var(--surface-elevated);\r\n --_bg-surface: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_card-bg-color: var(--_bg-surface);\r\n --_card-border-color: transparent;\r\n --_card-border-width: 0;\r\n\r\n --_card-shadow: none;\r\n --_shadow-light: var(--shadow-3);\r\n --_shadow-dark: var(--shadow-4);\r\n --_shadow-elevated: var(--_shadow-light);\r\n\r\n @container style(--color-scheme: dark) {\r\n --_shadow-elevated: var(--_shadow-dark);\r\n }\r\n\r\n background-color: var(--_card-bg-color);\r\n border-color: var(--_card-border-color);\r\n border-radius: var(--border-radius);\r\n border-style: solid;\r\n border-width: var(--_card-border-width);\r\n box-shadow: var(--_card-shadow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--size-3);\r\n overflow: hidden;\r\n padding-inline: 0;\r\n position: relative;\r\n\r\n /* Variants */\r\n &.ui-text {\r\n --_card-bg-color: transparent;\r\n --_card-border-color: transparent;\r\n --_card-border-width: 0;\r\n --_card-shadow: none;\r\n }\r\n\r\n &.ui-tonal {\r\n --_card-bg-color: var(--_bg-tonal);\r\n --_card-border-width: 1px;\r\n }\r\n\r\n &.ui-elevated {\r\n --_card-bg-color: var(--_bg-elevated);\r\n --_card-shadow: var(--_shadow-elevated);\r\n }\r\n\r\n &.ui-outlined {\r\n --_card-bg-color: var(--_bg-surface);\r\n --_card-border-color: var(--_border-color);\r\n --_card-border-width: 1px;\r\n }\r\n\r\n &> :where(hgroup, .ui-content) {\r\n padding-inline: var(--size-3);\r\n\r\n &:last-child {\r\n padding-block-end: var(--size-3);\r\n }\r\n }\r\n\r\n /* Header */\r\n &>hgroup {\r\n padding-block: var(--size-3) 0;\r\n\r\n /* Top paragraph */\r\n &>p:first-of-type:first-child {\r\n line-height: 1.3;\r\n }\r\n\r\n :where(h1, h2, h3, h4, h5, h6):last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n /* Bottom paragraph */\r\n &>p:last-of-type:last-child:not(:first-child) {\r\n font-size: var(--font-size-1);\r\n }\r\n }\r\n\r\n /* Content */\r\n &>.ui-content:where(:only-child, :first-child) {\r\n padding-block: var(--size-3) var(--size-4);\r\n }\r\n\r\n /* Actions */\r\n &>.ui-actions {\r\n display: flex;\r\n gap: var(--size-2);\r\n margin-block: var(--size-2) 0;\r\n padding-block-end: var(--size-2);\r\n padding-inline: var(--size-3);\r\n\r\n &:has(.ui-button:first-child[class=\"ui-button\"]) {\r\n padding-inline: var(--size-1) var(--size-3);\r\n }\r\n\r\n &:has(.ui-button:not([class=\"ui-button\"])) {\r\n padding-block-end: var(--size-2);\r\n }\r\n\r\n /* Alignment */\r\n &.ui-align-end {\r\n justify-content: end;\r\n\r\n &:has(.ui-button:first-child[class=\"ui-button\"]) {\r\n padding-inline: var(--size-3) var(--size-1);\r\n }\r\n }\r\n }\r\n\r\n\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-chip) {\r\n --_bg-color: var(--surface-tonal);\r\n --_border-color: var(--border-color);\r\n --_color: var(--text-primary);\r\n\r\n align-items: center;\r\n background: var(--_bg-color) var(--ripple, none);\r\n block-size: var(--size-7, 2rem);\r\n border-radius: var(--radius-2, 0.5rem);\r\n border: 1px solid var(--_border-color);\r\n color: var(--_color);\r\n display: inline-flex;\r\n font-size: var(--font-size-0, 0.75rem);\r\n gap: var(--size-1);\r\n padding-inline: var(--size-2);\r\n text-decoration: none;\r\n\r\n /* Variants */\r\n &.ui-tonal {\r\n --_bg-color: var(--surface-tonal);\r\n --_color: var(--text-primary);\r\n }\r\n\r\n &.ui-outlined {\r\n --_bg-color: var(--surface-default);\r\n --_color: var(--text-primary);\r\n }\r\n\r\n &:where(button, a):where(:not([disabled])) {\r\n &:where(:not(:active)):hover {\r\n --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.98) c h),\r\n oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n }\r\n }\r\n\r\n /* Icon */\r\n &:has(svg:first-child) {\r\n padding-inline: var(--size-1) var(--size-2);\r\n }\r\n\r\n &:has(svg:last-child) {\r\n padding-inline: var(--size-2) var(--size-1);\r\n }\r\n\r\n &:has(svg) {\r\n svg {\r\n flex-shrink: 0;\r\n inline-size: var(--size-3);\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.ui-small {\r\n block-size: var(--size-5);\r\n }\r\n\r\n &.ui-multiline {\r\n block-size: auto;\r\n }\r\n\r\n /* Ripple effect */\r\n background-position: center;\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;\r\n\r\n transition: background var(--button-ripple-duration);\r\n }\r\n\r\n &:where(:hover:active) {\r\n background-size: var(--button-ripple-size);\r\n transition: background 0s;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:where([disabled]) {\r\n opacity: 0.64;\r\n --_color: color-mix(in oklch,\r\n var(--text-muted) 50%,\r\n var(--surface-default));\r\n cursor: not-allowed;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-description-list) {\r\n --_border-style: solid;\r\n --_border-width: 1px;\r\n\r\n display: grid;\r\n gap: var(--size-3);\r\n margin: 0;\r\n padding: 0;\r\n\r\n &.ui-dotted {\r\n --_border-style: dotted;\r\n --_border-width: 2px;\r\n }\r\n\r\n .ui-item {\r\n display: grid;\r\n margin: 0;\r\n padding: 0;\r\n\r\n dt,\r\n .ui-term {\r\n display: block;\r\n font-weight: 700;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n dd {\r\n margin: 0;\r\n }\r\n }\r\n\r\n @container (width > 45ch) {\r\n gap: var(--size-1);\r\n\r\n .ui-item {\r\n align-items: baseline;\r\n display: grid;\r\n gap: var(--size-1);\r\n grid-template-columns: 1fr auto;\r\n\r\n dt,\r\n .ui-term {\r\n inline-size: max-content;\r\n\r\n &::after {\r\n display: inline-block;\r\n }\r\n }\r\n\r\n dd {\r\n color: var(--text-muted);\r\n text-align: end;\r\n }\r\n }\r\n\r\n &.ui-bordered .ui-item {\r\n grid-template-columns: auto 1fr auto;\r\n\r\n dt,\r\n .ui-term {\r\n order: 0;\r\n }\r\n\r\n dd {\r\n order: 2;\r\n }\r\n\r\n &::after {\r\n background-color: transparent;\r\n block-size: 2px;\r\n border-block-end: var(--_border-width) var(--_border-style) var(--border-color);\r\n content: \"\";\r\n order: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-divider) {\r\n background-color: var(--border-color);\r\n block-size: var(--border-size-1);\r\n margin-block: var(--size-fluid-3);\r\n\r\n /* Border color */\r\n &.ui-border-filled {\r\n background-color: var(--surface-filled);\r\n }\r\n\r\n &.ui-border-primary {\r\n background-color: var(--primary);\r\n }\r\n\r\n &.ui-border-tonal {\r\n background-color: var(--surface-tonal);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-link) {\r\n color: var(--primary);\r\n cursor: pointer;\r\n font-weight: 700;\r\n text-decoration: underline;\r\n text-decoration-color: var(--primary);\r\n text-underline-offset: 2px;\r\n\r\n &[href] {\r\n &:hover,\r\n &:focus-visible {\r\n color: var(--primary-light);\r\n }\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-table) {\r\n --_table-border-radius: var(--border-radius);\r\n\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n border: 1px solid var(--border-color);\r\n border-radius: var(--_table-border-radius);\r\n overflow: hidden;\r\n inline-size: 100%;\r\n margin: var(--size-3) 0;\r\n position: relative;\r\n\r\n /* Rows */\r\n tr {\r\n &:hover {\r\n background-color: oklch(from var(--surface-filled) l c h / 75%);\r\n }\r\n }\r\n\r\n /* Cells */\r\n th,\r\n td {\r\n background-color: var(--surface-default);\r\n border-inline-end: var(--border-width) solid var(--border-color);\r\n border-block-end: var(--border-width) solid var(--border-color);\r\n padding: var(--size-1) var(--size-2);\r\n\r\n &:last-child {\r\n border-inline-end: none;\r\n }\r\n }\r\n\r\n /* Remove bottom border only on the last row of the table */\r\n &>*:last-child tr:last-child {\r\n\r\n th,\r\n td {\r\n border-block-end: none;\r\n }\r\n }\r\n\r\n th {\r\n background-color: var(--surface-filled);\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n text-align: start;\r\n }\r\n\r\n td {\r\n font-size: var(--font-size-05);\r\n }\r\n\r\n /* Round corner cells */\r\n &>thead:first-of-type tr:first-child {\r\n th:first-child {\r\n border-start-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n th:last-child {\r\n border-start-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Logic for tables without thead */\r\n &>tbody:first-of-type:not(thead ~ tbody) tr:first-child {\r\n td:first-child {\r\n border-start-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n td:last-child {\r\n border-start-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Logic for bottom corners (whether in tbody or tfoot) */\r\n &>*:last-child tr:last-child {\r\n :where(th, td):first-child {\r\n border-end-start-radius: var(--_table-border-radius);\r\n }\r\n\r\n :where(th, td):last-child {\r\n border-end-end-radius: var(--_table-border-radius);\r\n }\r\n }\r\n\r\n /* Footer */\r\n tfoot {\r\n tr td {\r\n background-color: var(--surface-filled);\r\n padding-block: var(--size-2);\r\n }\r\n\r\n td {\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n border-top: var(--border-width) solid var(--border-color);\r\n }\r\n }\r\n\r\n /* Caption */\r\n caption {\r\n caption-side: bottom;\r\n color: var(--text-muted);\r\n font-size: var(--font-size-05);\r\n margin-inline-start: var(--size-2);\r\n padding: var(--size-2) 0;\r\n text-align: start;\r\n }\r\n\r\n /* Header */\r\n thead {\r\n z-index: 1;\r\n }\r\n\r\n /* Remove bottom border of the row above the footer to stay single-line */\r\n tbody:has(+ tfoot) tr:last-child td {\r\n border-block-end: none;\r\n }\r\n\r\n /* Column group */\r\n colgroup col {\r\n border: none;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1) 0.875rem;\r\n }\r\n }\r\n\r\n /* Spacious */\r\n &.ui-spacious {\r\n\r\n th,\r\n td {\r\n padding: var(--size-3);\r\n }\r\n\r\n caption {\r\n margin-inline-start: var(--size-3);\r\n padding: var(--size-2) 0;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-3);\r\n }\r\n }\r\n }\r\n\r\n /* Dense */\r\n &.ui-dense {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1);\r\n }\r\n\r\n caption {\r\n margin-inline-start: var(--size-1);\r\n padding: var(--size-1) 0;\r\n }\r\n\r\n @container (width < 60ch) {\r\n\r\n th,\r\n td {\r\n padding: var(--size-1);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n :where(.ui-progress) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: var(--surface-tonal);\r\n\r\n appearance: none;\r\n background-color: var(--_bg-color);\r\n block-size: var(--size-1);\r\n border: 0;\r\n border-radius: var(--border-radius, 0.25rem);\r\n display: inline-block;\r\n inline-size: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n vertical-align: baseline;\r\n\r\n /* Color */\r\n &.ui-filled {\r\n --_bg-color: var(--surface-filled);\r\n }\r\n\r\n &.ui-default {\r\n --_bg-color: var(--surface-default);\r\n }\r\n\r\n &.ui-tonal {\r\n --_bg-color: var(--surface-tonal);\r\n }\r\n\r\n &::-webkit-progress-bar {\r\n background: none;\r\n border-radius: var(--border-radius, 0.25rem);\r\n }\r\n\r\n &[value]::-webkit-progress-value {\r\n background-color: var(--_accent-color);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: inline-size 0.2s var(--ease-out-4, cubic-bezier(0, 0, 0.1, 1));\r\n }\r\n }\r\n\r\n &::-moz-progress-bar {\r\n background-color: var(--_accent-color);\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n progress:indeterminate {\r\n background-color: var(--_bg-color);\r\n\r\n &::after {\r\n animation: indeterminate 2s linear infinite;\r\n background-color: var(--_accent-color);\r\n content: \"\";\r\n inset: 0 auto 0 0;\r\n position: absolute;\r\n will-change: inset-inline-start, inset-inline-end;\r\n }\r\n\r\n &[value]::-webkit-progress-value {\r\n background-color: transparent;\r\n }\r\n\r\n &::-moz-progress-bar {\r\n background-color: transparent;\r\n }\r\n }\r\n\r\n [dir=\"rtl\"] {\r\n :where(progress):indeterminate {\r\n animation-direction: reverse;\r\n\r\n &::after {\r\n animation-direction: reverse;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @keyframes indeterminate {\r\n 0% {\r\n inset-inline-start: -200%;\r\n inset-inline-end: 100%;\r\n }\r\n\r\n 60% {\r\n inset-inline-start: 107%;\r\n inset-inline-end: -8%;\r\n }\r\n\r\n 100% {\r\n inset-inline-start: 107%;\r\n inset-inline-end: -8%;\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n\r\n [aria-busy=\"true\"]:not(input,\r\n select,\r\n textarea,\r\n html,\r\n progress,\r\n [aria-describedby]) {\r\n position: relative;\r\n\r\n &::before {\r\n animation: spin 0.7s linear infinite;\r\n block-size: 1em;\r\n border-color: transparent currentColor currentColor;\r\n border-radius: 50%;\r\n border-style: solid;\r\n border-width: 3px;\r\n content: \"\";\r\n display: inline-block;\r\n inline-size: 1em;\r\n opacity: 0.5;\r\n vertical-align: -0.14em;\r\n }\r\n\r\n &:not(button.ui-button):not(:empty) {\r\n &::before {\r\n margin-inline-end: 0.5em;\r\n }\r\n }\r\n }\r\n\r\n @keyframes spin {\r\n to {\r\n transform: rotate(1turn);\r\n }\r\n }\r\n}\r\n","@layer components.root {\r\n\tlabel.ui-checkbox {\r\n\t\t--_input-size: var(--size-4);\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.ui-label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.ui-label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.ui-end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Spread layout */\r\n\t\t&.ui-spread {\r\n\t\t\talign-items: center;\r\n\t\t\tcolumn-gap: var(--size-4);\r\n\t\t\tgrid-auto-flow: unset;\r\n\t\t\tgrid-template-columns: 1fr auto;\r\n\t\t\tinline-size: 100%;\r\n\r\n\t\t\t.ui-label {\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t\tinline-size: fit-content;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\tgrid-column: 2;\r\n\t\t\t\tgrid-row: 1;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.ui-end-text) {\r\n\t\t\t\tgrid-column: 1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.ui-stack {\r\n\t\t\tjustify-items: center;\r\n\t\t\tgrid-auto-columns: unset;\r\n\r\n\t\t\t.ui-label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.ui-end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"checkbox\"] {\r\n\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder-radius: var(--radius-1);\r\n\t\t\tborder: 1px solid var(--border-color);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tfont-size: var(--_input-size);\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked,\r\n\t\t\t&:indeterminate {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t/* Checkmark */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tclip-path: polygon(15% 52%, 40% 77%, 85% 32%, 75% 22%, 40% 57%, 25% 42%);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinset: 0;\r\n\t\t\t\topacity: 0;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after,\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t/* Indeterminate dash */\r\n\t\t\t&:indeterminate::after {\r\n\t\t\t\tclip-path: polygon(20% 45%, 80% 45%, 80% 55%, 20% 55%);\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.ui-small {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.ui-large {\r\n\t\t\tinput[type=\"checkbox\"] {\r\n\t\t\t\t--_input-size: var(--size-5);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.ui-end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked,\r\n\t\t\t\t&:indeterminate {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\tlabel.ui-radio {\r\n\t\t--_input-size: 1.125rem;\r\n\t\t--_indicator-size: 50%;\r\n\r\n\t\talign-items: center;\r\n\t\tcolor: var(--text-primary);\r\n\t\tcursor: pointer;\r\n\t\tdisplay: inline-grid;\r\n\t\tgap: 0 var(--size-2);\r\n\t\tgrid-auto-columns: auto;\r\n\t\tgrid-auto-flow: column;\r\n\t\tinline-size: fit-content;\r\n\t\tline-height: 1.5;\r\n\t\ttransform: translateZ(0);\r\n\t\tuser-select: none;\r\n\r\n\t\t/* Disabled */\r\n\t\t&:has([disabled]) {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: 0.64;\r\n\t\t\tuser-select: none;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tcursor: not-allowed;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Required dot */\r\n\t\t&:has(:invalid) {\r\n\t\t\t.ui-label:after {\r\n\t\t\t\tcolor: var(--red);\r\n\t\t\t\tcontent: \"*\";\r\n\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Label */\r\n\t\t.ui-label {\r\n\t\t\tcolor: var(--text-primary);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 1;\r\n\t\t\tpadding-inline: 0 1ex;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t/* End text */\r\n\t\t:where(.ui-end-text) {\r\n\t\t\tcolor: var(--text-muted);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t\tgrid-column: 2;\r\n\t\t\tgrid-row: 2;\r\n\t\t\tline-height: 1.5;\r\n\t\t\tz-index: 1;\r\n\t\t}\r\n\r\n\t\t/* Stacked layout */\r\n\t\t&.ui-stack {\r\n\t\t\tgrid-auto-columns: unset;\r\n\t\t\tjustify-items: center;\r\n\r\n\t\t\t.ui-label {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 2;\r\n\t\t\t\tmargin-block-start: var(--size-1);\r\n\t\t\t\tpadding-inline: 1ex;\r\n\r\n\t\t\t\t/* Required dot */\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tinset: 0 -0.25ex auto auto;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.ui-end-text {\r\n\t\t\t\tgrid-column: 1/-1;\r\n\t\t\t\tgrid-row: 3;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Input */\r\n\t\tinput[type=\"radio\"] {\r\n\t\t\tappearance: none;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tbackground-color: var(--surface-default);\r\n\t\t\tblock-size: var(--_input-size);\r\n\t\t\tborder: 1px solid var(--field-border-color);\r\n\t\t\tborder-radius: var(--radius-round);\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\tinline-size: var(--_input-size);\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tplace-items: center;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: var(--primary);\r\n\t\t\t\tborder-color: var(--primary);\r\n\t\t\t}\r\n\r\n\t\t\t/* Dot */\r\n\t\t\t&::after {\r\n\t\t\t\tbackground-color: var(--primary-contrast);\r\n\t\t\t\tblock-size: var(--_indicator-size);\r\n\t\t\t\tborder-radius: var(--radius-round);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_indicator-size);\r\n\t\t\t\tmargin: auto;\r\n\t\t\t\topacity: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:checked::after {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t&::before {\r\n\t\t\t\t--highlight-size: 175%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Sizes */\r\n\t\t&.ui-small {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-3);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.ui-large {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\t--_input-size: var(--size-4);\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Validation */\r\n\t\t&[data-invalid],\r\n\t\t&:has(:user-invalid) {\r\n\t\t\t--palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n\t\t\t:where(.ui-end-text) {\r\n\t\t\t\tcolor: var(--primary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Touch devices */\r\n\t\t@media (pointer: coarse) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tblock-size: var(--size-4);\r\n\t\t\t\tinline-size: var(--size-4);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (forced-colors: active) {\r\n\t\t\tinput[type=\"radio\"] {\r\n\t\t\t\tborder: 1px solid CanvasText;\r\n\r\n\t\t\t\t&:checked {\r\n\t\t\t\t\tbackground-color: SelectedItem;\r\n\t\t\t\t\tborder-color: SelectedItem;\r\n\r\n\t\t\t\t\t&::after {\r\n\t\t\t\t\t\tbackground-color: SelectedItemText;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n :where(.ui-range) {\r\n display: grid;\r\n gap: var(--size-1) 0;\r\n /* Two-column base so the optional .value cell can sit next to the\r\n label on row 1. Children that span the full width keep using\r\n `grid-column: 1/-1`, so this is backwards compatible. */\r\n grid-template-columns: 1fr auto;\r\n position: relative;\r\n\r\n .ui-label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n /* Live current-value readout. Pairs with the <output> element\r\n rendered by the Range component (or hand-written .value markup). */\r\n :where(.ui-value) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n font-variant-numeric: tabular-nums;\r\n font-weight: 600;\r\n grid-column: 2;\r\n grid-row: 1;\r\n line-height: 1.5;\r\n text-align: end;\r\n }\r\n\r\n .ui-start-text {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n :where(.ui-end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 5;\r\n line-height: 1.5;\r\n }\r\n\r\n /* Datalist (tick mark labels) */\r\n :where(datalist) {\r\n color: var(--text-muted);\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 4;\r\n justify-content: space-between;\r\n margin-top: calc(var(--size-1) * -1);\r\n padding-inline: calc(3ex / 2);\r\n\r\n &>option {\r\n display: flex;\r\n inline-size: 0;\r\n justify-content: center;\r\n padding: 0;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:has([disabled]) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n .ui-label,\r\n .ui-value,\r\n .ui-start-text,\r\n .ui-end-text {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Color */\r\n &.ui-filled input[type=\"range\"] {\r\n --_track-color: var(--surface-filled);\r\n }\r\n\r\n &.ui-default input[type=\"range\"] {\r\n --_track-color: var(--surface-default);\r\n }\r\n\r\n &.ui-tonal input[type=\"range\"] {\r\n --_track-color: var(--surface-tonal);\r\n }\r\n\r\n /* Orientation */\r\n &.ui-spread {\r\n align-items: center;\r\n column-gap: var(--size-4);\r\n container-type: inline-size;\r\n grid-template-columns: 1fr auto;\r\n\r\n .ui-label {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .ui-start-text {\r\n color: var(--text-muted);\r\n display: block;\r\n font-size: var(--font-size-0);\r\n grid-column: 1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n input[type=\"range\"] {\r\n align-self: center;\r\n grid-column: 2;\r\n grid-row: 1;\r\n min-inline-size: 25ch;\r\n }\r\n\r\n /* In spread mode, the value sits below the slider in col 2\r\n (where end-text would normally land). When end-text is also\r\n present it shifts down a row to avoid collision. */\r\n :where(.ui-value) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n :where(.ui-end-text) {\r\n grid-column: 2;\r\n grid-row: 2;\r\n text-align: end;\r\n }\r\n\r\n datalist {\r\n grid-column: 2;\r\n grid-row: 2;\r\n }\r\n\r\n /* When both datalist and end-text exist, push end-text below the datalist\r\n so they don't collide on the same grid cell. */\r\n &:has(datalist) :where(.ui-end-text) {\r\n grid-row: 3;\r\n }\r\n\r\n &:has(.ui-value) :where(.ui-end-text) {\r\n grid-row: 3;\r\n }\r\n\r\n &:has(.ui-value):has(datalist) :where(.ui-end-text) {\r\n grid-row: 4;\r\n }\r\n\r\n @container (width < 400px) {\r\n grid-template-columns: 1fr;\r\n\r\n * {\r\n grid-column: 1/-1;\r\n }\r\n\r\n .ui-label {\r\n grid-row: 1;\r\n }\r\n\r\n /* Share row 1 with the label: the label's text stays left-aligned\r\n in its full-width cell, while the value shrinks to fit and\r\n right-aligns. Visually reads as a \"[name ........ value]\" row. */\r\n :where(.ui-value) {\r\n grid-row: 1;\r\n justify-self: end;\r\n text-align: end;\r\n }\r\n\r\n .ui-start-text {\r\n grid-row: 2;\r\n }\r\n\r\n input[type=\"range\"] {\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n }\r\n\r\n datalist {\r\n grid-column: 1/-1;\r\n grid-row: 4;\r\n }\r\n\r\n :where(.ui-end-text) {\r\n grid-row: 5;\r\n text-align: start;\r\n }\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid],\r\n &:has(:user-invalid) {\r\n --_thumb-bg: var(--color-9);\r\n --_thumb-highlight-color: oklch(from var(--color-9) 70% 100% h / 20%);\r\n\r\n .ui-start-text,\r\n .ui-end-text,\r\n .ui-value {\r\n color: var(--color-9);\r\n }\r\n }\r\n\r\n /* Range input */\r\n :where(& > input[type=\"range\"]) {\r\n --_thumb-bg: var(--primary);\r\n --_thumb-highlight-color: oklch(from var(--primary) 70% 100% h / 20%);\r\n --_thumb-highlight-size: 0px;\r\n --_thumb-offset: -1.125ex;\r\n --_thumb-size: 3ex;\r\n --_track-color: var(--field-border-color);\r\n --_track-fill: 0%;\r\n --_track-fill-color: var(--primary);\r\n --_track-height: 0.75ex;\r\n --_track-radius: 1e5px;\r\n\r\n appearance: none;\r\n background: transparent;\r\n block-size: var(--size-4);\r\n display: block;\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n inline-size: 100%;\r\n outline-offset: 1ex;\r\n\r\n @media (hover: none) {\r\n --_thumb-offset: -11.5px;\r\n --_thumb-size: 30px;\r\n }\r\n\r\n /* Track */\r\n &::-webkit-slider-runnable-track {\r\n appearance: none;\r\n background: linear-gradient(to right,\r\n var(--_track-fill-color) var(--_track-fill, 0%),\r\n var(--_track-color) 0%);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n &::-moz-range-track {\r\n appearance: none;\r\n background: var(--_track-color);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n &::-moz-range-progress {\r\n appearance: none;\r\n background: var(--_track-fill-color);\r\n block-size: var(--_track-height);\r\n border-radius: var(--_track-radius);\r\n }\r\n\r\n /* Ring */\r\n &::-webkit-slider-thumb {\r\n appearance: none;\r\n background: var(--_thumb-bg);\r\n block-size: var(--_thumb-size);\r\n border: 3px solid var(--surface-default);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n cursor: ew-resize;\r\n inline-size: var(--_thumb-size);\r\n margin-block-start: var(--_thumb-offset);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: box-shadow 0.1s ease;\r\n }\r\n\r\n .ui-fieldset-item:focus-within & {\r\n border-color: var(--gray-14);\r\n }\r\n }\r\n\r\n &::-moz-range-thumb {\r\n appearance: none;\r\n background: var(--_thumb-bg);\r\n block-size: var(--_thumb-size);\r\n border: 3px solid var(--surface-default);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);\r\n cursor: ew-resize;\r\n inline-size: var(--_thumb-size);\r\n margin-block-start: var(--_thumb-offset);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: box-shadow 0.1s ease;\r\n }\r\n\r\n .ui-fieldset-item:focus-within & {\r\n border-color: var(--gray-14);\r\n }\r\n }\r\n\r\n /* Element state */\r\n .ui-range:has(:user-invalid) &,\r\n .ui-range[data-invalid] & {\r\n --_track-fill-color: var(--color-9);\r\n }\r\n\r\n &:not([disabled]) {\r\n &:hover {\r\n --_thumb-highlight-size: var(--size-1);\r\n }\r\n\r\n &:active {\r\n --_thumb-highlight-size: var(--size-2);\r\n --_track-color: light-dark(oklch(from var(--field-border-color) calc(l * 0.9) c h),\r\n oklch(from var(--field-border-color) calc(l * 1.1) c h));\r\n }\r\n }\r\n\r\n &[disabled] {\r\n --_thumb-bg: oklch(from var(--text-primary) l c h / 50%);\r\n --_track-color: var(--field-border-color);\r\n\r\n cursor: not-allowed;\r\n\r\n &::-webkit-slider-thumb {\r\n cursor: not-allowed;\r\n }\r\n\r\n &::-moz-range-thumb {\r\n cursor: not-allowed;\r\n }\r\n }\r\n }\r\n }\r\n\r\n}\r\n","@layer components.root {\r\n :where(.ui-switch) {\r\n --_accent-color: var(--primary);\r\n --_accent-contrast: var(--primary-contrast);\r\n\r\n --_dot-bg-color: light-dark(var(--gray-11), var(--gray-14));\r\n --_dot-inset: var(--size-1) auto auto var(--size-1);\r\n --_dot-outline-size: 0;\r\n --_dot-size: var(--size-3);\r\n\r\n --_track-bg-color: light-dark(var(--gray-3), var(--gray-8));\r\n --_track-height: var(--size-5);\r\n --_track-width: var(--size-8);\r\n --_transition-tf: var(--ease-4);\r\n --_transition-time: 0.2s;\r\n\r\n align-items: center;\r\n color: var(--text-primary);\r\n display: inline-grid;\r\n gap: 0 var(--size-2);\r\n grid-auto-columns: auto;\r\n grid-auto-flow: column;\r\n inline-size: fit-content;\r\n\r\n :where(input[type=\"checkbox\"][role=\"switch\"]) {\r\n appearance: none;\r\n block-size: var(--_track-height);\r\n cursor: pointer;\r\n inline-size: var(--_track-width);\r\n margin: 0;\r\n position: relative;\r\n\r\n /* Track */\r\n &::before {\r\n background-color: var(--_track-bg-color);\r\n block-size: var(--_track-height);\r\n border: 1px solid var(--_dot-bg-color);\r\n border-radius: var(--radius-round);\r\n content: \"\";\r\n inline-size: var(--_track-width);\r\n inset: 0;\r\n position: absolute;\r\n }\r\n\r\n &:focus-visible {\r\n --focus-ring-color: currentColor;\r\n outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);\r\n outline-offset: var(--focus-ring-offset);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n background-color: var(--_dot-bg-color);\r\n block-size: var(--_dot-size);\r\n border-radius: var(--radius-round);\r\n content: \"\";\r\n inline-size: var(--_dot-size);\r\n inset: var(--_dot-inset);\r\n outline: var(--_dot-outline-size) solid var(--_dot-bg-color);\r\n outline-offset: -1px;\r\n position: absolute;\r\n }\r\n\r\n /* Checked */\r\n &:checked {\r\n &::before {\r\n background-color: var(--_accent-color);\r\n border-color: var(--_accent-color);\r\n transition:\r\n background-color var(--_transition-time) var(--_transition-tf),\r\n border-color var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n --_dot-bg-color: var(--_accent-contrast);\r\n --_dot-outline-size: calc(var(--size-1) - 1px);\r\n\r\n inset-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n }\r\n }\r\n\r\n /* Animation */\r\n @media (prefers-reduced-motion: no-preference) {\r\n\r\n /* Track */\r\n &::before {\r\n transition:\r\n background-color var(--_transition-time) var(--_transition-tf),\r\n border-color var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n /* Dot */\r\n &::after {\r\n transition: all var(--_transition-time) var(--_transition-tf);\r\n }\r\n\r\n &:active:after {\r\n --_dot-outline-size: calc(var(--size-1) + 1px);\r\n }\r\n\r\n &:checked {\r\n &:active:after {\r\n --_dot-outline-size: calc(var(--size-1) + 1px);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Icons */\r\n &:has(.ui-icon-checked, .ui-icon-unchecked) {\r\n [role=\"switch\"] {\r\n grid-column: 1 / -1;\r\n grid-row: 1;\r\n }\r\n\r\n &:has([role=\"switch\"]:checked) {\r\n .ui-icon-unchecked {\r\n display: none;\r\n }\r\n\r\n .ui-icon-checked {\r\n display: block;\r\n }\r\n }\r\n\r\n .ui-icon-checked {\r\n display: none;\r\n }\r\n\r\n .ui-icon-unchecked,\r\n .ui-icon-checked {\r\n grid-column: 1;\r\n grid-row: 1;\r\n pointer-events: none;\r\n z-index: 1;\r\n\r\n svg {\r\n display: block;\r\n inline-size: var(--_dot-size);\r\n }\r\n }\r\n\r\n .ui-icon-unchecked {\r\n margin-inline-start: calc(var(--_track-width) - var(--_dot-size) - var(--size-1));\r\n }\r\n\r\n .ui-icon-checked {\r\n margin-inline-start: var(--size-1);\r\n }\r\n }\r\n\r\n /* Required dot */\r\n &:has(:invalid) {\r\n .ui-label:after {\r\n color: var(--red);\r\n content: \"*\";\r\n inset: 0 -0.25ex auto auto;\r\n position: absolute;\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:has([disabled]) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n input {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Label */\r\n .ui-label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n grid-column: 2;\r\n grid-row: 1;\r\n min-width: 0;\r\n padding-inline: 0 1ex;\r\n position: relative;\r\n user-select: none;\r\n }\r\n\r\n /* End text */\r\n :where(.ui-end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n grid-column: 2;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n z-index: 1;\r\n }\r\n\r\n /* Size */\r\n &.ui-small {\r\n --_dot-size: 0.75rem;\r\n --_track-height: var(--size-4);\r\n --_track-width: 2.5rem;\r\n }\r\n\r\n /* Spread layout */\r\n &.ui-spread {\r\n align-items: center;\r\n column-gap: var(--size-4);\r\n grid-auto-flow: unset;\r\n grid-template-columns: 1fr auto;\r\n inline-size: 100%;\r\n\r\n .ui-label {\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n inline-size: fit-content;\r\n }\r\n\r\n input[role=\"switch\"] {\r\n grid-column: 2;\r\n grid-row: 1;\r\n }\r\n\r\n &:has(.ui-icon-checked, .ui-icon-unchecked) {\r\n\r\n input[role=\"switch\"],\r\n .ui-icon-checked,\r\n .ui-icon-unchecked {\r\n grid-column: 2;\r\n }\r\n }\r\n\r\n :where(.ui-end-text) {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n /* Stacked layout */\r\n &.ui-stack {\r\n grid-auto-columns: unset;\r\n justify-items: center;\r\n\r\n .ui-label {\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n margin-block-start: var(--size-1);\r\n padding-inline: 1ex;\r\n }\r\n\r\n .ui-end-text {\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid] {\r\n input {\r\n border-radius: var(--radius-round);\r\n outline: 2px solid var(--color-9);\r\n }\r\n\r\n .ui-end-text {\r\n color: var(--color-9);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\t:where(#toast-manager) {\r\n\t\tbackground: none;\r\n\t\tblock-size: auto;\r\n\t\tborder: none;\r\n\t\tdisplay: none;\r\n\t\tflex-direction: column-reverse;\r\n\t\tgap: var(--size-3);\r\n\t\tinline-size: auto;\r\n\t\tinset: auto var(--size-4) var(--size-4) auto;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: calc(100vi - var(--size-8));\r\n\t\toverflow: visible;\r\n\t\tpadding: 0;\r\n\t\tpointer-events: none;\r\n\t\tposition: fixed;\r\n\t\tz-index: 1000;\r\n\r\n\t\t&:popover-open {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t&::backdrop {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* Optional cap on visible toasts. Older toasts beyond this depth are hidden\r\n\t\t but still in the DOM so they animate cleanly when newer ones are removed. */\r\n\t\t/* > .toast:nth-last-child(n + 6) { display: none; } */\r\n\t}\r\n\r\n\t:where(.ui-toast) {\r\n\t\t--_anim-enter: 0.3s;\r\n\t\t--_anim-exit: 0.3s;\r\n\r\n\t\talign-items: center;\r\n\t\tanimation:\r\n\t\t\ttoast-enter var(--_anim-enter) var(--ease-out-3) both,\r\n\t\t\ttoast-hold attr(data-duration type(<time>), 5s) linear both,\r\n\t\t\ttoast-exit var(--_anim-exit) var(--ease-in-3) both;\r\n\t\tanimation-delay:\r\n\t\t\t0s,\r\n\t\t\tvar(--_anim-enter),\r\n\t\t\tcalc(var(--_anim-enter) + attr(data-duration type(<time>), 5s));\r\n\t\tbackground-color: light-dark(var(--gray-15), var(--gray-2));\r\n\t\tborder-radius: var(--border-radius);\r\n\t\tbox-shadow: var(--shadow-3);\r\n\t\tcolor: var(--text-primary-contrast);\r\n\t\tdisplay: flex;\r\n\t\tgap: var(--size-3);\r\n\t\tjustify-content: space-between;\r\n\t\tmin-inline-size: 30ch;\r\n\t\tpadding: var(--size-3) var(--size-4);\r\n\t\tpointer-events: auto;\r\n\r\n\t\t&:hover {\r\n\t\t\tanimation-play-state: paused;\r\n\t\t}\r\n\r\n\t\t&.ui-exiting {\r\n\t\t\tanimation: toast-exit var(--_anim-exit) var(--ease-in-3) forwards;\r\n\t\t}\r\n\r\n\t\t.ui-icon {\r\n\t\t\tbackground: no-repeat center / contain;\r\n\t\t\tblock-size: var(--size-4);\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tinline-size: var(--size-4);\r\n\t\t}\r\n\r\n\t\t/* Hide the icon slot when there's no severity to render against. */\r\n\t\t&:not([data-severity]) .ui-icon {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.ui-content {\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tword-break: break-word;\r\n\t\t}\r\n\r\n\t\t.ui-title {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\t.ui-description {\r\n\t\t\tcolor: oklch(from currentColor l c h / 75%);\r\n\t\t\tfont-size: var(--font-size-0);\r\n\t\t}\r\n\r\n\t\t.ui-close-button {\r\n\t\t\tbackground: none;\r\n\t\t\tborder: none;\r\n\t\t\tcolor: inherit;\r\n\t\t\tcursor: pointer;\r\n\t\t\tdisplay: grid;\r\n\t\t\topacity: 0.7;\r\n\t\t\tpadding: var(--size-1);\r\n\t\t\tplace-items: center;\r\n\t\t\ttransition: opacity 0.2s;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Severity icons via CSS data URIs — keeps icon assets out of JS strings. */\r\n\t\t&[data-severity=\"success\"] .ui-icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><path d='m9 11 3 3L22 4'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"info\"] .ui-icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4'/><path d='M12 8h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"warning\"] .ui-icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/><path d='M12 9v4'/><path d='M12 17h.01'/></svg>\");\r\n\t\t}\r\n\r\n\t\t&[data-severity=\"critical\"] .ui-icon {\r\n\t\t\tbackground-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6'/><path d='m9 9 6 6'/></svg>\");\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-enter {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttranslate: var(--size-4) 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Identity keyframe — only purpose is to delay the exit animation by the\r\n\t author-defined duration. */\r\n\t@keyframes toast-hold {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes toast-exit {\r\n\t\tfrom {\r\n\t\t\topacity: 1;\r\n\t\t\tscale: 1;\r\n\t\t\ttranslate: 0 0;\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\topacity: 0;\r\n\t\t\tscale: 0.9;\r\n\t\t\ttranslate: 0 var(--size-4);\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.root {\r\n\r\n :where(.ui-p) {\r\n text-wrap: pretty;\r\n\r\n &.ui-small {\r\n font-size: var(--font-size-1);\r\n }\r\n\r\n &.ui-large {\r\n font-size: var(--font-size-3);\r\n }\r\n }\r\n\r\n :where(.ui-h1, .ui-h2, .ui-h3, .ui-h4, .ui-h5, .ui-h6) {\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-wrap: pretty;\r\n }\r\n\r\n :where(.ui-h1) {\r\n font-size: var(--font-size-h1, var(--font-size-7));\r\n letter-spacing: -0.02em;\r\n line-height: 1.15;\r\n }\r\n\r\n :where(.ui-h2) {\r\n font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n\r\n :where(.ui-h3) {\r\n font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.167;\r\n }\r\n\r\n :where(.ui-h4) {\r\n font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.235;\r\n }\r\n\r\n :where(.ui-h5) {\r\n font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n line-height: 1.334;\r\n }\r\n\r\n :where(.ui-h6) {\r\n font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n line-height: 1;\r\n }\r\n\r\n /** Overline */\r\n :where(.ui-overline) {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n :where(.ui-hgroup) {\r\n &>p {\r\n margin: 0;\r\n }\r\n\r\n &> :where(h1, h2, h3, h4, h5, h6) {\r\n margin-block: 0 0.4em;\r\n }\r\n\r\n /* First p element (overline) */\r\n &>p:first-of-type:first-child {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n /* Body paragraphs after the heading */\r\n &>p:not(:first-of-type:first-child) {\r\n color: oklch(from currentColor l c h / 75%);\r\n font-size: var(--font-size-3);\r\n line-height: 1.6;\r\n }\r\n\r\n &>p+p {\r\n margin-block-start: 0.75em;\r\n }\r\n }\r\n\r\n /** Caption */\r\n :where(.ui-caption) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n line-height: 1.6;\r\n }\r\n\r\n\r\n\r\n /* Inline text elements — class utilities (work anywhere) */\r\n :where(.ui-u, .ui-abbr, .ui-dfn) {\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(.ui-abbr, .ui-dfn) {\r\n font-style: normal;\r\n text-decoration: var(--color-9) underline dotted;\r\n\r\n &[title] {\r\n cursor: help;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(.ui-sup) {\r\n font-size: 0.5em;\r\n vertical-align: super;\r\n }\r\n\r\n :where(p, span).ui-small {\r\n font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n }\r\n\r\n :where(.ui-cite) {\r\n font-style: italic;\r\n }\r\n\r\n /* Code */\r\n :where(.ui-kbd) {\r\n font-family: var(--font-mono);\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n word-break: break-word;\r\n }\r\n\r\n :where(.ui-mark) {\r\n border-radius: var(--radius-2);\r\n box-decoration-break: clone;\r\n padding: .1ex .3ex;\r\n vertical-align: baseline;\r\n }\r\n\r\n :where(.ui-s) {\r\n text-decoration: line-through;\r\n }\r\n\r\n :where(.ui-sub) {\r\n font-size: 0.75em;\r\n vertical-align: sub;\r\n }\r\n\r\n :where(.ui-del) {\r\n color: var(--color-9);\r\n text-decoration: line-through;\r\n }\r\n\r\n :where(.ui-ins) {\r\n color: var(--color-9);\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n :where(.ui-var) {\r\n font-family: var(--font-mono);\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n word-break: break-word;\r\n }\r\n\r\n :where(.ui-samp) {\r\n font-family: var(--font-mono);\r\n }\r\n\r\n /* Blockquote */\r\n :where(.ui-blockquote) {\r\n border-inline-start: var(--border-size-3) solid currentColor;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n\r\n :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n footer {\r\n color: var(--text-muted);\r\n margin-block-start: var(--size-3);\r\n }\r\n }\r\n\r\n /* Code block */\r\n :where(pre.ui-code-block) {\r\n background-color: var(--color-15);\r\n border-radius: var(--border-radius);\r\n color: var(--color-1);\r\n font-family: var(--font-mono);\r\n font-size: var(--font-size-05);\r\n max-inline-size: 100%;\r\n overflow-x: auto;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n scrollbar-width: thin;\r\n white-space: pre;\r\n\r\n >code {\r\n background: none;\r\n border-radius: 0;\r\n color: inherit;\r\n font-size: inherit;\r\n padding: 0;\r\n word-break: normal;\r\n writing-mode: inherit;\r\n }\r\n }\r\n\r\n}\r\n\r\n/* Rich text */\r\n@layer components.extended {\r\n @scope (.ui-rich-text) to (.ui-not-rich-text) {\r\n a {\r\n color: var(--primary);\r\n cursor: pointer;\r\n font-size: inherit;\r\n font-weight: 700;\r\n line-height: inherit;\r\n text-decoration: underline;\r\n text-decoration-color: var(--primary);\r\n text-underline-offset: 2px;\r\n\r\n &[href] {\r\n\r\n &:hover,\r\n &:focus-visible {\r\n color: var(--primary-light);\r\n }\r\n }\r\n }\r\n\r\n /* Blockquote */\r\n blockquote {\r\n border-inline-start: var(--border-size-3) solid currentColor;\r\n font-size: inherit;\r\n line-height: inherit;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n\r\n :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n footer {\r\n color: var(--text-muted);\r\n margin-block-start: var(--size-3);\r\n }\r\n }\r\n\r\n /* Code */\r\n pre {\r\n border-radius: var(--border-radius);\r\n font-size: var(--font-size-05);\r\n margin-block: var(--size-6);\r\n max-inline-size: max-content;\r\n min-inline-size: 0;\r\n padding-block: var(--size-3);\r\n padding-inline: var(--size-4);\r\n white-space: pre;\r\n }\r\n\r\n pre:has(> code) {\r\n background-color: var(--color-15);\r\n border-radius: var(--border-radius);\r\n color: var(--color-1);\r\n max-inline-size: 100%;\r\n overflow-x: auto;\r\n scrollbar-width: thin;\r\n\r\n >code {\r\n background: none;\r\n border-radius: 0;\r\n color: inherit;\r\n font-size: inherit;\r\n padding: 0;\r\n word-break: normal;\r\n writing-mode: inherit;\r\n }\r\n }\r\n\r\n\r\n /* Text */\r\n p {\r\n font-size: inherit;\r\n line-height: inherit;\r\n margin-block: 1.25em;\r\n text-wrap: pretty;\r\n }\r\n\r\n :is(h1, h2, h3, h4, h5, h6) {\r\n color: var(--text-primary);\r\n font-weight: 700;\r\n text-wrap: pretty;\r\n\r\n &+*:not(&) {\r\n margin-block-start: 0;\r\n }\r\n }\r\n\r\n h1 {\r\n font-size: var(--font-size-h1, var(--font-size-7));\r\n letter-spacing: -0.02em;\r\n line-height: 1.1111111;\r\n margin-block: 0 0.8888889em;\r\n }\r\n\r\n h2 {\r\n font-size: var(--font-size-h2, var(--font-size-5, 2rem));\r\n letter-spacing: -0.02em;\r\n line-height: 1.3333333;\r\n margin-block: 2em 1em;\r\n }\r\n\r\n h3 {\r\n font-size: var(--font-size-h3, var(--font-size-4, 1.5rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.6;\r\n margin-block: 1.6em 0.6em;\r\n }\r\n\r\n h4 {\r\n font-size: var(--font-size-h4, var(--font-size-3, 1.25rem));\r\n letter-spacing: -0.01em;\r\n line-height: 1.5;\r\n margin-block: 1.5em 0.5em;\r\n }\r\n\r\n h5 {\r\n font-size: var(--font-size-h5, var(--font-size-2, 1.1rem));\r\n line-height: 1;\r\n margin-block: 0 var(--size-1);\r\n }\r\n\r\n h6 {\r\n font-size: var(--font-size-h6, var(--font-size-1, 1rem));\r\n line-height: 1;\r\n margin-block: 0 var(--size-1);\r\n }\r\n\r\n /** Overline */\r\n :is(.ui-overline, hgroup p:first-of-type:first-child) {\r\n color: light-dark(oklch(from var(--text-muted) calc(l * 1.25) c h),\r\n oklch(from var(--text-muted) calc(l * 0.75) c h));\r\n font-size: var(--font-size-0);\r\n font-weight: 500;\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n hgroup {\r\n &>p {\r\n margin: 0;\r\n }\r\n\r\n &> :where(h1, h2, h3, h4, h5, h6) {\r\n margin-block: 0 0.4em;\r\n }\r\n\r\n &+* {\r\n margin-block-start: 3em;\r\n }\r\n\r\n /* Body paragraphs after the heading */\r\n &>p:not(:first-of-type:first-child) {\r\n color: oklch(from currentColor l c h / 75%);\r\n font-size: var(--font-size-3);\r\n line-height: 1.6;\r\n }\r\n\r\n &>p+p {\r\n margin-block-start: 0.75em;\r\n }\r\n }\r\n\r\n /* Lists */\r\n ul:not([class]) {\r\n list-style-type: disc;\r\n }\r\n\r\n ol:not([class]) {\r\n list-style-type: decimal;\r\n }\r\n\r\n :where(ul, ol):not([class]) {\r\n display: grid;\r\n font-size: inherit;\r\n gap: 0.5em;\r\n line-height: inherit;\r\n margin-block-end: 1.25em;\r\n margin-block-start: 1.25em;\r\n padding-inline-start: 1.625em;\r\n\r\n li {\r\n padding-inline-start: 0.375em;\r\n }\r\n }\r\n\r\n /* Nested lists */\r\n :where(ul ul),\r\n :where(ul ol),\r\n :where(ol ul),\r\n :where(ol ol) {\r\n margin-block-end: 0.75em;\r\n margin-block-start: 0.75em;\r\n }\r\n\r\n /* Description lists */\r\n :where(dl) {\r\n font-size: inherit;\r\n line-height: inherit;\r\n margin-block-end: 1.25em;\r\n margin-block-start: 1.25em;\r\n\r\n dt {\r\n font-weight: 700;\r\n margin-block-start: 1.25em;\r\n }\r\n\r\n dd {\r\n margin-block-start: 0.5em;\r\n padding-inline-start: 1.625em;\r\n }\r\n }\r\n\r\n /* Figures */\r\n figure {\r\n display: grid;\r\n gap: var(--size-2);\r\n margin-block: var(--size-7);\r\n place-items: center;\r\n\r\n &>* {\r\n margin-block: 0;\r\n }\r\n\r\n & figcaption {\r\n font-size: var(--font-size-0);\r\n text-wrap: pretty;\r\n }\r\n }\r\n\r\n /* Remove top margin from first child */\r\n &> :first-child {\r\n margin-block-start: 0;\r\n }\r\n\r\n /* Remove bottom margin from last child */\r\n &> :last-child {\r\n margin-block-end: 0;\r\n }\r\n\r\n /* Horizontal rules */\r\n hr {\r\n &+* {\r\n margin-block-start: 0;\r\n }\r\n }\r\n\r\n /* Inline text elements */\r\n :where(ins, u, abbr, dfn) {\r\n text-decoration: underline;\r\n text-underline-offset: 1px;\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n :where(abbr, dfn) {\r\n font-style: normal;\r\n text-decoration: var(--color-9) underline dotted;\r\n\r\n &[title] {\r\n cursor: help;\r\n text-underline-offset: 1px;\r\n }\r\n\r\n @supports (-moz-appearance: none) {\r\n text-underline-offset: 2px;\r\n }\r\n }\r\n\r\n sup {\r\n font-size: 0.5em;\r\n vertical-align: super;\r\n }\r\n\r\n :where(del, ins) {\r\n color: var(--color-9);\r\n }\r\n\r\n small {\r\n font-size: max(0.5em, var(--font-size-0, 0.75rem));\r\n }\r\n\r\n cite {\r\n font-style: italic;\r\n }\r\n\r\n /* Code */\r\n :where(code, kbd, samp, pre) {\r\n font-family: var(--font-mono);\r\n }\r\n\r\n code {\r\n background-color: oklch(0 0 0 / 18%);\r\n border-radius: var(--border-size-3);\r\n font-size: 0.9em;\r\n padding: 0.1ex 0.3ex;\r\n }\r\n\r\n :where(kbd, var) {\r\n background-color: var(--text-muted);\r\n border-color: var(--text-muted);\r\n border-radius: var(--radius-2);\r\n border-width: var(--border-size-1);\r\n color: var(--text-muted-contrast);\r\n padding: 0.1ex 0.3ex;\r\n }\r\n\r\n :not(pre) code,\r\n kbd {\r\n word-break: break-word;\r\n }\r\n\r\n :not(pre) code {\r\n border-radius: var(--border-radius, var(--radius-2));\r\n padding: 0.5ex;\r\n writing-mode: lr;\r\n }\r\n\r\n mark {\r\n border-radius: var(--radius-2);\r\n box-decoration-break: clone;\r\n padding: .1ex .3ex;\r\n vertical-align: baseline;\r\n }\r\n\r\n s {\r\n text-decoration: line-through;\r\n }\r\n\r\n sub {\r\n font-size: 0.75em;\r\n vertical-align: sub;\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.ui-badge) {\r\n --_anchor-tx: -50%;\r\n --_anchor-ty: 50%;\r\n --_badge-inset: auto auto 100% 100%;\r\n --_bg-color: var(--primary);\r\n --_border-color: var(--primary);\r\n --_dot-size: var(--size-2);\r\n --_size: var(--size-4);\r\n --_text-color: var(--gray-1);\r\n\r\n display: inline-flex;\r\n position: relative;\r\n vertical-align: middle;\r\n\r\n /* Floating wrapper: traditional inset-based positioning so this works\r\n in browsers without position-area support (Firefox, older Safari). */\r\n &>.ui-anchor-floating:not([popover]) {\r\n inset: var(--_badge-inset);\r\n position-anchor: auto;\r\n position-area: none;\r\n }\r\n\r\n /* Indicator */\r\n &>.ui-anchor-floating>.ui-badge-indicator {\r\n background-color: var(--_bg-color);\r\n block-size: var(--_size);\r\n border: 2px solid var(--_border-color);\r\n border-radius: var(--radius-round);\r\n color: var(--_text-color);\r\n display: grid;\r\n font-size: 12px;\r\n font-weight: 500;\r\n inline-size: max-content;\r\n line-height: normal;\r\n min-inline-size: var(--_size);\r\n padding-inline: var(--size-1);\r\n place-items: center;\r\n text-align: center;\r\n transition: opacity 0.2s var(--ease-out-1);\r\n }\r\n\r\n /* Colors */\r\n &.ui-critical {\r\n --_bg-color: var(--critical);\r\n --_border-color: var(--critical);\r\n }\r\n\r\n &.ui-success {\r\n --_bg-color: var(--success);\r\n --_border-color: var(--success);\r\n }\r\n\r\n &.ui-info {\r\n --_bg-color: var(--info);\r\n --_border-color: var(--info);\r\n }\r\n\r\n &.ui-warning {\r\n --_bg-color: var(--warning);\r\n --_border-color: var(--warning);\r\n }\r\n\r\n &.ui-neutral {\r\n --_bg-color: var(--neutral);\r\n --_border-color: var(--neutral);\r\n }\r\n\r\n /* Alignment */\r\n &.ui-start-start {\r\n --_anchor-tx: 50%;\r\n --_anchor-ty: 50%;\r\n --_badge-inset: auto 100% 100% auto;\r\n }\r\n\r\n &.ui-end-start {\r\n --_anchor-tx: 50%;\r\n --_anchor-ty: -50%;\r\n --_badge-inset: 100% 100% auto auto;\r\n }\r\n\r\n &.ui-end-end {\r\n --_anchor-tx: -50%;\r\n --_anchor-ty: -50%;\r\n --_badge-inset: 100% auto auto 100%;\r\n }\r\n\r\n /* Dot */\r\n &.ui-dot {\r\n --_anchor-tx: calc((var(--_dot-size) - 2px) * -1);\r\n --_anchor-ty: var(--_dot-size);\r\n }\r\n\r\n &.ui-dot>.ui-anchor-floating>.ui-badge-indicator {\r\n block-size: var(--_dot-size);\r\n inline-size: var(--_dot-size);\r\n min-inline-size: var(--_dot-size);\r\n padding: 0;\r\n }\r\n\r\n /* Visibility */\r\n &.ui-invisible>.ui-anchor-floating>.ui-badge-indicator {\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where([role=\"group\"].ui-button-group) {\r\n --_border-radius: var(--button-border-radius);\r\n\r\n border-radius: var(--_border-radius);\r\n display: inline-flex;\r\n min-width: max-content;\r\n\r\n /* Button */\r\n button {\r\n border-radius: 0;\r\n\r\n /* button.css > --_accent-tonal */\r\n --_divider-color: light-dark(oklch(from var(--_accent-tonal) calc(l - 0.1) c h),\r\n oklch(from var(--_accent-tonal) calc(l + 0.1) c h));\r\n\r\n &.ui-outlined {\r\n --_divider-color: var(--_border-color);\r\n }\r\n\r\n &.ui-filled {\r\n --_divider-color: currentColor;\r\n }\r\n\r\n &:focus-visible {\r\n outline-offset: -4px;\r\n }\r\n\r\n /* Color inheritance from Button Group — shared interaction model.\r\n The .critical scope class in theme.css redirects --palette-source so\r\n --color-6 below becomes a tint of the active color. */\r\n :where(.ui-button-group.ui-critical,\r\n .ui-button-group.ui-primary) & {\r\n --_color-contrast: var(--gray-1);\r\n --_color-tonal: var(--color-6);\r\n --_accent-tonal-contrast: var(--text-primary-contrast);\r\n --_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);\r\n --_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);\r\n --_filled-hover-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n --_filled-active-bg-color: oklch(from var(--_accent) calc(l - 0.15) c h);\r\n --_outlined-active-bg-color: oklch(from var(--_accent) calc(l - 0.1) c h);\r\n }\r\n\r\n :where(.ui-button-group.ui-critical) & {\r\n --_color: var(--critical);\r\n }\r\n\r\n :where(.ui-button-group.ui-primary) & {\r\n --_color: var(--primary);\r\n }\r\n\r\n :where(.ui-button-group.ui-small) & {\r\n --_min-height: 1.875rem;\r\n padding-block: 0;\r\n padding-inline: 1ex;\r\n }\r\n\r\n :where(.ui-button-group.ui-large) & {\r\n --_min-height: 2.875rem;\r\n padding-inline: 4ex;\r\n }\r\n\r\n :where(.ui-button-group.ui-outlined) & {\r\n --_border-color: var(--_accent);\r\n --_divider-color: var(--_accent);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_border-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_border-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n :where(.ui-button-group.ui-tonal) & {\r\n --_bg-color: var(--_accent-tonal);\r\n --_text-color: var(--_accent-tonal-contrast);\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_outlined-active-bg-color);\r\n --_text-color: var(--_accent-contrast);\r\n }\r\n }\r\n }\r\n\r\n :where(.ui-button-group.ui-filled) & {\r\n --_bg-color: var(--_accent);\r\n --_text-color: var(--_accent-contrast);\r\n --_divider-color: currentColor;\r\n\r\n :where(.ui-button-group.ui-critical,\r\n .ui-button-group.ui-primary) & {\r\n --_divider-color: light-dark(oklch(from var(--_accent) calc(l - 0.1) c h),\r\n oklch(from var(--_accent) calc(l + 0.1) c h));\r\n }\r\n\r\n &:where(:not([disabled])) {\r\n &:where(:not(:active):hover) {\r\n --_bg-color: var(--_filled-hover-bg-color);\r\n }\r\n\r\n &:where(:active) {\r\n --_bg-color: var(--_filled-active-bg-color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &:not(.ui-vertical) {\r\n button {\r\n &:first-of-type {\r\n border-end-start-radius: var(--_border-radius);\r\n border-start-start-radius: var(--_border-radius);\r\n }\r\n\r\n &:last-of-type {\r\n border-end-end-radius: var(--_border-radius);\r\n border-start-end-radius: var(--_border-radius);\r\n }\r\n\r\n /* Siblings */\r\n &+& {\r\n border-inline-start-color: var(--_divider-color);\r\n border-inline-width: 1px;\r\n margin-inline-start: -1px;\r\n\r\n &[disabled] {\r\n border-inline-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.ui-vertical {\r\n flex-direction: column;\r\n\r\n button {\r\n padding: var(--size-2);\r\n\r\n &:has(svg) {\r\n aspect-ratio: 1;\r\n padding: var(--size-1);\r\n }\r\n\r\n &:first-of-type {\r\n border-start-start-radius: var(--_border-radius);\r\n border-start-end-radius: var(--_border-radius);\r\n }\r\n\r\n &:last-of-type {\r\n border-end-start-radius: var(--_border-radius);\r\n border-end-end-radius: var(--_border-radius);\r\n }\r\n\r\n &+& {\r\n border-block-start: 1px solid var(--_divider-color);\r\n margin-block-start: -1px;\r\n\r\n &[disabled] {\r\n border-block-start-color: color-mix(in oklch, var(--_divider-color) 40%, transparent);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(details.ui-accordion) {\r\n --_actions-gap: var(--size-1);\r\n --_actions-margin-block-start: var(--size-3);\r\n --_actions-padding-block-end: var(--size-1);\r\n --_actions-padding-inline: var(--size-3) var(--size-1);\r\n --_bg-color: transparent;\r\n --_border-color: transparent;\r\n --_border-radius: var(--border-radius, 4px);\r\n --_border-width: 0;\r\n --_content-padding-block: var(--size-2) var(--size-3);\r\n --_content-padding-inline: var(--_padding-inline);\r\n --_margin-inline: var(--size-1);\r\n --_padding-inline: initial;\r\n --_shadow: none;\r\n --_summary-padding-block: var(--size-3);\r\n --_summary-padding-inline: var(--_padding-inline);\r\n --_svg-transition: 0.2s var(--ease-1);\r\n --_transition: 0.2s;\r\n\r\n background-color: var(--_bg-color);\r\n border: var(--_border-width) solid var(--_border-color);\r\n border-radius: var(--_border-radius);\r\n box-shadow: var(--_shadow);\r\n display: block;\r\n margin-inline: var(--_margin-inline);\r\n transition: all var(--_transition) ease-out;\r\n\r\n &.ui-elevated {\r\n --_bg-color: var(--surface-elevated);\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n --_shadow: var(--shadow-3);\r\n }\r\n\r\n &.ui-outlined {\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--border-color);\r\n --_border-width: 1px;\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n }\r\n\r\n &.ui-tonal {\r\n --_bg-color: var(--surface-tonal);\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--size-3);\r\n }\r\n\r\n /* Accordion animation */\r\n /* https://nerdy.dev/open-and-close-transitions-for-the-details-element */\r\n @media (prefers-reduced-motion: no-preference) {\r\n interpolate-size: allow-keywords;\r\n }\r\n\r\n &::details-content {\r\n block-size: 0;\r\n opacity: 0;\r\n overflow-y: clip;\r\n transition:\r\n content-visibility var(--_transition) allow-discrete,\r\n opacity var(--_transition),\r\n block-size var(--_transition);\r\n }\r\n\r\n &[open]::details-content {\r\n block-size: auto;\r\n opacity: 1;\r\n }\r\n\r\n /* Layout */\r\n &>summary {\r\n background-color: inherit;\r\n cursor: pointer;\r\n font-weight: 700;\r\n padding-block: var(--_summary-padding-block);\r\n padding-inline: var(--_summary-padding-inline);\r\n user-select: none;\r\n\r\n &:has(svg) {\r\n align-items: center;\r\n display: flex;\r\n justify-content: space-between;\r\n list-style: none;\r\n\r\n &::marker,\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n }\r\n\r\n svg {\r\n transition: rotate var(--_svg-transition);\r\n }\r\n }\r\n\r\n &[open]>summary svg {\r\n rotate: 180deg;\r\n }\r\n\r\n &>.ui-content {\r\n margin-block-start: 0;\r\n padding-block: var(--_content-padding-block);\r\n padding-inline: var(--_content-padding-inline);\r\n }\r\n\r\n &>.ui-actions {\r\n display: flex;\r\n gap: var(--_actions-gap);\r\n justify-content: end;\r\n margin-block-start: var(--_actions-margin-block-start);\r\n padding-block-end: var(--_actions-padding-block-end);\r\n padding-inline: var(--_actions-padding-inline);\r\n }\r\n }\r\n\r\n /* Accordion group */\r\n :where(.ui-card[role=\"group\"]:has(details.ui-accordion)) {\r\n --_group-radius: var(--border-radius);\r\n --_gutter-color: var(--border-color);\r\n --_item-padding-inline: var(--size-3);\r\n --_item-summary-padding-inline: var(--_item-padding-inline);\r\n\r\n display: block;\r\n\r\n &.ui-card {\r\n &:not(.ui-tonal, .ui-outlined, .ui-elevated) {\r\n --_item-summary-padding-inline: 0;\r\n }\r\n }\r\n\r\n &>.ui-content {\r\n margin-block: 0;\r\n padding: 0;\r\n }\r\n\r\n &>details.ui-accordion {\r\n --_border-color: transparent;\r\n --_border-width: 0;\r\n --_margin-inline: 0;\r\n --_padding-inline: var(--_item-padding-inline);\r\n --_shadow: none;\r\n --_summary-padding-inline: var(--_item-summary-padding-inline);\r\n\r\n /* Border between accordion items */\r\n &+& {\r\n border-block-start: 1px solid var(--_gutter-color);\r\n border-radius: 0;\r\n }\r\n\r\n /* First item */\r\n &:first-of-type {\r\n border-start-end-radius: var(--_group-radius);\r\n border-start-start-radius: var(--_group-radius);\r\n\r\n summary {\r\n border-start-end-radius: var(--_group-radius);\r\n border-start-start-radius: var(--_group-radius);\r\n }\r\n }\r\n\r\n /* Last item */\r\n &:last-of-type {\r\n border-end-end-radius: var(--_group-radius);\r\n border-end-start-radius: var(--_group-radius);\r\n\r\n summary {\r\n border-end-end-radius: var(--_group-radius);\r\n border-end-start-radius: var(--_group-radius);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n /*\r\nLists meant to be used stand-alone or as part of Select elements\r\n\r\n Intended use-case:\r\n - ul.ui-list > li\r\n - .ui-select > .ui-list > option\r\n*/\r\n :where(.ui-list) {\r\n --_bg-color: var(--surface-filled);\r\n --_bg-color-hover: oklch(from var(--primary) l c h / 15%);\r\n\r\n background-color: var(--_bg-color);\r\n color: var(--text-primary);\r\n list-style: none;\r\n padding: var(--size-2) 0;\r\n\r\n @media (pointer: coarse) {\r\n\r\n &,\r\n * {\r\n user-select: none;\r\n }\r\n }\r\n\r\n /* Background color */\r\n &.ui-transparent {\r\n --_bg-color: transparent;\r\n }\r\n\r\n &.ui-default {\r\n --_bg-color: var(--surface-default);\r\n }\r\n\r\n &.ui-tonal {\r\n --_bg-color: var(--surface-tonal);\r\n }\r\n\r\n /* Borders on all list items */\r\n &.ui-bordered {\r\n :where(li + li, option + option) {\r\n margin-block-start: var(--size-3);\r\n\r\n &::before {\r\n block-size: 1px;\r\n border-block-start: 1px solid var(--border-color);\r\n content: \"\";\r\n display: block;\r\n inline-size: 100%;\r\n inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n position: absolute;\r\n visibility: visible;\r\n /* override select > option:before style */\r\n }\r\n }\r\n }\r\n\r\n /* Dense - less gaps and spacing */\r\n &.ui-dense {\r\n :where(li, option) {\r\n gap: var(--size-2);\r\n min-block-size: var(--size-7);\r\n padding: var(--size-1) var(--size-2);\r\n\r\n &.ui-border-top {\r\n margin-block-start: var(--size-2);\r\n\r\n &::before {\r\n inset: calc(-1 * var(--size-1)) 0 auto 0;\r\n }\r\n }\r\n\r\n /* Clickable list item */\r\n &:has(> a, > button, > label) {\r\n min-block-size: auto;\r\n padding: 0;\r\n }\r\n\r\n &> :where(a, button, label) {\r\n gap: var(--size-2);\r\n min-block-size: var(--size-7);\r\n padding: var(--size-1) var(--size-2);\r\n }\r\n\r\n /* Checkbox / Radio */\r\n &>label {\r\n .ui-end {\r\n padding-inline-end: 0.125rem;\r\n }\r\n\r\n &:where(.ui-checkbox, .ui-radio) {\r\n --_input-size: var(--size-3);\r\n }\r\n }\r\n\r\n /* Leading and trailing content */\r\n .ui-start,\r\n .ui-end {\r\n .ui-avatar {\r\n max-inline-size: var(--size-6);\r\n }\r\n\r\n .ui-icon-button,\r\n svg {\r\n max-inline-size: var(--size-4);\r\n }\r\n\r\n .ui-checkbox,\r\n .ui-radio {\r\n --_input-size: var(--size-3);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Gutterless */\r\n &.ui-gutterless {\r\n :where(li, option) {\r\n padding-inline: 0;\r\n\r\n &> :where(a, button, label) {\r\n padding-inline: 0;\r\n }\r\n }\r\n }\r\n\r\n /* List item */\r\n :where(li, option, [role=\"group\"] > label) {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n display: flex;\r\n font-size: var(--font-size-05);\r\n gap: var(--size-3);\r\n isolation: isolate;\r\n min-block-size: 40px;\r\n padding: var(--size-2) var(--size-3);\r\n position: relative;\r\n\r\n &::before {\r\n display: none;\r\n /* removing checkmark from option */\r\n }\r\n\r\n * {\r\n font-size: inherit;\r\n }\r\n\r\n /* Clickable list item */\r\n &:has(> a, > button, > label) {\r\n background: transparent;\r\n display: block;\r\n min-block-size: auto;\r\n padding: 0;\r\n\r\n &[aria-selected=\"true\"]> :where(a, button, label),\r\n &[aria-selected=\"true\"],\r\n &:has(> [aria-current=\"page\"])> :where(a, button, label) {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n }\r\n\r\n /* Select option */\r\n &:where(option) {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n color: inherit;\r\n cursor: pointer;\r\n display: flex;\r\n gap: var(--size-3);\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 40px;\r\n padding: var(--size-2) var(--size-3);\r\n text-align: start;\r\n text-decoration: none;\r\n z-index: 0;\r\n\r\n &:hover {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n\r\n &[aria-selected=\"true\"] {\r\n background-color: var(--_bg-color-hover);\r\n color: var(--primary);\r\n }\r\n\r\n &:checked {\r\n background-color: oklch(from var(--primary) l c h / 30%);\r\n }\r\n }\r\n\r\n &>a,\r\n &>button,\r\n &>label {\r\n align-items: center;\r\n background-color: var(--_bg-color);\r\n color: inherit;\r\n cursor: pointer;\r\n display: flex;\r\n gap: var(--size-3);\r\n inline-size: 100%;\r\n margin: 0;\r\n min-block-size: 40px;\r\n outline-offset: -3px;\r\n padding: var(--size-2) var(--size-3);\r\n text-align: start;\r\n text-decoration: none;\r\n z-index: 0;\r\n\r\n &:hover {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n\r\n &[aria-selected=\"true\"],\r\n &[aria-current=\"page\"] {\r\n background-color: var(--_bg-color-hover);\r\n }\r\n }\r\n\r\n /* Checkbox / Radio / Switch */\r\n &>label {\r\n &:where(.ui-checkbox, .ui-radio, .ui-switch) {\r\n display: flex;\r\n }\r\n\r\n .ui-end {\r\n padding-inline-end: var(--size-1);\r\n }\r\n\r\n &:where(.ui-checkbox, .ui-radio) {\r\n inline-size: 100%;\r\n }\r\n\r\n /* Switches look comically big in lists, so it's better to use a smaller variant */\r\n &.ui-switch {\r\n --_dot-size: 0.75rem;\r\n --_track-height: var(--size-4);\r\n --_track-width: 2.5rem;\r\n }\r\n }\r\n\r\n /* Video */\r\n &:has(video) {\r\n padding: 0.75rem var(--size-3) 0.75rem 0;\r\n }\r\n\r\n /* Border between list items */\r\n &.ui-border-top {\r\n margin-block-start: var(--size-3);\r\n\r\n &::before {\r\n block-size: 1px;\r\n border-block-start: 1px solid var(--border-color);\r\n content: \"\";\r\n display: block;\r\n inline-size: 100%;\r\n inset: calc(-1 * var(--size-2)) 0 auto 0;\r\n position: absolute;\r\n }\r\n }\r\n\r\n /* Text */\r\n .ui-text {\r\n flex: 1;\r\n line-height: 1.6;\r\n\r\n :where(h1, h2, h3, h4, h5, h6, p, span) {\r\n color: inherit;\r\n font-weight: 400;\r\n }\r\n\r\n p+p {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n }\r\n }\r\n\r\n /* Leading content */\r\n .ui-start {\r\n align-items: center;\r\n align-self: center;\r\n display: grid;\r\n z-index: 1;\r\n\r\n &:has(svg) {\r\n max-inline-size: var(--size-5);\r\n }\r\n\r\n svg {\r\n padding-block-start: 0.125rem;\r\n }\r\n\r\n img {\r\n aspect-ratio: 1;\r\n inline-size: 56px;\r\n object-fit: cover;\r\n }\r\n\r\n video {\r\n aspect-ratio: 16/9;\r\n block-size: 64px;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n /* Trailing content */\r\n .ui-end {\r\n align-items: center;\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n text-align: end;\r\n z-index: 1;\r\n\r\n &:not(:has(a, button, input)) {\r\n pointer-events: none;\r\n }\r\n\r\n kbd {\r\n background-color: transparent;\r\n border: 0;\r\n color: inherit;\r\n opacity: 0.6;\r\n }\r\n\r\n svg {\r\n inline-size: 100%;\r\n max-inline-size: var(--size-5);\r\n }\r\n }\r\n\r\n /* Inset */\r\n &.ui-inset {\r\n .ui-text {\r\n padding-inline-start: calc(var(--size-5) + var(--size-3));\r\n }\r\n\r\n /* Safety measure so it won't look bad if there for some reason should exist a leading element inside. */\r\n .ui-start {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.ui-dialog) {\r\n inline-size: 100%;\r\n inset: 0;\r\n margin: auto;\r\n margin-block-start: 15%;\r\n max-inline-size: calc(100% - var(--size-4));\r\n padding-block: 0;\r\n pointer-events: none;\r\n position: fixed;\r\n\r\n @media (width > 600px) {\r\n max-inline-size: 60ch;\r\n }\r\n\r\n /* Animation */\r\n /* There's no close animation, intentionally */\r\n opacity: 0;\r\n\r\n &::backdrop {\r\n backdrop-filter: blur(1px);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n backdrop-filter: none;\r\n }\r\n }\r\n\r\n &:not([open]) {\r\n display: none;\r\n }\r\n\r\n &[open] {\r\n pointer-events: all;\r\n }\r\n\r\n .ui-actions {\r\n justify-content: end;\r\n padding-inline: var(--size-3) var(--size-1);\r\n }\r\n\r\n &[open] {\r\n opacity: 1;\r\n transition: display 0.2s allow-discrete,\r\n overlay 0.2s allow-discrete,\r\n opacity 0.2s var(--ease-out-1);\r\n\r\n @starting-style {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n &[open] {\r\n margin-block-start: 15%;\r\n\r\n @starting-style {\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n :where(html:has(.ui-dialog[open])) {\r\n block-size: 100%;\r\n overflow: hidden;\r\n }\r\n}\r\n","@layer components.root {\r\n\t:where(dialog.ui-drawer) {\r\n\t\t--_backdrop-bg-color: transparent;\r\n\t\t--_backdrop-blur: blur(2px);\r\n\t\t--_bg-color: var(--surface-default);\r\n\t\t--_block-size: min(80vb, 650px);\r\n\t\t--_border-color: var(--border-color);\r\n\t\t--_border-width: var(--border-width);\r\n\t\t--_color: var(--text-primary);\r\n\t\t--_content-padding: var(--size-4);\r\n\t\t--_footer-gap: var(--size-3);\r\n\t\t--_footer-padding: var(--size-3);\r\n\t\t--_header-font-size: var(--font-size-3);\r\n\t\t--_header-padding: var(--size-3);\r\n\t\t--_inline-size: min(375px, 100vi);\r\n\t\t--_shadow: var(--shadow-2);\r\n\t\t--_transition-duration: 0.2s;\r\n\t\t--_transition-timing: var(--ease-out-3);\r\n\r\n\t\tbackground-color: var(--_bg-color);\r\n\t\tborder: none;\r\n\t\tbox-shadow: var(--_shadow);\r\n\t\tcolor: var(--_color);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0;\r\n\t\tmax-inline-size: 100%;\r\n\t\tpadding: 0;\r\n\t\tposition: fixed;\r\n\t\ttransition:\r\n\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\ttranslate var(--_transition-duration) var(--_transition-timing);\r\n\t\tz-index: 1000;\r\n\r\n\t\t&::backdrop {\r\n\t\t\tbackdrop-filter: var(--_backdrop-blur);\r\n\t\t\tbackground-color: var(--_backdrop-bg-color);\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay var(--_transition-duration) allow-discrete,\r\n\t\t\t\toverlay var(--_transition-duration) allow-discrete,\r\n\t\t\t\topacity var(--_transition-duration) var(--_transition-timing);\r\n\t\t}\r\n\r\n\t\t&.ui-backdrop-transparent {\r\n\t\t\t--_backdrop-blur: none;\r\n\t\t}\r\n\r\n\t\t.ui-header {\r\n\t\t\talign-items: center;\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tpadding: var(--_header-padding);\r\n\r\n\t\t\t:where(h1, h2, h3, h4, h5, h6) {\r\n\t\t\t\tfont-size: var(--_header-font-size);\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t:where(.ui-icon-button) {\r\n\t\t\t\tmargin-inline-start: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.ui-content {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tpadding: var(--_content-padding);\r\n\t\t}\r\n\r\n\t\t.ui-footer {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: var(--_footer-gap);\r\n\t\t\tjustify-content: end;\r\n\t\t\tpadding: var(--_footer-padding);\r\n\t\t}\r\n\r\n\t\t&.ui-inline-start,\r\n\t\t&.ui-inline-end {\r\n\t\t\tblock-size: 100dvb;\r\n\t\t\tinline-size: var(--_inline-size);\r\n\t\t\tinset-block: 0;\r\n\t\t\tmax-block-size: 100%;\r\n\t\t}\r\n\r\n\t\t&.ui-inline-start {\r\n\t\t\tborder-inline-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: auto;\r\n\t\t\tinset-inline-start: 0;\r\n\t\t\ttranslate: -100% 0;\r\n\t\t}\r\n\r\n\t\t&.ui-inline-end {\r\n\t\t\tborder-inline-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-inline-start: auto;\r\n\t\t\ttranslate: 100% 0;\r\n\r\n\t\t\t.ui-footer {\r\n\t\t\t\tjustify-content: start;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.ui-block-start,\r\n\t\t&.ui-block-end {\r\n\t\t\tblock-size: var(--_block-size);\r\n\t\t\tinline-size: 100dvi;\r\n\t\t\tinset-inline: 0;\r\n\t\t\tmax-block-size: 80dvb;\r\n\t\t}\r\n\r\n\t\t&.ui-block-start {\r\n\t\t\tborder-block-end: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: auto;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\ttranslate: 0 -100%;\r\n\t\t}\r\n\r\n\t\t&.ui-block-end {\r\n\t\t\tborder-block-start: var(--_border-width) solid var(--_border-color);\r\n\t\t\tinset-block-end: 0;\r\n\t\t\tinset-block-start: auto;\r\n\t\t\ttranslate: 0 100%;\r\n\t\t}\r\n\r\n\t\t&[open] {\r\n\t\t\ttranslate: 0 0;\r\n\r\n\t\t\t&::backdrop {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t@starting-style {\r\n\t\t\t\t&::backdrop {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.ui-inline-start {\r\n\t\t\t\t\ttranslate: -100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.ui-inline-end {\r\n\t\t\t\t\ttranslate: 100% 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.ui-block-start {\r\n\t\t\t\t\ttranslate: 0 -100%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.ui-block-end {\r\n\t\t\t\t\ttranslate: 0 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* Scroll-lock is provided by the shared `.ui-scroll-lock` utility in core/utils.css.\r\n\t This carve-out re-enables page scrolling when a transparent-backdrop drawer is\r\n\t open on wide viewports (where the drawer doesn't visually cover the page). */\r\n\thtml:has(dialog.ui-drawer.ui-scroll-lock[open].ui-backdrop-transparent) {\r\n\t\toverflow: unset;\r\n\t\toverscroll-behavior: auto;\r\n\r\n\t\t@media (width < 500px) {\r\n\t\t\toverflow: clip;\r\n\t\t\toverscroll-behavior: contain;\r\n\t\t}\r\n\t}\r\n}\r\n","@layer components.extended {\r\n\r\n /* Form */\r\n :where(.ui-form) {\r\n display: grid;\r\n gap: var(--size-8);\r\n\r\n hr {\r\n margin-block: 0;\r\n }\r\n }\r\n\r\n /* Fieldset */\r\n :where(.ui-fieldset) {\r\n all: unset;\r\n border: 0;\r\n border-radius: 0;\r\n display: grid;\r\n gap: var(--size-1);\r\n margin: 0;\r\n min-inline-size: 0;\r\n padding: 0;\r\n\r\n /* Legend */\r\n :where(legend, .ui-legend) {\r\n all: unset;\r\n color: var(--text-primary);\r\n font-weight: 600;\r\n margin-block-end: var(--size-3);\r\n padding: 0;\r\n\r\n &:has(+ :where(.ui-field-description)) {\r\n margin-block-end: 0;\r\n }\r\n }\r\n\r\n /* Field description / supporting text */\r\n :where(.ui-field-description) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-05);\r\n line-height: var(--font-lineheight-3);\r\n\r\n &:has(+ *) {\r\n margin-block-end: var(--size-3);\r\n }\r\n }\r\n\r\n /* End text */\r\n :where(.ui-end-text) {\r\n color: var(--text-muted);\r\n font-size: var(--font-size-0);\r\n line-height: var(--font-lineheight-3);\r\n }\r\n\r\n &:has(.ui-text-field.ui-row) {\r\n row-gap: var(--size-7);\r\n }\r\n\r\n /* Disabled */\r\n &[disabled] {\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n input,\r\n label,\r\n .ui-label {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Error / validation */\r\n &[data-invalid] {\r\n :where(.ui-end-text) {\r\n color: var(--primary);\r\n }\r\n\r\n :where(.ui-checkbox, .ui-radio, .ui-switch) {\r\n --palette-source: oklch(0.58 0.21 var(--hue-red));\r\n\r\n :where(.ui-end-text) {\r\n color: var(--primary);\r\n }\r\n }\r\n\r\n :where(.ui-switch) {\r\n input {\r\n border-radius: var(--radius-round);\r\n outline: 2px solid var(--primary);\r\n }\r\n }\r\n }\r\n\r\n /* Required */\r\n &:has(:invalid) {\r\n :where(legend, .ui-legend) {\r\n padding-inline-end: 1ex;\r\n position: relative;\r\n\r\n &::after {\r\n color: var(--red);\r\n content: \"*\";\r\n inset: 0 -0.25ex auto auto;\r\n position: absolute;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Field group */\r\n :where(.ui-field-group) {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--size-4);\r\n\r\n /* If it only has checkboxes, radios, or switches */\r\n &:has(> :where(.ui-checkbox, .ui-radio, .ui-switch)):not(:has(> :not(.ui-checkbox, .ui-radio, .ui-switch))) {\r\n gap: var(--size-2);\r\n }\r\n\r\n /* If it only has buttons */\r\n &:has(.ui-button):not(:has(*:not(.ui-button))) {\r\n align-items: center;\r\n flex-direction: row;\r\n gap: var(--size-2);\r\n\r\n /* If it's not preceeded by an hr */\r\n &:not(hr + &) {\r\n margin-block-start: var(--size-4);\r\n }\r\n }\r\n\r\n &+& {\r\n margin-block-start: var(--size-5);\r\n }\r\n\r\n /* Directions */\r\n &.ui-row {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n\r\n &:has(> :where(.ui-checkbox, .ui-radio, .ui-switch)) {\r\n gap: var(--size-4);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n /*\r\n- Common styling for input, textarea and select\r\n- Form related styles such as: label, supporting text, error handling\r\n*/\r\n :where(.ui-text-field, .ui-textarea, .ui-select) {\r\n --_accent-color: var(--primary);\r\n --_bg-color: var(--surface-default);\r\n --_border-color: var(--field-border-color);\r\n --_field-padding-block: var(--size-2);\r\n --_field-padding-inline: var(--size-2);\r\n --_filled-border-color: var(--text-primary);\r\n --_height: var(--field-size);\r\n --_label-color: var(--text-muted);\r\n --_end-text-color: var(--text-muted);\r\n\r\n display: grid;\r\n gap: var(--size-1) 0;\r\n position: relative;\r\n\r\n /* Field - the actual input with a border around it */\r\n .ui-field {\r\n background-color: var(--_bg-color);\r\n border: var(--field-border-width) solid var(--_border-color);\r\n border-radius: var(--field-border-radius);\r\n display: grid;\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n grid-template-columns: auto 1fr auto;\r\n grid-template-areas:\r\n \"header header header\"\r\n \"prefix input suffix\"\r\n \"footer footer footer\";\r\n min-block-size: var(--_height);\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n }\r\n\r\n :where(.ui-field) :where(input, textarea, select) {\r\n background: transparent;\r\n border: 0;\r\n color: var(--text-primary);\r\n font-family: var(--font-sans);\r\n font-size: var(--font-size-1);\r\n grid-area: input;\r\n inline-size: 100%;\r\n line-height: var(--font-lineheight-1);\r\n min-inline-size: 0;\r\n padding: var(--_field-padding-block) var(--_field-padding-inline);\r\n\r\n &:focus,\r\n &:focus-visible {\r\n outline: 0;\r\n }\r\n }\r\n\r\n /* Affixes */\r\n .ui-prefix,\r\n .ui-suffix {\r\n align-items: center;\r\n color: var(--_label-color);\r\n display: inline-flex;\r\n padding-inline: var(--_field-padding-inline);\r\n white-space: nowrap;\r\n }\r\n\r\n .ui-prefix {\r\n grid-area: prefix;\r\n }\r\n\r\n .ui-suffix {\r\n grid-area: suffix;\r\n }\r\n\r\n .ui-header,\r\n .ui-footer {\r\n align-items: center;\r\n color: var(--_label-color);\r\n display: flex;\r\n font-size: var(--font-size-0);\r\n gap: var(--size-2);\r\n padding: var(--size-1) var(--_field-padding-inline);\r\n }\r\n\r\n .ui-header {\r\n border-block-end: 1px solid var(--_border-color);\r\n grid-area: header;\r\n }\r\n\r\n .ui-footer {\r\n border-block-start: 1px solid var(--_border-color);\r\n grid-area: footer;\r\n }\r\n\r\n /* Remove padding on the input when affixes are next to it */\r\n .ui-field:has(> .ui-prefix) :where(input, textarea, select) {\r\n padding-inline-start: 0;\r\n }\r\n\r\n .ui-field:has(> .ui-suffix) :where(input, textarea, select) {\r\n padding-inline-end: 0;\r\n }\r\n\r\n /* Textarea - keep affix aligned with the first line */\r\n &.ui-textarea .ui-field {\r\n\r\n .ui-prefix,\r\n .ui-suffix {\r\n align-self: start;\r\n padding-block: var(--_field-padding-block);\r\n }\r\n }\r\n\r\n /* Required/Invalid */\r\n &:has(:invalid) {\r\n .ui-label:after {\r\n color: var(--red);\r\n content: \"*\";\r\n margin: -0.25em auto auto 0.25em;\r\n }\r\n }\r\n\r\n /* File */\r\n &:has(input[type=\"file\"]) {\r\n cursor: pointer;\r\n\r\n input {\r\n align-self: flex-start;\r\n block-size: var(--_height);\r\n box-shadow: none;\r\n color: var(--text-primary);\r\n cursor: inherit;\r\n max-inline-size: 100%;\r\n padding: 0;\r\n transition: font-size 0.2s var(--ease-3);\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n background-color: var(--surface-tonal);\r\n block-size: calc(100% - var(--size-2) * 2);\r\n border: none;\r\n border-radius: var(--field-border-radius);\r\n cursor: pointer;\r\n margin-block-start: var(--size-2);\r\n margin-inline-end: 1ex;\r\n margin-inline-start: var(--size-2);\r\n }\r\n }\r\n\r\n /* Variants */\r\n &.ui-filled {\r\n input {\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n background-color: var(--surface-default);\r\n block-size: calc(100% - var(--size-2) * 2);\r\n border-radius: var(--field-border-radius);\r\n cursor: pointer;\r\n margin-block-start: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.ui-small {\r\n input {\r\n font-size: var(--font-size-05);\r\n\r\n &::-webkit-file-upload-button,\r\n &::file-selector-button {\r\n block-size: calc(100% - var(--size-2));\r\n margin-block-start: var(--size-1);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Autosuggest */\r\n &:has(input[list]) {\r\n .ui-label {\r\n /* Make sure chevron is visible */\r\n inline-size: calc(100% - var(--size-6));\r\n }\r\n }\r\n\r\n /* Select */\r\n &:has(select) {\r\n .ui-label {\r\n /* Make sure chevron is visible */\r\n inline-size: calc(100% - var(--size-6));\r\n\r\n }\r\n }\r\n\r\n /* Customizable Select */\r\n &:has(select button) {\r\n select {\r\n padding: 0;\r\n\r\n button {\r\n outline: 0;\r\n padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n }\r\n }\r\n }\r\n\r\n /* Non-customizable Select */\r\n &:has(select):not(:has(button)) {\r\n select {\r\n padding: var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline);\r\n }\r\n }\r\n\r\n /* Input - color */\r\n &:has(input[type=\"color\"]) {\r\n .ui-field {\r\n block-size: var(--_height);\r\n inline-size: var(--_height);\r\n min-block-size: 0;\r\n overflow: hidden;\r\n }\r\n\r\n input {\r\n appearance: none;\r\n background: none;\r\n block-size: var(--_height);\r\n inline-size: var(--_height);\r\n overflow: hidden;\r\n padding: 0;\r\n\r\n &::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n &::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n\r\n /* Element states */\r\n &:hover {\r\n &:not([data-invalid]) {\r\n .ui-field {\r\n border-color: var(--text-primary);\r\n }\r\n }\r\n }\r\n\r\n &:focus-within {\r\n .ui-field {\r\n border-color: var(--_accent-color);\r\n outline-offset: -2px;\r\n }\r\n }\r\n\r\n /* Label */\r\n .ui-label {\r\n color: var(--text-primary);\r\n font-size: var(--font-size-05);\r\n font-weight: 600;\r\n grid-column: 1/-1;\r\n grid-row: 1;\r\n padding-inline: 0 1ex;\r\n }\r\n\r\n /* End text */\r\n :where(.ui-end-text) {\r\n color: var(--_end-text-color);\r\n font-size: var(--font-size-0);\r\n grid-column: 1/-1;\r\n grid-row: 3;\r\n line-height: 1.5;\r\n }\r\n\r\n /* Auto-fit */\r\n &.ui-auto-fit {\r\n inline-size: auto;\r\n\r\n .ui-field {\r\n inline-size: auto;\r\n }\r\n\r\n :where(& input, & textarea) {\r\n field-sizing: content;\r\n inline-size: auto;\r\n min-inline-size: 25ch;\r\n }\r\n }\r\n\r\n /* Validation */\r\n &[data-invalid],\r\n &:has(:user-invalid) {\r\n --_accent-color: var(--color-9);\r\n --_border-color: var(--color-9);\r\n --_filled-border-color: var(--color-9);\r\n --_label-color: var(--color-9);\r\n --_end-text-color: var(--color-9);\r\n }\r\n\r\n /*\r\n * Variant: Filled\r\n */\r\n &.ui-filled {\r\n --_bg-color: var(--surface-tonal);\r\n\r\n &:not(:has([disabled], :has(input[type=\"color\"]))) {\r\n\r\n /* Hover */\r\n &:hover {\r\n --_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l * 0.93) c h),\r\n oklch(from var(--surface-tonal) calc(l * 1.1) c h));\r\n }\r\n }\r\n }\r\n\r\n /* Disabled */\r\n &:where(:has([disabled])) {\r\n cursor: not-allowed;\r\n opacity: 0.64;\r\n user-select: none;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n\r\n .ui-field {\r\n cursor: not-allowed;\r\n }\r\n\r\n :where(input, textarea, select) {\r\n cursor: not-allowed;\r\n\r\n * {\r\n pointer-events: none;\r\n }\r\n }\r\n\r\n .ui-label,\r\n .ui-start-text,\r\n .ui-end-text {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n /* Read-only */\r\n &:where(:has([readonly])) {\r\n &::before {\r\n display: none;\r\n }\r\n\r\n :where(input, textarea, select) {\r\n cursor: not-allowed;\r\n\r\n * {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n\r\n /* Sizes */\r\n &.ui-small {\r\n --_field-padding-block: var(--size-2);\r\n --_height: var(--field-size-small);\r\n\r\n &:has(input[type=\"color\"]) {\r\n .ui-label {\r\n line-height: 1.5;\r\n }\r\n }\r\n }\r\n\r\n /* Orientation */\r\n &.ui-spread {\r\n align-items: start;\r\n column-gap: var(--size-4);\r\n container-type: inline-size;\r\n grid-template-columns: 1fr auto;\r\n\r\n .ui-label {\r\n font-weight: 600;\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .ui-start-text {\r\n color: var(--_end-text-color);\r\n font-size: var(--font-size-0);\r\n grid-column: 1;\r\n grid-row: 2;\r\n line-height: 1.5;\r\n }\r\n\r\n .ui-field {\r\n align-self: start;\r\n grid-column: 2;\r\n grid-row: 1 / span 2;\r\n }\r\n\r\n .ui-field:has(textarea) {\r\n grid-row: 1 / span 3;\r\n\r\n +.ui-end-text {\r\n grid-row: 4;\r\n }\r\n }\r\n\r\n :where(textarea) {\r\n min-inline-size: 30ch;\r\n }\r\n\r\n :where(.ui-end-text) {\r\n grid-column: 2;\r\n text-align: end;\r\n }\r\n\r\n /* Collapse to column on narrow containers */\r\n @container (width < 400px) {\r\n column-gap: 0;\r\n grid-template-columns: 1fr;\r\n\r\n .ui-label {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .ui-start-text {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .ui-field,\r\n .ui-field:has(textarea) {\r\n grid-column: 1;\r\n grid-row: 3;\r\n }\r\n\r\n :where(.ui-end-text) {\r\n grid-column: 1;\r\n grid-row: 4;\r\n text-align: start;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.ui-select select) {\r\n position: relative;\r\n\r\n /* Default arrow */\r\n &::picker-icon {\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n color: currentColor;\r\n content: \"\";\r\n inline-size: 0;\r\n inset: 50% var(--size-3) auto auto;\r\n pointer-events: none;\r\n position: absolute;\r\n translate: 0 -50%;\r\n }\r\n\r\n &:open {\r\n &::picker-icon {\r\n rotate: 180deg;\r\n }\r\n }\r\n\r\n /* Select popover */\r\n &::picker(select) {\r\n /* Animation on-stage styles */\r\n border: 0;\r\n box-shadow: var(--shadow-2);\r\n opacity: 1;\r\n padding: 0;\r\n scale: 1;\r\n\r\n /* Animation starting styles */\r\n @starting-style {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n }\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: display 0.2s allow-discrete, opacity 0.2s var(--ease-3),\r\n overlay 0.2s allow-discrete, scale 0.2s var(--ease-3);\r\n }\r\n }\r\n\r\n /* Animation off-stage styles */\r\n &:not(:open)::picker(select) {\r\n opacity: 0;\r\n scale: 0.9;\r\n }\r\n\r\n button {\r\n align-items: center;\r\n background-color: transparent;\r\n display: flex;\r\n inline-size: 100%;\r\n margin: 0;\r\n position: relative;\r\n\r\n selectedcontent {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .ui-list {\r\n --_bg-color: var(--surface-filled);\r\n border: var(--field-border-width) solid var(--field-border-color);\r\n border-radius: var(--field-border-radius);\r\n\r\n /* Groups */\r\n [role=\"group\"] {\r\n label {\r\n background-color: light-dark(var(--gray-3), var(--gray-13));\r\n color: light-dark(oklch(from var(--text-primary) calc(l * 0.75) c h),\r\n oklch(from var(--text-primary) calc(l * 1.25) c h));\r\n font-weight: 500;\r\n overflow: hidden;\r\n padding-inline: var(--size-2);\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n &:not(:first-child),\r\n option:first-of-type {\r\n margin-block-start: var(--size-2);\r\n }\r\n\r\n option:last-of-type,\r\n &:last-child {\r\n option:last-of-type {\r\n margin-block-end: 0;\r\n }\r\n }\r\n }\r\n\r\n /* Option */\r\n option {\r\n\r\n /* Checkmark */\r\n /* TODO - checkmark should be the final version of the checkmark API. Follow the development of this and remove redundant psuedo stuff. */\r\n &::check {\r\n display: none;\r\n }\r\n\r\n &::checkmark {\r\n display: none;\r\n }\r\n\r\n &::before {\r\n display: none;\r\n }\r\n\r\n &:focus-visible {\r\n outline-offset: -1px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n :where(.ui-select:has(select)) {\r\n\r\n /* Size */\r\n &.ui-small {\r\n button {\r\n padding-inline: var(--size-2) var(--size-7);\r\n\r\n &::after {\r\n inset-inline-end: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /*\r\n * Non-experimental Select\r\n *\r\n * Hack to get the arrow working. Pseudo elements aren't allowed on the `<select>` element, so need to add it on the `.select` class instead. Noting this down if an `:after` element would be needed on a `.select`.\r\n */\r\n &:not(:has(button)) {\r\n select {\r\n appearance: none;\r\n }\r\n\r\n /* Arrow */\r\n &::after {\r\n align-self: center;\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n content: \"\";\r\n display: inline-block;\r\n flex-shrink: 0;\r\n grid-column: 1/-1;\r\n grid-row: 2;\r\n inline-size: 0;\r\n inset-inline-end: var(--size-3);\r\n justify-self: end;\r\n pointer-events: none;\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n select:has(button),\r\n ::picker(select) {\r\n appearance: base-select;\r\n }\r\n}\r\n","@layer components.extended {\r\n\r\n :where(.ui-text-field:has( :where(input[type=\"date\"],\r\n input[type=\"datetime-local\"],\r\n input[type=\"email\"],\r\n input[type=\"month\"],\r\n input[type=\"number\"],\r\n input[type=\"password\"],\r\n input[type=\"search\"],\r\n input[type=\"tel\"],\r\n input[type=\"text\"],\r\n input[type=\"time\"],\r\n input[type=\"url\"],\r\n input[type=\"week\"]))) {\r\n\r\n /* Sizes */\r\n &.ui-small {\r\n input {\r\n padding-inline: var(--size-2);\r\n }\r\n }\r\n }\r\n\r\n /* Autosuggest */\r\n :where(.ui-text-field:has(input[list])) {\r\n .ui-field {\r\n position: relative;\r\n }\r\n\r\n /* Hide native arrow */\r\n input[list]::-webkit-calendar-picker-indicator {\r\n cursor: pointer;\r\n opacity: 0;\r\n pointer-events: none;\r\n position: absolute;\r\n }\r\n\r\n input[list] {\r\n padding-inline-end: var(--size-8);\r\n }\r\n\r\n .ui-field::after {\r\n block-size: 0;\r\n border-block-start: 5px solid;\r\n border-inline: 5px solid transparent;\r\n content: \"\";\r\n inline-size: 0;\r\n inset: 50% var(--size-3) auto auto;\r\n pointer-events: none;\r\n position: absolute;\r\n translate: 0 -50%;\r\n }\r\n\r\n &.ui-small {\r\n input[list] {\r\n padding-inline-end: var(--size-7);\r\n }\r\n\r\n .ui-field::after {\r\n inset-inline-end: var(--size-2);\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n :where(.ui-textarea) {\r\n textarea {\r\n block-size: auto;\r\n field-sizing: content;\r\n min-block-size: calc(var(--_field-padding-block) * 2 + (var(--border-width) * 2) + 3lh);\r\n resize: vertical;\r\n }\r\n\r\n /* Size */\r\n &.ui-small {\r\n textarea {\r\n min-block-size: var(--size-9);\r\n }\r\n }\r\n\r\n /* Auto-fit */\r\n &.ui-auto-fit {\r\n textarea {\r\n resize: both;\r\n }\r\n }\r\n }\r\n}\r\n","@layer components.extended {\r\n\t:where(.ui-tooltip) {\r\n\t\t--_tooltip-bg: light-dark(var(--gray-13), var(--gray-3));\r\n\t\t--_tooltip-color: light-dark(var(--gray-1), var(--gray-15));\r\n\t\t--_tooltip-offset: var(--size-2);\r\n\r\n\t\t&>.ui-anchor-floating {\r\n\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\tborder-radius: var(--radius-2);\r\n\t\t\tcolor: var(--_tooltip-color);\r\n\t\t\tfont-size: var(--font-size-05);\r\n\t\t\tline-height: 1.3;\r\n\t\t\tmargin: var(--_tooltip-offset);\r\n\t\t\tmax-inline-size: 240px;\r\n\t\t\t/* UA sets overflow: auto on [popover], which clips the arrow. */\r\n\t\t\toverflow: visible;\r\n\t\t\tpadding-block: var(--size-1);\r\n\t\t\tpadding-inline: var(--size-2);\r\n\t\t\tposition-area: var(--anchor-position-area, block-start);\r\n\t\t\tposition-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\r\n\t\t\tposition-visibility: anchors-visible;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-wrap: pretty;\r\n\t\t}\r\n\r\n\t\t/* Optional arrow pointing from the tooltip toward the trigger.\r\n\t\t Anchored to the same --anchor so it flips together with the\r\n\t\t tooltip when position-try-fallbacks kicks in. */\r\n\t\t&.ui-with-arrow {\r\n\t\t\t--_arrow-size: var(--size-2);\r\n\r\n\t\t\t&>.ui-anchor-floating {\r\n\t\t\t\t/* Reserve space so the arrow doesn't overlap the trigger. */\r\n\t\t\t\t--_tooltip-offset: calc(var(--size-2) + var(--_arrow-size) / 2);\r\n\t\t\t}\r\n\r\n\t\t\t&>.ui-anchor-floating::before {\r\n\t\t\t\tbackground-color: var(--_tooltip-bg);\r\n\t\t\t\tblock-size: var(--_arrow-size);\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tinline-size: var(--_arrow-size);\r\n\t\t\t\tinset-block-end: calc(var(--_arrow-size) / -2);\r\n\t\t\t\tinset-inline-start: 50%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\trotate: 45deg;\r\n\t\t\t\ttranslate: -50% 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Fade */\r\n\t\t&>.ui-anchor-floating[popover] {\r\n\t\t\topacity: 0;\r\n\t\t\ttransition:\r\n\t\t\t\tdisplay 0.15s allow-discrete,\r\n\t\t\t\topacity 0.15s var(--ease-out-1),\r\n\t\t\t\toverlay 0.15s allow-discrete;\r\n\r\n\t\t\t&:popover-open {\r\n\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t@starting-style {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n","@layer utils {\r\n\r\n /*\r\nScreen-reader only\r\nWhen you visibly want to hide an element but make it accessible for screen readers.\r\n*/\r\n .ui-sr-only {\r\n block-size: 1px;\r\n clip-path: inset(50%);\r\n inline-size: 1px;\r\n overflow: hidden;\r\n position: absolute;\r\n white-space: nowrap;\r\n }\r\n\r\n /*\r\nScroll-lock\r\nAdd `.ui-scroll-lock` to any element that uses the [open] attribute (native <dialog>,\r\n<details>, or any custom element). When that element is open, the page is locked.\r\n*/\r\n html:has(.ui-scroll-lock[open]) {\r\n overflow: clip;\r\n overscroll-behavior: contain;\r\n scrollbar-gutter: stable;\r\n }\r\n\r\n /* Hover and active effect for checkbox, radio and icon buttons */\r\n :where(.ui-checkbox input, .ui-radio input, .ui-icon-button) {\r\n --isLTR: 1;\r\n --isRTL: -1;\r\n\r\n position: relative;\r\n transform-style: preserve-3d;\r\n\r\n &:dir(rtl) {\r\n --isLTR: -1;\r\n --isRTL: 1;\r\n }\r\n\r\n &:where(:not([disabled])) {\r\n &:hover:before {\r\n --thumb-scale: 1;\r\n }\r\n\r\n &:active:before {\r\n --thumb-scale: 1.1;\r\n }\r\n\r\n &::before {\r\n --thumb-scale: 0.01;\r\n --highlight-size: 150%;\r\n\r\n background-color: oklch(0.6 0 0 / 0.2);\r\n block-size: var(--highlight-size);\r\n clip-path: circle(50%);\r\n content: \"\";\r\n inline-size: var(--highlight-size);\r\n inset-block-start: 50%;\r\n inset-inline-start: 50%;\r\n position: absolute;\r\n transform-origin: center center;\r\n transform: translateX(calc(var(--isRTL) * 50%)) translateY(-50%) translateZ(-1px) scale(var(--thumb-scale));\r\n will-change: transform;\r\n\r\n @media (prefers-reduced-motion: no-preference) {\r\n transition: transform 0.2s ease;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"]}