vanilla-breeze 0.4.0 → 0.5.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 (238) hide show
  1. package/custom-elements.json +13966 -11505
  2. package/dist/cdn/components/accordion-wc.js +1 -1
  3. package/dist/cdn/components/activity-feed.js +1 -1
  4. package/dist/cdn/components/ai-chat.js +9 -6
  5. package/dist/cdn/components/ai-summary.js +4 -2
  6. package/dist/cdn/components/analytics-panel.js +19 -21
  7. package/dist/cdn/components/audio-player.js +17 -7
  8. package/dist/cdn/components/audio-visualizer.js +3 -3
  9. package/dist/cdn/components/author-index.js +2 -2
  10. package/dist/cdn/components/brand-mark.js +1 -1
  11. package/dist/cdn/components/bread-crumb.js +1 -1
  12. package/dist/cdn/components/calendar-wc.js +2 -2
  13. package/dist/cdn/components/card-list.js +1 -1
  14. package/dist/cdn/components/carousel-wc.js +1 -1
  15. package/dist/cdn/components/change-set.js +1 -11
  16. package/dist/cdn/components/chart-wc.js +32 -32
  17. package/dist/cdn/components/chat-input.js +1 -1
  18. package/dist/cdn/components/chat-window.js +1 -1
  19. package/dist/cdn/components/color-picker.js +1 -1
  20. package/dist/cdn/components/combo-box.js +1 -1
  21. package/dist/cdn/components/command-palette.js +1 -1
  22. package/dist/cdn/components/comment-box.js +49 -49
  23. package/dist/cdn/components/comment-thread.js +32 -32
  24. package/dist/cdn/components/comment-wc.js +1 -1
  25. package/dist/cdn/components/compare-surface.js +1 -1
  26. package/dist/cdn/components/consent-banner.js +1 -1
  27. package/dist/cdn/components/content-lens.js +1 -1
  28. package/dist/cdn/components/content-swap.js +1 -1
  29. package/dist/cdn/components/context-menu.js +1 -1
  30. package/dist/cdn/components/data-table.js +1 -1
  31. package/dist/cdn/components/date-picker.js +1 -1
  32. package/dist/cdn/components/day-view.js +1 -1
  33. package/dist/cdn/components/diagram-wc.js +2 -2
  34. package/dist/cdn/components/drag-surface.js +1 -1
  35. package/dist/cdn/components/drop-down.js +1 -1
  36. package/dist/cdn/components/emoji-picker.js +1 -1
  37. package/dist/cdn/components/flow-diagram.js +1 -1
  38. package/dist/cdn/components/foot-notes.js +1 -1
  39. package/dist/cdn/components/form-field.js +1 -1
  40. package/dist/cdn/components/geo-map.js +4 -4
  41. package/dist/cdn/components/glossary-index.js +1 -1
  42. package/dist/cdn/components/glossary-wc.js +1 -1
  43. package/dist/cdn/components/heading-links.js +1 -1
  44. package/dist/cdn/components/highlight-wc.js +2 -2
  45. package/dist/cdn/components/image-gallery.js +1 -1
  46. package/dist/cdn/components/image-map.js +1 -1
  47. package/dist/cdn/components/include-file.js +1 -1
  48. package/dist/cdn/components/manifest.json +100 -100
  49. package/dist/cdn/components/markdown-editor.js +1 -1
  50. package/dist/cdn/components/markdown-viewer.js +11 -11
  51. package/dist/cdn/components/nav-bar.js +1 -1
  52. package/dist/cdn/components/note-wc.js +2 -2
  53. package/dist/cdn/components/notification-wc.js +4 -4
  54. package/dist/cdn/components/page-info.js +2 -2
  55. package/dist/cdn/components/page-stats.js +1 -1
  56. package/dist/cdn/components/page-toc.js +1 -1
  57. package/dist/cdn/components/page-tools.js +1 -1
  58. package/dist/cdn/components/page-tour.js +5 -5
  59. package/dist/cdn/components/pager-wc.js +1 -1
  60. package/dist/cdn/components/poll-wc.js +1 -1
  61. package/dist/cdn/components/pop-over.js +1 -1
  62. package/dist/cdn/components/popularity-index.js +4 -4
  63. package/dist/cdn/components/print-page.js +1 -1
  64. package/dist/cdn/components/progress-tracker.js +1 -1
  65. package/dist/cdn/components/qr-code.js +1 -1
  66. package/dist/cdn/components/reaction-bar.js +1 -1
  67. package/dist/cdn/components/reader-view.js +3 -3
  68. package/dist/cdn/components/reading-progress.js +1 -1
  69. package/dist/cdn/components/recently-visited.js +7 -7
  70. package/dist/cdn/components/score-card.js +2 -2
  71. package/dist/cdn/components/selection-menu.js +1 -1
  72. package/dist/cdn/components/settings-panel.js +4 -4
  73. package/dist/cdn/components/share-wc.js +2 -2
  74. package/dist/cdn/components/short-cuts.js +1 -1
  75. package/dist/cdn/components/site-index.js +6 -6
  76. package/dist/cdn/components/site-map.js +1 -1
  77. package/dist/cdn/components/site-search.js +3 -3
  78. package/dist/cdn/components/slide-accept.js +1 -1
  79. package/dist/cdn/components/social-embed.js +1 -1
  80. package/dist/cdn/components/split-surface.js +1 -1
  81. package/dist/cdn/components/star-rating.js +1 -1
  82. package/dist/cdn/components/status-wc.js +1 -1
  83. package/dist/cdn/components/stepper-wc.js +1 -1
  84. package/dist/cdn/components/tab-set.js +1 -1
  85. package/dist/cdn/components/text-reader.js +2 -2
  86. package/dist/cdn/components/theme-picker.js +44 -44
  87. package/dist/cdn/components/time-index.js +2 -2
  88. package/dist/cdn/components/time-picker.js +1 -1
  89. package/dist/cdn/components/toast-msg.js +1 -1
  90. package/dist/cdn/components/tool-tip.js +1 -1
  91. package/dist/cdn/components/topic-map.js +3 -3
  92. package/dist/cdn/components/trust-filter.js +3 -3
  93. package/dist/cdn/components/version-switcher.js +3 -13
  94. package/dist/cdn/components/video-player.js +1 -1
  95. package/dist/cdn/components/watch-wc.js +2 -2
  96. package/dist/cdn/components/week-view.js +1 -1
  97. package/dist/cdn/components/youtube-player.js +1 -1
  98. package/dist/cdn/packs/effects.full.js +1 -1
  99. package/dist/cdn/packs/kawaii.effects.css +1 -1
  100. package/dist/cdn/packs/kawaii.full.css +1 -1
  101. package/dist/cdn/packs/kawaii.full.js +4 -4
  102. package/dist/cdn/packs/manifest.json +7 -7
  103. package/dist/cdn/packs/memphis.full.css +1 -1
  104. package/dist/cdn/packs/memphis.theme.css +1 -1
  105. package/dist/cdn/packs/ui.full.js +46 -46
  106. package/dist/cdn/themes/8bit.css +1 -1
  107. package/dist/cdn/themes/8bit.tokens.json +1 -1
  108. package/dist/cdn/themes/alpha1999-dark.tokens.json +1 -1
  109. package/dist/cdn/themes/alpha1999.tokens.json +1 -1
  110. package/dist/cdn/themes/art-deco-dark.tokens.json +33 -1
  111. package/dist/cdn/themes/art-deco.css +1 -1
  112. package/dist/cdn/themes/art-deco.tokens.json +23 -1
  113. package/dist/cdn/themes/bauhaus-dark.tokens.json +23 -1
  114. package/dist/cdn/themes/bauhaus.css +1 -1
  115. package/dist/cdn/themes/bauhaus.tokens.json +1 -1
  116. package/dist/cdn/themes/brutalist-dark.tokens.json +33 -1
  117. package/dist/cdn/themes/brutalist.css +1 -1
  118. package/dist/cdn/themes/brutalist.tokens.json +23 -1
  119. package/dist/cdn/themes/catppuccin-frappe.tokens.json +1 -1
  120. package/dist/cdn/themes/catppuccin-latte-dark.tokens.json +1 -1
  121. package/dist/cdn/themes/catppuccin-latte.tokens.json +1 -1
  122. package/dist/cdn/themes/catppuccin-macchiato.tokens.json +1 -1
  123. package/dist/cdn/themes/catppuccin-mocha.tokens.json +1 -1
  124. package/dist/cdn/themes/classic-dark.tokens.json +1 -1
  125. package/dist/cdn/themes/classic.tokens.json +1 -1
  126. package/dist/cdn/themes/claymorphism-dark.tokens.json +33 -1
  127. package/dist/cdn/themes/claymorphism.css +1 -1
  128. package/dist/cdn/themes/claymorphism.tokens.json +23 -1
  129. package/dist/cdn/themes/clinical-dark.tokens.json +1 -1
  130. package/dist/cdn/themes/clinical.tokens.json +1 -1
  131. package/dist/cdn/themes/cottagecore-dark.tokens.json +1 -1
  132. package/dist/cdn/themes/cottagecore.css +1 -1
  133. package/dist/cdn/themes/cottagecore.tokens.json +1 -1
  134. package/dist/cdn/themes/cyber.css +1 -1
  135. package/dist/cdn/themes/cyber.tokens.json +1 -1
  136. package/dist/cdn/themes/dawn-dark.tokens.json +33 -1
  137. package/dist/cdn/themes/dawn.css +1 -1
  138. package/dist/cdn/themes/dawn.tokens.json +23 -1
  139. package/dist/cdn/themes/dracula.tokens.json +1 -1
  140. package/dist/cdn/themes/dusk.css +1 -1
  141. package/dist/cdn/themes/dusk.tokens.json +1 -1
  142. package/dist/cdn/themes/editorial-dark.tokens.json +1 -1
  143. package/dist/cdn/themes/editorial.css +1 -1
  144. package/dist/cdn/themes/editorial.tokens.json +1 -1
  145. package/dist/cdn/themes/financial-dark.tokens.json +1 -1
  146. package/dist/cdn/themes/financial.tokens.json +1 -1
  147. package/dist/cdn/themes/genai.css +1 -1
  148. package/dist/cdn/themes/genai.tokens.json +1 -1
  149. package/dist/cdn/themes/glassmorphism-dark.tokens.json +1 -1
  150. package/dist/cdn/themes/glassmorphism.tokens.json +1 -1
  151. package/dist/cdn/themes/government-dark.tokens.json +1 -1
  152. package/dist/cdn/themes/government.tokens.json +1 -1
  153. package/dist/cdn/themes/gruvbox-dark.tokens.json +1 -1
  154. package/dist/cdn/themes/gruvbox.tokens.json +1 -1
  155. package/dist/cdn/themes/high-noon-dark.tokens.json +23 -1
  156. package/dist/cdn/themes/high-noon.css +1 -1
  157. package/dist/cdn/themes/high-noon.tokens.json +1 -1
  158. package/dist/cdn/themes/journal-dark.tokens.json +33 -1
  159. package/dist/cdn/themes/journal.css +1 -1
  160. package/dist/cdn/themes/journal.tokens.json +23 -1
  161. package/dist/cdn/themes/kawaii-dark.tokens.json +1 -1
  162. package/dist/cdn/themes/kawaii.css +1 -1
  163. package/dist/cdn/themes/kawaii.tokens.json +1 -1
  164. package/dist/cdn/themes/magna-dark.tokens.json +1 -1
  165. package/dist/cdn/themes/magna.tokens.json +1 -1
  166. package/dist/cdn/themes/manifest.json +26 -50
  167. package/dist/cdn/themes/midnight.tokens.json +1 -1
  168. package/dist/cdn/themes/minimal-dark.tokens.json +1 -1
  169. package/dist/cdn/themes/minimal.tokens.json +1 -1
  170. package/dist/cdn/themes/modern-dark.tokens.json +1 -1
  171. package/dist/cdn/themes/modern.tokens.json +1 -1
  172. package/dist/cdn/themes/nes-dark.tokens.json +1 -1
  173. package/dist/cdn/themes/nes.css +1 -1
  174. package/dist/cdn/themes/nes.tokens.json +1 -1
  175. package/dist/cdn/themes/neumorphism-dark.tokens.json +1 -1
  176. package/dist/cdn/themes/neumorphism.css +1 -1
  177. package/dist/cdn/themes/neumorphism.tokens.json +1 -1
  178. package/dist/cdn/themes/nord-dark.tokens.json +33 -1
  179. package/dist/cdn/themes/nord.css +1 -1
  180. package/dist/cdn/themes/nord.tokens.json +23 -1
  181. package/dist/cdn/themes/organic-dark.tokens.json +1 -1
  182. package/dist/cdn/themes/organic.css +1 -1
  183. package/dist/cdn/themes/organic.tokens.json +1 -1
  184. package/dist/cdn/themes/rose-pine-dark.tokens.json +1 -1
  185. package/dist/cdn/themes/rose-pine.tokens.json +1 -1
  186. package/dist/cdn/themes/rough-dark.tokens.json +1 -1
  187. package/dist/cdn/themes/rough.css +1 -1
  188. package/dist/cdn/themes/rough.tokens.json +1 -1
  189. package/dist/cdn/themes/solarized-dark.tokens.json +23 -1
  190. package/dist/cdn/themes/solarized.css +1 -1
  191. package/dist/cdn/themes/solarized.tokens.json +23 -1
  192. package/dist/cdn/themes/startup-dark.tokens.json +1 -1
  193. package/dist/cdn/themes/startup.tokens.json +1 -1
  194. package/dist/cdn/themes/super2026-dark.tokens.json +33 -1
  195. package/dist/cdn/themes/super2026.css +1 -1
  196. package/dist/cdn/themes/super2026.tokens.json +23 -1
  197. package/dist/cdn/themes/swiss-dark.tokens.json +1 -1
  198. package/dist/cdn/themes/swiss.css +1 -1
  199. package/dist/cdn/themes/swiss.tokens.json +1 -1
  200. package/dist/cdn/themes/terminal.css +1 -1
  201. package/dist/cdn/themes/terminal.tokens.json +1 -1
  202. package/dist/cdn/themes/tokyo-night-dark.tokens.json +33 -1
  203. package/dist/cdn/themes/tokyo-night.css +1 -1
  204. package/dist/cdn/themes/tokyo-night.tokens.json +23 -1
  205. package/dist/cdn/themes/vaporwave-dark.tokens.json +33 -1
  206. package/dist/cdn/themes/vaporwave.css +1 -1
  207. package/dist/cdn/themes/vaporwave.tokens.json +23 -1
  208. package/dist/cdn/themes/win9x-dark.tokens.json +15 -4
  209. package/dist/cdn/themes/win9x.css +1 -1
  210. package/dist/cdn/themes/win9x.tokens.json +1 -1
  211. package/dist/cdn/vanilla-breeze-autoload.js +663 -0
  212. package/dist/cdn/vanilla-breeze-charts.css +1 -1
  213. package/dist/cdn/vanilla-breeze-charts.js +32 -32
  214. package/dist/cdn/vanilla-breeze-core.css +1 -1
  215. package/dist/cdn/vanilla-breeze-core.js +78 -80
  216. package/dist/cdn/vanilla-breeze-dev.css +1 -1
  217. package/dist/cdn/vanilla-breeze-extras.js +47 -37
  218. package/dist/cdn/vanilla-breeze.css +1 -1
  219. package/dist/cdn/vanilla-breeze.js +180 -177
  220. package/package.json +12 -7
  221. package/dist/cdn/themes/amber.css +0 -2
  222. package/dist/cdn/themes/anthropic.css +0 -2
  223. package/dist/cdn/themes/anthropic.tokens.json +0 -564
  224. package/dist/cdn/themes/coral.css +0 -2
  225. package/dist/cdn/themes/emerald.css +0 -2
  226. package/dist/cdn/themes/forest.css +0 -2
  227. package/dist/cdn/themes/ibm.css +0 -2
  228. package/dist/cdn/themes/ibm.tokens.json +0 -568
  229. package/dist/cdn/themes/indigo.css +0 -2
  230. package/dist/cdn/themes/lavender.css +0 -2
  231. package/dist/cdn/themes/mcdonalds.css +0 -2
  232. package/dist/cdn/themes/mcdonalds.tokens.json +0 -533
  233. package/dist/cdn/themes/ocean.css +0 -2
  234. package/dist/cdn/themes/rose.css +0 -2
  235. package/dist/cdn/themes/slate.css +0 -2
  236. package/dist/cdn/themes/starbucks.css +0 -2
  237. package/dist/cdn/themes/starbucks.tokens.json +0 -593
  238. package/dist/cdn/themes/sunset.css +0 -2
@@ -466,7 +466,7 @@
466
466
  "$extensions": {
467
467
  "com.vanilla-breeze": {
468
468
  "spec": "2025.10",
469
- "vbVersion": "0.4.0",
469
+ "vbVersion": "0.5.0",
470
470
  "unmapped": [
471
471
  "--_mg-overlay",
472
472
  "--_mg-primary-strong",
@@ -587,7 +587,7 @@
587
587
  "$extensions": {
588
588
  "com.vanilla-breeze": {
589
589
  "spec": "2025.10",
590
- "vbVersion": "0.4.0",
590
+ "vbVersion": "0.5.0",
591
591
  "seedDerivation": true,
592
592
  "unmapped": [
593
593
  "--theme-border-style",
@@ -1,10 +1,4 @@
1
1
  {
2
- "anthropic": {
3
- "file": "anthropic.css",
4
- "size": 1881,
5
- "tier": "showcase",
6
- "dtcg": "anthropic.tokens.json"
7
- },
8
2
  "classic": {
9
3
  "file": "classic.css",
10
4
  "size": 3327,
@@ -12,18 +6,6 @@
12
6
  "dtcg": "classic.tokens.json",
13
7
  "dtcgDark": "classic-dark.tokens.json"
14
8
  },
15
- "ibm": {
16
- "file": "ibm.css",
17
- "size": 2370,
18
- "tier": "showcase",
19
- "dtcg": "ibm.tokens.json"
20
- },
21
- "mcdonalds": {
22
- "file": "mcdonalds.css",
23
- "size": 1992,
24
- "tier": "showcase",
25
- "dtcg": "mcdonalds.tokens.json"
26
- },
27
9
  "minimal": {
28
10
  "file": "minimal.css",
29
11
  "size": 2330,
@@ -38,15 +20,9 @@
38
20
  "dtcg": "modern.tokens.json",
39
21
  "dtcgDark": "modern-dark.tokens.json"
40
22
  },
41
- "starbucks": {
42
- "file": "starbucks.css",
43
- "size": 2080,
44
- "tier": "showcase",
45
- "dtcg": "starbucks.tokens.json"
46
- },
47
23
  "8bit": {
48
24
  "file": "8bit.css",
49
- "size": 12886,
25
+ "size": 12969,
50
26
  "tier": "showcase",
51
27
  "dtcg": "8bit.tokens.json"
52
28
  },
@@ -59,21 +35,21 @@
59
35
  },
60
36
  "art-deco": {
61
37
  "file": "art-deco.css",
62
- "size": 5827,
38
+ "size": 6034,
63
39
  "tier": "showcase",
64
40
  "dtcg": "art-deco.tokens.json",
65
41
  "dtcgDark": "art-deco-dark.tokens.json"
66
42
  },
67
43
  "bauhaus": {
68
44
  "file": "bauhaus.css",
69
- "size": 7637,
45
+ "size": 7790,
70
46
  "tier": "showcase",
71
47
  "dtcg": "bauhaus.tokens.json",
72
48
  "dtcgDark": "bauhaus-dark.tokens.json"
73
49
  },
74
50
  "brutalist": {
75
51
  "file": "brutalist.css",
76
- "size": 8653,
52
+ "size": 8915,
77
53
  "tier": "showcase",
78
54
  "dtcg": "brutalist.tokens.json",
79
55
  "dtcgDark": "brutalist-dark.tokens.json"
@@ -105,7 +81,7 @@
105
81
  },
106
82
  "claymorphism": {
107
83
  "file": "claymorphism.css",
108
- "size": 9211,
84
+ "size": 9501,
109
85
  "tier": "showcase",
110
86
  "dtcg": "claymorphism.tokens.json",
111
87
  "dtcgDark": "claymorphism-dark.tokens.json"
@@ -119,20 +95,20 @@
119
95
  },
120
96
  "cottagecore": {
121
97
  "file": "cottagecore.css",
122
- "size": 6635,
98
+ "size": 6716,
123
99
  "tier": "community",
124
100
  "dtcg": "cottagecore.tokens.json",
125
101
  "dtcgDark": "cottagecore-dark.tokens.json"
126
102
  },
127
103
  "cyber": {
128
104
  "file": "cyber.css",
129
- "size": 10593,
105
+ "size": 10618,
130
106
  "tier": "showcase",
131
107
  "dtcg": "cyber.tokens.json"
132
108
  },
133
109
  "dawn": {
134
110
  "file": "dawn.css",
135
- "size": 4549,
111
+ "size": 4777,
136
112
  "tier": "community",
137
113
  "dtcg": "dawn.tokens.json",
138
114
  "dtcgDark": "dawn-dark.tokens.json"
@@ -145,13 +121,13 @@
145
121
  },
146
122
  "dusk": {
147
123
  "file": "dusk.css",
148
- "size": 4204,
124
+ "size": 4287,
149
125
  "tier": "community",
150
126
  "dtcg": "dusk.tokens.json"
151
127
  },
152
128
  "editorial": {
153
129
  "file": "editorial.css",
154
- "size": 7945,
130
+ "size": 7972,
155
131
  "tier": "showcase",
156
132
  "dtcg": "editorial.tokens.json",
157
133
  "dtcgDark": "editorial-dark.tokens.json"
@@ -165,7 +141,7 @@
165
141
  },
166
142
  "genai": {
167
143
  "file": "genai.css",
168
- "size": 6469,
144
+ "size": 6496,
169
145
  "tier": "showcase",
170
146
  "dtcg": "genai.tokens.json"
171
147
  },
@@ -192,21 +168,21 @@
192
168
  },
193
169
  "high-noon": {
194
170
  "file": "high-noon.css",
195
- "size": 4239,
171
+ "size": 4340,
196
172
  "tier": "community",
197
173
  "dtcg": "high-noon.tokens.json",
198
174
  "dtcgDark": "high-noon-dark.tokens.json"
199
175
  },
200
176
  "journal": {
201
177
  "file": "journal.css",
202
- "size": 5549,
178
+ "size": 5825,
203
179
  "tier": "showcase",
204
180
  "dtcg": "journal.tokens.json",
205
181
  "dtcgDark": "journal-dark.tokens.json"
206
182
  },
207
183
  "kawaii": {
208
184
  "file": "kawaii.css",
209
- "size": 12620,
185
+ "size": 12704,
210
186
  "tier": "community",
211
187
  "dtcg": "kawaii.tokens.json",
212
188
  "dtcgDark": "kawaii-dark.tokens.json"
@@ -226,28 +202,28 @@
226
202
  },
227
203
  "nes": {
228
204
  "file": "nes.css",
229
- "size": 14885,
205
+ "size": 14989,
230
206
  "tier": "showcase",
231
207
  "dtcg": "nes.tokens.json",
232
208
  "dtcgDark": "nes-dark.tokens.json"
233
209
  },
234
210
  "neumorphism": {
235
211
  "file": "neumorphism.css",
236
- "size": 18712,
212
+ "size": 18848,
237
213
  "tier": "showcase",
238
214
  "dtcg": "neumorphism.tokens.json",
239
215
  "dtcgDark": "neumorphism-dark.tokens.json"
240
216
  },
241
217
  "nord": {
242
218
  "file": "nord.css",
243
- "size": 5412,
219
+ "size": 5598,
244
220
  "tier": "community",
245
221
  "dtcg": "nord.tokens.json",
246
222
  "dtcgDark": "nord-dark.tokens.json"
247
223
  },
248
224
  "organic": {
249
225
  "file": "organic.css",
250
- "size": 7690,
226
+ "size": 7762,
251
227
  "tier": "showcase",
252
228
  "dtcg": "organic.tokens.json",
253
229
  "dtcgDark": "organic-dark.tokens.json"
@@ -261,14 +237,14 @@
261
237
  },
262
238
  "rough": {
263
239
  "file": "rough.css",
264
- "size": 11774,
240
+ "size": 11760,
265
241
  "tier": "showcase",
266
242
  "dtcg": "rough.tokens.json",
267
243
  "dtcgDark": "rough-dark.tokens.json"
268
244
  },
269
245
  "solarized": {
270
246
  "file": "solarized.css",
271
- "size": 4136,
247
+ "size": 4312,
272
248
  "tier": "community",
273
249
  "dtcg": "solarized.tokens.json",
274
250
  "dtcgDark": "solarized-dark.tokens.json"
@@ -282,41 +258,41 @@
282
258
  },
283
259
  "super2026": {
284
260
  "file": "super2026.css",
285
- "size": 16741,
261
+ "size": 16936,
286
262
  "tier": "showcase",
287
263
  "dtcg": "super2026.tokens.json",
288
264
  "dtcgDark": "super2026-dark.tokens.json"
289
265
  },
290
266
  "swiss": {
291
267
  "file": "swiss.css",
292
- "size": 6542,
268
+ "size": 6647,
293
269
  "tier": "showcase",
294
270
  "dtcg": "swiss.tokens.json",
295
271
  "dtcgDark": "swiss-dark.tokens.json"
296
272
  },
297
273
  "terminal": {
298
274
  "file": "terminal.css",
299
- "size": 9953,
275
+ "size": 9978,
300
276
  "tier": "community",
301
277
  "dtcg": "terminal.tokens.json"
302
278
  },
303
279
  "tokyo-night": {
304
280
  "file": "tokyo-night.css",
305
- "size": 4462,
281
+ "size": 4648,
306
282
  "tier": "community",
307
283
  "dtcg": "tokyo-night.tokens.json",
308
284
  "dtcgDark": "tokyo-night-dark.tokens.json"
309
285
  },
310
286
  "vaporwave": {
311
287
  "file": "vaporwave.css",
312
- "size": 8182,
288
+ "size": 8420,
313
289
  "tier": "showcase",
314
290
  "dtcg": "vaporwave.tokens.json",
315
291
  "dtcgDark": "vaporwave-dark.tokens.json"
316
292
  },
317
293
  "win9x": {
318
294
  "file": "win9x.css",
319
- "size": 17296,
295
+ "size": 17502,
320
296
  "tier": "showcase",
321
297
  "dtcg": "win9x.tokens.json",
322
298
  "dtcgDark": "win9x-dark.tokens.json"
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.4.0",
526
+ "vbVersion": "0.5.0",
527
527
  "unmapped": [
528
528
  "--theme-border-style",
529
529
  "--theme-icon-set",
@@ -287,7 +287,7 @@
287
287
  "$extensions": {
288
288
  "com.vanilla-breeze": {
289
289
  "spec": "2025.10",
290
- "vbVersion": "0.4.0",
290
+ "vbVersion": "0.5.0",
291
291
  "seedDerivation": true
292
292
  }
293
293
  }
@@ -487,7 +487,7 @@
487
487
  "$extensions": {
488
488
  "com.vanilla-breeze": {
489
489
  "spec": "2025.10",
490
- "vbVersion": "0.4.0",
490
+ "vbVersion": "0.5.0",
491
491
  "seedDerivation": true
492
492
  }
493
493
  }
@@ -483,7 +483,7 @@
483
483
  "$extensions": {
484
484
  "com.vanilla-breeze": {
485
485
  "spec": "2025.10",
486
- "vbVersion": "0.4.0",
486
+ "vbVersion": "0.5.0",
487
487
  "seedDerivation": true
488
488
  }
489
489
  }
@@ -566,7 +566,7 @@
566
566
  "$extensions": {
567
567
  "com.vanilla-breeze": {
568
568
  "spec": "2025.10",
569
- "vbVersion": "0.4.0",
569
+ "vbVersion": "0.5.0",
570
570
  "seedDerivation": true
571
571
  }
572
572
  }
@@ -523,7 +523,7 @@
523
523
  "$extensions": {
524
524
  "com.vanilla-breeze": {
525
525
  "spec": "2025.10",
526
- "vbVersion": "0.4.0",
526
+ "vbVersion": "0.5.0",
527
527
  "unmapped": [
528
528
  "--_nes-color-black",
529
529
  "--_nes-color-dark",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-surface-overlay: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-hover-bg: var(--_nes-color-light);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-s: 4px 4px 0 oklch(0% 0 0);--shadow-m: 8px 8px 0 oklch(0% 0 0);--shadow-l: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}.nes-dialog-footer,dialog .dialog-footer{display:flex}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;align-items:center;gap:.75rem;&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}:is(main,article) input[type=checkbox],:is(main,article) input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}:is(main,article) input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-m);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-border-color: var(--_nes-color-black);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--_nes-color-white);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}& input[data-switch]{border-radius:0;background:var(--_nes-color-dark)}& input[data-switch]:before{border-radius:0;background:var(--_nes-color-white);box-shadow:none}& input[data-switch]:checked{background:var(--color-primary)}& input[data-switch]:focus-visible{outline-width:4px}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(17% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-surface-overlay: oklch(23% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-hover-bg: oklch(28% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-s: 4px 4px 0 oklch(0% 0 0);--shadow-m: 8px 8px 0 oklch(0% 0 0);--shadow-l: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250));--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--_nes-color-light);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt)}}}
1
+ @import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=nes],[data-theme~=nes]{--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(30% 0 0);--_nes-color-light: oklch(85% 0 0);--_nes-color-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-surface-overlay: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--caret-color: var(--color-primary);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-success-subtle: oklch(90% .06 145);--color-success-text: oklch(35% .12 145);--color-warning: oklch(75% .18 90);--color-warning-subtle: oklch(92% .06 90);--color-warning-text: oklch(40% .12 90);--color-error: oklch(55% .22 25);--color-error-subtle: oklch(90% .06 25);--color-error-text: oklch(35% .15 25);--color-info: oklch(55% .12 220);--color-info-subtle: oklch(90% .05 220);--color-info-text: oklch(35% .1 220);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-hover-bg: var(--_nes-color-light);--_nes-border-raised: inset -4px -4px var(--_nes-color-dark), inset 4px 4px var(--_nes-color-white), inset -8px -8px var(--_nes-color-black), inset 8px 8px var(--_nes-color-light);--_nes-border-pressed: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light), inset 8px 8px var(--_nes-color-black), inset -8px -8px var(--_nes-color-white);--_nes-border-sunken: inset 4px 4px var(--_nes-color-dark), inset -4px -4px var(--_nes-color-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--font-size-adjust: .45;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-s: 4px 4px 0 oklch(0% 0 0);--shadow-m: 8px 8px 0 oklch(0% 0 0);--shadow-l: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: var(--_nes-color-black);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-black);--control-radius-check: 0;--control-radius-radio: 0;--input-bg: var(--color-surface);--input-border: var(--_nes-color-black);--input-border-focus: var(--color-primary);--range-track-h: .5rem;--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-size: 1.5rem;--range-thumb-bg: var(--_nes-color-white);--range-thumb-border: var(--_nes-color-black);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);--btn-border-width: 0px;box-shadow:var(--_nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--_nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--_nes-color-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--_nes-color-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--_nes-color-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--_nes-color-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);border-bottom:4px solid var(--_nes-color-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;gap:1rem;justify-content:flex-end;border-top:4px solid var(--_nes-color-dark)}.nes-dialog-footer,dialog .dialog-footer{display:flex}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--_nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--_nes-color-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);list-style:none;align-items:center;gap:.75rem;&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--_nes-color-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--_nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--_nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}@supports (appearance: base-select){& select:not([multiple]){background-image:none}& select:not([multiple])::picker-icon{color:var(--_nes-color-black)}& select:not([multiple]):open{outline:4px solid var(--color-primary);outline-offset:0}& select:not([multiple])::picker(select){border:none;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& select:not([multiple]) option:hover{background:var(--color-primary);color:var(--_nes-color-white)}& select:not([multiple]) option:checked{background:var(--color-primary-subtle);color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--color-text-muted)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--_nes-color-dark);border-width:4px}}:is(main,article) input[type=checkbox],:is(main,article) input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--_nes-color-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}:is(main,article) input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--_nes-color-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--_nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr:not([data-ornament]){border:none;height:4px;background:var(--_nes-color-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--font-size-xl);color:var(--color-primary)}& h2{font-size:var(--font-size-m);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--_nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--_nes-border-raised);padding:1.5rem;margin-block:1rem;margin-inline:0;position:relative;&:before{content:"\201c" / "";font-size:2rem;color:var(--color-primary);position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem}&:dir(rtl):before{content:"\201d" / ""}}& pre{background:var(--_nes-color-black);color:var(--_nes-color-white);box-shadow:var(--_nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-xs)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--font-size-xs)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--_nes-color-black);--cb-code-bg: var(--_nes-color-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--_nes-color-white);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-border-color: var(--_nes-color-black);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--_nes-color-white);--browser-window-border-color: var(--_nes-color-black);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--_nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--_nes-color-dark)}& th{background:var(--color-primary);color:var(--_nes-color-white)}& tr:last-child td{border-bottom:none}& input[data-switch]{border-radius:0;background:var(--_nes-color-dark)}& input[data-switch]:before{border-radius:0;background:var(--_nes-color-white);box-shadow:none}& input[data-switch]:checked{background:var(--color-primary)}& input[data-switch]:focus-visible{outline-width:4px}::selection{background:var(--color-primary);color:var(--_nes-color-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--_nes-color-black: oklch(0% 0 0);--_nes-color-dark: oklch(25% 0 0);--_nes-color-light: oklch(70% 0 0);--_nes-color-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(17% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-surface-overlay: oklch(23% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--color-hover-bg: oklch(28% 0 0);--color-hover-text: var(--color-primary);--color-active-text: var(--color-primary);--color-primary: oklch(65% .18 250);--color-primary-hover: oklch(70% .2 250);--color-primary-subtle: oklch(25% .08 250);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-success: oklch(65% .18 145);--color-success-subtle: oklch(22% .06 145);--color-success-text: oklch(75% .12 145);--color-warning: oklch(80% .18 90);--color-warning-subtle: oklch(25% .08 90);--color-warning-text: oklch(82% .12 90);--color-error: oklch(65% .22 25);--color-error-subtle: oklch(22% .06 25);--color-error-text: oklch(75% .15 25);--color-info: oklch(65% .12 220);--color-info-subtle: oklch(22% .05 220);--color-info-text: oklch(75% .1 220);--color-border: oklch(45% 0 0);--color-border-muted: oklch(35% 0 0);--color-border-strong: oklch(60% 0 0);--control-size: 1.5rem;--control-border: var(--_nes-color-white);--control-checked-bg: var(--color-primary);--control-checked-border: var(--_nes-color-white);--input-bg: var(--color-surface-sunken);--input-border: var(--_nes-color-light);--input-border-focus: var(--color-primary);--range-track-bg: var(--_nes-color-dark);--range-track-fill: var(--color-primary);--range-thumb-bg: var(--color-surface);--range-thumb-border: var(--_nes-color-white);--progress-track-bg: var(--_nes-color-dark);--progress-fill: oklch(70% .2 145);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-s: 4px 4px 0 oklch(0% 0 0);--shadow-m: 8px 8px 0 oklch(0% 0 0);--shadow-l: 8px 8px 0 oklch(0% 0 0 / .8);--shadow-xl: 12px 12px 0 oklch(0% 0 0 / .8);--shadow-2xl: 16px 16px 0 oklch(0% 0 0 / .8);:is(main,article) code-block{--cb-header-bg: oklch(25% 0 0);--cb-label-color: var(--_nes-color-light);--cb-comment: oklch(50% 0 0);--cb-button-bg: oklch(30% 0 0);--cb-button-color: var(--_nes-color-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(15% 0 0);--cb-scrollbar-thumb: oklch(40% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: linear-gradient(90deg, oklch(30% .15 250), oklch(45% .08 250));--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--_nes-color-light);--browser-window-text-color: var(--_nes-color-white);--browser-window-text-muted: var(--_nes-color-light);--browser-window-url-bg: var(--color-surface-sunken);--browser-window-hover-bg: var(--color-surface-alt)}}}
2
2
  /*# sourceMappingURL=nes.css.map */
@@ -654,7 +654,7 @@
654
654
  "$extensions": {
655
655
  "com.vanilla-breeze": {
656
656
  "spec": "2025.10",
657
- "vbVersion": "0.4.0",
657
+ "vbVersion": "0.5.0",
658
658
  "unmapped": [
659
659
  "--_nes-color-black",
660
660
  "--_nes-color-dark",
@@ -424,7 +424,7 @@
424
424
  "$extensions": {
425
425
  "com.vanilla-breeze": {
426
426
  "spec": "2025.10",
427
- "vbVersion": "0.4.0",
427
+ "vbVersion": "0.5.0",
428
428
  "unmapped": [
429
429
  "--input-bg",
430
430
  "--input-border",
@@ -1,2 +1,2 @@
1
- @import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=neumorphism],[data-theme~=neumorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(89% .008 250);--color-surface: oklch(89% .008 250);--color-surface-alt: oklch(87% .008 250);--color-surface-raised: oklch(90% .008 250);--color-surface-sunken: oklch(83% .012 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(18% .01 250);--color-text-muted: oklch(33% .01 250);--color-text-subtle: oklch(45% .008 250);--color-primary: oklch(48% .18 250);--color-primary-hover: oklch(42% .2 250);--color-primary-subtle: oklch(85% .04 250);--color-accent: oklch(55% .15 310);--color-accent-hover: oklch(50% .16 310);--color-border: oklch(82% .006 250);--color-border-muted: oklch(85% .005 250);--color-border-strong: oklch(72% .01 250);--color-success: oklch(52% .14 150);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .14 250);--_neu-dark: oklch(65% .01 250);--_neu-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-s: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-m: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-l: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--control-border: oklch(80% .006 250);--control-checked-bg: oklch(48% .18 250);--control-checked-border: oklch(48% .18 250);--control-radius-check: var(--radius-s);--input-bg: oklch(87% .008 250);--input-border: oklch(82% .006 250);--input-border-focus: oklch(48% .18 250);--range-track-bg: oklch(80% .008 250);--range-track-fill: oklch(48% .18 250);--range-thumb-bg: oklch(89% .008 250);--range-thumb-border: oklch(80% .006 250);--progress-track-bg: oklch(80% .008 250);--progress-fill: oklch(48% .18 250)}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 2px 2px 5px var(--_neu-dark),inset -2px -2px 5px var(--_neu-light);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.01em;color:#070c11;text-shadow:1px 1px 0 oklch(100% 0 0 / .6)}& h3,h4{color:#13161a}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:oklch(48% .18 250 / .4);text-underline-offset:.15em;transition:text-decoration-color .2s var(--ease-default);&:hover{text-decoration-color:var(--color-primary)}}& blockquote{border-inline-start:none;padding:1.25rem 1.5rem 1.25rem 2.5rem;color:#2a2e33;box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);background:var(--color-background);position:relative;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-background);box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}}.button,button{background:var(--color-background);border:none;color:var(--color-primary);font-weight:600;letter-spacing:.01em;box-shadow:5px 5px 10px var(--_neu-dark),-5px -5px 10px var(--_neu-light);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:7px 7px 14px var(--_neu-dark),-7px -7px 14px var(--_neu-light);transform:translateY(-1px)}&:active{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);transform:translateY(0)}}.card{border:none;background:var(--color-background);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:10px 10px 20px var(--_neu-dark),-10px -10px 20px var(--_neu-light);transform:translateY(-2px)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);transition:box-shadow .2s var(--ease-default);&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .2);outline:none}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border:none;border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& table{border-radius:var(--radius-l);box-shadow:var(--shadow-s)}& aside:not(layout-sidebar aside){border-inline-start-width:4px;border-inline-start-style:solid;background:var(--color-background);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& details{border:none;background:var(--color-background);box-shadow:var(--shadow-xs);border-radius:var(--radius-m);overflow:hidden;& summary{font-weight:600}&[open]{box-shadow:var(--shadow-s)}}& output{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s);border:none}:not(pre)>code{background:var(--color-surface-raised);box-shadow:1px 1px 2px var(--_neu-dark),-1px -1px 2px var(--_neu-light);border:none;border-radius:var(--radius-s)}& fieldset{border:none;background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l)}& mark{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border-radius:var(--radius-xs)}& progress{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);overflow:hidden}& meter{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}& tab-set{background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l);border:none;padding:var(--size-s);& summary{border:none;border-block-end:none;border-radius:var(--radius-s);background:transparent;box-shadow:none;font-weight:600;color:var(--color-text-muted);transition:box-shadow .2s var(--ease-default),color .2s;padding:var(--size-xs) var(--size-m);&:hover{color:var(--color-text)}}& details[open]>summary{color:var(--color-primary);border-block-end-color:transparent;background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}& details>div{border:none}}& slide-accept{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-full);background:var(--color-background)}& carousel-wc{background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l);padding:var(--size-s);border:none}& dialog{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);>header,>section,>footer{border-color:transparent}>header{border-block-end:none;box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}>footer{border-block-start:none;box-shadow:inset 0 2px 3px -1px var(--_neu-dark),0 -1px 0 0 var(--_neu-light)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}& context-menu menu,context-menu ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}[data-toggle-tags]{[role=option],button{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);&[aria-pressed=true],&[aria-selected=true]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}.number-wrapper{box-shadow:var(--shadow-xs);border-radius:var(--radius-full);border:none;background:var(--color-background);& button{box-shadow:none;background:transparent;border-radius:0;transform:none;&:hover:not(:disabled){background:#ffffff4d;box-shadow:none;transform:none}&:active:not(:disabled){background:#0000000d;box-shadow:none;transform:none}}& input[type=number]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:0;border-inline:1px solid var(--color-border-muted)}&:focus-within{box-shadow:var(--shadow-xs),0 0 0 3px oklch(48% .18 250 / .15);border-color:transparent}}:is(fieldset,.card,tab-set,carousel-wc,dialog,drop-down menu,context-menu menu){:is(button,.button){box-shadow:3px 3px 6px var(--_neu-dark),-3px -3px 6px var(--_neu-light);&:hover{box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light)}&:active{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light)}}& details{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}}& code-block{--cb-bg: var(--color-background);--cb-code-bg: var(--color-surface-sunken);--cb-border-color: transparent;--cb-border-radius: var(--radius-xl);--cb-shadow: none;--cb-margin: var(--size-m) 0;--cb-header-padding: .5rem 1rem;--cb-button-bg: transparent;--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-sunken);--cb-button-hover-border: transparent;--cb-action-button-hover-bg: var(--color-surface-sunken);--cb-focus-color: oklch(48% .18 250 / .3);--cb-success-color: var(--color-success);--cb-error-color: var(--color-error);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(48% .18 250);--cb-string: oklch(52% .14 150);--cb-function: oklch(55% .15 310);--cb-number: oklch(58% .14 45);--cb-attribute: oklch(48% .14 250);--cb-tag: oklch(52% .14 150);--cb-meta: oklch(55% .12 60);--cb-builtin: oklch(48% .18 250);--cb-highlight-bg: oklch(48% .18 250 / .08);--cb-highlight-border: oklch(48% .18 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-scrollbar-thumb-hover: var(--color-text-subtle);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary);--cb-expand-hover-bg: var(--color-surface-raised);box-shadow:var(--shadow-m);border-radius:var(--radius-xl);border:none}& browser-window{--browser-window-border-color: transparent;box-shadow:var(--shadow-m);border-radius:var(--radius-xl);border:none}& command-palette>dialog,command-palette>[popover]{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);& input{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);&:focus{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .15);outline:none}}& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&[aria-selected=true]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}}& nav a{border-radius:var(--radius-s);transition:box-shadow .15s var(--ease-default),background .15s var(--ease-default),color .15s;&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}& nav.tree details,nav.tree [data-sidebar-section],nav.tree [data-sidebar-group]{box-shadow:none;border:none;background:transparent;& summary{box-shadow:none;border:none;background:transparent;border-radius:var(--radius-s);&:hover{background:var(--color-surface-sunken);box-shadow:inset 1px 1px 3px var(--_neu-dark),inset -1px -1px 3px var(--_neu-light)}}& a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);color:var(--color-primary)}}}& page-toc{.link,a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[aria-current=true] a,.active{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}& nav.horizontal a{border-radius:var(--radius-s)}& nav.breadcrumb a{border-radius:var(--radius-s)}& settings-panel .settings-panel,theme-picker .panel{border:none;background:var(--color-background);box-shadow:var(--shadow-l);border-radius:var(--radius-xl);& details{border:none;box-shadow:none;background:transparent;&:not(:last-child){box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}}& select{background:var(--color-surface-sunken);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-m)}[data-segmented]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m)}.toggle-row,label:has(input[type=checkbox]){background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m);padding:var(--size-xs) var(--size-m)}}::selection{background:oklch(48% .18 250 / .25);color:#080c0f}}:root[data-theme~=neumorphism][data-mode=dark],[data-theme~=neumorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .008 250);--color-surface: oklch(22% .008 250);--color-surface-alt: oklch(20% .008 250);--color-surface-raised: oklch(25% .008 250);--color-surface-sunken: oklch(18% .01 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(92% .005 250);--color-text-muted: oklch(75% .005 250);--color-text-subtle: oklch(58% .005 250);--color-primary: oklch(70% .15 250);--color-primary-hover: oklch(75% .16 250);--color-primary-subtle: oklch(30% .05 250);--color-accent: oklch(72% .12 310);--color-accent-hover: oklch(77% .13 310);--color-border: oklch(30% .006 250);--color-border-muted: oklch(27% .005 250);--color-border-strong: oklch(40% .008 250);--color-success: oklch(68% .14 150);--color-warning: oklch(78% .14 80);--color-error: oklch(65% .16 25);--color-info: oklch(70% .14 250);--input-bg: oklch(20% .008 250);--input-border: oklch(30% .006 250);--input-border-focus: oklch(70% .15 250);--control-border: oklch(30% .006 250);--control-checked-bg: oklch(70% .15 250);--control-checked-border: oklch(70% .15 250);--range-track-bg: oklch(18% .008 250);--range-track-fill: oklch(70% .15 250);--range-thumb-bg: oklch(22% .008 250);--range-thumb-border: oklch(30% .006 250);--progress-track-bg: oklch(18% .008 250);--progress-fill: oklch(70% .15 250);--_neu-dark: oklch(8% .005 250);--_neu-light: oklch(35% .01 250);--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-s: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-m: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-l: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);:is(main,article){& h1,h2{color:#e2e5e8;text-shadow:1px 1px 0 oklch(32% .005 250 / .5)}& blockquote{color:#acaeb1;background:var(--color-background);&:before{background:var(--color-background);color:var(--color-primary)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}& code-block{--cb-bg: var(--color-surface-sunken);--cb-code-bg: var(--color-surface-sunken);--cb-header-bg: var(--color-surface);--cb-button-bg: var(--color-surface);--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-raised);--cb-action-button-hover-bg: var(--color-surface-raised);--cb-focus-color: oklch(70% .15 250 / .3);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(70% .15 250);--cb-string: oklch(68% .14 150);--cb-function: oklch(72% .12 310);--cb-number: oklch(75% .12 45);--cb-attribute: oklch(70% .12 250);--cb-tag: oklch(68% .14 150);--cb-meta: oklch(72% .12 60);--cb-builtin: oklch(70% .15 250);--cb-highlight-bg: oklch(70% .15 250 / .1);--cb-highlight-border: oklch(70% .15 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary)}::selection{background:#4ba3f74d;color:#e2e5e8}}}
1
+ @import"https://fonts.googleapis.com/css2?family=Nunito:wght@400..700&display=swap";@layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=neumorphism],[data-theme~=neumorphism]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(89% .008 250);--color-surface: oklch(89% .008 250);--color-surface-alt: oklch(87% .008 250);--color-surface-raised: oklch(90% .008 250);--color-surface-sunken: oklch(83% .012 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(18% .01 250);--color-text-muted: oklch(33% .01 250);--color-text-subtle: oklch(45% .008 250);--color-primary: oklch(48% .18 250);--color-primary-hover: oklch(42% .2 250);--color-primary-subtle: oklch(85% .04 250);--color-accent: oklch(55% .15 310);--color-accent-hover: oklch(50% .16 310);--color-border: oklch(82% .006 250);--color-border-muted: oklch(85% .005 250);--color-border-strong: oklch(72% .01 250);--color-success: oklch(52% .14 150);--color-warning: oklch(68% .14 80);--color-error: oklch(50% .18 25);--color-info: oklch(48% .14 250);--_neu-dark: oklch(65% .01 250);--_neu-light: oklch(100% 0 0);--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-s: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-m: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-l: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--control-border: oklch(80% .006 250);--control-checked-bg: oklch(48% .18 250);--control-checked-border: oklch(48% .18 250);--control-radius-check: var(--radius-s);--input-bg: oklch(87% .008 250);--input-border: oklch(82% .006 250);--input-border-focus: oklch(48% .18 250);--range-track-bg: oklch(80% .008 250);--range-track-fill: oklch(48% .18 250);--range-thumb-bg: oklch(89% .008 250);--range-thumb-border: oklch(80% .006 250);--progress-track-bg: oklch(80% .008 250);--progress-fill: oklch(48% .18 250)}:root[data-theme~=neumorphism],[data-theme~=neumorphism]{:is(main,article){& hr:not([data-ornament]){border:none;height:4px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 2px 2px 5px var(--_neu-dark),inset -2px -2px 5px var(--_neu-light);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.01em;color:#070c11;text-shadow:1px 1px 0 oklch(100% 0 0 / .6)}& h3,h4{color:#13161a}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:oklch(48% .18 250 / .4);text-underline-offset:.15em;transition:text-decoration-color .2s var(--ease-default);&:hover{text-decoration-color:var(--color-primary)}}& blockquote{border-inline-start:none;padding-block:1.25rem;padding-inline:2.5rem 1.5rem;color:#2a2e33;box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);background:var(--color-background);position:relative;&:before{content:"\201c" / "";position:absolute;inset-block-start:-.5rem;inset-inline-start:1rem;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-background);box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1}&:dir(rtl):before{content:"\201d" / ""}}.button,button{background:var(--color-background);--btn-border-width: 0px;color:var(--color-primary);font-weight:600;letter-spacing:.01em;box-shadow:5px 5px 10px var(--_neu-dark),-5px -5px 10px var(--_neu-light);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:7px 7px 14px var(--_neu-dark),-7px -7px 14px var(--_neu-light);transform:translateY(-1px)}&:active{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);transform:translateY(0)}}.card{border:none;background:var(--color-background);transition:box-shadow .2s var(--ease-default),transform .2s var(--ease-default);&:hover{box-shadow:10px 10px 20px var(--_neu-dark),-10px -10px 20px var(--_neu-light);transform:translateY(-2px)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border-radius:var(--radius-l);transition:box-shadow .2s var(--ease-default);&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .2);outline:none}&::placeholder{color:var(--color-text-subtle)}}& pre{box-shadow:inset 4px 4px 8px var(--_neu-dark),inset -4px -4px 8px var(--_neu-light);border:none;border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& table{border-radius:var(--radius-l);box-shadow:var(--shadow-s)}& aside:not(layout-sidebar aside){border-inline-start-width:4px;border-inline-start-style:solid;background:var(--color-background);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border-radius:var(--radius-l);padding:var(--size-m) var(--size-l)}& details{border:none;background:var(--color-background);box-shadow:var(--shadow-xs);border-radius:var(--radius-m);overflow:hidden;& summary{font-weight:600}&[open]{box-shadow:var(--shadow-s)}}& output{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s);border:none}:not(pre)>code{background:var(--color-surface-raised);box-shadow:1px 1px 2px var(--_neu-dark),-1px -1px 2px var(--_neu-light);border:none;border-radius:var(--radius-s)}& fieldset{border:none;background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l)}& mark{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border-radius:var(--radius-xs)}& progress{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);overflow:hidden}& meter{border-radius:var(--radius-full);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}& tab-set{background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l);border:none;padding:var(--size-s);& summary{border:none;border-block-end:none;border-radius:var(--radius-s);background:transparent;box-shadow:none;font-weight:600;color:var(--color-text-muted);transition:box-shadow .2s var(--ease-default),color .2s;padding:var(--size-xs) var(--size-m);&:hover{color:var(--color-text)}}& details[open]>summary{color:var(--color-primary);border-block-end-color:transparent;background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}& details>div{border:none}}& slide-accept{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-full);background:var(--color-background)}& carousel-wc{background:var(--color-background);box-shadow:var(--shadow-s);border-radius:var(--radius-l);padding:var(--size-s);border:none}& dialog{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);>header,>section,>footer{border-color:transparent}>header{border-block-end:none;box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}>footer{border-block-start:none;box-shadow:inset 0 2px 3px -1px var(--_neu-dark),0 -1px 0 0 var(--_neu-light)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}& context-menu menu,context-menu ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[role=separator]{border:none;height:3px;border-radius:var(--radius-full);background:var(--color-background);box-shadow:inset 1px 1px 2px var(--_neu-dark),inset -1px -1px 2px var(--_neu-light);margin-block:var(--size-2xs)}}[data-toggle-tags]{[role=option],button{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);&[aria-pressed=true],&[aria-selected=true]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}.number-wrapper{box-shadow:var(--shadow-xs);border-radius:var(--radius-full);border:none;background:var(--color-background);& button{box-shadow:none;background:transparent;border-radius:0;transform:none;&:hover:not(:disabled){background:#ffffff4d;box-shadow:none;transform:none}&:active:not(:disabled){background:#0000000d;box-shadow:none;transform:none}}& input[type=number]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:0;border-inline:1px solid var(--color-border-muted)}&:focus-within{box-shadow:var(--shadow-xs),0 0 0 3px oklch(48% .18 250 / .15);border-color:transparent}}:is(fieldset,.card,tab-set,carousel-wc,dialog,drop-down menu,context-menu menu){:is(button,.button){box-shadow:3px 3px 6px var(--_neu-dark),-3px -3px 6px var(--_neu-light);&:hover{box-shadow:4px 4px 8px var(--_neu-dark),-4px -4px 8px var(--_neu-light)}&:active{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light)}}& details{box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light)}}& code-block{--cb-bg: var(--color-background);--cb-code-bg: var(--color-surface-sunken);--cb-border-color: transparent;--cb-border-radius: var(--radius-xl);--cb-shadow: none;--cb-margin: var(--size-m) 0;--cb-header-padding: .5rem 1rem;--cb-button-bg: transparent;--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-sunken);--cb-button-hover-border: transparent;--cb-action-button-hover-bg: var(--color-surface-sunken);--cb-focus-color: oklch(48% .18 250 / .3);--cb-success-color: var(--color-success);--cb-error-color: var(--color-error);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(48% .18 250);--cb-string: oklch(52% .14 150);--cb-function: oklch(55% .15 310);--cb-number: oklch(58% .14 45);--cb-attribute: oklch(48% .14 250);--cb-tag: oklch(52% .14 150);--cb-meta: oklch(55% .12 60);--cb-builtin: oklch(48% .18 250);--cb-highlight-bg: oklch(48% .18 250 / .08);--cb-highlight-border: oklch(48% .18 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-scrollbar-thumb-hover: var(--color-text-subtle);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary);--cb-expand-hover-bg: var(--color-surface-raised);box-shadow:var(--shadow-m);border-radius:var(--radius-xl);border:none}& browser-window{--browser-window-border-color: transparent;box-shadow:var(--shadow-m);border-radius:var(--radius-xl);border:none}& command-palette>dialog,command-palette>[popover]{border:none;background:var(--color-background);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);& input{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);&:focus{box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light),0 0 0 3px oklch(48% .18 250 / .15);outline:none}}& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&[aria-selected=true]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}}& nav a{border-radius:var(--radius-s);transition:box-shadow .15s var(--ease-default),background .15s var(--ease-default),color .15s;&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]:not(:is(nav.breadcrumb,bread-crumb) *){box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}& nav.tree details,nav.tree [data-sidebar-section],nav.tree [data-sidebar-group]{box-shadow:none;border:none;background:transparent;& summary{box-shadow:none;border:none;background:transparent;border-radius:var(--radius-s);&:hover{background:var(--color-surface-sunken);box-shadow:inset 1px 1px 3px var(--_neu-dark),inset -1px -1px 3px var(--_neu-light)}}& a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}&[aria-current=page]{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);color:var(--color-primary)}}}& page-toc{.link,a{border-radius:var(--radius-s);&:hover{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}[aria-current=true] a,.active{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border-radius:var(--radius-s)}}& drop-down menu,drop-down ul[role=menu]{border:none;background:var(--color-background);box-shadow:var(--shadow-m);border-radius:var(--radius-l);padding:var(--size-xs);& a,button{box-shadow:none;background:transparent;border-radius:var(--radius-s);&:hover,&:focus{box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light)}}}& nav.horizontal a{border-radius:var(--radius-s)}& nav.breadcrumb a{border-radius:var(--radius-s)}& settings-panel .settings-panel,theme-picker .panel{border:none;background:var(--color-background);box-shadow:var(--shadow-l);border-radius:var(--radius-xl);& details{border:none;box-shadow:none;background:transparent;&:not(:last-child){box-shadow:inset 0 -2px 3px -1px var(--_neu-dark),0 1px 0 0 var(--_neu-light)}}& select{background:var(--color-surface-sunken);box-shadow:inset 3px 3px 6px var(--_neu-dark),inset -3px -3px 6px var(--_neu-light);border:none;border-radius:var(--radius-m)}[data-segmented]{background:var(--color-surface-sunken);box-shadow:inset 2px 2px 4px var(--_neu-dark),inset -2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m)}.toggle-row,label:has(input[type=checkbox]){background:var(--color-background);box-shadow:2px 2px 4px var(--_neu-dark),-2px -2px 4px var(--_neu-light);border:none;border-radius:var(--radius-m);padding:var(--size-xs) var(--size-m)}}::selection{background:oklch(48% .18 250 / .25);color:#080c0f}}:root[data-theme~=neumorphism][data-mode=dark],[data-theme~=neumorphism][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .008 250);--color-surface: oklch(22% .008 250);--color-surface-alt: oklch(20% .008 250);--color-surface-raised: oklch(25% .008 250);--color-surface-sunken: oklch(18% .01 250);--color-hover-bg: var(--color-surface-sunken);--color-text: oklch(92% .005 250);--color-text-muted: oklch(75% .005 250);--color-text-subtle: oklch(58% .005 250);--color-primary: oklch(70% .15 250);--color-primary-hover: oklch(75% .16 250);--color-primary-subtle: oklch(30% .05 250);--color-accent: oklch(72% .12 310);--color-accent-hover: oklch(77% .13 310);--color-border: oklch(30% .006 250);--color-border-muted: oklch(27% .005 250);--color-border-strong: oklch(40% .008 250);--color-success: oklch(68% .14 150);--color-warning: oklch(78% .14 80);--color-error: oklch(65% .16 25);--color-info: oklch(70% .14 250);--input-bg: oklch(20% .008 250);--input-border: oklch(30% .006 250);--input-border-focus: oklch(70% .15 250);--control-border: oklch(30% .006 250);--control-checked-bg: oklch(70% .15 250);--control-checked-border: oklch(70% .15 250);--range-track-bg: oklch(18% .008 250);--range-track-fill: oklch(70% .15 250);--range-thumb-bg: oklch(22% .008 250);--range-thumb-border: oklch(30% .006 250);--progress-track-bg: oklch(18% .008 250);--progress-fill: oklch(70% .15 250);--_neu-dark: oklch(8% .005 250);--_neu-light: oklch(35% .01 250);--shadow-xs: 3px 3px 6px var(--_neu-dark), -3px -3px 6px var(--_neu-light);--shadow-s: 5px 5px 10px var(--_neu-dark), -5px -5px 10px var(--_neu-light);--shadow-m: 7px 7px 14px var(--_neu-dark), -7px -7px 14px var(--_neu-light);--shadow-l: 10px 10px 20px var(--_neu-dark), -10px -10px 20px var(--_neu-light);--shadow-xl: 14px 14px 28px var(--_neu-dark), -14px -14px 28px var(--_neu-light);--shadow-2xl: 20px 20px 40px var(--_neu-dark), -20px -20px 40px var(--_neu-light);:is(main,article){& h1,h2{color:#e2e5e8;text-shadow:1px 1px 0 oklch(32% .005 250 / .5)}& blockquote{color:#acaeb1;background:var(--color-background);&:before{background:var(--color-background);color:var(--color-primary)}}& input,textarea,select{background:var(--color-surface-sunken);border:1px solid var(--color-border)}}& code-block{--cb-bg: var(--color-surface-sunken);--cb-code-bg: var(--color-surface-sunken);--cb-header-bg: var(--color-surface);--cb-button-bg: var(--color-surface);--cb-button-border: transparent;--cb-button-border-style: none;--cb-button-hover-bg: var(--color-surface-raised);--cb-action-button-hover-bg: var(--color-surface-raised);--cb-focus-color: oklch(70% .15 250 / .3);--cb-line-numbers-bg: var(--color-surface-sunken);--cb-line-numbers-color: var(--color-text-subtle);--cb-keyword: oklch(70% .15 250);--cb-string: oklch(68% .14 150);--cb-function: oklch(72% .12 310);--cb-number: oklch(75% .12 45);--cb-attribute: oklch(70% .12 250);--cb-tag: oklch(68% .14 150);--cb-meta: oklch(72% .12 60);--cb-builtin: oklch(70% .15 250);--cb-highlight-bg: oklch(70% .15 250 / .1);--cb-highlight-border: oklch(70% .15 250 / .3);--cb-scrollbar-track: var(--color-surface-sunken);--cb-scrollbar-thumb: var(--color-border-strong);--cb-expand-bg: var(--color-surface);--cb-expand-color: var(--color-primary)}::selection{background:#4ba3f74d;color:#e2e5e8}}}
2
2
  /*# sourceMappingURL=neumorphism.css.map */
@@ -564,7 +564,7 @@
564
564
  "$extensions": {
565
565
  "com.vanilla-breeze": {
566
566
  "spec": "2025.10",
567
- "vbVersion": "0.4.0",
567
+ "vbVersion": "0.5.0",
568
568
  "unmapped": [
569
569
  "--theme-border-style",
570
570
  "--theme-icon-set",
@@ -110,6 +110,38 @@
110
110
  ]
111
111
  }
112
112
  },
113
+ "interactive": {
114
+ "$type": "color",
115
+ "$value": {
116
+ "colorSpace": "srgb",
117
+ "components": [
118
+ 0,
119
+ 0,
120
+ 0
121
+ ]
122
+ },
123
+ "$extensions": {
124
+ "com.vanilla-breeze": {
125
+ "literal": "var(--color-primary)"
126
+ }
127
+ }
128
+ },
129
+ "interactive-hover": {
130
+ "$type": "color",
131
+ "$value": {
132
+ "colorSpace": "srgb",
133
+ "components": [
134
+ 0,
135
+ 0,
136
+ 0
137
+ ]
138
+ },
139
+ "$extensions": {
140
+ "com.vanilla-breeze": {
141
+ "literal": "var(--color-primary-hover)"
142
+ }
143
+ }
144
+ },
113
145
  "primary-subtle": {
114
146
  "$type": "color",
115
147
  "$value": {
@@ -459,7 +491,7 @@
459
491
  "$extensions": {
460
492
  "com.vanilla-breeze": {
461
493
  "spec": "2025.10",
462
- "vbVersion": "0.4.0",
494
+ "vbVersion": "0.5.0",
463
495
  "unmapped": [
464
496
  "--input-bg",
465
497
  "--input-border",
@@ -1,2 +1,2 @@
1
- @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=nord],[data-theme~=nord]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 230);--color-surface: oklch(92.5% .012 230);--color-surface-alt: oklch(90% .015 230);--color-surface-raised: oklch(96% .008 230);--color-surface-sunken: oklch(89% .015 230);--color-text: oklch(25% .02 230);--color-text-muted: oklch(42% .02 230);--color-text-subtle: oklch(55% .015 230);--color-primary: oklch(55% .08 240);--color-primary-hover: oklch(50% .09 240);--color-primary-subtle: oklch(90% .03 240);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(67% .11 145);--color-border: oklch(82% .012 230);--color-border-muted: oklch(88% .01 230);--color-border-strong: oklch(60% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(65% .07 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 230 / .06);--shadow-s: 0 1px 3px oklch(25% .02 230 / .08), 0 1px 2px oklch(25% .02 230 / .04);--shadow-m: 0 4px 6px oklch(25% .02 230 / .08), 0 2px 4px oklch(25% .02 230 / .04);--shadow-l: 0 10px 15px oklch(25% .02 230 / .08), 0 4px 6px oklch(25% .02 230 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 230 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 230 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(93% .015 230) 0%, oklch(88% .02 220) 100% );--control-border: oklch(72% .015 230);--control-checked-bg: oklch(55% .08 240);--control-checked-border: oklch(55% .08 240);--input-border: oklch(82% .012 230);--input-border-focus: oklch(55% .08 240);--range-track-bg: oklch(85% .01 230);--range-track-fill: oklch(55% .08 240);--range-thumb-border: oklch(55% .08 240);--progress-track-bg: oklch(88% .01 230);--progress-fill: oklch(55% .08 240)}:root[data-theme~=nord],[data-theme~=nord]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#182429}& a:not([class]){color:var(--color-primary);text-decoration-color:#42789c66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-primary);padding-inline-start:1.25rem;color:#303d43}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 240);--cb-string: oklch(72% .1 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(65% .12 50);--cb-button-bg: var(--color-surface)}::selection{background:#42789c40;color:#182429}}:root[data-theme~=nord][data-mode=dark],[data-theme~=nord][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 230);--color-surface: oklch(26% .02 230);--color-surface-alt: oklch(30% .02 230);--color-surface-raised: oklch(34% .02 230);--color-surface-sunken: oklch(18% .02 230);--color-text: oklch(95% .01 230);--color-text-muted: oklch(78% .01 230);--color-text-subtle: oklch(65% .015 230);--color-primary: oklch(68% .06 230);--color-primary-hover: oklch(73% .07 230);--color-primary-subtle: oklch(30% .04 230);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(77% .11 145);--color-border: oklch(35% .02 230);--color-border-muted: oklch(30% .02 230);--color-border-strong: oklch(50% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(68% .06 230);--input-bg: oklch(26% .02 230);--input-border: oklch(35% .02 230);--input-border-focus: oklch(68% .06 230);--control-border: oklch(50% .02 230);--control-checked-bg: oklch(68% .06 230);--control-checked-border: oklch(68% .06 230);--range-track-bg: oklch(30% .02 230);--range-track-fill: oklch(68% .06 230);--range-thumb-border: oklch(68% .06 230);--progress-track-bg: oklch(30% .02 230);--progress-fill: oklch(68% .06 230);--shadow-xs: 0 1px 2px oklch(10% .02 230 / .2);--shadow-s: 0 1px 3px oklch(10% .02 230 / .25), 0 1px 2px oklch(10% .02 230 / .15);--shadow-m: 0 4px 6px oklch(10% .02 230 / .25), 0 2px 4px oklch(10% .02 230 / .15);--shadow-l: 0 10px 15px oklch(10% .02 230 / .25), 0 4px 6px oklch(10% .02 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 230 / .3);--page-bg-gradient: linear-gradient( 180deg, oklch(24% .025 230) 0%, oklch(18% .02 240) 100% );:is(main,article){& hr:not([data-ornament]){border-color:#303d43}& h1,h2{color:#e8f0f4}& blockquote{color:#b1b9bd}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .06 230);--cb-string: oklch(72% .1 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#71a0b64d;color:#e8f0f4}}}
1
+ @layer tokens, reset, native-elements, custom-elements, web-components, utils, bundle-theme, bundle-effects, bundle-components;@layer bundle-theme{:root[data-theme~=nord],[data-theme~=nord]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(95% .01 230);--color-surface: oklch(92.5% .012 230);--color-surface-alt: oklch(90% .015 230);--color-surface-raised: oklch(96% .008 230);--color-surface-sunken: oklch(89% .015 230);--color-text: oklch(25% .02 230);--color-text-muted: oklch(42% .02 230);--color-text-subtle: oklch(55% .015 230);--color-primary: oklch(55% .08 240);--color-primary-hover: oklch(50% .09 240);--color-interactive: oklch(50% .08 240);--color-interactive-hover: oklch(45% .09 240);--color-primary-subtle: oklch(90% .03 240);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(67% .11 145);--color-border: oklch(82% .012 230);--color-border-muted: oklch(88% .01 230);--color-border-strong: oklch(60% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(65% .07 240);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .375rem;--radius-l: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(25% .02 230 / .06);--shadow-s: 0 1px 3px oklch(25% .02 230 / .08), 0 1px 2px oklch(25% .02 230 / .04);--shadow-m: 0 4px 6px oklch(25% .02 230 / .08), 0 2px 4px oklch(25% .02 230 / .04);--shadow-l: 0 10px 15px oklch(25% .02 230 / .08), 0 4px 6px oklch(25% .02 230 / .03);--shadow-xl: 0 20px 25px oklch(25% .02 230 / .08);--shadow-2xl: 0 25px 50px oklch(25% .02 230 / .12);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--page-bg-gradient: linear-gradient( 180deg, oklch(93% .015 230) 0%, oklch(88% .02 220) 100% );--control-border: oklch(72% .015 230);--control-checked-bg: oklch(55% .08 240);--control-checked-border: oklch(55% .08 240);--input-border: oklch(82% .012 230);--input-border-focus: oklch(55% .08 240);--range-track-bg: oklch(85% .01 230);--range-track-fill: oklch(55% .08 240);--range-thumb-border: oklch(55% .08 240);--progress-track-bg: oklch(88% .01 230);--progress-fill: oklch(55% .08 240)}:root[data-theme~=nord],[data-theme~=nord]{:is(main,article){& hr:not([data-ornament]){border:none;border-block-start:1px solid oklch(82% .012 230);margin-block:2rem}& h1,h2{font-weight:600;letter-spacing:-.01em;color:#182429}& a:not([class]){color:var(--color-interactive);text-decoration-color:#42789c66;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid var(--color-primary);padding-inline-start:1.25rem;color:#303d43}.button,button{font-weight:500;letter-spacing:.01em}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(55% .08 240);--cb-string: oklch(72% .1 145);--cb-function: oklch(62% .1 300);--cb-number: oklch(65% .12 50);--cb-button-bg: var(--color-surface)}::selection{background:#42789c40;color:#182429}}:root[data-theme~=nord][data-mode=dark],[data-theme~=nord][data-mode=dark]{color-scheme:dark;--color-background: oklch(22% .02 230);--color-surface: oklch(26% .02 230);--color-surface-alt: oklch(30% .02 230);--color-surface-raised: oklch(34% .02 230);--color-surface-sunken: oklch(18% .02 230);--color-text: oklch(95% .01 230);--color-text-muted: oklch(78% .01 230);--color-text-subtle: oklch(65% .015 230);--color-primary: oklch(68% .06 230);--color-primary-hover: oklch(73% .07 230);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-primary-subtle: oklch(30% .04 230);--color-accent: oklch(72% .1 145);--color-accent-hover: oklch(77% .11 145);--color-border: oklch(35% .02 230);--color-border-muted: oklch(30% .02 230);--color-border-strong: oklch(50% .02 230);--color-success: oklch(72% .1 145);--color-warning: oklch(75% .12 80);--color-error: oklch(62% .15 20);--color-info: oklch(68% .06 230);--input-bg: oklch(26% .02 230);--input-border: oklch(35% .02 230);--input-border-focus: oklch(68% .06 230);--control-border: oklch(50% .02 230);--control-checked-bg: oklch(68% .06 230);--control-checked-border: oklch(68% .06 230);--range-track-bg: oklch(30% .02 230);--range-track-fill: oklch(68% .06 230);--range-thumb-border: oklch(68% .06 230);--progress-track-bg: oklch(30% .02 230);--progress-fill: oklch(68% .06 230);--shadow-xs: 0 1px 2px oklch(10% .02 230 / .2);--shadow-s: 0 1px 3px oklch(10% .02 230 / .25), 0 1px 2px oklch(10% .02 230 / .15);--shadow-m: 0 4px 6px oklch(10% .02 230 / .25), 0 2px 4px oklch(10% .02 230 / .15);--shadow-l: 0 10px 15px oklch(10% .02 230 / .25), 0 4px 6px oklch(10% .02 230 / .1);--shadow-xl: 0 20px 25px oklch(10% .02 230 / .25);--shadow-2xl: 0 25px 50px oklch(10% .02 230 / .3);--page-bg-gradient: linear-gradient( 180deg, oklch(24% .025 230) 0%, oklch(18% .02 240) 100% );:is(main,article){& hr:not([data-ornament]){border-color:#303d43}& h1,h2{color:#e8f0f4}& blockquote{color:#b1b9bd}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .06 230);--cb-string: oklch(72% .1 145);--cb-function: oklch(70% .1 300);--cb-number: oklch(75% .12 50)}::selection{background:#71a0b64d;color:#e8f0f4}}}
2
2
  /*# sourceMappingURL=nord.css.map */
@@ -110,6 +110,28 @@
110
110
  ]
111
111
  }
112
112
  },
113
+ "interactive": {
114
+ "$type": "color",
115
+ "$value": {
116
+ "colorSpace": "oklch",
117
+ "components": [
118
+ 0.5,
119
+ 0.08,
120
+ 240
121
+ ]
122
+ }
123
+ },
124
+ "interactive-hover": {
125
+ "$type": "color",
126
+ "$value": {
127
+ "colorSpace": "oklch",
128
+ "components": [
129
+ 0.45,
130
+ 0.09,
131
+ 240
132
+ ]
133
+ }
134
+ },
113
135
  "primary-subtle": {
114
136
  "$type": "color",
115
137
  "$value": {
@@ -598,7 +620,7 @@
598
620
  "$extensions": {
599
621
  "com.vanilla-breeze": {
600
622
  "spec": "2025.10",
601
- "vbVersion": "0.4.0",
623
+ "vbVersion": "0.5.0",
602
624
  "unmapped": [
603
625
  "--theme-border-style",
604
626
  "--theme-icon-set",