@a-type/ui 1.8.17 → 2.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 (89) hide show
  1. package/README.md +1 -58
  2. package/dist/cjs/colors.stories.d.ts +13 -0
  3. package/dist/cjs/colors.stories.js +29 -0
  4. package/dist/cjs/colors.stories.js.map +1 -0
  5. package/dist/cjs/components/box/Box.js +1 -3
  6. package/dist/cjs/components/box/Box.js.map +1 -1
  7. package/dist/cjs/components/button/classes.js +9 -9
  8. package/dist/cjs/components/button/classes.js.map +1 -1
  9. package/dist/cjs/components/card/Card.d.ts +2 -2
  10. package/dist/cjs/components/card/Card.js +4 -4
  11. package/dist/cjs/components/card/Card.js.map +1 -1
  12. package/dist/cjs/components/checkbox/Checkbox.js +1 -1
  13. package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
  14. package/dist/cjs/components/datePicker/DatePicker.js +3 -1
  15. package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
  16. package/dist/cjs/components/horizontalList/HorizontalList.js +1 -1
  17. package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
  18. package/dist/cjs/components/richEditor/index.js +1 -1
  19. package/dist/cjs/components/scrollArea/ScrollArea.js +1 -1
  20. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  21. package/dist/cjs/components/slider/Slider.js +1 -1
  22. package/dist/cjs/components/slider/Slider.js.map +1 -1
  23. package/dist/cjs/components/tabs/tabs.js +1 -1
  24. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  25. package/dist/cjs/components/toggleGroup/toggleGroup.js +1 -1
  26. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  27. package/dist/cjs/components/typography/typography.js +3 -3
  28. package/dist/cjs/themes.stories.d.ts +2 -0
  29. package/dist/cjs/themes.stories.js +67 -1
  30. package/dist/cjs/themes.stories.js.map +1 -1
  31. package/dist/cjs/uno/colors.d.ts +14 -0
  32. package/dist/cjs/uno/colors.js +59 -0
  33. package/dist/cjs/uno/colors.js.map +1 -0
  34. package/dist/cjs/uno.preset.d.ts +5 -4
  35. package/dist/cjs/uno.preset.js +85 -261
  36. package/dist/cjs/uno.preset.js.map +1 -1
  37. package/dist/css/main.css +846 -784
  38. package/dist/esm/colors.stories.d.ts +13 -0
  39. package/dist/esm/colors.stories.js +26 -0
  40. package/dist/esm/colors.stories.js.map +1 -0
  41. package/dist/esm/components/box/Box.js +1 -3
  42. package/dist/esm/components/box/Box.js.map +1 -1
  43. package/dist/esm/components/button/classes.js +9 -9
  44. package/dist/esm/components/button/classes.js.map +1 -1
  45. package/dist/esm/components/card/Card.d.ts +2 -2
  46. package/dist/esm/components/card/Card.js +4 -4
  47. package/dist/esm/components/card/Card.js.map +1 -1
  48. package/dist/esm/components/checkbox/Checkbox.js +1 -1
  49. package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
  50. package/dist/esm/components/datePicker/DatePicker.js +3 -1
  51. package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
  52. package/dist/esm/components/horizontalList/HorizontalList.js +1 -1
  53. package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
  54. package/dist/esm/components/richEditor/index.js +1 -1
  55. package/dist/esm/components/scrollArea/ScrollArea.js +1 -1
  56. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  57. package/dist/esm/components/slider/Slider.js +1 -1
  58. package/dist/esm/components/slider/Slider.js.map +1 -1
  59. package/dist/esm/components/tabs/tabs.js +1 -1
  60. package/dist/esm/components/tabs/tabs.js.map +1 -1
  61. package/dist/esm/components/toggleGroup/toggleGroup.js +1 -1
  62. package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
  63. package/dist/esm/components/typography/typography.js +3 -3
  64. package/dist/esm/themes.stories.d.ts +2 -0
  65. package/dist/esm/themes.stories.js +67 -1
  66. package/dist/esm/themes.stories.js.map +1 -1
  67. package/dist/esm/uno/colors.d.ts +14 -0
  68. package/dist/esm/uno/colors.js +54 -0
  69. package/dist/esm/uno/colors.js.map +1 -0
  70. package/dist/esm/uno.preset.d.ts +5 -4
  71. package/dist/esm/uno.preset.js +84 -260
  72. package/dist/esm/uno.preset.js.map +1 -1
  73. package/package.json +1 -1
  74. package/src/colors.stories.tsx +53 -0
  75. package/src/components/box/Box.tsx +1 -4
  76. package/src/components/button/classes.tsx +12 -12
  77. package/src/components/card/Card.tsx +5 -5
  78. package/src/components/checkbox/Checkbox.tsx +1 -1
  79. package/src/components/datePicker/DatePicker.tsx +1 -0
  80. package/src/components/horizontalList/HorizontalList.tsx +1 -1
  81. package/src/components/richEditor/index.tsx +3 -3
  82. package/src/components/scrollArea/ScrollArea.tsx +1 -1
  83. package/src/components/slider/Slider.tsx +2 -2
  84. package/src/components/tabs/tabs.tsx +1 -1
  85. package/src/components/toggleGroup/toggleGroup.tsx +1 -1
  86. package/src/components/typography/typography.tsx +3 -3
  87. package/src/themes.stories.tsx +95 -1
  88. package/src/uno/colors.ts +68 -0
  89. package/src/uno.preset.ts +96 -322
package/dist/css/main.css CHANGED
@@ -2,67 +2,6 @@
2
2
  @layer preflightBase, preflightVariant, components, responsive, variants, utilities;
3
3
 
4
4
  :root {
5
- --palette-red-90:rgb(255, 244, 240);
6
- --palette-red-80: #ffdbcf;
7
- --palette-red-70: #ffbea6;
8
- --palette-red-60: #fdad8e;
9
- --palette-red-50: #ff8e61;
10
- --palette-red-40: #d56f46;
11
- --palette-red-30: #ae562d;
12
- --palette-red-20: #804020;
13
- --palette-red-10: #702604;
14
- --palette-red-00:rgb(37, 28, 25);
15
- /* TODO: define these */
16
- --palette-magenta-90: hsl(from rgb(255, 244, 240) calc(h - 20) s l);
17
- --palette-magenta-80: hsl(from #ffdbcf calc(h - 20) s l);
18
- --palette-magenta-70: hsl(from #ffbea6 calc(h - 20) s l);
19
- --palette-magenta-60: hsl(from #fdad8e calc(h - 20) s l);
20
- --palette-magenta-50: hsl(from #ff8e61 calc(h - 20) s l);
21
- --palette-magenta-40: hsl(from #d56f46 calc(h - 20) s l);
22
- --palette-magenta-30: hsl(from #ae562d calc(h - 20) s l);
23
- --palette-magenta-20: hsl(from #804020 calc(h - 20) s l);
24
- --palette-magenta-10: hsl(from #702604 calc(h - 20) s l);
25
- --palette-magenta-00: hsl(from rgb(37, 28, 25) calc(h - 20) s l);
26
- --palette-green-90:rgb(240, 255, 248);
27
- --palette-green-80: #c2ffe9;
28
- --palette-green-70: #92f2d1;
29
- --palette-green-60: #86efc8;
30
- --palette-green-50: #63cea5;
31
- --palette-green-40: #499d92;
32
- --palette-green-30: #1f837c;
33
- --palette-green-20: #246869;
34
- --palette-green-10: #274e50;
35
- --palette-green-00:rgb(32, 48, 44);
36
- --palette-yellow-90:rgb(255, 249, 238);
37
- --palette-yellow-80: #fff1c7;
38
- --palette-yellow-70: #ffdf7c;
39
- --palette-yellow-60: #ffdb57;
40
- --palette-yellow-50: #e1b83c;
41
- --palette-yellow-40:rgb(171, 134, 38);
42
- --palette-yellow-30:rgb(139, 98, 20);
43
- --palette-yellow-20:rgb(111, 83, 23);
44
- --palette-yellow-10:rgb(84, 62, 12);
45
- --palette-yellow-00:rgb(37, 33, 22);
46
- --palette-blue-90: rgb(238, 248, 255);
47
- --palette-blue-80: #c4e7ff;
48
- --palette-blue-70: #87d3fc;
49
- --palette-blue-60: #5fcefe;
50
- --palette-blue-50: #1ebcf5;
51
- --palette-blue-40: #0ca6df;
52
- --palette-blue-30: #077da7;
53
- --palette-blue-20: #005979;
54
- --palette-blue-10: #004c69;
55
- --palette-blue-00:rgb(25, 39, 44);
56
- --palette-purple-90:rgb(240, 238, 254);
57
- --palette-purple-80: #e0e0ff;
58
- --palette-purple-70:rgb(192, 197, 245);
59
- --palette-purple-60:rgb(151, 159, 250);
60
- --palette-purple-50:rgb(125, 137, 242);
61
- --palette-purple-40:rgb(99, 105, 173);
62
- --palette-purple-30:rgb(87, 91, 139);
63
- --palette-purple-20:rgb(76, 81, 122);
64
- --palette-purple-10:rgb(64, 67, 101);
65
- --palette-purple-00:rgb(27, 24, 44);
66
5
  --palette-light-blend: rgba(255, 255, 255, 0.8);
67
6
  --palette-light-blend-2: rgba(255, 255, 255, 0.6);
68
7
  --palette-dark-blend: rgba(0, 0, 0, 0.65);
@@ -100,33 +39,6 @@
100
39
  --font-title: "Inter", sans-serif;
101
40
  --font-default: var(--font-sans, sans-serif);
102
41
 
103
-
104
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
105
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
106
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
107
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
108
- --color-wash: var(--color-gray-wash);
109
- --color-gray-wash: var(--palette-gray-wash);
110
- --color-gray: var(--palette-gray);
111
- --color-gray-dark: var(--palette-gray-dark);
112
- --color-gray-light: var(--palette-gray-light);
113
- --color-gray-ink: var(--color-black);
114
- --palette-gray-1: var(--color-gray-wash);
115
- --palette-gray-2: var(--color-gray-light);
116
- --palette-gray-3: var(--color-gray-light);
117
- --palette-gray-4: var(--color-gray);
118
- --palette-gray-5: var(--color-gray);
119
- --palette-gray-6: var(--color-gray);
120
- --palette-gray-7: var(--color-gray-dark);
121
- --palette-gray-8: var(--color-gray-dark);
122
- --palette-gray-9: var(--color-black);
123
- --palette-gray-0: var(--color-black);
124
- --palette-gray-ex-1: var(--color-black);
125
- --palette-gray-ex-2: var(--color-black);
126
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
127
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
128
-
129
-
130
42
  --z-nowPlaying: 40;
131
43
  --z-nav: 50;
132
44
  --z-menu: 100;
@@ -143,42 +55,8 @@
143
55
 
144
56
  --wash-saturation-tweak: 3;
145
57
  --mode-mult: 1;
146
- --color-red-wash: var(--palette-red-90);
147
- --color-red-light: var(--palette-red-70);
148
- --color-red: var(--palette-red-60);
149
- --color-red-dark: var(--palette-red-40);
150
- --color-red-ink: var(--palette-red-20);
151
- --color-magenta-wash: var(--palette-magenta-90);
152
- --color-magenta-light: var(--palette-magenta-70);
153
- --color-magenta: var(--palette-magenta-60);
154
- --color-magenta-dark: var(--palette-magenta-40);
155
- --color-magenta-ink: var(--palette-magenta-20);
156
- --color-green-wash: var(--palette-green-90);
157
- --color-green-light: var(--palette-green-70);
158
- --color-green: var(--palette-green-60);
159
- --color-green-dark: var(--palette-green-40);
160
- --color-green-ink: var(--palette-green-20);
161
- --color-yellow-wash: var(--palette-yellow-90);
162
- --color-yellow-light: var(--palette-yellow-70);
163
- --color-yellow: var(--palette-yellow-60);
164
- --color-yellow-dark: var(--palette-yellow-40);
165
- --color-yellow-ink: var(--palette-yellow-20);
166
- --color-blue-wash: var(--palette-blue-90);
167
- --color-blue-light: var(--palette-blue-70);
168
- --color-blue: var(--palette-blue-60);
169
- --color-blue-dark: var(--palette-blue-40);
170
- --color-blue-ink: var(--palette-blue-20);
171
- --color-purple-wash: var(--palette-purple-90);
172
- --color-purple-light: var(--palette-purple-70);
173
- --color-purple: var(--palette-purple-60);
174
- --color-purple-dark: var(--palette-purple-40);
175
- --color-purple-ink: var(--palette-purple-20);
176
- --color-true-gray-wash: var(--palette-true-gray-90);
177
- --color-true-gray-light: var(--palette-true-gray-70);
178
- --color-true-gray: var(--palette-true-gray-60);
179
- --color-true-gray-dark: var(--palette-true-gray-40);
180
- --color-true-gray-ink: var(--palette-true-gray-20);
181
-
58
+ --dyn-mode-mult: 1;
59
+ --dyn-mode-sign: 1;
182
60
  --color-dark-blend: var(--palette-dark-blend);
183
61
  --color-light-blend: var(--palette-light-blend);
184
62
  --color-dark-blend-2: var(--palette-dark-blend-2);
@@ -200,28 +78,84 @@
200
78
  --color-shadow-1: var(--palette-shadow-2);
201
79
  --color-shadow-2: var(--palette-shadow-1);
202
80
  --color-overlay: var(--palette-white-overlay);
81
+
82
+ --dyn-attention-source: 30;
83
+ --dyn-attention-hue-rotate: 0;
84
+ --dyn-attention-sat-mult: 1;
85
+ --dyn-attention-hue-rotate-mult: 1;
86
+
87
+ --color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
88
+ --color-attention-wash: oklch(from var(--color-attention) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
89
+ --color-attention-light: oklch(from var(--color-attention) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
90
+ --color-attention-dark: oklch(from var(--color-attention) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
91
+ --color-attention-ink: oklch(from var(--color-attention) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
92
+
93
+ --color-attention-gray: oklch(from var(--color-attention) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
94
+ --color-attention-gray-wash: oklch(from var(--color-attention-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
95
+ --color-attention-gray-light: oklch(from var(--color-attention-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
96
+ --color-attention-gray-dark: oklch(from var(--color-attention-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
97
+ --color-attention-gray-ink: oklch(from var(--color-attention-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
98
+
203
99
 
204
100
 
205
- /* DEFAULT THEME (LEMON) */
101
+ /* DEFAULT THEME */
206
102
 
207
- --color-attention: var(--color-red);
208
- --color-attention-wash: var(--color-red-wash);
209
- --color-attention-light: var(--color-red-light);
210
- --color-attention-dark: var(--color-red-dark);
211
- --color-attention-ink: var(--color-red-ink);
212
- --color-accent: var(--color-green);
213
- --color-accent-wash: var(--color-green-wash);
214
- --color-accent-light: var(--color-green-light);
215
- --color-accent-dark: var(--color-green-dark);
216
- --color-accent-ink: var(--color-green-ink);
217
- --color-primary: var(--color-yellow);
218
- --color-primary-wash: var(--color-yellow-wash);
219
- --color-primary-light: var(--color-yellow-light);
220
- --color-primary-dark: var(--color-yellow-dark);
221
- --color-primary-ink: var(--color-yellow-ink);
222
-
223
- --gray-hue-tweak: -10;
224
103
 
104
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
105
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
106
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
107
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
108
+
109
+ --dyn-primary-hue-rotate: 3;
110
+ --dyn-primary-source: 91.8;
111
+ --dyn-accent-hue-rotate: -1;
112
+ --dyn-accent-source: 160.88;
113
+ --dyn-primary-hue-rotate-mult: 1;
114
+ --dyn-primary-sat-mult: 1;
115
+ --dyn-accent-hue-rotate-mult: 1;
116
+ --dyn-accent-sat-mult: 1;
117
+ --dyn-primary-base-dim: 0%;
118
+ --dyn-accent-base-dim: 0%;
119
+
120
+
121
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
122
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
123
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
124
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
125
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
126
+
127
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
128
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
129
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
130
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
131
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
132
+
133
+
134
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
135
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
136
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
137
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
138
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
139
+
140
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
141
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
142
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
143
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
144
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
145
+
146
+
147
+ --color-gray: var(--color-primary-gray);
148
+ --color-gray-wash: var(--color-primary-gray-wash);
149
+ --color-gray-light: var(--color-primary-gray-light);
150
+ --color-gray-dark: var(--color-primary-gray-dark);
151
+ --color-gray-ink: var(--color-primary-gray-ink);
152
+
153
+ --color-wash: var(--color-gray-wash);
154
+ --palette-black: var(--color-gray-ink);
155
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
156
+ /* A dark-mode only contrast color */
157
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
158
+
225
159
 
226
160
  }
227
161
 
@@ -231,48 +165,16 @@
231
165
 
232
166
  --wash-saturation-tweak: 1;
233
167
  --mode-mult: -1;
234
- --color-red-wash: var(--palette-red-00);
235
- --color-red-light: var(--palette-red-20);
236
- --color-red: var(--palette-red-40);
237
- --color-red-dark: var(--palette-red-60);
238
- --color-red-ink: var(--palette-red-80);
239
- --color-magenta-wash: var(--palette-magenta-00);
240
- --color-magenta-light: var(--palette-magenta-20);
241
- --color-magenta: var(--palette-magenta-40);
242
- --color-magenta-dark: var(--palette-magenta-60);
243
- --color-magenta-ink: var(--palette-magenta-80);
244
- --color-green-wash: var(--palette-green-00);
245
- --color-green-light: var(--palette-green-20);
246
- --color-green: var(--palette-green-40);
247
- --color-green-dark: var(--palette-green-60);
248
- --color-green-ink: var(--palette-green-80);
249
- --color-yellow-wash: var(--palette-yellow-00);
250
- --color-yellow-light: var(--palette-yellow-20);
251
- --color-yellow: var(--palette-yellow-40);
252
- --color-yellow-dark: var(--palette-yellow-60);
253
- --color-yellow-ink: var(--palette-yellow-80);
254
- --color-blue-wash: var(--palette-blue-00);
255
- --color-blue-light: var(--palette-blue-20);
256
- --color-blue: var(--palette-blue-40);
257
- --color-blue-dark: var(--palette-blue-60);
258
- --color-blue-ink: var(--palette-blue-80);
259
- --color-purple-wash: var(--palette-purple-00);
260
- --color-purple-light: var(--palette-purple-20);
261
- --color-purple: var(--palette-purple-40);
262
- --color-purple-dark: var(--palette-purple-60);
263
- --color-purple-ink: var(--palette-purple-80);
264
- --color-true-gray-wash: var(--palette-true-gray-00);
265
- --color-true-gray-light: var(--palette-true-gray-20);
266
- --color-true-gray: var(--palette-true-gray-40);
267
- --color-true-gray-dark: var(--palette-true-gray-60);
268
- --color-true-gray-ink: var(--palette-true-gray-80);
269
-
168
+ --dyn-mode-mult: -1.6;
169
+ --dyn-mode-lighten-mult: -0.5;
170
+ --dyn-mode-sign: -1;
171
+ --dyn-source-mode-adjust: 1;
270
172
  --color-dark-blend: var(--palette-light-blend);
271
173
  --color-light-blend: var(--palette-dark-blend);
272
174
  --color-dark-blend-2: var(--palette-light-blend-2);
273
175
  --color-light-blend-2: var(--palette-dark-blend-2);
274
176
  --color-black: var(--palette-true-white);
275
- --color-white: var(--palette-black);
177
+ --color-white: var(--palette-white);
276
178
  --color-gray-1: var(--palette-gray-ex-2);
277
179
  --color-gray-2: var(--palette-gray-ex-1);
278
180
  --color-gray-3: var(--palette-gray-0);
@@ -288,317 +190,435 @@
288
190
  --color-shadow-1: var(--palette-shadow-4);
289
191
  --color-shadow-2: var(--palette-shadow-3);
290
192
  --color-overlay: var(--palette-black-overlay);
193
+
194
+ --dyn-attention-source: 30;
195
+ --dyn-attention-hue-rotate: 0;
196
+ --dyn-attention-sat-mult: 1;
197
+ --dyn-attention-hue-rotate-mult: 1;
198
+
199
+ --color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
200
+ --color-attention-wash: oklch(from var(--color-attention) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
201
+ --color-attention-light: oklch(from var(--color-attention) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
202
+ --color-attention-dark: oklch(from var(--color-attention) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
203
+ --color-attention-ink: oklch(from var(--color-attention) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
204
+
205
+ --color-attention-gray: oklch(from var(--color-attention) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
206
+ --color-attention-gray-wash: oklch(from var(--color-attention-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
207
+ --color-attention-gray-light: oklch(from var(--color-attention-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
208
+ --color-attention-gray-dark: oklch(from var(--color-attention-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
209
+ --color-attention-gray-ink: oklch(from var(--color-attention-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
210
+
291
211
 
292
212
  }
293
213
  }
294
214
 
295
215
  .theme-lemon {
296
216
 
297
- --color-attention: var(--color-red);
298
- --color-attention-wash: var(--color-red-wash);
299
- --color-attention-light: var(--color-red-light);
300
- --color-attention-dark: var(--color-red-dark);
301
- --color-attention-ink: var(--color-red-ink);
302
- --color-accent: var(--color-green);
303
- --color-accent-wash: var(--color-green-wash);
304
- --color-accent-light: var(--color-green-light);
305
- --color-accent-dark: var(--color-green-dark);
306
- --color-accent-ink: var(--color-green-ink);
307
- --color-primary: var(--color-yellow);
308
- --color-primary-wash: var(--color-yellow-wash);
309
- --color-primary-light: var(--color-yellow-light);
310
- --color-primary-dark: var(--color-yellow-dark);
311
- --color-primary-ink: var(--color-yellow-ink);
312
-
313
- --gray-hue-tweak: -10;
314
-
315
217
 
316
-
317
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
318
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
319
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
320
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
321
- --color-wash: var(--color-gray-wash);
322
- --color-gray-wash: var(--palette-gray-wash);
323
- --color-gray: var(--palette-gray);
324
- --color-gray-dark: var(--palette-gray-dark);
325
- --color-gray-light: var(--palette-gray-light);
326
- --color-gray-ink: var(--color-black);
327
- --palette-gray-1: var(--color-gray-wash);
328
- --palette-gray-2: var(--color-gray-light);
329
- --palette-gray-3: var(--color-gray-light);
330
- --palette-gray-4: var(--color-gray);
331
- --palette-gray-5: var(--color-gray);
332
- --palette-gray-6: var(--color-gray);
333
- --palette-gray-7: var(--color-gray-dark);
334
- --palette-gray-8: var(--color-gray-dark);
335
- --palette-gray-9: var(--color-black);
336
- --palette-gray-0: var(--color-black);
337
- --palette-gray-ex-1: var(--color-black);
338
- --palette-gray-ex-2: var(--color-black);
339
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
340
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
341
-
342
- }
218
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
219
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
220
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
221
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
343
222
 
344
- /* fix yellow hue in dark mode */
345
- @media(prefers-color-scheme: dark) {
346
- .theme-lemon {
347
- --gray-hue-tweak: 0;
348
- }
223
+ --dyn-primary-hue-rotate: 3;
224
+ --dyn-primary-source: 91.8;
225
+ --dyn-accent-hue-rotate: -1;
226
+ --dyn-accent-source: 160.88;
227
+ --dyn-primary-hue-rotate-mult: 1;
228
+ --dyn-primary-sat-mult: 1;
229
+ --dyn-accent-hue-rotate-mult: 1;
230
+ --dyn-accent-sat-mult: 1;
231
+ --dyn-primary-base-dim: 0%;
232
+ --dyn-accent-base-dim: 0%;
349
233
 
350
- html.override-light.theme-lemon, html.override-light .theme-lemon {
351
- --gray-hue-tweak: -20;
352
- }
353
- }
354
234
 
355
- html.override-dark.theme-lemon, html.override-dark .theme-lemon {
356
- --gray-hue-tweak: 0;
235
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
236
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
237
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
238
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
239
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
240
+
241
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
242
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
243
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
244
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
245
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
246
+
247
+
248
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
249
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
250
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
251
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
252
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
253
+
254
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
255
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
256
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
257
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
258
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
259
+
260
+
261
+ --color-gray: var(--color-primary-gray);
262
+ --color-gray-wash: var(--color-primary-gray-wash);
263
+ --color-gray-light: var(--color-primary-gray-light);
264
+ --color-gray-dark: var(--color-primary-gray-dark);
265
+ --color-gray-ink: var(--color-primary-gray-ink);
266
+
267
+ --color-wash: var(--color-gray-wash);
268
+ --palette-black: var(--color-gray-ink);
269
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
270
+ /* A dark-mode only contrast color */
271
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
272
+
273
+
357
274
  }
358
275
 
359
276
  .theme-blueberry {
360
277
 
361
- --color-attention: var(--color-red);
362
- --color-attention-wash: var(--color-red-wash);
363
- --color-attention-light: var(--color-red-light);
364
- --color-attention-dark: var(--color-red-dark);
365
- --color-attention-ink: var(--color-red-ink);
366
- --color-accent: var(--color-green);
367
- --color-accent-wash: var(--color-green-wash);
368
- --color-accent-light: var(--color-green-light);
369
- --color-accent-dark: var(--color-green-dark);
370
- --color-accent-ink: var(--color-green-ink);
371
- --color-primary: var(--color-blue);
372
- --color-primary-wash: var(--color-blue-wash);
373
- --color-primary-light: var(--color-blue-light);
374
- --color-primary-dark: var(--color-blue-dark);
375
- --color-primary-ink: var(--color-blue-ink);
376
-
377
- --gray-hue-tweak: 20;
378
278
 
279
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
280
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
281
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
282
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
283
+
284
+ --dyn-primary-hue-rotate: 4;
285
+ --dyn-primary-source: 248.14;
286
+ --dyn-accent-hue-rotate: -1;
287
+ --dyn-accent-source: 160.88;
288
+ --dyn-primary-hue-rotate-mult: 1;
289
+ --dyn-primary-sat-mult: 1;
290
+ --dyn-accent-hue-rotate-mult: 1;
291
+ --dyn-accent-sat-mult: 1;
292
+ --dyn-primary-base-dim: 0%;
293
+ --dyn-accent-base-dim: 0%;
294
+
295
+
296
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
297
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
298
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
299
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
300
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
301
+
302
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
303
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
304
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
305
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
306
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
307
+
308
+
309
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
310
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
311
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
312
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
313
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
314
+
315
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
316
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
317
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
318
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
319
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
320
+
321
+
322
+ --color-gray: var(--color-primary-gray);
323
+ --color-gray-wash: var(--color-primary-gray-wash);
324
+ --color-gray-light: var(--color-primary-gray-light);
325
+ --color-gray-dark: var(--color-primary-gray-dark);
326
+ --color-gray-ink: var(--color-primary-gray-ink);
327
+
328
+ --color-wash: var(--color-gray-wash);
329
+ --palette-black: var(--color-gray-ink);
330
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
331
+ /* A dark-mode only contrast color */
332
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
333
+
379
334
 
380
-
381
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
382
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
383
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
384
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
385
- --color-wash: var(--color-gray-wash);
386
- --color-gray-wash: var(--palette-gray-wash);
387
- --color-gray: var(--palette-gray);
388
- --color-gray-dark: var(--palette-gray-dark);
389
- --color-gray-light: var(--palette-gray-light);
390
- --color-gray-ink: var(--color-black);
391
- --palette-gray-1: var(--color-gray-wash);
392
- --palette-gray-2: var(--color-gray-light);
393
- --palette-gray-3: var(--color-gray-light);
394
- --palette-gray-4: var(--color-gray);
395
- --palette-gray-5: var(--color-gray);
396
- --palette-gray-6: var(--color-gray);
397
- --palette-gray-7: var(--color-gray-dark);
398
- --palette-gray-8: var(--color-gray-dark);
399
- --palette-gray-9: var(--color-black);
400
- --palette-gray-0: var(--color-black);
401
- --palette-gray-ex-1: var(--color-black);
402
- --palette-gray-ex-2: var(--color-black);
403
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
404
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
405
-
406
335
  }
407
336
 
408
337
  .theme-eggplant {
409
338
 
410
- --color-attention: var(--color-red);
411
- --color-attention-wash: var(--color-red-wash);
412
- --color-attention-light: var(--color-red-light);
413
- --color-attention-dark: var(--color-red-dark);
414
- --color-attention-ink: var(--color-red-ink);
415
- --color-accent: var(--color-green);
416
- --color-accent-wash: var(--color-green-wash);
417
- --color-accent-light: var(--color-green-light);
418
- --color-accent-dark: var(--color-green-dark);
419
- --color-accent-ink: var(--color-green-ink);
420
- --color-primary: var(--color-purple);
421
- --color-primary-wash: var(--color-purple-wash);
422
- --color-primary-light: var(--color-purple-light);
423
- --color-primary-dark: var(--color-purple-dark);
424
- --color-primary-ink: var(--color-purple-ink);
425
-
426
- --gray-hue-tweak: -20;
427
339
 
340
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
341
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
342
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
343
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
344
+
345
+ --dyn-primary-hue-rotate: -5;
346
+ --dyn-primary-source: 280.21;
347
+ --dyn-accent-hue-rotate: -1;
348
+ --dyn-accent-source: 160.88;
349
+ --dyn-primary-hue-rotate-mult: 1;
350
+ --dyn-primary-sat-mult: 1;
351
+ --dyn-accent-hue-rotate-mult: 1;
352
+ --dyn-accent-sat-mult: 1;
353
+ --dyn-primary-base-dim: 0%;
354
+ --dyn-accent-base-dim: 0%;
355
+
356
+
357
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
358
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
359
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
360
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
361
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
362
+
363
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
364
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
365
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
366
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
367
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
368
+
369
+
370
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
371
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
372
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
373
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
374
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
375
+
376
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
377
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
378
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
379
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
380
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
381
+
382
+
383
+ --color-gray: var(--color-primary-gray);
384
+ --color-gray-wash: var(--color-primary-gray-wash);
385
+ --color-gray-light: var(--color-primary-gray-light);
386
+ --color-gray-dark: var(--color-primary-gray-dark);
387
+ --color-gray-ink: var(--color-primary-gray-ink);
388
+
389
+ --color-wash: var(--color-gray-wash);
390
+ --palette-black: var(--color-gray-ink);
391
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
392
+ /* A dark-mode only contrast color */
393
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
394
+
428
395
 
429
-
430
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
431
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
432
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
433
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
434
- --color-wash: var(--color-gray-wash);
435
- --color-gray-wash: var(--palette-gray-wash);
436
- --color-gray: var(--palette-gray);
437
- --color-gray-dark: var(--palette-gray-dark);
438
- --color-gray-light: var(--palette-gray-light);
439
- --color-gray-ink: var(--color-black);
440
- --palette-gray-1: var(--color-gray-wash);
441
- --palette-gray-2: var(--color-gray-light);
442
- --palette-gray-3: var(--color-gray-light);
443
- --palette-gray-4: var(--color-gray);
444
- --palette-gray-5: var(--color-gray);
445
- --palette-gray-6: var(--color-gray);
446
- --palette-gray-7: var(--color-gray-dark);
447
- --palette-gray-8: var(--color-gray-dark);
448
- --palette-gray-9: var(--color-black);
449
- --palette-gray-0: var(--color-black);
450
- --palette-gray-ex-1: var(--color-black);
451
- --palette-gray-ex-2: var(--color-black);
452
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
453
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
454
-
455
396
  }
456
397
 
457
398
  .theme-leek {
458
399
 
459
- --color-attention: var(--color-red);
460
- --color-attention-wash: var(--color-red-wash);
461
- --color-attention-light: var(--color-red-light);
462
- --color-attention-dark: var(--color-red-dark);
463
- --color-attention-ink: var(--color-red-ink);
464
- --color-accent: var(--color-blue);
465
- --color-accent-wash: var(--color-blue-wash);
466
- --color-accent-light: var(--color-blue-light);
467
- --color-accent-dark: var(--color-blue-dark);
468
- --color-accent-ink: var(--color-blue-ink);
469
- --color-primary: var(--color-green);
470
- --color-primary-wash: hsl(from var(--color-green-wash) h calc(s * 0.95) l);
471
- --color-primary-light: var(--color-green-light);
472
- --color-primary-dark: var(--color-green-dark);
473
- --color-primary-ink: var(--color-green-ink);
474
-
475
- --gray-hue-tweak: 20;
476
400
 
401
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
402
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
403
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
404
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
405
+
406
+ --dyn-primary-hue-rotate: -1;
407
+ --dyn-primary-source: 160.88;
408
+ --dyn-accent-hue-rotate: 3;
409
+ --dyn-accent-source: 91.8;
410
+ --dyn-primary-hue-rotate-mult: 1;
411
+ --dyn-primary-sat-mult: 1;
412
+ --dyn-accent-hue-rotate-mult: 1;
413
+ --dyn-accent-sat-mult: 1;
414
+ --dyn-primary-base-dim: 0%;
415
+ --dyn-accent-base-dim: 0%;
416
+
417
+
418
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
419
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
420
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
421
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
422
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
423
+
424
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
425
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
426
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
427
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
428
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
429
+
430
+
431
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
432
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
433
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
434
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
435
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
436
+
437
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
438
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
439
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
440
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
441
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
442
+
443
+
444
+ --color-gray: var(--color-primary-gray);
445
+ --color-gray-wash: var(--color-primary-gray-wash);
446
+ --color-gray-light: var(--color-primary-gray-light);
447
+ --color-gray-dark: var(--color-primary-gray-dark);
448
+ --color-gray-ink: var(--color-primary-gray-ink);
449
+
450
+ --color-wash: var(--color-gray-wash);
451
+ --palette-black: var(--color-gray-ink);
452
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
453
+ /* A dark-mode only contrast color */
454
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
455
+
477
456
 
478
-
479
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
480
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
481
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
482
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
483
- --color-wash: var(--color-gray-wash);
484
- --color-gray-wash: var(--palette-gray-wash);
485
- --color-gray: var(--palette-gray);
486
- --color-gray-dark: var(--palette-gray-dark);
487
- --color-gray-light: var(--palette-gray-light);
488
- --color-gray-ink: var(--color-black);
489
- --palette-gray-1: var(--color-gray-wash);
490
- --palette-gray-2: var(--color-gray-light);
491
- --palette-gray-3: var(--color-gray-light);
492
- --palette-gray-4: var(--color-gray);
493
- --palette-gray-5: var(--color-gray);
494
- --palette-gray-6: var(--color-gray);
495
- --palette-gray-7: var(--color-gray-dark);
496
- --palette-gray-8: var(--color-gray-dark);
497
- --palette-gray-9: var(--color-black);
498
- --palette-gray-0: var(--color-black);
499
- --palette-gray-ex-1: var(--color-black);
500
- --palette-gray-ex-2: var(--color-black);
501
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
502
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
503
-
504
457
  }
505
458
 
506
459
  .theme-tomato {
507
460
 
508
- --color-attention: var(--color-red);
509
- --color-attention-wash: var(--color-red-wash);
510
- --color-attention-light: var(--color-red-light);
511
- --color-attention-dark: var(--color-red-dark);
512
- --color-attention-ink: var(--color-red-ink);
513
- --color-accent: var(--color-green);
514
- --color-accent-wash: var(--color-green-wash);
515
- --color-accent-light: var(--color-green-light);
516
- --color-accent-dark: var(--color-green-dark);
517
- --color-accent-ink: var(--color-green-ink);
518
- --color-primary: var(--color-magenta);
519
- --color-primary-wash: var(--color-magenta-wash);
520
- --color-primary-light: var(--color-magenta-light);
521
- --color-primary-dark: var(--color-magenta-dark);
522
- --color-primary-ink: var(--color-magenta-ink);
523
-
524
- --gray-hue-tweak: -20;
525
461
 
462
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
463
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
464
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
465
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
466
+
467
+ --dyn-primary-hue-rotate: -2;
468
+ --dyn-primary-source: 10.51;
469
+ --dyn-accent-hue-rotate: -1;
470
+ --dyn-accent-source: 160.88;
471
+ --dyn-primary-hue-rotate-mult: 1;
472
+ --dyn-primary-sat-mult: 1;
473
+ --dyn-accent-hue-rotate-mult: 1;
474
+ --dyn-accent-sat-mult: 1;
475
+ --dyn-primary-base-dim: 0%;
476
+ --dyn-accent-base-dim: 0%;
477
+
478
+
479
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
480
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
481
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
482
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
483
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
484
+
485
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
486
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
487
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
488
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
489
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
490
+
491
+
492
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
493
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
494
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
495
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
496
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
497
+
498
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
499
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
500
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
501
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
502
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
503
+
504
+
505
+ --color-gray: var(--color-primary-gray);
506
+ --color-gray-wash: var(--color-primary-gray-wash);
507
+ --color-gray-light: var(--color-primary-gray-light);
508
+ --color-gray-dark: var(--color-primary-gray-dark);
509
+ --color-gray-ink: var(--color-primary-gray-ink);
510
+
511
+ --color-wash: var(--color-gray-wash);
512
+ --palette-black: var(--color-gray-ink);
513
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
514
+ /* A dark-mode only contrast color */
515
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
516
+
526
517
 
527
-
528
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
529
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
530
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
531
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
532
- --color-wash: var(--color-gray-wash);
533
- --color-gray-wash: var(--palette-gray-wash);
534
- --color-gray: var(--palette-gray);
535
- --color-gray-dark: var(--palette-gray-dark);
536
- --color-gray-light: var(--palette-gray-light);
537
- --color-gray-ink: var(--color-black);
538
- --palette-gray-1: var(--color-gray-wash);
539
- --palette-gray-2: var(--color-gray-light);
540
- --palette-gray-3: var(--color-gray-light);
541
- --palette-gray-4: var(--color-gray);
542
- --palette-gray-5: var(--color-gray);
543
- --palette-gray-6: var(--color-gray);
544
- --palette-gray-7: var(--color-gray-dark);
545
- --palette-gray-8: var(--color-gray-dark);
546
- --palette-gray-9: var(--color-black);
547
- --palette-gray-0: var(--color-black);
548
- --palette-gray-ex-1: var(--color-black);
549
- --palette-gray-ex-2: var(--color-black);
550
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
551
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
552
-
553
518
  }
554
519
 
555
520
  .theme-salt {
556
521
 
557
- --color-attention: var(--color-red);
558
- --color-attention-wash: var(--color-red-wash);
559
- --color-attention-light: var(--color-red-light);
560
- --color-attention-dark: var(--color-red-dark);
561
- --color-attention-ink: var(--color-red-ink);
562
- --color-accent: var(--color-true-gray-light);
563
- --color-accent-wash: var(--color-white);
564
- --color-accent-light: var(--color-true-gray-wash);
565
- --color-accent-dark: var(--color-true-gray);
566
- --color-accent-ink: var(--color-true-gray-dark);
567
- --color-primary: var(--color-true-gray);
568
- --color-primary-wash: var(--color-true-gray-wash);
569
- --color-primary-light: var(--color-true-gray-light);
570
- --color-primary-dark: var(--color-true-gray-dark);
571
- --color-primary-ink: var(--color-true-gray-ink);
572
-
573
- --gray-hue-tweak: 0;
574
- --global-saturation: 0;
575
522
 
523
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
524
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
525
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
526
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
527
+
528
+ --dyn-primary-hue-rotate: -50;
529
+ --dyn-primary-source: 0;
530
+ --dyn-accent-hue-rotate: -50;
531
+ --dyn-accent-source: 0;
532
+ --dyn-primary-hue-rotate-mult: 0;
533
+ --dyn-primary-sat-mult: 0;
534
+ --dyn-accent-hue-rotate-mult: 0;
535
+ --dyn-accent-sat-mult: 0;
536
+ --dyn-primary-base-dim: 4%;
537
+ --dyn-accent-base-dim: 15%;
538
+
539
+
540
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
541
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
542
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
543
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
544
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
545
+
546
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
547
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
548
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
549
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
550
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
551
+
552
+
553
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
554
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
555
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
556
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
557
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
558
+
559
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
560
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
561
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
562
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
563
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
564
+
565
+
566
+ --color-gray: var(--color-primary-gray);
567
+ --color-gray-wash: var(--color-primary-gray-wash);
568
+ --color-gray-light: var(--color-primary-gray-light);
569
+ --color-gray-dark: var(--color-primary-gray-dark);
570
+ --color-gray-ink: var(--color-primary-gray-ink);
571
+
572
+ --color-wash: var(--color-gray-wash);
573
+ --palette-black: var(--color-gray-ink);
574
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
575
+ /* A dark-mode only contrast color */
576
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
577
+
578
+
579
+ }
580
+
581
+ .theme {
576
582
 
577
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
578
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
579
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
580
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
581
- --color-wash: var(--color-gray-wash);
582
- --color-gray-wash: var(--palette-gray-wash);
583
- --color-gray: var(--palette-gray);
584
- --color-gray-dark: var(--palette-gray-dark);
585
- --color-gray-light: var(--palette-gray-light);
586
- --color-gray-ink: var(--color-black);
587
- --palette-gray-1: var(--color-gray-wash);
588
- --palette-gray-2: var(--color-gray-light);
589
- --palette-gray-3: var(--color-gray-light);
590
- --palette-gray-4: var(--color-gray);
591
- --palette-gray-5: var(--color-gray);
592
- --palette-gray-6: var(--color-gray);
593
- --palette-gray-7: var(--color-gray-dark);
594
- --palette-gray-8: var(--color-gray-dark);
595
- --palette-gray-9: var(--color-black);
596
- --palette-gray-0: var(--color-black);
597
- --palette-gray-ex-1: var(--color-black);
598
- --palette-gray-ex-2: var(--color-black);
599
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
600
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
601
-
583
+
584
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
585
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
586
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
587
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
588
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
589
+
590
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
591
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
592
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
593
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
594
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
595
+
596
+
597
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
598
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
599
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
600
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
601
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
602
+
603
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
604
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
605
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
606
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
607
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
608
+
609
+
610
+ --color-gray: var(--color-primary-gray);
611
+ --color-gray-wash: var(--color-primary-gray-wash);
612
+ --color-gray-light: var(--color-primary-gray-light);
613
+ --color-gray-dark: var(--color-primary-gray-dark);
614
+ --color-gray-ink: var(--color-primary-gray-ink);
615
+
616
+ --color-wash: var(--color-gray-wash);
617
+ --palette-black: var(--color-gray-ink);
618
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
619
+ /* A dark-mode only contrast color */
620
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
621
+
602
622
  }
603
623
 
604
624
  html, body {
@@ -634,42 +654,8 @@
634
654
 
635
655
  --wash-saturation-tweak: 3;
636
656
  --mode-mult: 1;
637
- --color-red-wash: var(--palette-red-90);
638
- --color-red-light: var(--palette-red-70);
639
- --color-red: var(--palette-red-60);
640
- --color-red-dark: var(--palette-red-40);
641
- --color-red-ink: var(--palette-red-20);
642
- --color-magenta-wash: var(--palette-magenta-90);
643
- --color-magenta-light: var(--palette-magenta-70);
644
- --color-magenta: var(--palette-magenta-60);
645
- --color-magenta-dark: var(--palette-magenta-40);
646
- --color-magenta-ink: var(--palette-magenta-20);
647
- --color-green-wash: var(--palette-green-90);
648
- --color-green-light: var(--palette-green-70);
649
- --color-green: var(--palette-green-60);
650
- --color-green-dark: var(--palette-green-40);
651
- --color-green-ink: var(--palette-green-20);
652
- --color-yellow-wash: var(--palette-yellow-90);
653
- --color-yellow-light: var(--palette-yellow-70);
654
- --color-yellow: var(--palette-yellow-60);
655
- --color-yellow-dark: var(--palette-yellow-40);
656
- --color-yellow-ink: var(--palette-yellow-20);
657
- --color-blue-wash: var(--palette-blue-90);
658
- --color-blue-light: var(--palette-blue-70);
659
- --color-blue: var(--palette-blue-60);
660
- --color-blue-dark: var(--palette-blue-40);
661
- --color-blue-ink: var(--palette-blue-20);
662
- --color-purple-wash: var(--palette-purple-90);
663
- --color-purple-light: var(--palette-purple-70);
664
- --color-purple: var(--palette-purple-60);
665
- --color-purple-dark: var(--palette-purple-40);
666
- --color-purple-ink: var(--palette-purple-20);
667
- --color-true-gray-wash: var(--palette-true-gray-90);
668
- --color-true-gray-light: var(--palette-true-gray-70);
669
- --color-true-gray: var(--palette-true-gray-60);
670
- --color-true-gray-dark: var(--palette-true-gray-40);
671
- --color-true-gray-ink: var(--palette-true-gray-20);
672
-
657
+ --dyn-mode-mult: 1;
658
+ --dyn-mode-sign: 1;
673
659
  --color-dark-blend: var(--palette-dark-blend);
674
660
  --color-light-blend: var(--palette-light-blend);
675
661
  --color-dark-blend-2: var(--palette-dark-blend-2);
@@ -691,6 +677,24 @@
691
677
  --color-shadow-1: var(--palette-shadow-2);
692
678
  --color-shadow-2: var(--palette-shadow-1);
693
679
  --color-overlay: var(--palette-white-overlay);
680
+
681
+ --dyn-attention-source: 30;
682
+ --dyn-attention-hue-rotate: 0;
683
+ --dyn-attention-sat-mult: 1;
684
+ --dyn-attention-hue-rotate-mult: 1;
685
+
686
+ --color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
687
+ --color-attention-wash: oklch(from var(--color-attention) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
688
+ --color-attention-light: oklch(from var(--color-attention) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
689
+ --color-attention-dark: oklch(from var(--color-attention) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
690
+ --color-attention-ink: oklch(from var(--color-attention) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
691
+
692
+ --color-attention-gray: oklch(from var(--color-attention) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
693
+ --color-attention-gray-wash: oklch(from var(--color-attention-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
694
+ --color-attention-gray-light: oklch(from var(--color-attention-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
695
+ --color-attention-gray-dark: oklch(from var(--color-attention-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
696
+ --color-attention-gray-ink: oklch(from var(--color-attention-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
697
+
694
698
 
695
699
  color: var(--color-black);
696
700
  }
@@ -699,48 +703,16 @@
699
703
 
700
704
  --wash-saturation-tweak: 1;
701
705
  --mode-mult: -1;
702
- --color-red-wash: var(--palette-red-00);
703
- --color-red-light: var(--palette-red-20);
704
- --color-red: var(--palette-red-40);
705
- --color-red-dark: var(--palette-red-60);
706
- --color-red-ink: var(--palette-red-80);
707
- --color-magenta-wash: var(--palette-magenta-00);
708
- --color-magenta-light: var(--palette-magenta-20);
709
- --color-magenta: var(--palette-magenta-40);
710
- --color-magenta-dark: var(--palette-magenta-60);
711
- --color-magenta-ink: var(--palette-magenta-80);
712
- --color-green-wash: var(--palette-green-00);
713
- --color-green-light: var(--palette-green-20);
714
- --color-green: var(--palette-green-40);
715
- --color-green-dark: var(--palette-green-60);
716
- --color-green-ink: var(--palette-green-80);
717
- --color-yellow-wash: var(--palette-yellow-00);
718
- --color-yellow-light: var(--palette-yellow-20);
719
- --color-yellow: var(--palette-yellow-40);
720
- --color-yellow-dark: var(--palette-yellow-60);
721
- --color-yellow-ink: var(--palette-yellow-80);
722
- --color-blue-wash: var(--palette-blue-00);
723
- --color-blue-light: var(--palette-blue-20);
724
- --color-blue: var(--palette-blue-40);
725
- --color-blue-dark: var(--palette-blue-60);
726
- --color-blue-ink: var(--palette-blue-80);
727
- --color-purple-wash: var(--palette-purple-00);
728
- --color-purple-light: var(--palette-purple-20);
729
- --color-purple: var(--palette-purple-40);
730
- --color-purple-dark: var(--palette-purple-60);
731
- --color-purple-ink: var(--palette-purple-80);
732
- --color-true-gray-wash: var(--palette-true-gray-00);
733
- --color-true-gray-light: var(--palette-true-gray-20);
734
- --color-true-gray: var(--palette-true-gray-40);
735
- --color-true-gray-dark: var(--palette-true-gray-60);
736
- --color-true-gray-ink: var(--palette-true-gray-80);
737
-
706
+ --dyn-mode-mult: -1.6;
707
+ --dyn-mode-lighten-mult: -0.5;
708
+ --dyn-mode-sign: -1;
709
+ --dyn-source-mode-adjust: 1;
738
710
  --color-dark-blend: var(--palette-light-blend);
739
711
  --color-light-blend: var(--palette-dark-blend);
740
712
  --color-dark-blend-2: var(--palette-light-blend-2);
741
713
  --color-light-blend-2: var(--palette-dark-blend-2);
742
714
  --color-black: var(--palette-true-white);
743
- --color-white: var(--palette-black);
715
+ --color-white: var(--palette-white);
744
716
  --color-gray-1: var(--palette-gray-ex-2);
745
717
  --color-gray-2: var(--palette-gray-ex-1);
746
718
  --color-gray-3: var(--palette-gray-0);
@@ -756,297 +728,387 @@
756
728
  --color-shadow-1: var(--palette-shadow-4);
757
729
  --color-shadow-2: var(--palette-shadow-3);
758
730
  --color-overlay: var(--palette-black-overlay);
731
+
732
+ --dyn-attention-source: 30;
733
+ --dyn-attention-hue-rotate: 0;
734
+ --dyn-attention-sat-mult: 1;
735
+ --dyn-attention-hue-rotate-mult: 1;
736
+
737
+ --color-attention: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-attention-base-dim, 0%))) calc(var(--dyn-attention-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-attention-source, 0));
738
+ --color-attention-wash: oklch(from var(--color-attention) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
739
+ --color-attention-light: oklch(from var(--color-attention) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
740
+ --color-attention-dark: oklch(from var(--color-attention) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
741
+ --color-attention-ink: oklch(from var(--color-attention) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-attention-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-attention-hue-rotate, 0) * var(--dyn-attention-hue-rotate-mult, 1)));
742
+
743
+ --color-attention-gray: oklch(from var(--color-attention) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
744
+ --color-attention-gray-wash: oklch(from var(--color-attention-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
745
+ --color-attention-gray-light: oklch(from var(--color-attention-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
746
+ --color-attention-gray-dark: oklch(from var(--color-attention-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
747
+ --color-attention-gray-ink: oklch(from var(--color-attention-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
748
+
759
749
 
760
750
  color: var(--color-black);
761
751
  }
762
752
 
763
753
  .theme-override-lemon {
764
754
 
765
- --color-attention: var(--color-red);
766
- --color-attention-wash: var(--color-red-wash);
767
- --color-attention-light: var(--color-red-light);
768
- --color-attention-dark: var(--color-red-dark);
769
- --color-attention-ink: var(--color-red-ink);
770
- --color-accent: var(--color-green);
771
- --color-accent-wash: var(--color-green-wash);
772
- --color-accent-light: var(--color-green-light);
773
- --color-accent-dark: var(--color-green-dark);
774
- --color-accent-ink: var(--color-green-ink);
775
- --color-primary: var(--color-yellow);
776
- --color-primary-wash: var(--color-yellow-wash);
777
- --color-primary-light: var(--color-yellow-light);
778
- --color-primary-dark: var(--color-yellow-dark);
779
- --color-primary-ink: var(--color-yellow-ink);
780
-
781
- --gray-hue-tweak: -10;
782
755
 
756
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
757
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
758
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
759
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
760
+
761
+ --dyn-primary-hue-rotate: 3;
762
+ --dyn-primary-source: 91.8;
763
+ --dyn-accent-hue-rotate: -1;
764
+ --dyn-accent-source: 160.88;
765
+ --dyn-primary-hue-rotate-mult: 1;
766
+ --dyn-primary-sat-mult: 1;
767
+ --dyn-accent-hue-rotate-mult: 1;
768
+ --dyn-accent-sat-mult: 1;
769
+ --dyn-primary-base-dim: 0%;
770
+ --dyn-accent-base-dim: 0%;
771
+
772
+
773
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
774
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
775
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
776
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
777
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
778
+
779
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
780
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
781
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
782
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
783
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
784
+
785
+
786
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
787
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
788
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
789
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
790
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
791
+
792
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
793
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
794
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
795
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
796
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
797
+
798
+
799
+ --color-gray: var(--color-primary-gray);
800
+ --color-gray-wash: var(--color-primary-gray-wash);
801
+ --color-gray-light: var(--color-primary-gray-light);
802
+ --color-gray-dark: var(--color-primary-gray-dark);
803
+ --color-gray-ink: var(--color-primary-gray-ink);
804
+
805
+ --color-wash: var(--color-gray-wash);
806
+ --palette-black: var(--color-gray-ink);
807
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
808
+ /* A dark-mode only contrast color */
809
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
810
+
783
811
 
784
-
785
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
786
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
787
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
788
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
789
- --color-wash: var(--color-gray-wash);
790
- --color-gray-wash: var(--palette-gray-wash);
791
- --color-gray: var(--palette-gray);
792
- --color-gray-dark: var(--palette-gray-dark);
793
- --color-gray-light: var(--palette-gray-light);
794
- --color-gray-ink: var(--color-black);
795
- --palette-gray-1: var(--color-gray-wash);
796
- --palette-gray-2: var(--color-gray-light);
797
- --palette-gray-3: var(--color-gray-light);
798
- --palette-gray-4: var(--color-gray);
799
- --palette-gray-5: var(--color-gray);
800
- --palette-gray-6: var(--color-gray);
801
- --palette-gray-7: var(--color-gray-dark);
802
- --palette-gray-8: var(--color-gray-dark);
803
- --palette-gray-9: var(--color-black);
804
- --palette-gray-0: var(--color-black);
805
- --palette-gray-ex-1: var(--color-black);
806
- --palette-gray-ex-2: var(--color-black);
807
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
808
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
809
-
810
812
  }
811
813
  .theme-override-blueberry {
812
814
 
813
- --color-attention: var(--color-red);
814
- --color-attention-wash: var(--color-red-wash);
815
- --color-attention-light: var(--color-red-light);
816
- --color-attention-dark: var(--color-red-dark);
817
- --color-attention-ink: var(--color-red-ink);
818
- --color-accent: var(--color-green);
819
- --color-accent-wash: var(--color-green-wash);
820
- --color-accent-light: var(--color-green-light);
821
- --color-accent-dark: var(--color-green-dark);
822
- --color-accent-ink: var(--color-green-ink);
823
- --color-primary: var(--color-blue);
824
- --color-primary-wash: var(--color-blue-wash);
825
- --color-primary-light: var(--color-blue-light);
826
- --color-primary-dark: var(--color-blue-dark);
827
- --color-primary-ink: var(--color-blue-ink);
828
-
829
- --gray-hue-tweak: 20;
830
815
 
816
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
817
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
818
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
819
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
820
+
821
+ --dyn-primary-hue-rotate: 4;
822
+ --dyn-primary-source: 248.14;
823
+ --dyn-accent-hue-rotate: -1;
824
+ --dyn-accent-source: 160.88;
825
+ --dyn-primary-hue-rotate-mult: 1;
826
+ --dyn-primary-sat-mult: 1;
827
+ --dyn-accent-hue-rotate-mult: 1;
828
+ --dyn-accent-sat-mult: 1;
829
+ --dyn-primary-base-dim: 0%;
830
+ --dyn-accent-base-dim: 0%;
831
+
832
+
833
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
834
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
835
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
836
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
837
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
838
+
839
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
840
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
841
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
842
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
843
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
844
+
845
+
846
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
847
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
848
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
849
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
850
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
851
+
852
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
853
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
854
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
855
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
856
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
857
+
858
+
859
+ --color-gray: var(--color-primary-gray);
860
+ --color-gray-wash: var(--color-primary-gray-wash);
861
+ --color-gray-light: var(--color-primary-gray-light);
862
+ --color-gray-dark: var(--color-primary-gray-dark);
863
+ --color-gray-ink: var(--color-primary-gray-ink);
864
+
865
+ --color-wash: var(--color-gray-wash);
866
+ --palette-black: var(--color-gray-ink);
867
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
868
+ /* A dark-mode only contrast color */
869
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
870
+
831
871
 
832
-
833
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
834
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
835
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
836
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
837
- --color-wash: var(--color-gray-wash);
838
- --color-gray-wash: var(--palette-gray-wash);
839
- --color-gray: var(--palette-gray);
840
- --color-gray-dark: var(--palette-gray-dark);
841
- --color-gray-light: var(--palette-gray-light);
842
- --color-gray-ink: var(--color-black);
843
- --palette-gray-1: var(--color-gray-wash);
844
- --palette-gray-2: var(--color-gray-light);
845
- --palette-gray-3: var(--color-gray-light);
846
- --palette-gray-4: var(--color-gray);
847
- --palette-gray-5: var(--color-gray);
848
- --palette-gray-6: var(--color-gray);
849
- --palette-gray-7: var(--color-gray-dark);
850
- --palette-gray-8: var(--color-gray-dark);
851
- --palette-gray-9: var(--color-black);
852
- --palette-gray-0: var(--color-black);
853
- --palette-gray-ex-1: var(--color-black);
854
- --palette-gray-ex-2: var(--color-black);
855
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
856
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
857
-
858
872
  }
859
873
  .theme-override-eggplant {
860
874
 
861
- --color-attention: var(--color-red);
862
- --color-attention-wash: var(--color-red-wash);
863
- --color-attention-light: var(--color-red-light);
864
- --color-attention-dark: var(--color-red-dark);
865
- --color-attention-ink: var(--color-red-ink);
866
- --color-accent: var(--color-green);
867
- --color-accent-wash: var(--color-green-wash);
868
- --color-accent-light: var(--color-green-light);
869
- --color-accent-dark: var(--color-green-dark);
870
- --color-accent-ink: var(--color-green-ink);
871
- --color-primary: var(--color-purple);
872
- --color-primary-wash: var(--color-purple-wash);
873
- --color-primary-light: var(--color-purple-light);
874
- --color-primary-dark: var(--color-purple-dark);
875
- --color-primary-ink: var(--color-purple-ink);
876
-
877
- --gray-hue-tweak: -20;
878
875
 
876
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
877
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
878
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
879
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
880
+
881
+ --dyn-primary-hue-rotate: -5;
882
+ --dyn-primary-source: 280.21;
883
+ --dyn-accent-hue-rotate: -1;
884
+ --dyn-accent-source: 160.88;
885
+ --dyn-primary-hue-rotate-mult: 1;
886
+ --dyn-primary-sat-mult: 1;
887
+ --dyn-accent-hue-rotate-mult: 1;
888
+ --dyn-accent-sat-mult: 1;
889
+ --dyn-primary-base-dim: 0%;
890
+ --dyn-accent-base-dim: 0%;
891
+
892
+
893
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
894
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
895
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
896
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
897
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
898
+
899
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
900
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
901
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
902
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
903
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
904
+
905
+
906
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
907
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
908
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
909
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
910
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
911
+
912
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
913
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
914
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
915
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
916
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
917
+
918
+
919
+ --color-gray: var(--color-primary-gray);
920
+ --color-gray-wash: var(--color-primary-gray-wash);
921
+ --color-gray-light: var(--color-primary-gray-light);
922
+ --color-gray-dark: var(--color-primary-gray-dark);
923
+ --color-gray-ink: var(--color-primary-gray-ink);
924
+
925
+ --color-wash: var(--color-gray-wash);
926
+ --palette-black: var(--color-gray-ink);
927
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
928
+ /* A dark-mode only contrast color */
929
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
930
+
879
931
 
880
-
881
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
882
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
883
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
884
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
885
- --color-wash: var(--color-gray-wash);
886
- --color-gray-wash: var(--palette-gray-wash);
887
- --color-gray: var(--palette-gray);
888
- --color-gray-dark: var(--palette-gray-dark);
889
- --color-gray-light: var(--palette-gray-light);
890
- --color-gray-ink: var(--color-black);
891
- --palette-gray-1: var(--color-gray-wash);
892
- --palette-gray-2: var(--color-gray-light);
893
- --palette-gray-3: var(--color-gray-light);
894
- --palette-gray-4: var(--color-gray);
895
- --palette-gray-5: var(--color-gray);
896
- --palette-gray-6: var(--color-gray);
897
- --palette-gray-7: var(--color-gray-dark);
898
- --palette-gray-8: var(--color-gray-dark);
899
- --palette-gray-9: var(--color-black);
900
- --palette-gray-0: var(--color-black);
901
- --palette-gray-ex-1: var(--color-black);
902
- --palette-gray-ex-2: var(--color-black);
903
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
904
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
905
-
906
932
  }
907
933
  .theme-override-leek {
908
934
 
909
- --color-attention: var(--color-red);
910
- --color-attention-wash: var(--color-red-wash);
911
- --color-attention-light: var(--color-red-light);
912
- --color-attention-dark: var(--color-red-dark);
913
- --color-attention-ink: var(--color-red-ink);
914
- --color-accent: var(--color-blue);
915
- --color-accent-wash: var(--color-blue-wash);
916
- --color-accent-light: var(--color-blue-light);
917
- --color-accent-dark: var(--color-blue-dark);
918
- --color-accent-ink: var(--color-blue-ink);
919
- --color-primary: var(--color-green);
920
- --color-primary-wash: hsl(from var(--color-green-wash) h calc(s * 0.95) l);
921
- --color-primary-light: var(--color-green-light);
922
- --color-primary-dark: var(--color-green-dark);
923
- --color-primary-ink: var(--color-green-ink);
924
-
925
- --gray-hue-tweak: 20;
926
935
 
936
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
937
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
938
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
939
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
940
+
941
+ --dyn-primary-hue-rotate: -1;
942
+ --dyn-primary-source: 160.88;
943
+ --dyn-accent-hue-rotate: 3;
944
+ --dyn-accent-source: 91.8;
945
+ --dyn-primary-hue-rotate-mult: 1;
946
+ --dyn-primary-sat-mult: 1;
947
+ --dyn-accent-hue-rotate-mult: 1;
948
+ --dyn-accent-sat-mult: 1;
949
+ --dyn-primary-base-dim: 0%;
950
+ --dyn-accent-base-dim: 0%;
951
+
952
+
953
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
954
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
955
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
956
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
957
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
958
+
959
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
960
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
961
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
962
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
963
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
964
+
965
+
966
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
967
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
968
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
969
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
970
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
971
+
972
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
973
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
974
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
975
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
976
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
977
+
978
+
979
+ --color-gray: var(--color-primary-gray);
980
+ --color-gray-wash: var(--color-primary-gray-wash);
981
+ --color-gray-light: var(--color-primary-gray-light);
982
+ --color-gray-dark: var(--color-primary-gray-dark);
983
+ --color-gray-ink: var(--color-primary-gray-ink);
984
+
985
+ --color-wash: var(--color-gray-wash);
986
+ --palette-black: var(--color-gray-ink);
987
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
988
+ /* A dark-mode only contrast color */
989
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
990
+
927
991
 
928
-
929
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
930
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
931
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
932
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
933
- --color-wash: var(--color-gray-wash);
934
- --color-gray-wash: var(--palette-gray-wash);
935
- --color-gray: var(--palette-gray);
936
- --color-gray-dark: var(--palette-gray-dark);
937
- --color-gray-light: var(--palette-gray-light);
938
- --color-gray-ink: var(--color-black);
939
- --palette-gray-1: var(--color-gray-wash);
940
- --palette-gray-2: var(--color-gray-light);
941
- --palette-gray-3: var(--color-gray-light);
942
- --palette-gray-4: var(--color-gray);
943
- --palette-gray-5: var(--color-gray);
944
- --palette-gray-6: var(--color-gray);
945
- --palette-gray-7: var(--color-gray-dark);
946
- --palette-gray-8: var(--color-gray-dark);
947
- --palette-gray-9: var(--color-black);
948
- --palette-gray-0: var(--color-black);
949
- --palette-gray-ex-1: var(--color-black);
950
- --palette-gray-ex-2: var(--color-black);
951
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
952
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
953
-
954
992
  }
955
993
  .theme-override-tomato {
956
994
 
957
- --color-attention: var(--color-red);
958
- --color-attention-wash: var(--color-red-wash);
959
- --color-attention-light: var(--color-red-light);
960
- --color-attention-dark: var(--color-red-dark);
961
- --color-attention-ink: var(--color-red-ink);
962
- --color-accent: var(--color-green);
963
- --color-accent-wash: var(--color-green-wash);
964
- --color-accent-light: var(--color-green-light);
965
- --color-accent-dark: var(--color-green-dark);
966
- --color-accent-ink: var(--color-green-ink);
967
- --color-primary: var(--color-magenta);
968
- --color-primary-wash: var(--color-magenta-wash);
969
- --color-primary-light: var(--color-magenta-light);
970
- --color-primary-dark: var(--color-magenta-dark);
971
- --color-primary-ink: var(--color-magenta-ink);
972
-
973
- --gray-hue-tweak: -20;
974
995
 
996
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
997
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
998
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
999
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
1000
+
1001
+ --dyn-primary-hue-rotate: -2;
1002
+ --dyn-primary-source: 10.51;
1003
+ --dyn-accent-hue-rotate: -1;
1004
+ --dyn-accent-source: 160.88;
1005
+ --dyn-primary-hue-rotate-mult: 1;
1006
+ --dyn-primary-sat-mult: 1;
1007
+ --dyn-accent-hue-rotate-mult: 1;
1008
+ --dyn-accent-sat-mult: 1;
1009
+ --dyn-primary-base-dim: 0%;
1010
+ --dyn-accent-base-dim: 0%;
1011
+
1012
+
1013
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
1014
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1015
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1016
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1017
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1018
+
1019
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1020
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1021
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1022
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1023
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1024
+
1025
+
1026
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
1027
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1028
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1029
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1030
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1031
+
1032
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1033
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1034
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1035
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1036
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1037
+
1038
+
1039
+ --color-gray: var(--color-primary-gray);
1040
+ --color-gray-wash: var(--color-primary-gray-wash);
1041
+ --color-gray-light: var(--color-primary-gray-light);
1042
+ --color-gray-dark: var(--color-primary-gray-dark);
1043
+ --color-gray-ink: var(--color-primary-gray-ink);
1044
+
1045
+ --color-wash: var(--color-gray-wash);
1046
+ --palette-black: var(--color-gray-ink);
1047
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
1048
+ /* A dark-mode only contrast color */
1049
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
1050
+
975
1051
 
976
-
977
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
978
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
979
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
980
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
981
- --color-wash: var(--color-gray-wash);
982
- --color-gray-wash: var(--palette-gray-wash);
983
- --color-gray: var(--palette-gray);
984
- --color-gray-dark: var(--palette-gray-dark);
985
- --color-gray-light: var(--palette-gray-light);
986
- --color-gray-ink: var(--color-black);
987
- --palette-gray-1: var(--color-gray-wash);
988
- --palette-gray-2: var(--color-gray-light);
989
- --palette-gray-3: var(--color-gray-light);
990
- --palette-gray-4: var(--color-gray);
991
- --palette-gray-5: var(--color-gray);
992
- --palette-gray-6: var(--color-gray);
993
- --palette-gray-7: var(--color-gray-dark);
994
- --palette-gray-8: var(--color-gray-dark);
995
- --palette-gray-9: var(--color-black);
996
- --palette-gray-0: var(--color-black);
997
- --palette-gray-ex-1: var(--color-black);
998
- --palette-gray-ex-2: var(--color-black);
999
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
1000
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
1001
-
1002
1052
  }
1003
1053
  .theme-override-salt {
1004
1054
 
1005
- --color-attention: var(--color-red);
1006
- --color-attention-wash: var(--color-red-wash);
1007
- --color-attention-light: var(--color-red-light);
1008
- --color-attention-dark: var(--color-red-dark);
1009
- --color-attention-ink: var(--color-red-ink);
1010
- --color-accent: var(--color-true-gray-light);
1011
- --color-accent-wash: var(--color-white);
1012
- --color-accent-light: var(--color-true-gray-wash);
1013
- --color-accent-dark: var(--color-true-gray);
1014
- --color-accent-ink: var(--color-true-gray-dark);
1015
- --color-primary: var(--color-true-gray);
1016
- --color-primary-wash: var(--color-true-gray-wash);
1017
- --color-primary-light: var(--color-true-gray-light);
1018
- --color-primary-dark: var(--color-true-gray-dark);
1019
- --color-primary-ink: var(--color-true-gray-ink);
1020
-
1021
- --gray-hue-tweak: 0;
1022
- --global-saturation: 0;
1023
1055
 
1024
-
1025
- --palette-gray-wash: hsl(from var(--color-primary-wash) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--wash-saturation-tweak, 1) * var(--global-saturation, 1)) calc(l * pow(1.025, var(--mode-mult,1))));
1026
- --palette-gray: hsl(from var(--color-primary) calc(h + var(--gray-hue-tweak, 0)) calc(s * var(--global-saturation, 1)) calc(l * 1.125));
1027
- --palette-gray-dark: hsl(from var(--color-primary-dark) calc(h + var(--gray-hue-tweak, 0)) calc(s * 0.75 * var(--global-saturation, 1)) calc(l * pow(1.125, var(--mode-mult,1))));
1028
- --palette-gray-light: hsl(from var(--color-primary-light) calc(h + var(--gray-hue-tweak, 0) * pow(2, var(--mode-mult, 1))) calc(s * 0.5 * var(--global-saturation, 1)) calc(l * pow(1.25, var(--mode-mult,1))));
1029
- --color-wash: var(--color-gray-wash);
1030
- --color-gray-wash: var(--palette-gray-wash);
1031
- --color-gray: var(--palette-gray);
1032
- --color-gray-dark: var(--palette-gray-dark);
1033
- --color-gray-light: var(--palette-gray-light);
1034
- --color-gray-ink: var(--color-black);
1035
- --palette-gray-1: var(--color-gray-wash);
1036
- --palette-gray-2: var(--color-gray-light);
1037
- --palette-gray-3: var(--color-gray-light);
1038
- --palette-gray-4: var(--color-gray);
1039
- --palette-gray-5: var(--color-gray);
1040
- --palette-gray-6: var(--color-gray);
1041
- --palette-gray-7: var(--color-gray-dark);
1042
- --palette-gray-8: var(--color-gray-dark);
1043
- --palette-gray-9: var(--color-black);
1044
- --palette-gray-0: var(--color-black);
1045
- --palette-gray-ex-1: var(--color-black);
1046
- --palette-gray-ex-2: var(--color-black);
1047
- --palette-white: hsl(from var(--color-wash) calc(h + 0) calc(s * 0.3 * var(--global-saturation, 1)) calc(min(100, l + 1 / var(--global-saturation, 1))));
1048
- --palette-black: hsl(from var(--color-gray-dark) calc(h + 0) calc(s * 0.1 * var(--global-saturation, 1)) calc(min(100, l / (var(--mode-mult,1) * -5 + pow(1 + var(--global-saturation, 1), 1.5)))));
1049
-
1056
+ --dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
1057
+ --dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
1058
+ --dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.1));
1059
+ --dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
1060
+
1061
+ --dyn-primary-hue-rotate: -50;
1062
+ --dyn-primary-source: 0;
1063
+ --dyn-accent-hue-rotate: -50;
1064
+ --dyn-accent-source: 0;
1065
+ --dyn-primary-hue-rotate-mult: 0;
1066
+ --dyn-primary-sat-mult: 0;
1067
+ --dyn-accent-hue-rotate-mult: 0;
1068
+ --dyn-accent-sat-mult: 0;
1069
+ --dyn-primary-base-dim: 4%;
1070
+ --dyn-accent-base-dim: 15%;
1071
+
1072
+
1073
+ --color-primary: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-primary-base-dim, 0%))) calc(var(--dyn-primary-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-primary-source, 0));
1074
+ --color-primary-wash: oklch(from var(--color-primary) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1075
+ --color-primary-light: oklch(from var(--color-primary) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1076
+ --color-primary-dark: oklch(from var(--color-primary) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1077
+ --color-primary-ink: oklch(from var(--color-primary) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-primary-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-primary-hue-rotate, 0) * var(--dyn-primary-hue-rotate-mult, 1)));
1078
+
1079
+ --color-primary-gray: oklch(from var(--color-primary) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1080
+ --color-primary-gray-wash: oklch(from var(--color-primary-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1081
+ --color-primary-gray-light: oklch(from var(--color-primary-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1082
+ --color-primary-gray-dark: oklch(from var(--color-primary-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1083
+ --color-primary-gray-ink: oklch(from var(--color-primary-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1084
+
1085
+
1086
+ --color-accent: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-accent-base-dim, 0%))) calc(var(--dyn-accent-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-accent-source, 0));
1087
+ --color-accent-wash: oklch(from var(--color-accent) calc(min(0.999,max(0.15, l + 0.15 * var(--dyn-mode-mult, 1)))) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.03)) calc(h - 5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1088
+ --color-accent-light: oklch(from var(--color-accent) calc(l + 0.08 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) calc(h - 0.5 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1089
+ --color-accent-dark: oklch(from var(--color-accent) calc(l - 0.26 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) calc(h + 0.2 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1090
+ --color-accent-ink: oklch(from var(--color-accent) calc(l - 0.45 * var(--dyn-mode-mult, 1)) calc(var(--dyn-accent-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) calc(h + 1 * var(--dyn-accent-hue-rotate, 0) * var(--dyn-accent-hue-rotate-mult, 1)));
1091
+
1092
+ --color-accent-gray: oklch(from var(--color-accent) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1093
+ --color-accent-gray-wash: oklch(from var(--color-accent-wash) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1094
+ --color-accent-gray-light: oklch(from var(--color-accent-light) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1095
+ --color-accent-gray-dark: oklch(from var(--color-accent-dark) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1096
+ --color-accent-gray-ink: oklch(from var(--color-accent-ink) calc(l - 0.1 * var(--dyn-source-mode-adjust,0)) calc(c * 0.25 * var(--global-saturation, 1)) h);
1097
+
1098
+
1099
+ --color-gray: var(--color-primary-gray);
1100
+ --color-gray-wash: var(--color-primary-gray-wash);
1101
+ --color-gray-light: var(--color-primary-gray-light);
1102
+ --color-gray-dark: var(--color-primary-gray-dark);
1103
+ --color-gray-ink: var(--color-primary-gray-ink);
1104
+
1105
+ --color-wash: var(--color-gray-wash);
1106
+ --palette-black: var(--color-gray-ink);
1107
+ --palette-white: oklch(from var(--color-wash) calc(l + 1 / var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)/var(--dyn-mode-mult,1)) h);
1108
+ /* A dark-mode only contrast color */
1109
+ --color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
1110
+
1111
+
1050
1112
  }
1051
1113
  }
1052
1114
 
@@ -1091,7 +1153,7 @@
1091
1153
  syntax: "*";
1092
1154
  inherits: false;
1093
1155
  }
1094
- .outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:hsl(from var(--v-border,currentColor) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:hsl(from var(--v-border,currentColor) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}@media (min-width: 640px){.container{max-width:640px;}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,hsl\(from_var\(--v-bg\)_h_s_calc\(l\*0\.9\)\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,hsl\(from_var\(--v-bg\)_h_s_calc\(l\*0\.9\)\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,hsl(from var(--v-bg) h s calc(l*0.9)),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,hsl(from var(--v-bg) h s calc(l*0.9)),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--6{bottom:-1.5rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-0{margin-top:0.00rem;}.mt-3{margin-top:0.75rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[4px\]{height:4px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-20\%{width:20%;}.w-21px{width:21px;}.w-25px{width:25px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-6{--un-translate-y:1.50rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
1156
+ .outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.layer-components\:border-light{border-width:calc(1px * var(--global-border-scale,1));border-style:solid;border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}@media (min-width: 640px){.container{max-width:640px;}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--v-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--v-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,oklch\(from_var\(--v-bg\)_calc\(l\*0\.9\)_c_h\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--v-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--v-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,oklch(from var(--v-bg) calc(l*0.9) c h),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--6{bottom:-1.5rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m-auto{margin:auto;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-0{margin-top:0.00rem;}.mt-3{margin-top:0.75rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[4px\]{height:4px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-20\%{width:20%;}.w-21px{width:21px;}.w-25px{width:25px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-6{--un-translate-y:1.50rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-x-1\/2::before{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.before\:-translate-y-1\/2::before{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
1095
1157
  from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
1096
1158
  to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
1097
1159
  }@keyframes peek-open{
@@ -1140,4 +1202,4 @@
1140
1202
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
1141
1203
  50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
1142
1204
  100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
1143
- }.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-stretch{justify-content:stretch;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-nowrap{white-space:nowrap;}.border{border-width:calc(1px * var(--global-border-scale,1));}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-r-0{border-right-width:0px;}.border-r-1px{border-right-width:1px;}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray{border-color:var(--color-gray);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.hover\:border-gray-dark:hover{border-color:var(--color-gray-dark);}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-r-primary-wash{border-right-color:var(--color-primary-wash);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.from-gray-wash{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray-light{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-light) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-wash) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black) /* var(--color-black) */;}.fill-white{fill:var(--color-white) /* var(--color-white) */;}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-1{padding:0.25rem;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-3{padding-left:0.75rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked]{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-darkBlend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:var(--font-title, var(--font-default));}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity)) /* #222222 */;}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity)) /* #f6f6f6 */;}.accent-wash{accent-color:var(--color-wash) /* var(--color-wash) */;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:ring-none:disabled{--un-ring-width:0 !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.ring-white{--un-ring-color:var(--color-white) /* var(--color-white) */;}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary) /* var(--color-primary) */;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.color-and-indicator,.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);}.bg-\$colors{background-color:var(--colors) /* var(--colors) */;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.active\:bg-accent-wash:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.00175, var(--mode-mult, 1))) calc(l * pow(1.175, var(--mode-mult, 1))));}.\[\&\[data-in-range\]\]\:bg-darken-0\.5[data-in-range]{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9999416666666666, var(--mode-mult, 1))) calc(l * pow(0.9941666666666666, var(--mode-mult, 1))));}.bg-darken-1{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9998833333333333, var(--mode-mult, 1))) calc(l * pow(0.9883333333333333, var(--mode-mult, 1))));}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9998833333333333, var(--mode-mult, 1))) calc(l * pow(0.9883333333333333, var(--mode-mult, 1))));}.hover\:bg-darken-2:hover{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.active\:bg-darken-4:active{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9995333333333334, var(--mode-mult, 1))) calc(l * pow(0.9533333333333334, var(--mode-mult, 1))));}.border-color-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-color-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);}.border-color-darken-5{--v-border-altered:hsl(from var(--v-border,currentColor) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}@layer components{.layer-components\:\[--bg\:var\(--color-primary-wash\)\]{--bg:var(--color-primary-wash);}.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:before\:top-0::before{top:0.00rem;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-auto{overflow:auto;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror{border-width:1px;}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr{border-color:var(--color-gray);}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked],.layer-components\:border-primary-dark{border-color:var(--color-primary-dark);}.layer-components\:border-accent-dark{border-color:var(--color-accent-dark);}.layer-components\:border-attention-dark{border-color:var(--color-attention-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-gray-darkBlend,.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--color-gray);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-child\]\:rounded-t-lg:first-child,.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-of-type\]\:rounded-t-md:first-of-type{border-top-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-child\]\:rounded-b-lg:last-child{border-bottom-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-of-type\]\:rounded-b-md:last-of-type{border-bottom-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-white{fill:var(--color-white) /* var(--color-white) */;}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pb-4{padding-bottom:1.00rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:text-darkBlend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:text-gray-darkBlend{color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\]\:shadow-sm-inset .ProseMirror,.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-sm-inset:hover{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray[data-visually-focused=true]{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:ring-accent-dark:focus-visible{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:active\:ring-accent-dark:active{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.layer-components\:\[\&\[data-disabled\]\]\:color-black[data-disabled],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray);}.layer-components\:color-accent-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-ink);}.layer-components\:color-attention-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-ink);}.layer-components\:color-darkBlend{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);}.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-components\:color-primary-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-ink);}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:color-lighten-2{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(1.0035, var(--mode-mult, 1))) calc(l * pow(1.35, var(--mode-mult, 1))));}.layer-components\:color-lighten-4{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(1.007, var(--mode-mult, 1))) calc(l * pow(1.7, var(--mode-mult, 1))));}.layer-components\:color-lighten-6{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(1.0105, var(--mode-mult, 1))) calc(l * pow(2.05, var(--mode-mult, 1))));}.layer-components\:\[\&_h2\]\:color-darken-7 h2{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(0.9991833333333333, var(--mode-mult, 1))) calc(l * pow(0.9183333333333333, var(--mode-mult, 1))));}.layer-components\:\[\&_h3\]\:color-darken-5 h3{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}.layer-components\:\[\&_h4\]\:color-darken-3 h4{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(0.99965, var(--mode-mult, 1))) calc(l * pow(0.965, var(--mode-mult, 1))));}.layer-components\:color-darken-1{--v-color-altered:hsl(from var(--v-color,currentColor) h calc(s * pow(0.9998833333333333, var(--mode-mult, 1))) calc(l * pow(0.9883333333333333, var(--mode-mult, 1))));}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-components\:\[\&_mark\]\:bg-primary-wash mark,.layer-components\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-\[var\(--bg\)\][data-active=true],.layer-components\:\[\&\[data-focus\=true\]\]\:bg-\[var\(--bg\)\][data-focus=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-gray-light[data-highlighted=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.05);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.1);}.layer-components\:bg-\[var\(--bg-neutral\,var\(--bg\)\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg-neutral,var(--bg));}.layer-components\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-components\:bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);}.layer-components\:bg-attention-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.layer-components\:bg-inherit{background-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:bg-lightBlend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-light-blend);}.layer-components\:bg-overlay{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-overlay);}.layer-components\:bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-components\:hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:hover\:bg-gray-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:hover\:bg-lightBlend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-light-blend);}.layer-components\:focus-visible\:bg-\[var\(--bg\)\]:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:active\:bg-\[var\(--bg\)\]:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:disabled\:bg-transparent:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:before\:bg-darkBlend::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-dark-blend);}.layer-components\:bg-lighten-4{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.007, var(--mode-mult, 1))) calc(l * pow(1.7, var(--mode-mult, 1))));}.layer-components\:hover\:bg-lighten-4:hover{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.007, var(--mode-mult, 1))) calc(l * pow(1.7, var(--mode-mult, 1))));}.layer-components\:focus\:bg-lighten-2:focus{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.0035, var(--mode-mult, 1))) calc(l * pow(1.35, var(--mode-mult, 1))));}.layer-components\:\[\&_mark\]\:bg-darken-3 mark{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.99965, var(--mode-mult, 1))) calc(l * pow(0.965, var(--mode-mult, 1))));}.layer-components\:\[\&\[data-active\=true\]\]\:bg-darken-2[data-active=true]{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.layer-components\:\[\&\[data-focus\=true\]\]\:bg-darken-7[data-focus=true]{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9991833333333333, var(--mode-mult, 1))) calc(l * pow(0.9183333333333333, var(--mode-mult, 1))));}.layer-components\:bg-darken-0\.5{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9999416666666666, var(--mode-mult, 1))) calc(l * pow(0.9941666666666666, var(--mode-mult, 1))));}.layer-components\:bg-darken-8{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9990666666666667, var(--mode-mult, 1))) calc(l * pow(0.9066666666666667, var(--mode-mult, 1))));}[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-4{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9995333333333334, var(--mode-mult, 1))) calc(l * pow(0.9533333333333334, var(--mode-mult, 1))));}.layer-components\:hover\:bg-darken-1:hover{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9998833333333333, var(--mode-mult, 1))) calc(l * pow(0.9883333333333333, var(--mode-mult, 1))));}.layer-components\:hover\:bg-darken-2:hover{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.layer-components\:focus-visible\:bg-darken-0\.5:focus-visible{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9999416666666666, var(--mode-mult, 1))) calc(l * pow(0.9941666666666666, var(--mode-mult, 1))));}.layer-components\:focus-visible\:bg-darken-3:focus-visible{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.99965, var(--mode-mult, 1))) calc(l * pow(0.965, var(--mode-mult, 1))));}.layer-components\:focus-visible\:bg-darken-7:focus-visible{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9991833333333333, var(--mode-mult, 1))) calc(l * pow(0.9183333333333333, var(--mode-mult, 1))));}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.layer-components\:active\:bg-darken-7:active{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9991833333333333, var(--mode-mult, 1))) calc(l * pow(0.9183333333333333, var(--mode-mult, 1))));}.layer-components\:ring-bg{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:focus-visible\:ring-bg:focus-visible{--un-ring-color:var(--v-bg-altered,var(--v-bg));}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--bg\:var\(--color-gray-blend\)\]{--bg:var(--color-gray-blend);}.layer-variants\:\[--bg\:var\(--color-primary-light\)\],.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[--bg\:var\(--color-white\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray\)\]{--fill:var(--color-gray);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-ghostAccent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg-neutral\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg-neutral\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg-neutral\:transparent\].btn-color-ghostDestructive{--bg-neutral:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:var\(--color-light-blend\)\].btn-color-ghost{--bg:var(--color-light-blend);}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:right-2{right:0.50rem;}.layer-variants\:top-2{top:0.50rem;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.50rem;}.layer-variants\:\[\&\.size-icon-small\]\:-m-y-0\.5.size-icon-small{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-variants\:mb-auto{margin-bottom:auto;}.layer-variants\:h-32px{height:32px;}.layer-variants\:h-full{height:100%;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:\[\&\.btn-color-accent\]\:border-accent-dark.btn-color-accent{border-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast{border-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:border-gray-dark.btn-color-default,.layer-variants\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-variants\:\[\&\.btn-color-destructive\]\:border-attention-dark.btn-color-destructive{border-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-primary\]\:border-primary-dark.btn-color-primary{border-color:var(--color-primary-dark);}.layer-variants\:border-gray-darkBlend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon-small\]\:rounded-lg.size-icon-small,.layer-variants\:\[\&\.size-icon\]\:rounded-lg.size-icon,.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-\[var\(--fill\)\]{fill:var(--fill) /* var(--fill) */;}.layer-variants\:\[\&\.size-icon-small\]\:p-2.size-icon-small,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:\[\&\.size-icon\]\:p-2\.35.size-icon{padding:0.5875rem;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true],.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small,.layer-variants\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0.00rem;padding-bottom:0.00rem;}.layer-variants\:pb-0{padding-bottom:0.00rem;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\.size-icon-small\]\:text-xs.size-icon-small,[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\[data-active\=true\]\]\:text-black[data-active=true]{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary,.layer-variants\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary-dark:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary-dark:active[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:transition-none{transition:none;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);}.layer-variants\:\[\&\.btn-color-ghost\]\:color-darkBlend.btn-color-ghost{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-dark-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-dark);}.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:color-black:hover.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:color-black:focus-visible.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\[data-active\=true\]\]\:bg-gray-darkBlend[data-active=true]{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-variants\:hover\:bg-gray-darkBlend:hover{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:hover\:bg-transparent:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-darkBlend:focus-visible{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.layer-variants\:active\:bg-gray-darkBlend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:active\:bg-transparent:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\.btn-color-contrast\]\:hover\:bg-lighten-1:hover.btn-color-contrast{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.00175, var(--mode-mult, 1))) calc(l * pow(1.175, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-contrast\]\:focus-visible\:bg-lighten-5:focus-visible.btn-color-contrast{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.00875, var(--mode-mult, 1))) calc(l * pow(1.875, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-contrast\]\:active\:bg-lighten-4:active.btn-color-contrast{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(1.007, var(--mode-mult, 1))) calc(l * pow(1.7, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghost\]\:\[\&\[data-focus\=true\]\]\:bg-darken-5[data-focus=true].btn-color-ghost{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghost\]\:hover\:bg-darken-3:hover.btn-color-ghost{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.99965, var(--mode-mult, 1))) calc(l * pow(0.965, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:hover\:bg-darken-2:hover.btn-color-ghostAccent{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:bg-darken-1:hover.btn-color-ghostDestructive{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9998833333333333, var(--mode-mult, 1))) calc(l * pow(0.9883333333333333, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghost\]\:focus-visible\:bg-darken-5:focus-visible.btn-color-ghost{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9994166666666666, var(--mode-mult, 1))) calc(l * pow(0.9416666666666667, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:focus-visible\:bg-darken-6:focus-visible.btn-color-ghostAccent{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9993, var(--mode-mult, 1))) calc(l * pow(0.93, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:bg-darken-2:focus-visible.btn-color-ghostDestructive{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghost\]\:active\:bg-darken-6:active.btn-color-ghost{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9993, var(--mode-mult, 1))) calc(l * pow(0.93, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:active\:bg-darken-6:active.btn-color-ghostAccent{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9993, var(--mode-mult, 1))) calc(l * pow(0.93, var(--mode-mult, 1))));}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:active\:bg-darken-2:active.btn-color-ghostDestructive{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 640px){@layer variants{.layer-variants\:sm\:p-4{padding:1.00rem;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-0{top:0.00rem;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.50rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;}.layer-components\:md\:border-transparent{border-color:transparent;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0.00rem;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.50rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:md\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.50rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:hsl(from var(--v-bg,var(--color-white)) h calc(s * pow(0.9997666666666667, var(--mode-mult, 1))) calc(l * pow(0.9766666666666667, var(--mode-mult, 1))));}}}@media (min-width: 768px){@layer variants{*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:md\:active\:bg-gray-darkBlend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}
1205
+ }.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-stretch{justify-content:stretch;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-nowrap{white-space:nowrap;}.border{border-width:calc(1px * var(--global-border-scale,1));}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-r-0{border-right-width:0px;}.border-r-1px{border-right-width:1px;}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray{border-color:var(--color-gray);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.hover\:border-gray-dark:hover{border-color:var(--color-gray-dark);}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-r-primary-wash{border-right-color:var(--color-primary-wash);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.from-gray-wash{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray-light{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-light) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-wash) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black) /* var(--color-black) */;}.fill-white{fill:var(--color-white) /* var(--color-white) */;}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-1{padding:0.25rem;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-3{padding-left:0.75rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked]{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:var(--font-title, var(--font-default));}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:ring-none:disabled{--un-ring-width:0 !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.ring-white{--un-ring-color:var(--color-white) /* var(--color-white) */;}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary) /* var(--color-primary) */;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.color-and-indicator,.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.\[\&\[data-state\=on\]\]\:bg-primary[data-state=on],.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);}.bg-\$colors{background-color:var(--colors) /* var(--colors) */;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.active\:bg-accent-wash:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-in-range\]\]\:bg-darken-0\.5[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.border-color-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-color-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);}.border-color-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}@layer components{.layer-components\:\[--bg\:var\(--color-primary-wash\)\]{--bg:var(--color-primary-wash);}.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:before\:top-0::before{top:0.00rem;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-auto{overflow:auto;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror{border-width:1px;}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr{border-color:var(--color-gray);}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked],.layer-components\:border-primary-dark{border-color:var(--color-primary-dark);}.layer-components\:border-accent-dark{border-color:var(--color-accent-dark);}.layer-components\:border-attention-dark{border-color:var(--color-attention-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--color-gray);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-child\]\:rounded-t-lg:first-child,.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-of-type\]\:rounded-t-md:first-of-type{border-top-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-child\]\:rounded-b-lg:last-child{border-bottom-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-of-type\]\:rounded-b-md:last-of-type{border-bottom-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-white{fill:var(--color-white) /* var(--color-white) */;}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pb-4{padding-bottom:1.00rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\]\:shadow-sm-inset .ProseMirror,.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-sm-inset:hover{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray[data-visually-focused=true]{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:ring-accent-dark:focus-visible{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:active\:ring-accent-dark:active{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.layer-components\:\[\&\[data-disabled\]\]\:color-black[data-disabled],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray);}.layer-components\:color-accent-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-ink);}.layer-components\:color-attention-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-ink);}.layer-components\:color-darkBlend,.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-components\:color-primary-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-ink);}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:color-lighten-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:color-lighten-2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h2\]\:color-darken-4 h2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h3\]\:color-darken-3 h3{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-components\:\[\&_mark\]\:bg-primary-wash mark,.layer-components\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-\[var\(--bg\)\][data-active=true],.layer-components\:\[\&\[data-focus\=true\]\]\:bg-\[var\(--bg\)\][data-focus=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-gray-light[data-highlighted=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary[data-state=checked],.layer-components\:bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.05);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.1);}.layer-components\:bg-\[var\(--bg-neutral\,var\(--bg\)\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg-neutral,var(--bg));}.layer-components\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-components\:bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);}.layer-components\:bg-attention-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.layer-components\:bg-inherit{background-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:bg-light-blend{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:bg-overlay{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-overlay);}.layer-components\:hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:hover\:bg-gray-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:focus-visible\:bg-\[var\(--bg\)\]:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:active\:bg-\[var\(--bg\)\]:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:disabled\:bg-transparent:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:bg-lighten-4{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-lighten-4:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus\:bg-lighten-2:focus{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_mark\]\:bg-darken-3 mark{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-active\=true\]\]\:bg-darken-2[data-active=true],[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-focus\=true\]\]\:bg-darken-1[data-focus=true],.layer-components\:bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-darken-8{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-0\.5:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-3:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:ring-bg{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:focus-visible\:ring-bg:focus-visible{--un-ring-color:var(--v-bg-altered,var(--v-bg));}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--bg\:var\(--color-gray-blend\)\]{--bg:var(--color-gray-blend);}.layer-variants\:\[--bg\:var\(--color-primary\)\],.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary\)\].btn-color-primary{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\]{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray\)\]{--fill:var(--color-gray);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg-neutral\:var\(--color-accent-wash\)\].btn-color-accent{--bg-neutral:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-light\)\].btn-color-accent{--bg:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg-neutral\:var\(--color-white\)\].btn-color-default{--bg-neutral:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-gray-light\)\].btn-color-default{--bg:var(--color-gray-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention\)\].btn-color-destructive{--bg:var(--color-attention);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg-neutral\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg-neutral\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg-neutral\:transparent\].btn-color-ghostDestructive{--bg-neutral:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:oklch\(from_var\(--color-gray\)_l_c_h\/50\%\)\].btn-color-ghost{--bg:oklch(from var(--color-gray) l c h/50%);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-ghostAccent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:right-2{right:0.50rem;}.layer-variants\:top-2{top:0.50rem;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.50rem;}.layer-variants\:\[\&\.size-icon-small\]\:-m-y-0\.5.size-icon-small{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-variants\:mb-auto{margin-bottom:auto;}.layer-variants\:h-32px{height:32px;}.layer-variants\:h-full{height:100%;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:\[\&\.btn-color-accent\]\:border-accent-dark.btn-color-accent{border-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast{border-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:border-gray-dark.btn-color-default,.layer-variants\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-variants\:\[\&\.btn-color-destructive\]\:border-attention-dark.btn-color-destructive{border-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-primary\]\:border-primary-dark.btn-color-primary{border-color:var(--color-primary-dark);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon-small\]\:rounded-lg.size-icon-small,.layer-variants\:\[\&\.size-icon\]\:rounded-lg.size-icon,.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-\[var\(--fill\)\]{fill:var(--fill) /* var(--fill) */;}.layer-variants\:\[\&\.size-icon-small\]\:p-2.size-icon-small,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:\[\&\.size-icon\]\:p-2\.35.size-icon{padding:0.5875rem;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true],.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small,.layer-variants\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0.00rem;padding-bottom:0.00rem;}.layer-variants\:pb-0{padding-bottom:0.00rem;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\.size-icon-small\]\:text-xs.size-icon-small,[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\[data-active\=true\]\]\:text-black[data-active=true]{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary,.layer-variants\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary-dark:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary-dark:active[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:transition-none{transition:none;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);}.layer-variants\:\[\&\.btn-color-destructive\]\:color-black\).btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost,.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:color-black:hover.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:color-black:focus-visible.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary:focus-visible[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary:active[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:active\:bg-transparent:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\.btn-color-contrast\]\:hover\:bg-lighten-1:hover.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:focus-visible\:bg-lighten-1:focus-visible.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:active\:bg-lighten-1:active.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:hover\:bg-darken-4:hover.btn-color-ghostAccent{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 640px){@layer variants{.layer-variants\:sm\:p-4{padding:1.00rem;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-0{top:0.00rem;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.50rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;}.layer-components\:md\:border-transparent{border-color:transparent;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0.00rem;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.50rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:md\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.50rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}}}@media (min-width: 768px){@layer variants{*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}