neba 1.0.0 → 1.2.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 (136) hide show
  1. package/README.md +27 -16
  2. package/dist/components/avatar/Avatar.d.ts +100 -0
  3. package/dist/components/avatar/Avatar.js +1 -0
  4. package/dist/components/avatar/index.d.ts +2 -0
  5. package/dist/components/avatar/index.js +1 -0
  6. package/dist/components/blockquote/Blockquote.d.ts +65 -0
  7. package/dist/components/blockquote/Blockquote.js +1 -0
  8. package/dist/components/blockquote/index.d.ts +2 -0
  9. package/dist/components/blockquote/index.js +1 -0
  10. package/dist/components/breadcrumb/Breadcrumb.d.ts +92 -0
  11. package/dist/components/breadcrumb/Breadcrumb.js +1 -0
  12. package/dist/components/breadcrumb/index.d.ts +2 -0
  13. package/dist/components/breadcrumb/index.js +1 -0
  14. package/dist/components/carousel/Carousel.d.ts +74 -0
  15. package/dist/components/carousel/Carousel.js +1 -0
  16. package/dist/components/carousel/index.d.ts +2 -0
  17. package/dist/components/carousel/index.js +1 -0
  18. package/dist/components/chat-bubble/ChatBubble.d.ts +114 -0
  19. package/dist/components/chat-bubble/ChatBubble.js +1 -0
  20. package/dist/components/chat-bubble/index.d.ts +2 -0
  21. package/dist/components/chat-bubble/index.js +1 -0
  22. package/dist/components/checkbox/Checkbox.js +1 -1
  23. package/dist/components/combobox/Combobox.js +1 -1
  24. package/dist/components/container/Container.d.ts +55 -0
  25. package/dist/components/container/Container.js +1 -0
  26. package/dist/components/container/index.d.ts +2 -0
  27. package/dist/components/container/index.js +1 -0
  28. package/dist/components/date-picker/DatePicker.d.ts +75 -0
  29. package/dist/components/date-picker/DatePicker.js +1 -0
  30. package/dist/components/date-picker/index.d.ts +2 -0
  31. package/dist/components/date-picker/index.js +1 -0
  32. package/dist/components/date-range-picker/DateRangePicker.d.ts +81 -0
  33. package/dist/components/date-range-picker/DateRangePicker.js +1 -0
  34. package/dist/components/date-range-picker/index.d.ts +2 -0
  35. package/dist/components/date-range-picker/index.js +1 -0
  36. package/dist/components/date-time-picker/DateTimePicker.d.ts +68 -0
  37. package/dist/components/date-time-picker/DateTimePicker.js +1 -0
  38. package/dist/components/date-time-picker/index.d.ts +2 -0
  39. package/dist/components/date-time-picker/index.js +1 -0
  40. package/dist/components/dialog/Dialog.js +1 -1
  41. package/dist/components/divider/Divider.d.ts +19 -0
  42. package/dist/components/divider/Divider.js +1 -1
  43. package/dist/components/grid/Grid.d.ts +50 -0
  44. package/dist/components/grid/Grid.js +1 -0
  45. package/dist/components/grid/index.d.ts +2 -0
  46. package/dist/components/grid/index.js +1 -0
  47. package/dist/components/grid-container/GridContainer.d.ts +79 -0
  48. package/dist/components/grid-container/GridContainer.js +1 -0
  49. package/dist/components/grid-container/index.d.ts +2 -0
  50. package/dist/components/grid-container/index.js +1 -0
  51. package/dist/components/highlight/Highlight.d.ts +84 -0
  52. package/dist/components/highlight/Highlight.js +1 -0
  53. package/dist/components/highlight/index.d.ts +2 -0
  54. package/dist/components/highlight/index.js +1 -0
  55. package/dist/components/icon/Icon.d.ts +58 -0
  56. package/dist/components/icon/Icon.js +1 -0
  57. package/dist/components/icon/index.d.ts +2 -0
  58. package/dist/components/icon/index.js +1 -0
  59. package/dist/components/icon-button/IconButton.d.ts +39 -0
  60. package/dist/components/icon-button/IconButton.js +1 -0
  61. package/dist/components/icon-button/index.d.ts +2 -0
  62. package/dist/components/icon-button/index.js +1 -0
  63. package/dist/components/otp-field/OtpField.d.ts +85 -0
  64. package/dist/components/otp-field/OtpField.js +1 -0
  65. package/dist/components/otp-field/index.d.ts +2 -0
  66. package/dist/components/otp-field/index.js +1 -0
  67. package/dist/components/pagination/Pagination.js +1 -1
  68. package/dist/components/panes/Panes.d.ts +78 -0
  69. package/dist/components/panes/Panes.js +1 -0
  70. package/dist/components/panes/index.d.ts +2 -0
  71. package/dist/components/panes/index.js +1 -0
  72. package/dist/components/pill/Pill.d.ts +80 -0
  73. package/dist/components/pill/Pill.js +1 -0
  74. package/dist/components/pill/index.d.ts +2 -0
  75. package/dist/components/pill/index.js +1 -0
  76. package/dist/components/radio-group/RadioGroup.js +1 -1
  77. package/dist/components/segmented-button/SegmentedButton.d.ts +77 -0
  78. package/dist/components/segmented-button/SegmentedButton.js +1 -0
  79. package/dist/components/segmented-button/index.d.ts +2 -0
  80. package/dist/components/segmented-button/index.js +1 -0
  81. package/dist/components/select/Select.js +1 -1
  82. package/dist/components/shortcut/Shortcut.d.ts +60 -0
  83. package/dist/components/shortcut/Shortcut.js +1 -0
  84. package/dist/components/shortcut/index.d.ts +2 -0
  85. package/dist/components/shortcut/index.js +1 -0
  86. package/dist/components/spoiler/Spoiler.d.ts +95 -0
  87. package/dist/components/spoiler/Spoiler.js +1 -0
  88. package/dist/components/spoiler/index.d.ts +2 -0
  89. package/dist/components/spoiler/index.js +1 -0
  90. package/dist/components/statistic/Statistic.d.ts +91 -0
  91. package/dist/components/statistic/Statistic.js +1 -0
  92. package/dist/components/statistic/index.d.ts +2 -0
  93. package/dist/components/statistic/index.js +1 -0
  94. package/dist/components/switch/Switch.js +1 -1
  95. package/dist/components/text-link/TextLink.d.ts +82 -0
  96. package/dist/components/text-link/TextLink.js +1 -0
  97. package/dist/components/text-link/index.d.ts +2 -0
  98. package/dist/components/text-link/index.js +1 -0
  99. package/dist/components/time-picker/TimePicker.d.ts +76 -0
  100. package/dist/components/time-picker/TimePicker.js +1 -0
  101. package/dist/components/time-picker/index.d.ts +2 -0
  102. package/dist/components/time-picker/index.js +1 -0
  103. package/dist/components/timeline/Timeline.d.ts +98 -0
  104. package/dist/components/timeline/Timeline.js +1 -0
  105. package/dist/components/timeline/index.d.ts +2 -0
  106. package/dist/components/timeline/index.js +1 -0
  107. package/dist/components/toolbar/Toolbar.d.ts +67 -0
  108. package/dist/components/toolbar/Toolbar.js +1 -0
  109. package/dist/components/toolbar/index.d.ts +2 -0
  110. package/dist/components/toolbar/index.js +1 -0
  111. package/dist/components/tree-view/TreeView.d.ts +115 -0
  112. package/dist/components/tree-view/TreeView.js +1 -0
  113. package/dist/components/tree-view/index.d.ts +2 -0
  114. package/dist/components/tree-view/index.js +1 -0
  115. package/dist/index.d.ts +26 -0
  116. package/dist/index.js +1 -1
  117. package/dist/internal/calendar.d.ts +149 -0
  118. package/dist/internal/calendar.js +1 -0
  119. package/dist/internal/date.d.ts +170 -0
  120. package/dist/internal/date.js +1 -0
  121. package/dist/internal/grid.d.ts +69 -0
  122. package/dist/internal/grid.js +1 -0
  123. package/dist/internal/i18n.d.ts +78 -0
  124. package/dist/internal/i18n.js +1 -0
  125. package/dist/internal/icons.d.ts +54 -0
  126. package/dist/internal/icons.js +1 -1
  127. package/dist/internal/picker.d.ts +111 -0
  128. package/dist/internal/picker.js +1 -0
  129. package/dist/internal/sizer.d.ts +33 -0
  130. package/dist/internal/sizer.js +1 -0
  131. package/dist/internal/styles.d.ts +33 -0
  132. package/dist/internal/styles.js +1 -1
  133. package/dist/styles.css +2 -758
  134. package/dist/tailwind.css +1017 -0
  135. package/dist/types.d.ts +65 -0
  136. package/package.json +25 -12
package/dist/styles.css CHANGED
@@ -1,758 +1,2 @@
1
- /**
2
- * Neba design tokens.
3
- *
4
- * Consumers import this once, next to Tailwind:
5
- *
6
- * @import 'tailwindcss';
7
- * @import 'neba/styles.css';
8
- *
9
- * Two lines, and no `@source` of their own — the `@source` below does that job.
10
- * Components never hardcode a color; they map a `color` prop onto the `--n-*`
11
- * local slots and let the cascade resolve the rest.
12
- *
13
- * Dark mode responds to `prefers-color-scheme`, and can be forced either way
14
- * with `.dark` / `[data-theme='dark'|'light']` on any ancestor.
15
- *
16
- * The surface model is a sheet of acrylic, not a moulded plastic key: a
17
- * slightly translucent fill, a blurred backdrop, and a hairline edge catching
18
- * the light. Depth is not part of the surface — it is opt-in, via `elevation`.
19
- */
20
-
21
- /*
22
- * The components' classes are Tailwind utilities, so Tailwind has to see the
23
- * files that spell them out — otherwise every component renders unstyled.
24
- *
25
- * `@source` resolves relative to the file it is written in, not to whatever
26
- * imported it. In a consumer's install that is `node_modules/neba/dist/`, next
27
- * to the compiled components; in this repository it is `src/`, next to the
28
- * `.tsx`. One line covers both, and an explicitly registered source is scanned
29
- * even inside `node_modules`, which automatic detection skips.
30
- *
31
- * This is why consumers do not need an `@source '../node_modules/neba'` of
32
- * their own — a path that would depend on where their CSS file happens to sit.
33
- */
34
- @source '.';
35
-
36
- /* ---------------------------------------------------------------------------
37
- * Light theme (default)
38
- * ------------------------------------------------------------------------- */
39
-
40
- :root {
41
- /* Neutral surfaces and content */
42
- --neba-surface: oklch(100% 0 0);
43
- --neba-fg: oklch(24% 0.015 262);
44
- --neba-muted-fg: oklch(56% 0.014 262);
45
- --neba-border: oklch(91% 0.008 262);
46
-
47
- /* Inactive controls: muted neutral rather than a faded copy of the color.
48
- A greyed-out surface reads as "unavailable"; 50% opacity just reads blurry. */
49
- --neba-disabled-bg: oklch(94.5% 0.005 262);
50
- --neba-disabled-fg: oklch(73% 0.012 262);
51
- --neba-disabled-border: oklch(90% 0.008 262);
52
-
53
- /* Acrylic -------------------------------------------------------------- */
54
-
55
- /* How opaque a filled surface is, and how hard the backdrop is blurred.
56
- The blur radius is what decides whether anything behind is *legible*: at
57
- 16px a grid line behind the button smears into flat colour and the surface
58
- reads opaque no matter how low the alpha goes. Held at 9px so the backdrop
59
- is present but never resolves into something you could read.
60
- 88% is the floor for 4.5:1 white-on-fill over a white page; fill lightness
61
- is picked against this number, not against opaque. */
62
- --neba-fill-alpha: 88%;
63
- --neba-blur: blur(9px) saturate(1.5);
64
-
65
- /* Frosted, not polished. A single tile of greyscale fractal noise laid over
66
- the fill in `overlay` is what separates sandblasted acrylic from a pane of
67
- glass — and it is the one thing a flat fill can never fake. Kept at 12% in
68
- the tile and blended, so it reads as tooth rather than as dirt.
69
- One 120px tile, decoded once, reused by every surface on the page. */
70
- --neba-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");
71
-
72
- /* The hairline that reads as the cut edge of an acrylic sheet, plus the
73
- brighter top edge where the light lands. There is deliberately no dark
74
- bottom bevel — that is what made the surface read as moulded plastic. */
75
- --neba-plate-edge: rgb(255 255 255 / 0.18);
76
- --neba-plate-top: rgb(255 255 255 / 0.26);
77
- --neba-plate-solid: inset 0 1px 0 var(--neba-plate-top), inset 0 0 0 1px var(--neba-plate-edge);
78
- --neba-plate-glass: inset 0 1px 0 var(--neba-plate-top);
79
- /* Off-vertical on purpose: light falling across a sheet at an angle, rather
80
- than the symmetric top-down gradient every framework ships. */
81
- --neba-sheen: linear-gradient(148deg, rgb(255 255 255 / 0.13), rgb(255 255 255 / 0) 52%);
82
-
83
- /* The acrylic with no dye in it — what a colored panel is mixed *into*.
84
-
85
- At 42% the sheet was letting through more of the page than of itself, so on
86
- any backdrop that is not pure white it settled into grey. Raising it to 66%
87
- is the one place alpha is the right lever rather than the blur: the blur
88
- decides whether the backdrop is *legible*, and 9px still hides it. This
89
- decides whether the sheet reads as white, and it has to. */
90
- --neba-glass-bg: rgb(255 255 255 / 0.66);
91
-
92
- /* The container surface, in the three strengths a panel-shaped component
93
- needs — Box, Card and TextField read these directly.
94
-
95
- Undyed on purpose, and this is the one place the color family deliberately
96
- stops at the edge. A container holds other people's content, which arrives
97
- with its own colors; tinting the sheet under it puts every one of them on a
98
- background they were not chosen against. So the family shows up in the
99
- hairline, the focus ring and the caret, and the sheet stays white.
100
-
101
- Controls are the opposite case and keep their tinted `--neba-{color}-panel`:
102
- a Button's surface *is* the thing being colored.
103
-
104
- The ladder is opacity, not lightness — the sheet catches more light as it
105
- is engaged, rather than turning grey. */
106
- --neba-panel: rgb(255 255 255 / 0.66);
107
- --neba-panel-hover: rgb(255 255 255 / 0.82);
108
- --neba-panel-press: rgb(255 255 255 / 0.92);
109
-
110
- /* Pointer spotlight and release afterglow, over a filled surface. Tinted
111
- variants use their own accent instead — see the derived block. The flash is
112
- only a shade brighter than the spotlight it replaces: the press is carried
113
- by the fill going dark, and this is the highlight riding on top of it, not
114
- the effect itself. */
115
- --neba-glow-on-fill: rgb(255 255 255 / 0.16);
116
- --neba-flash-on-fill: rgb(255 255 255 / 0.22);
117
-
118
- /* The scrim behind a modal surface. Neutral rather than tinted, and dim
119
- rather than opaque: what a dialog needs is for the page to stop being
120
- reachable, not for it to stop existing. */
121
- --neba-scrim: rgb(16 24 40 / 0.34);
122
-
123
- /* Elevation ------------------------------------------------------------
124
- Neutral, never tinted with the control's own color: a colored glow is the
125
- loudest thing a small control can do, and the job here is to place a
126
- surface in space, not to advertise it. Level 4 is only reachable by
127
- hovering a level-3 surface. */
128
- --neba-shadow-ambient: rgb(16 24 40 / 0.13);
129
- --neba-shadow-0: 0 0 #0000;
130
- --neba-shadow-1: 0 1px 2px -1px var(--neba-shadow-ambient);
131
- --neba-shadow-2:
132
- 0 2px 4px -2px var(--neba-shadow-ambient), 0 5px 12px -7px var(--neba-shadow-ambient);
133
- --neba-shadow-3:
134
- 0 4px 8px -3px var(--neba-shadow-ambient), 0 12px 24px -11px var(--neba-shadow-ambient);
135
- --neba-shadow-4:
136
- 0 6px 12px -4px var(--neba-shadow-ambient), 0 20px 40px -15px var(--neba-shadow-ambient);
137
-
138
- /* Corner radius: ~45% of the control height at every step. Held just short of
139
- the 50% that would make it a pill — the flat run along the top and bottom
140
- edge is what still reads as a sheet with corners cut off it. */
141
- --neba-radius-xs: 0.625rem;
142
- --neba-radius-sm: 0.75rem;
143
- --neba-radius-md: 0.875rem;
144
- --neba-radius-lg: 1.125rem;
145
- --neba-radius-xl: 1.375rem;
146
-
147
- /* Motion. Controls answer in color and depth, never by moving: a transform on
148
- a control drags its label with it, and text that shifts under the cursor is
149
- the thing that reads as cheap. */
150
- --neba-ease: cubic-bezier(0.32, 0.72, 0, 1);
151
- --neba-duration: 160ms;
152
- /* Fills settle more slowly than edges and shadows. Pressing overrides this to
153
- 0ms, so the colour lands on the frame of the click and then takes this long
154
- to drain back out — the button itself holds the press, not just the bloom
155
- under the cursor. */
156
- --neba-duration-fill: 340ms;
157
-
158
- /* Color families -------------------------------------------------------
159
- Chroma sits just under the sRGB gamut boundary for each family's lightness
160
- — around 90% of the maximum, close enough to be vivid and far enough that
161
- the browser never has to clip. The old values used about two thirds of what
162
- was available, which is what made the palette read muddy: the fills were
163
- not too dark, they were too grey.
164
-
165
- Lightness is not the free variable it looks like. `on-solid` is white, the
166
- fill is only 88% opaque, and the pair has to clear 4.5:1 over a white page
167
- — which pins every family with white text to the high 40s / low 50s. A
168
- brighter *fill* means a dark ink, which is why `warning` is the one family
169
- that already goes there. Verified per step, including hover and active.
170
-
171
- `success` moved 152 → 148 and `info` 218 → 223. Both are hue regions where
172
- sRGB is starved at mid lightness, and a few degrees toward the gamut's wide
173
- side buys chroma that no amount of tuning at the original hue could. */
174
-
175
- --neba-primary-solid: oklch(50% 0.198 262);
176
- --neba-primary-solid-hover: oklch(45.5% 0.196 262);
177
- --neba-primary-solid-active: oklch(38% 0.172 262);
178
- --neba-primary-on-solid: oklch(99% 0.004 262);
179
- --neba-primary-accent: oklch(55% 0.222 262);
180
-
181
- --neba-secondary-solid: oklch(48% 0.038 262);
182
- --neba-secondary-solid-hover: oklch(43.5% 0.036 262);
183
- --neba-secondary-solid-active: oklch(36% 0.03 262);
184
- --neba-secondary-on-solid: oklch(99% 0.003 262);
185
- --neba-secondary-accent: oklch(54% 0.045 262);
186
-
187
- --neba-success-solid: oklch(48.5% 0.136 148);
188
- --neba-success-solid-hover: oklch(44% 0.126 148);
189
- --neba-success-solid-active: oklch(36.5% 0.106 148);
190
- --neba-success-on-solid: oklch(99% 0.004 148);
191
- --neba-success-accent: oklch(52.5% 0.143 148);
192
-
193
- --neba-warning-solid: oklch(80% 0.146 80);
194
- --neba-warning-solid-hover: oklch(75.5% 0.148 78);
195
- --neba-warning-solid-active: oklch(66.5% 0.14 74);
196
- --neba-warning-on-solid: oklch(28% 0.06 70);
197
- --neba-warning-accent: oklch(54.5% 0.111 68);
198
-
199
- --neba-danger-solid: oklch(52.5% 0.194 30);
200
- --neba-danger-solid-hover: oklch(48% 0.186 30);
201
- --neba-danger-solid-active: oklch(40.5% 0.162 30);
202
- --neba-danger-on-solid: oklch(99% 0.004 30);
203
- --neba-danger-accent: oklch(56.5% 0.212 30);
204
-
205
- --neba-info-solid: oklch(48.5% 0.088 223);
206
- --neba-info-solid-hover: oklch(44% 0.081 223);
207
- --neba-info-solid-active: oklch(36.5% 0.068 223);
208
- --neba-info-on-solid: oklch(99% 0.004 223);
209
- --neba-info-accent: oklch(53.5% 0.096 223);
210
- }
211
-
212
- /* ---------------------------------------------------------------------------
213
- * Dark theme
214
- *
215
- * Fills stay mid-tone rather than pale, so a filled button on a dark surface
216
- * does not glare; the readable-on-surface `accent` is what lightens.
217
- * ------------------------------------------------------------------------- */
218
-
219
- @media (prefers-color-scheme: dark) {
220
- :root:not(.light):not([data-theme='light']) {
221
- --neba-surface: oklch(19% 0.012 262);
222
- --neba-fg: oklch(95% 0.008 262);
223
- --neba-muted-fg: oklch(66% 0.014 262);
224
- --neba-border: oklch(30% 0.012 262);
225
-
226
- --neba-disabled-bg: oklch(27% 0.012 262);
227
- --neba-disabled-fg: oklch(48% 0.012 262);
228
- --neba-disabled-border: oklch(32% 0.012 262);
229
-
230
- --neba-fill-alpha: 87%;
231
- --neba-blur: blur(9px) saturate(1.3);
232
-
233
- --neba-plate-edge: rgb(255 255 255 / 0.12);
234
- --neba-plate-top: rgb(255 255 255 / 0.16);
235
- --neba-sheen: linear-gradient(148deg, rgb(255 255 255 / 0.09), rgb(255 255 255 / 0) 52%);
236
-
237
- --neba-glass-bg: rgb(255 255 255 / 0.07);
238
-
239
- --neba-panel: rgb(255 255 255 / 0.07);
240
- --neba-panel-hover: rgb(255 255 255 / 0.1);
241
- --neba-panel-press: rgb(255 255 255 / 0.13);
242
-
243
- --neba-glow-on-fill: rgb(255 255 255 / 0.13);
244
- --neba-flash-on-fill: rgb(255 255 255 / 0.18);
245
-
246
- --neba-scrim: rgb(0 0 0 / 0.58);
247
-
248
- --neba-shadow-ambient: rgb(0 0 0 / 0.55);
249
-
250
- --neba-primary-solid: oklch(57% 0.208 262);
251
- --neba-primary-solid-hover: oklch(62% 0.181 262);
252
- --neba-primary-solid-active: oklch(48% 0.196 262);
253
- --neba-primary-on-solid: oklch(99% 0.004 262);
254
- --neba-primary-accent: oklch(78% 0.103 262);
255
-
256
- --neba-secondary-solid: oklch(50% 0.036 262);
257
- --neba-secondary-solid-hover: oklch(55% 0.036 262);
258
- --neba-secondary-solid-active: oklch(41% 0.03 262);
259
- --neba-secondary-on-solid: oklch(99% 0.003 262);
260
- --neba-secondary-accent: oklch(78% 0.026 262);
261
-
262
- --neba-success-solid: oklch(54% 0.147 148);
263
- --neba-success-solid-hover: oklch(59% 0.161 148);
264
- --neba-success-solid-active: oklch(45% 0.123 148);
265
- --neba-success-on-solid: oklch(99% 0.004 148);
266
- --neba-success-accent: oklch(78% 0.17 148);
267
-
268
- --neba-warning-solid: oklch(76% 0.145 80);
269
- --neba-warning-solid-hover: oklch(81% 0.154 80);
270
- --neba-warning-solid-active: oklch(66% 0.126 80);
271
- --neba-warning-on-solid: oklch(25% 0.06 70);
272
- --neba-warning-accent: oklch(82% 0.14 80);
273
-
274
- --neba-danger-solid: oklch(55% 0.207 30);
275
- --neba-danger-solid-hover: oklch(60% 0.226 30);
276
- --neba-danger-solid-active: oklch(46% 0.174 30);
277
- --neba-danger-on-solid: oklch(99% 0.004 30);
278
- --neba-danger-accent: oklch(76% 0.136 32);
279
-
280
- --neba-info-solid: oklch(55% 0.098 223);
281
- --neba-info-solid-hover: oklch(60% 0.107 223);
282
- --neba-info-solid-active: oklch(46% 0.082 223);
283
- --neba-info-on-solid: oklch(99% 0.004 223);
284
- --neba-info-accent: oklch(79% 0.11 223);
285
- }
286
- }
287
-
288
- .dark,
289
- [data-theme='dark'] {
290
- --neba-surface: oklch(19% 0.012 262);
291
- --neba-fg: oklch(95% 0.008 262);
292
- --neba-muted-fg: oklch(66% 0.014 262);
293
- --neba-border: oklch(30% 0.012 262);
294
-
295
- --neba-disabled-bg: oklch(27% 0.012 262);
296
- --neba-disabled-fg: oklch(48% 0.012 262);
297
- --neba-disabled-border: oklch(32% 0.012 262);
298
-
299
- --neba-fill-alpha: 87%;
300
- --neba-blur: blur(9px) saturate(1.3);
301
-
302
- --neba-plate-edge: rgb(255 255 255 / 0.12);
303
- --neba-plate-top: rgb(255 255 255 / 0.16);
304
- --neba-sheen: linear-gradient(148deg, rgb(255 255 255 / 0.09), rgb(255 255 255 / 0) 52%);
305
-
306
- --neba-glass-bg: rgb(255 255 255 / 0.07);
307
-
308
- --neba-panel: rgb(255 255 255 / 0.07);
309
- --neba-panel-hover: rgb(255 255 255 / 0.1);
310
- --neba-panel-press: rgb(255 255 255 / 0.13);
311
-
312
- --neba-glow-on-fill: rgb(255 255 255 / 0.13);
313
- --neba-flash-on-fill: rgb(255 255 255 / 0.18);
314
-
315
- --neba-scrim: rgb(0 0 0 / 0.58);
316
-
317
- --neba-shadow-ambient: rgb(0 0 0 / 0.55);
318
-
319
- --neba-primary-solid: oklch(57% 0.208 262);
320
- --neba-primary-solid-hover: oklch(62% 0.181 262);
321
- --neba-primary-solid-active: oklch(48% 0.196 262);
322
- --neba-primary-on-solid: oklch(99% 0.004 262);
323
- --neba-primary-accent: oklch(78% 0.103 262);
324
-
325
- --neba-secondary-solid: oklch(50% 0.036 262);
326
- --neba-secondary-solid-hover: oklch(55% 0.036 262);
327
- --neba-secondary-solid-active: oklch(41% 0.03 262);
328
- --neba-secondary-on-solid: oklch(99% 0.003 262);
329
- --neba-secondary-accent: oklch(78% 0.026 262);
330
-
331
- --neba-success-solid: oklch(54% 0.147 148);
332
- --neba-success-solid-hover: oklch(59% 0.161 148);
333
- --neba-success-solid-active: oklch(45% 0.123 148);
334
- --neba-success-on-solid: oklch(99% 0.004 148);
335
- --neba-success-accent: oklch(78% 0.17 148);
336
-
337
- --neba-warning-solid: oklch(76% 0.145 80);
338
- --neba-warning-solid-hover: oklch(81% 0.154 80);
339
- --neba-warning-solid-active: oklch(66% 0.126 80);
340
- --neba-warning-on-solid: oklch(25% 0.06 70);
341
- --neba-warning-accent: oklch(82% 0.14 80);
342
-
343
- --neba-danger-solid: oklch(55% 0.207 30);
344
- --neba-danger-solid-hover: oklch(60% 0.226 30);
345
- --neba-danger-solid-active: oklch(46% 0.174 30);
346
- --neba-danger-on-solid: oklch(99% 0.004 30);
347
- --neba-danger-accent: oklch(76% 0.136 32);
348
-
349
- --neba-info-solid: oklch(55% 0.098 223);
350
- --neba-info-solid-hover: oklch(60% 0.107 223);
351
- --neba-info-solid-active: oklch(46% 0.082 223);
352
- --neba-info-on-solid: oklch(99% 0.004 223);
353
- --neba-info-accent: oklch(79% 0.11 223);
354
- }
355
-
356
- /* ---------------------------------------------------------------------------
357
- * Derived tokens
358
- *
359
- * Fills, tints, hairlines and focus rings are all one base color at different
360
- * strengths, so they are computed rather than hand-picked per theme. This block
361
- * is repeated for every theme root because a custom property resolves its
362
- * `var()`s on the element that declares it — declaring these only on `:root`
363
- * would freeze them to the light values inside a `.dark` subtree.
364
- * ------------------------------------------------------------------------- */
365
-
366
- :root,
367
- .dark,
368
- .light,
369
- [data-theme='dark'],
370
- [data-theme='light'] {
371
- --neba-primary-fill: color-mix(
372
- in srgb,
373
- var(--neba-primary-solid) var(--neba-fill-alpha),
374
- transparent
375
- );
376
- --neba-primary-fill-hover: color-mix(
377
- in srgb,
378
- var(--neba-primary-solid-hover) var(--neba-fill-alpha),
379
- transparent
380
- );
381
- --neba-primary-fill-active: color-mix(
382
- in srgb,
383
- var(--neba-primary-solid-active) var(--neba-fill-alpha),
384
- transparent
385
- );
386
- --neba-primary-soft: color-mix(in srgb, var(--neba-primary-accent) 10%, transparent);
387
- --neba-primary-soft-hover: color-mix(in srgb, var(--neba-primary-accent) 17%, transparent);
388
- --neba-primary-soft-press: color-mix(in srgb, var(--neba-primary-accent) 25%, transparent);
389
- --neba-primary-panel: color-mix(in srgb, var(--neba-primary-accent) 8%, var(--neba-glass-bg));
390
- --neba-primary-panel-hover: color-mix(
391
- in srgb,
392
- var(--neba-primary-accent) 16%,
393
- var(--neba-glass-bg)
394
- );
395
- --neba-primary-panel-press: color-mix(
396
- in srgb,
397
- var(--neba-primary-accent) 24%,
398
- var(--neba-glass-bg)
399
- );
400
- --neba-primary-line: color-mix(in srgb, var(--neba-primary-accent) 22%, transparent);
401
- --neba-primary-line-hover: color-mix(in srgb, var(--neba-primary-accent) 40%, transparent);
402
- --neba-primary-ring: color-mix(in srgb, var(--neba-primary-accent) 55%, transparent);
403
-
404
- --neba-secondary-fill: color-mix(
405
- in srgb,
406
- var(--neba-secondary-solid) var(--neba-fill-alpha),
407
- transparent
408
- );
409
- --neba-secondary-fill-hover: color-mix(
410
- in srgb,
411
- var(--neba-secondary-solid-hover) var(--neba-fill-alpha),
412
- transparent
413
- );
414
- --neba-secondary-fill-active: color-mix(
415
- in srgb,
416
- var(--neba-secondary-solid-active) var(--neba-fill-alpha),
417
- transparent
418
- );
419
- --neba-secondary-soft: color-mix(in srgb, var(--neba-secondary-accent) 10%, transparent);
420
- --neba-secondary-soft-hover: color-mix(in srgb, var(--neba-secondary-accent) 17%, transparent);
421
- --neba-secondary-soft-press: color-mix(in srgb, var(--neba-secondary-accent) 25%, transparent);
422
- --neba-secondary-panel: color-mix(in srgb, var(--neba-secondary-accent) 8%, var(--neba-glass-bg));
423
- --neba-secondary-panel-hover: color-mix(
424
- in srgb,
425
- var(--neba-secondary-accent) 16%,
426
- var(--neba-glass-bg)
427
- );
428
- --neba-secondary-panel-press: color-mix(
429
- in srgb,
430
- var(--neba-secondary-accent) 24%,
431
- var(--neba-glass-bg)
432
- );
433
- --neba-secondary-line: color-mix(in srgb, var(--neba-secondary-accent) 22%, transparent);
434
- --neba-secondary-line-hover: color-mix(in srgb, var(--neba-secondary-accent) 40%, transparent);
435
- --neba-secondary-ring: color-mix(in srgb, var(--neba-secondary-accent) 55%, transparent);
436
-
437
- --neba-success-fill: color-mix(
438
- in srgb,
439
- var(--neba-success-solid) var(--neba-fill-alpha),
440
- transparent
441
- );
442
- --neba-success-fill-hover: color-mix(
443
- in srgb,
444
- var(--neba-success-solid-hover) var(--neba-fill-alpha),
445
- transparent
446
- );
447
- --neba-success-fill-active: color-mix(
448
- in srgb,
449
- var(--neba-success-solid-active) var(--neba-fill-alpha),
450
- transparent
451
- );
452
- --neba-success-soft: color-mix(in srgb, var(--neba-success-accent) 10%, transparent);
453
- --neba-success-soft-hover: color-mix(in srgb, var(--neba-success-accent) 17%, transparent);
454
- --neba-success-soft-press: color-mix(in srgb, var(--neba-success-accent) 25%, transparent);
455
- --neba-success-panel: color-mix(in srgb, var(--neba-success-accent) 8%, var(--neba-glass-bg));
456
- --neba-success-panel-hover: color-mix(
457
- in srgb,
458
- var(--neba-success-accent) 16%,
459
- var(--neba-glass-bg)
460
- );
461
- --neba-success-panel-press: color-mix(
462
- in srgb,
463
- var(--neba-success-accent) 24%,
464
- var(--neba-glass-bg)
465
- );
466
- --neba-success-line: color-mix(in srgb, var(--neba-success-accent) 22%, transparent);
467
- --neba-success-line-hover: color-mix(in srgb, var(--neba-success-accent) 40%, transparent);
468
- --neba-success-ring: color-mix(in srgb, var(--neba-success-accent) 55%, transparent);
469
-
470
- --neba-warning-fill: color-mix(
471
- in srgb,
472
- var(--neba-warning-solid) var(--neba-fill-alpha),
473
- transparent
474
- );
475
- --neba-warning-fill-hover: color-mix(
476
- in srgb,
477
- var(--neba-warning-solid-hover) var(--neba-fill-alpha),
478
- transparent
479
- );
480
- --neba-warning-fill-active: color-mix(
481
- in srgb,
482
- var(--neba-warning-solid-active) var(--neba-fill-alpha),
483
- transparent
484
- );
485
- --neba-warning-soft: color-mix(in srgb, var(--neba-warning-accent) 12%, transparent);
486
- --neba-warning-soft-hover: color-mix(in srgb, var(--neba-warning-accent) 20%, transparent);
487
- --neba-warning-soft-press: color-mix(in srgb, var(--neba-warning-accent) 28%, transparent);
488
- --neba-warning-panel: color-mix(in srgb, var(--neba-warning-accent) 8%, var(--neba-glass-bg));
489
- --neba-warning-panel-hover: color-mix(
490
- in srgb,
491
- var(--neba-warning-accent) 16%,
492
- var(--neba-glass-bg)
493
- );
494
- --neba-warning-panel-press: color-mix(
495
- in srgb,
496
- var(--neba-warning-accent) 24%,
497
- var(--neba-glass-bg)
498
- );
499
- --neba-warning-line: color-mix(in srgb, var(--neba-warning-accent) 26%, transparent);
500
- --neba-warning-line-hover: color-mix(in srgb, var(--neba-warning-accent) 44%, transparent);
501
- --neba-warning-ring: color-mix(in srgb, var(--neba-warning-accent) 55%, transparent);
502
-
503
- --neba-danger-fill: color-mix(
504
- in srgb,
505
- var(--neba-danger-solid) var(--neba-fill-alpha),
506
- transparent
507
- );
508
- --neba-danger-fill-hover: color-mix(
509
- in srgb,
510
- var(--neba-danger-solid-hover) var(--neba-fill-alpha),
511
- transparent
512
- );
513
- --neba-danger-fill-active: color-mix(
514
- in srgb,
515
- var(--neba-danger-solid-active) var(--neba-fill-alpha),
516
- transparent
517
- );
518
- --neba-danger-soft: color-mix(in srgb, var(--neba-danger-accent) 10%, transparent);
519
- --neba-danger-soft-hover: color-mix(in srgb, var(--neba-danger-accent) 17%, transparent);
520
- --neba-danger-soft-press: color-mix(in srgb, var(--neba-danger-accent) 25%, transparent);
521
- --neba-danger-panel: color-mix(in srgb, var(--neba-danger-accent) 8%, var(--neba-glass-bg));
522
- --neba-danger-panel-hover: color-mix(
523
- in srgb,
524
- var(--neba-danger-accent) 16%,
525
- var(--neba-glass-bg)
526
- );
527
- --neba-danger-panel-press: color-mix(
528
- in srgb,
529
- var(--neba-danger-accent) 24%,
530
- var(--neba-glass-bg)
531
- );
532
- --neba-danger-line: color-mix(in srgb, var(--neba-danger-accent) 22%, transparent);
533
- --neba-danger-line-hover: color-mix(in srgb, var(--neba-danger-accent) 40%, transparent);
534
- --neba-danger-ring: color-mix(in srgb, var(--neba-danger-accent) 55%, transparent);
535
-
536
- --neba-info-fill: color-mix(in srgb, var(--neba-info-solid) var(--neba-fill-alpha), transparent);
537
- --neba-info-fill-hover: color-mix(
538
- in srgb,
539
- var(--neba-info-solid-hover) var(--neba-fill-alpha),
540
- transparent
541
- );
542
- --neba-info-fill-active: color-mix(
543
- in srgb,
544
- var(--neba-info-solid-active) var(--neba-fill-alpha),
545
- transparent
546
- );
547
- --neba-info-soft: color-mix(in srgb, var(--neba-info-accent) 10%, transparent);
548
- --neba-info-soft-hover: color-mix(in srgb, var(--neba-info-accent) 17%, transparent);
549
- --neba-info-soft-press: color-mix(in srgb, var(--neba-info-accent) 25%, transparent);
550
- --neba-info-panel: color-mix(in srgb, var(--neba-info-accent) 8%, var(--neba-glass-bg));
551
- --neba-info-panel-hover: color-mix(in srgb, var(--neba-info-accent) 16%, var(--neba-glass-bg));
552
- --neba-info-panel-press: color-mix(in srgb, var(--neba-info-accent) 24%, var(--neba-glass-bg));
553
- --neba-info-line: color-mix(in srgb, var(--neba-info-accent) 22%, transparent);
554
- --neba-info-line-hover: color-mix(in srgb, var(--neba-info-accent) 40%, transparent);
555
- --neba-info-ring: color-mix(in srgb, var(--neba-info-accent) 55%, transparent);
556
- }
557
-
558
- /* ---------------------------------------------------------------------------
559
- * Sheet titles
560
- *
561
- * A `title` is styled by the element the component renders around it — Card,
562
- * Alert and Dialog all do this — so a plain string needs nothing. But a sheet
563
- * that belongs in the document outline has to be given a real heading,
564
- * `title={<h2>…</h2>}`, and that heading arrives with the browser's own 1.5em
565
- * bold and its margins, which would ignore the type scale just set.
566
- *
567
- * This is in CSS rather than in Tailwind because the selector is the point:
568
- * `[&_:where(h1,h2,h3,h4,h5,h6)]:[font:inherit]` is expressible and nobody
569
- * would want to read it twice.
570
- * ------------------------------------------------------------------------- */
571
-
572
- .neba-title :where(h1, h2, h3, h4, h5, h6) {
573
- font: inherit;
574
- margin: 0;
575
- }
576
-
577
- /* ---------------------------------------------------------------------------
578
- * Interaction light
579
- *
580
- * Two stacked layers on an interactive surface, both reading `--n-mx`/`--n-my`
581
- * — the pointer position, written straight to the element's inline style on
582
- * `pointermove` — and both no-ops until those slots have colour in them.
583
- *
584
- * This lives in CSS rather than in Tailwind arbitrary variants because the
585
- * selectors are pseudo-elements carrying gradients: `[&::before]:[background:
586
- * radial-gradient(...)]` is technically expressible and completely unreadable.
587
- *
588
- * Cost per hovered button: two composited layers and a gradient repaint of one
589
- * small box, on frames the pointer already moved in. Nothing reflows, and React
590
- * never re-renders — the component writes the two custom properties directly.
591
- * ------------------------------------------------------------------------- */
592
-
593
- .neba-glow::before,
594
- .neba-glow::after {
595
- content: '';
596
- position: absolute;
597
- inset: 0;
598
- border-radius: inherit;
599
- pointer-events: none;
600
- opacity: 0;
601
- }
602
-
603
- /* Pointer spotlight: a soft bloom trailing the cursor across the surface. */
604
- .neba-glow::before {
605
- background: radial-gradient(
606
- 5.5rem circle at var(--n-mx, 50%) var(--n-my, 50%),
607
- var(--n-glow, transparent),
608
- transparent 70%
609
- );
610
- transition: opacity 240ms var(--neba-ease);
611
- }
612
-
613
- @media (hover: hover) {
614
- .neba-glow:hover::before {
615
- opacity: 1;
616
- }
617
- }
618
-
619
- /*
620
- * Release afterglow. The asymmetry is the whole trick: 0ms in, ~900ms out, so
621
- * the flash lands on the frame of the press and is still visibly draining a
622
- * beat after the finger lifts. No JavaScript, no ripple element, no timers.
623
- */
624
- .neba-glow::after {
625
- background: radial-gradient(
626
- 4.5rem circle at var(--n-mx, 50%) var(--n-my, 50%),
627
- var(--n-flash, transparent),
628
- transparent 72%
629
- );
630
- transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1);
631
- }
632
-
633
- .neba-glow:active::after {
634
- opacity: 1;
635
- transition-duration: 0ms;
636
- }
637
-
638
- /* ---------------------------------------------------------------------------
639
- * Loading
640
- *
641
- * The progress indicators are the one place in the library where something
642
- * moves on its own, and the only place it is allowed to: an indeterminate
643
- * indicator that does not move is a decoration.
644
- *
645
- * The rule against transforms still holds, because none of these moves anything
646
- * with text in it. The sweep slides an empty box along a 4px groove, the ring
647
- * turns a glyph — the same allowance the Select chevron takes — and the plates
648
- * only change colour.
649
- *
650
- * They are real CSS rather than Tailwind arbitrary variants for the reason
651
- * everything else in this file is: keyframes are not a variant, so there is
652
- * nothing to express them with.
653
- * ------------------------------------------------------------------------- */
654
-
655
- /*
656
- * The indeterminate bar: a short segment crossing the groove.
657
- *
658
- * `inset-inline-start` rather than a transform, so it runs the other way under
659
- * RTL without being told. The cost is a layout pass per frame, confined to a
660
- * box a few pixels tall — which is the trade that makes the rule affordable
661
- * here rather than an exception to it.
662
- */
663
- @keyframes neba-sweep {
664
- from {
665
- inset-inline-start: -45%;
666
- }
667
- to {
668
- inset-inline-start: 100%;
669
- }
670
- }
671
-
672
- .neba-sweep {
673
- position: absolute;
674
- inset-block: 0;
675
- inline-size: 45%;
676
- animation: neba-sweep 1.15s var(--neba-ease) infinite;
677
- }
678
-
679
- @keyframes neba-ring-spin {
680
- to {
681
- rotate: 360deg;
682
- }
683
- }
684
-
685
- .neba-ring-spin {
686
- transform-origin: center;
687
- animation: neba-ring-spin 900ms linear infinite;
688
- }
689
-
690
- /*
691
- * The plates light in sequence, each one held back by its own index. Colour
692
- * only — the plates never move, so a row of them reads as a surface being
693
- * written to rather than as something bouncing.
694
- */
695
- @keyframes neba-plate-wave {
696
- 0%,
697
- 70%,
698
- 100% {
699
- background-color: var(--n-soft);
700
- box-shadow: var(--neba-plate-glass);
701
- }
702
- 35% {
703
- background-color: var(--n-fill);
704
- box-shadow: var(--neba-plate-solid);
705
- }
706
- }
707
-
708
- .neba-plate-wave {
709
- animation: neba-plate-wave 1.2s var(--neba-ease) infinite;
710
- animation-delay: calc(var(--n-i, 0) * 120ms);
711
- }
712
-
713
- /* The reduced-motion stand-in for the sweep: the segment stops travelling and
714
- the whole groove pulses instead. Colour, which is the axis every other state
715
- in the library already uses. */
716
- @keyframes neba-progress-pulse {
717
- 0%,
718
- 100% {
719
- background-color: var(--n-soft-press);
720
- }
721
- 50% {
722
- background-color: var(--n-fill);
723
- }
724
- }
725
-
726
- /* Respect a reduced-motion preference. Both layers track the pointer, so they
727
- are motion in the sense that matters here — drop them entirely. */
728
- @media (prefers-reduced-motion: reduce) {
729
- :root {
730
- --neba-duration: 0ms;
731
- --neba-duration-fill: 0ms;
732
- }
733
-
734
- .neba-glow::before,
735
- .neba-glow::after {
736
- display: none;
737
- }
738
-
739
- /*
740
- * The indicators are not switched off, because an indeterminate one that
741
- * holds still says the opposite of what it is for. The travelling segment
742
- * becomes a colour pulse, and the two that genuinely have to keep turning or
743
- * cycling are slowed to where they stop reading as motion.
744
- */
745
- .neba-sweep {
746
- inset-inline-start: 0;
747
- inline-size: 100%;
748
- animation: neba-progress-pulse 1.8s var(--neba-ease) infinite;
749
- }
750
-
751
- .neba-ring-spin {
752
- animation-duration: 2.4s;
753
- }
754
-
755
- .neba-plate-wave {
756
- animation-duration: 2.4s;
757
- }
758
- }
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:""}}}*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid}::file-selector-button{box-sizing:border-box;border:0 solid}:where(html,:host){-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");-webkit-tap-highlight-color:transparent}:where(blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre){margin:0}:where(menu,ol,ul){margin:0;padding:0;list-style:none}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(button,input,optgroup,select,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;margin-inline-end:4px}:where(button,input:where([type=button],[type=reset],[type=submit])){appearance:button}::file-selector-button{appearance:button}::placeholder{opacity:1}:where(textarea){resize:vertical}:where(audio,canvas,embed,iframe,img,object,svg,video){vertical-align:middle;display:block}:where(img,video){max-width:100%;height:auto}:where(hr){height:0;color:inherit;border-top-width:1px}:where(code,kbd,pre,samp){font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:1em}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.start-\(--n-bullet\){inset-inline-start:var(--n-bullet)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-1\.5{inset-inline-start:calc(var(--spacing) * 1.5)}.start-2{inset-inline-start:calc(var(--spacing) * 2)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-\[calc\(var\(--n-bullet\)\/2_-_1px\)\]{inset-inline-start:calc(var(--n-bullet) / 2 - 1px)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-\(--n-bullet\){top:var(--n-bullet)}.top-\(--n-seg-y\){top:var(--n-seg-y)}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-\[calc\(var\(--n-bullet\)\/2_-_1px\)\]{top:calc(var(--n-bullet) / 2 - 1px)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[0\.18em\]{bottom:.18em}.left-\(--active-tab-left\){left:var(--active-tab-left)}.left-\(--n-seg-x\){left:var(--n-seg-x)}.left-0\.5{left:calc(var(--spacing) * .5)}.isolate{isolation:isolate}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-0\.5{margin-inline:calc(var(--spacing) * -.5)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.-ms-0\.5{margin-inline-start:calc(var(--spacing) * -.5)}.-ms-1{margin-inline-start:calc(var(--spacing) * -1)}.-ms-1\.5{margin-inline-start:calc(var(--spacing) * -1.5)}.-ms-2{margin-inline-start:calc(var(--spacing) * -2)}.-ms-2\.5{margin-inline-start:calc(var(--spacing) * -2.5)}.-ms-3{margin-inline-start:calc(var(--spacing) * -3)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-1\.5{margin-inline-start:calc(var(--spacing) * 1.5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-\[0\.25em\]{margin-inline-start:.25em}.ms-\[7\%\]{margin-inline-start:7%}.ms-auto{margin-inline-start:auto}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.-me-1{margin-inline-end:calc(var(--spacing) * -1)}.-me-1\.5{margin-inline-end:calc(var(--spacing) * -1.5)}.-me-2{margin-inline-end:calc(var(--spacing) * -2)}.-me-2\.5{margin-inline-end:calc(var(--spacing) * -2.5)}.-me-3{margin-inline-end:calc(var(--spacing) * -3)}.me-\[7\%\]{margin-inline-end:7%}.me-auto{margin-inline-end:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-\[7\%\]{margin-top:7%}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-1\.5{margin-bottom:calc(var(--spacing) * -1.5)}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.-mb-2\.5{margin-bottom:calc(var(--spacing) * -2.5)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-\[7\%\]{margin-bottom:7%}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-\(--n-bullet\){width:var(--n-bullet);height:var(--n-bullet)}.size-\(--n-cell\){width:var(--n-cell);height:var(--n-cell)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-\[0\.22em\]{width:.22em;height:.22em}.size-\[0\.45em\]{width:.45em;height:.45em}.size-\[0\.3125rem\]{width:.3125rem;height:.3125rem}.size-\[0\.4375rem\]{width:.4375rem;height:.4375rem}.size-\[0\.5625rem\]{width:.5625rem;height:.5625rem}.size-\[1\.3em\]{width:1.3em;height:1.3em}.size-\[1\.6em\]{width:1.6em;height:1.6em}.size-\[1\.7em\]{width:1.7em;height:1.7em}.size-\[1\.15em\]{width:1.15em;height:1.15em}.size-\[2em\]{width:2em;height:2em}.size-\[70\%\]{width:70%;height:70%}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-\(--n-cell\){height:var(--n-cell)}.h-\(--n-seg-h\){height:var(--n-seg-h)}.h-\(--n-tree-row\){height:var(--n-tree-row)}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-40{height:calc(var(--spacing) * 40)}.h-\[1lh\]{height:1lh}.h-\[3px\]{height:3px}.h-\[calc\(var\(--n-cell\)\*7\)\]{height:calc(var(--n-cell) * 7)}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(var\(--n-cell\,2rem\)\*8\)\]{max-height:calc(var(--n-cell,2rem) * 8)}.max-h-\[min\(20rem\,var\(--available-height\)\)\]{max-height:min(20rem, var(--available-height))}.max-h-\[min\(24rem\,var\(--available-height\)\)\]{max-height:min(24rem, var(--available-height))}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5\.5{min-height:calc(var(--spacing) * 5.5)}.min-h-6\.5{min-height:calc(var(--spacing) * 6.5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-\(--n-cell\){width:var(--n-cell)}.w-\(--n-seg-w\){width:var(--n-seg-w)}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-6{width:calc(var(--spacing) * 6)}.w-6\.5{width:calc(var(--spacing) * 6.5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-13{width:calc(var(--spacing) * 13)}.w-\[1\.2em\]{width:1.2em}.w-\[1\.15em\]{width:1.15em}.w-\[calc\(var\(--n-cell\)\*2\)\]{width:calc(var(--n-cell) * 2)}.w-\[calc\(var\(--n-cell\)\*7\)\]{width:calc(var(--n-cell) * 7)}.w-\[var\(--anchor-width\)\]{width:var(--anchor-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[30rem\]{max-width:30rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[48rem\]{max-width:48rem}.max-w-\[64rem\]{max-width:64rem}.max-w-\[80rem\]{max-width:80rem}.max-w-\[min\(100\%\,32rem\)\]{max-width:min(100%,32rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-3\.5{min-width:calc(var(--spacing) * 3.5)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-5\.5{min-width:calc(var(--spacing) * 5.5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-6\.5{min-width:calc(var(--spacing) * 6.5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-1{flex-basis:var(--spacing)}.basis-1\.5{flex-basis:calc(var(--spacing) * 1.5)}.basis-2{flex-basis:calc(var(--spacing) * 2)}.basis-2\.5{flex-basis:calc(var(--spacing) * 2.5)}.basis-3{flex-basis:calc(var(--spacing) * 3)}.basis-full{flex-basis:100%}.-rotate-90{rotate:-90deg}.rotate-0{rotate:0deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.\[touch-action\:manipulation\]{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-py-0\.5{scroll-padding-block:calc(var(--spacing) * .5)}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-\(--n-gap-x\){column-gap:var(--n-gap-x)}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-\(--n-gap-y\){row-gap:var(--n-gap-y)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\(--neba-radius-lg\){border-radius:var(--neba-radius-lg)}.rounded-\(--neba-radius-md\){border-radius:var(--neba-radius-md)}.rounded-\(--neba-radius-sm\){border-radius:var(--neba-radius-sm)}.rounded-\(--neba-radius-xl\){border-radius:var(--neba-radius-xl)}.rounded-\(--neba-radius-xs\){border-radius:var(--neba-radius-xs)}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[0\.25rem\]{border-radius:.25rem}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[0\.375rem\]{border-radius:.375rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-\[0\.1875rem\]{border-radius:.1875rem}.rounded-\[0\.3125rem\]{border-radius:.3125rem}.rounded-\[0\.4375rem\]{border-radius:.4375rem}.rounded-\[0\.5625rem\]{border-radius:.5625rem}.rounded-\[0\.6875rem\]{border-radius:.6875rem}.rounded-\[0\.8125rem\]{border-radius:.8125rem}.rounded-\[0\.28125rem\]{border-radius:.28125rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.rounded-s-\(--neba-radius-lg\){border-start-start-radius:var(--neba-radius-lg);border-end-start-radius:var(--neba-radius-lg)}.rounded-s-\(--neba-radius-md\){border-start-start-radius:var(--neba-radius-md);border-end-start-radius:var(--neba-radius-md)}.rounded-s-\(--neba-radius-sm\){border-start-start-radius:var(--neba-radius-sm);border-end-start-radius:var(--neba-radius-sm)}.rounded-s-\(--neba-radius-xs\){border-start-start-radius:var(--neba-radius-xs);border-end-start-radius:var(--neba-radius-xs)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.\[border-start-start-radius\:0\.25rem\]{border-start-start-radius:.25rem}.rounded-e-\(--neba-radius-lg\){border-start-end-radius:var(--neba-radius-lg);border-end-end-radius:var(--neba-radius-lg)}.rounded-e-\(--neba-radius-md\){border-start-end-radius:var(--neba-radius-md);border-end-end-radius:var(--neba-radius-md)}.rounded-e-\(--neba-radius-sm\){border-start-end-radius:var(--neba-radius-sm);border-end-end-radius:var(--neba-radius-sm)}.rounded-e-\(--neba-radius-xs\){border-start-end-radius:var(--neba-radius-xs);border-end-end-radius:var(--neba-radius-xs)}.\[border-start-end-radius\:0\.25rem\]{border-start-end-radius:.25rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-tl{border-top-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.\[border-top-width\:var\(--n-rule\)\]{border-top-width:var(--n-rule)}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\[border-left-width\:var\(--n-rule\)\]{border-left-width:var(--n-rule)}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-solid{--tw-border-style:solid;border-style:solid}.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[border-color\:color-mix\(in_oklab\,currentColor_18\%\,transparent\)\]{border-color:color-mix(in oklab,currentColor 18%,transparent)}}.\[border-color\:var\(--n-line\)\]{border-color:var(--n-line)}.\[border-color\:var\(--n-line-hover\)\]{border-color:var(--n-line-hover)}.\[border-color\:var\(--n-ring\)\]{border-color:var(--n-ring)}.\[border-color\:var\(--neba-border\)\]{border-color:var(--neba-border)}.\[border-color\:var\(--neba-disabled-border\)\]{border-color:var(--neba-disabled-border)}.\[border-inline-start-color\:var\(--n-accent\)\]{border-inline-start-color:var(--n-accent)}.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,currentColor_7\%\,transparent\)\]{background-color:color-mix(in oklab,currentColor 7%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--neba-scrim\)_55\%\,transparent\)\]{background-color:var(--neba-scrim)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--neba-scrim\)_55\%\,transparent\)\]{background-color:color-mix(in oklab,var(--neba-scrim) 55%,transparent)}}.\[background-color\:color-mix\(in_oklab\,var\(--neba-surface\)_55\%\,transparent\)\]{background-color:var(--neba-surface)}@supports (color:color-mix(in lab, red, red)){.\[background-color\:color-mix\(in_oklab\,var\(--neba-surface\)_55\%\,transparent\)\]{background-color:color-mix(in oklab,var(--neba-surface) 55%,transparent)}}.bg-\(--n-accent\){background-color:var(--n-accent)}.bg-\(--n-fill\){background-color:var(--n-fill)}.bg-\(--n-fill-active\){background-color:var(--n-fill-active)}.bg-\(--n-line\){background-color:var(--n-line)}.bg-\(--n-line-hover\){background-color:var(--n-line-hover)}.bg-\(--n-panel\){background-color:var(--n-panel)}.bg-\(--n-panel-hover\){background-color:var(--n-panel-hover)}.bg-\(--n-panel-press\){background-color:var(--n-panel-press)}.bg-\(--n-soft\){background-color:var(--n-soft)}.bg-\(--n-soft-press\){background-color:var(--n-soft-press)}.bg-\(--neba-border\){background-color:var(--neba-border)}.bg-\(--neba-disabled-bg\){background-color:var(--neba-disabled-bg)}.bg-\(--neba-glow-on-fill\){background-color:var(--neba-glow-on-fill)}.bg-\(--neba-scrim\){background-color:var(--neba-scrim)}.bg-\(--neba-surface\){background-color:var(--neba-surface)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.\[background-image\:var\(--neba-grain\)\,var\(--neba-sheen\)\]{background-image:var(--neba-grain),var(--neba-sheen)}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[0\.35em\]{padding-block:.35em}.py-\[2px\]{padding-block:2px}.py-\[3px\]{padding-block:3px}.py-\[4px\]{padding-block:4px}.py-\[5px\]{padding-block:5px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-px{padding-block:1px}.ps-\(--n-tree-indent\){padding-inline-start:var(--n-tree-indent)}.ps-0{padding-inline-start:0}.ps-7{padding-inline-start:calc(var(--spacing) * 7)}.pe-0{padding-inline-end:0}.pe-1{padding-inline-end:var(--spacing)}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-3\.5{padding-inline-end:calc(var(--spacing) * 3.5)}.pe-4{padding-inline-end:calc(var(--spacing) * 4)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pe-7{padding-inline-end:calc(var(--spacing) * 7)}.pe-8{padding-inline-end:calc(var(--spacing) * 8)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.\[font-family\:inherit\]{font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-\[0\.75rem\]\/\[1\.25rem\]{font-size:.75rem;line-height:1.25rem}.text-\[0\.75rem\]\/\[1\.125rem\]{font-size:.75rem;line-height:1.125rem}.text-\[0\.75rem\]\/\[1rem\]{font-size:.75rem;line-height:1rem}.text-\[0\.6875rem\]\/\[0\.875rem\]{font-size:.6875rem;line-height:.875rem}.text-\[0\.6875rem\]\/\[1rem\]{font-size:.6875rem;line-height:1rem}.text-\[0\.8125rem\]\/\[1\.25rem\]{font-size:.8125rem;line-height:1.25rem}.text-\[0\.8125rem\]\/\[1\.125rem\]{font-size:.8125rem;line-height:1.125rem}.text-\[0\.8125rem\]\/\[1\.375rem\]{font-size:.8125rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.5rem\]{font-size:.9375rem;line-height:1.5rem}.text-\[0\.9375rem\]\/\[1\.25rem\]{font-size:.9375rem;line-height:1.25rem}.text-\[0\.9375rem\]\/\[1\.375rem\]{font-size:.9375rem;line-height:1.375rem}.text-\[0\.9375rem\]\/\[1\.625rem\]{font-size:.9375rem;line-height:1.625rem}.text-\[1\.5rem\]\/\[1\.875rem\]{font-size:1.5rem;line-height:1.875rem}.text-\[1\.25rem\]\/\[1\.75rem\]{font-size:1.25rem;line-height:1.75rem}.text-\[1\.25rem\]\/\[1\.625rem\]{font-size:1.25rem;line-height:1.625rem}.text-\[1\.25rem\]\/\[2\.125rem\]{font-size:1.25rem;line-height:2.125rem}.text-\[1\.75rem\]\/\[2rem\]{font-size:1.75rem;line-height:2rem}.text-\[1\.125rem\]\/\[1\.375rem\]{font-size:1.125rem;line-height:1.375rem}.text-\[1\.375rem\]\/\[1\.625rem\]{font-size:1.375rem;line-height:1.625rem}.text-\[1\.0625rem\]\/\[1\.5rem\]{font-size:1.0625rem;line-height:1.5rem}.text-\[1\.0625rem\]\/\[1\.75rem\]{font-size:1.0625rem;line-height:1.75rem}.text-\[1\.0625rem\]\/\[1\.625rem\]{font-size:1.0625rem;line-height:1.625rem}.text-\[1\.0625rem\]\/\[1\.875rem\]{font-size:1.0625rem;line-height:1.875rem}.text-\[1\.875rem\]\/\[2\.25rem\]{font-size:1.875rem;line-height:2.25rem}.text-\[2\.25rem\]\/\[2\.5rem\]{font-size:2.25rem;line-height:2.5rem}.text-\[2\.875rem\]\/\[3\.25rem\]{font-size:2.875rem;line-height:3.25rem}.\[font-size\:100\%\]{font-size:100%}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.85em\]{font-size:.85em}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.5625rem\]{font-size:.5625rem}.text-\[0\.6875rem\]{font-size:.6875rem}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1\.0625rem\]{font-size:1.0625rem}.text-\[1\.1875rem\]{font-size:1.1875rem}.text-\[1rem\]{font-size:1rem}.text-\[calc\(var\(--n-bullet\)\*0\.5\)\]{font-size:calc(var(--n-bullet) * .5)}.text-\[length\:inherit\]{font-size:inherit}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:currentColor}@supports (color:color-mix(in lab, red, red)){.\[color\:color-mix\(in_oklab\,currentColor_72\%\,transparent\)\]{color:color-mix(in oklab,currentColor 72%,transparent)}}.text-\(--n-accent\){color:var(--n-accent)}.text-\(--n-on-solid\){color:var(--n-on-solid)}.text-\(--n-soft-press\){color:var(--n-soft-press)}.text-\(--neba-danger-accent\){color:var(--neba-danger-accent)}.text-\(--neba-disabled-fg\){color:var(--neba-disabled-fg)}.text-\(--neba-fg\){color:var(--neba-fg)}.text-\(--neba-muted-fg\){color:var(--neba-muted-fg)}.text-inherit{color:inherit}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-\(--n-accent\){caret-color:var(--n-accent)}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.\[background-blend-mode\:overlay\,normal\]{background-blend-mode:overlay,normal}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_0_0_0\.25rem_var\(--n-soft\)\,var\(--neba-plate-solid\)\]{box-shadow:0 0 0 .25rem var(--n-soft),var(--neba-plate-solid)}.\[box-shadow\:var\(--n-elev\)\,var\(--neba-plate-glass\)\]{box-shadow:var(--n-elev),var(--neba-plate-glass)}.\[box-shadow\:var\(--n-elev\)\,var\(--neba-plate-solid\)\]{box-shadow:var(--n-elev),var(--neba-plate-solid)}.\[box-shadow\:var\(--n-elev\)\]{box-shadow:var(--n-elev)}.\[box-shadow\:var\(--neba-plate-glass\)\]{box-shadow:var(--neba-plate-glass)}.\[box-shadow\:var\(--neba-plate-solid\)\]{box-shadow:var(--neba-plate-solid)}.\[box-shadow\:var\(--neba-shadow-1\)\,var\(--neba-plate-glass\)\]{box-shadow:var(--neba-shadow-1),var(--neba-plate-glass)}.\[box-shadow\:var\(--neba-shadow-1\)\,var\(--neba-plate-solid\)\]{box-shadow:var(--neba-shadow-1),var(--neba-plate-solid)}.\[box-shadow\:var\(--neba-shadow-1\)\]{box-shadow:var(--neba-shadow-1)}.\[box-shadow\:var\(--neba-shadow-3\)\,var\(--neba-plate-glass\)\]{box-shadow:var(--neba-shadow-3),var(--neba-plate-glass)}.\[box-shadow\:var\(--neba-shadow-3\)\,var\(--neba-plate-solid\)\]{box-shadow:var(--neba-shadow-3),var(--neba-plate-solid)}.\[outline\:none\]{outline:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[filter\:saturate\(0\.25\)\]{filter:saturate(.25)}.\[filter\:saturate\(0\.55\)\]{filter:saturate(.55)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[backdrop-filter\:blur\(2px\)\]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.\[backdrop-filter\:blur\(14px\)_saturate\(1\.4\)\]{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4)}.\[backdrop-filter\:var\(--neba-blur\)\]{-webkit-backdrop-filter:var(--neba-blur);backdrop-filter:var(--neba-blur)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\]{transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[transition-property\:background-color\,border-color\,box-shadow\,color\]{transition-property:background-color,border-color,box-shadow,color}.\[transition-property\:background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow}.\[transition-property\:background-color\]{transition-property:background-color}.\[transition-property\:color\,text-decoration-color\]{transition-property:color,text-decoration-color}.\[transition-property\:left\,top\,width\,height\]{transition-property:left,top,width,height}.\[transition-property\:width\,background-color\]{transition-property:width,background-color}.duration-\(--neba-duration\){--tw-duration:var(--neba-duration);transition-duration:var(--neba-duration)}.\[transition-duration\:0ms\]{transition-duration:0s}.\[transition-duration\:var\(--neba-duration\)\]{transition-duration:var(--neba-duration)}.\[transition-duration\:var\(--neba-duration-fill\)\,var\(--neba-duration\)\,var\(--neba-duration\)\,var\(--neba-duration\)\]{transition-duration:var(--neba-duration-fill),var(--neba-duration),var(--neba-duration),var(--neba-duration)}.\[transition-duration\:var\(--neba-duration-fill\)\,var\(--neba-duration\)\,var\(--neba-duration\)\]{transition-duration:var(--neba-duration-fill),var(--neba-duration),var(--neba-duration)}.\[transition-timing-function\:var\(--neba-ease\)\]{transition-timing-function:var(--neba-ease)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--n-fill\:var\(--neba-primary-fill\)\]{--n-fill:var(--neba-primary-fill)}.\[--n-row\:transparent\]{--n-row:transparent}.\[--n-row\:var\(--n-panel-hover\)\]{--n-row:var(--n-panel-hover)}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}.\[font\:inherit\]{font:inherit}.\[transition\:background-color_var\(--neba-duration\)_var\(--neba-ease\)\,color_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:background-color var(--neba-duration) var(--neba-ease),color var(--neba-duration) var(--neba-ease)}.\[transition\:background-color_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:background-color var(--neba-duration) var(--neba-ease)}.\[transition\:color_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:color var(--neba-duration) var(--neba-ease)}.\[transition\:filter_var\(--neba-duration-fill\)_var\(--neba-ease\)\]{transition:filter var(--neba-duration-fill) var(--neba-ease)}.\[transition\:height_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:height var(--neba-duration) var(--neba-ease)}.\[transition\:left_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:left var(--neba-duration) var(--neba-ease)}.\[transition\:opacity_var\(--neba-duration\)_var\(--neba-ease\)\,color_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:opacity var(--neba-duration) var(--neba-ease),color var(--neba-duration) var(--neba-ease)}.\[transition\:opacity_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:opacity var(--neba-duration) var(--neba-ease)}.\[transition\:rotate_var\(--neba-duration\)_var\(--neba-ease\)\]{transition:rotate var(--neba-duration) var(--neba-ease)}.\[transition\:stroke-dashoffset_var\(--neba-duration-fill\)_var\(--neba-ease\)\]{transition:stroke-dashoffset var(--neba-duration-fill) var(--neba-ease)}.\[transition\:width_var\(--neba-duration-fill\)_var\(--neba-ease\)\]{transition:width var(--neba-duration-fill) var(--neba-ease)}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.group-focus-within\:text-\(--n-accent\):is(:where(.group):focus-within *){color:var(--n-accent)}.group-focus-within\/bubble\:opacity-100:is(:where(.group\/bubble):focus-within *){opacity:1}@media (hover:hover){.group-hover\/bubble\:opacity-100:is(:where(.group\/bubble):hover *){opacity:1}.group-hover\/handle\:bg-\(--n-accent\):is(:where(.group\/handle):hover *){background-color:var(--n-accent)}}.group-focus-visible\/handle\:bg-\(--n-accent\):is(:where(.group\/handle):focus-visible *){background-color:var(--n-accent)}.group-focus-visible\/tree-item\:\[outline\:2px_solid_var\(--n-ring\)\]:is(:where(.group\/tree-item):focus-visible *){outline:2px solid var(--n-ring)}.group-focus-visible\/tree-item\:outline-offset-\[-2px\]:is(:where(.group\/tree-item):focus-visible *){outline-offset:-2px}.group-data-\[dragging\]\/handle\:bg-\(--n-accent\):is(:where(.group\/handle)[data-dragging] *){background-color:var(--n-accent)}.selection\:bg-\(--n-soft-press\) ::selection{background-color:var(--n-soft-press)}.selection\:bg-\(--n-soft-press\)::selection{background-color:var(--n-soft-press)}.placeholder\:text-\(--neba-muted-fg\)::placeholder{color:var(--neba-muted-fg)}.before\:content-\[attr\(data-sample\)\]:before{--tw-content:attr(data-sample);content:var(--tw-content)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:\[box-shadow\:var\(--neba-plate-glass\)\]:after{content:var(--tw-content);box-shadow:var(--neba-plate-glass)}.after\:\[box-shadow\:var\(--neba-plate-solid\)\]:after{content:var(--tw-content);box-shadow:var(--neba-plate-solid)}.empty\:hidden:empty{display:none}.focus-within\:\[border-color\:var\(--n-ring\)\]:focus-within{border-color:var(--n-ring)}.focus-within\:bg-\(--n-panel-hover\):focus-within{background-color:var(--n-panel-hover)}.focus-within\:bg-\(--n-panel-press\):focus-within{background-color:var(--n-panel-press)}.focus-within\:bg-\(--n-soft-hover\):focus-within{background-color:var(--n-soft-hover)}.focus-within\:\[transition-duration\:0ms\]:focus-within{transition-duration:0s}@media (hover:hover){.hover\:\[border-color\:var\(--n-line-hover\)\]:hover{border-color:var(--n-line-hover)}.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.hover\:\[background-color\:color-mix\(in_oklab\,currentColor_12\%\,transparent\)\]:hover{background-color:color-mix(in oklab,currentColor 12%,transparent)}}.hover\:bg-\(--n-accent\):hover{background-color:var(--n-accent)}.hover\:bg-\(--n-fill-hover\):hover{background-color:var(--n-fill-hover)}.hover\:bg-\(--n-panel-hover\):hover{background-color:var(--n-panel-hover)}.hover\:bg-\(--n-panel-press\):hover{background-color:var(--n-panel-press)}.hover\:bg-\(--n-soft\):hover{background-color:var(--n-soft)}.hover\:bg-\(--n-soft-hover\):hover{background-color:var(--n-soft-hover)}.hover\:bg-\(--n-soft-press\):hover{background-color:var(--n-soft-press)}.hover\:text-\(--n-accent\):hover{color:var(--n-accent)}.hover\:text-\(--neba-fg\):hover{color:var(--neba-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:\[box-shadow\:var\(--n-elev-hover\)\,var\(--neba-plate-glass\)\]:hover{box-shadow:var(--n-elev-hover),var(--neba-plate-glass)}.hover\:\[box-shadow\:var\(--n-elev-hover\)\,var\(--neba-plate-solid\)\]:hover{box-shadow:var(--n-elev-hover),var(--neba-plate-solid)}.hover\:\[box-shadow\:var\(--neba-shadow-2\)\,0_0_0_4px_var\(--n-soft\)\]:hover{box-shadow:var(--neba-shadow-2),0 0 0 4px var(--n-soft)}.hover\:\[--n-row\:var\(--n-soft\)\]:hover{--n-row:var(--n-soft)}}.focus\:\[outline\:2px_solid_var\(--n-ring\)\]:focus{outline:2px solid var(--n-ring)}.focus\:outline-offset-1:focus{outline-offset:1px}.focus\:\[transition-duration\:0ms\]:focus{transition-duration:0s}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:rounded-\[0\.25rem\]:focus-visible{border-radius:.25rem}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:\[outline\:2px_solid_var\(--n-ring\)\]:focus-visible{outline:2px solid var(--n-ring)}.focus-visible\:\[outline-offset\:-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-\(--n-fill-active\):active{background-color:var(--n-fill-active)}.active\:bg-\(--n-panel-press\):active{background-color:var(--n-panel-press)}.active\:bg-\(--n-soft-hover\):active{background-color:var(--n-soft-hover)}.active\:bg-\(--n-soft-press\):active{background-color:var(--n-soft-press)}.active\:\[box-shadow\:var\(--n-elev-press\)\,var\(--neba-plate-glass\)\]:active{box-shadow:var(--n-elev-press),var(--neba-plate-glass)}.active\:\[box-shadow\:var\(--n-elev-press\)\,var\(--neba-plate-solid\)\]:active{box-shadow:var(--n-elev-press),var(--neba-plate-solid)}.active\:\[transition-duration\:0ms\]:active{transition-duration:0s}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-\(--neba-disabled-fg\):disabled{color:var(--neba-disabled-fg)}.has-\[\:focus-visible\]\:\[outline\:2px_solid_var\(--n-ring\)\]:has(:focus-visible){outline:2px solid var(--n-ring)}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.data-\[active\]\:text-\(--n-accent\)[data-active]{color:var(--n-accent)}.data-\[checked\]\:left-\[calc\(100\%-0\.75rem\)\][data-checked]{left:calc(100% - .75rem)}.data-\[checked\]\:left-\[calc\(100\%-0\.875rem\)\][data-checked]{left:calc(100% - .875rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.125rem\)\][data-checked]{left:calc(100% - 1.125rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.375rem\)\][data-checked]{left:calc(100% - 1.375rem)}.data-\[checked\]\:left-\[calc\(100\%-1\.625rem\)\][data-checked]{left:calc(100% - 1.625rem)}.data-\[checked\]\:\[border-color\:transparent\][data-checked]{border-color:#0000}.data-\[checked\]\:bg-\(--n-fill\)[data-checked]{background-color:var(--n-fill)}.data-\[checked\]\:bg-\(--neba-disabled-bg\)[data-checked]{background-color:var(--neba-disabled-bg)}.data-\[checked\]\:text-\(--n-accent\)[data-checked]{color:var(--n-accent)}.data-\[checked\]\:text-\(--n-on-solid\)[data-checked]{color:var(--n-on-solid)}@media (hover:hover){.data-\[checked\]\:hover\:bg-\(--n-fill-hover\)[data-checked]:hover{background-color:var(--n-fill-hover)}}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:text-\(--neba-disabled-fg\)[data-disabled]{color:var(--neba-disabled-fg)}.data-\[dragging\]\:bg-\(--n-soft\)[data-dragging]{background-color:var(--n-soft)}.data-\[dragging\]\:\[box-shadow\:var\(--neba-shadow-1\)\,0_0_0_6px_var\(--n-soft-hover\)\][data-dragging]{box-shadow:var(--neba-shadow-1),0 0 0 6px var(--n-soft-hover)}.data-\[ending-style\]\:h-0[data-ending-style]{height:0}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-\(--n-soft-hover\)[data-highlighted]{background-color:var(--n-soft-hover)}.data-\[highlighted\]\:text-\(--n-accent\)[data-highlighted]{color:var(--n-accent)}.data-\[indeterminate\]\:\[border-color\:transparent\][data-indeterminate]{border-color:#0000}.data-\[indeterminate\]\:bg-\(--n-fill\)[data-indeterminate]{background-color:var(--n-fill)}.data-\[indeterminate\]\:bg-\(--neba-disabled-bg\)[data-indeterminate]{background-color:var(--neba-disabled-bg)}.data-\[indeterminate\]\:text-\(--n-on-solid\)[data-indeterminate]{color:var(--n-on-solid)}.data-\[instant\]\:\[transition-duration\:0ms\][data-instant]{transition-duration:0s}.data-\[limited\]\:hidden[data-limited]{display:none}.data-\[panel-open\]\:rotate-180[data-panel-open]{rotate:180deg}.data-\[panel-open\]\:text-\(--n-accent\)[data-panel-open]{color:var(--n-accent)}.data-\[placeholder\]\:text-\(--neba-muted-fg\)[data-placeholder]{color:var(--neba-muted-fg)}.data-\[popup-open\]\:rotate-180[data-popup-open]{rotate:180deg}.data-\[popup-open\]\:bg-\(--n-soft\)[data-popup-open]{background-color:var(--n-soft)}.data-\[readonly\]\:cursor-default[data-readonly]{cursor:default}.data-\[ready\]\:\[transition-duration\:var\(--neba-duration\)\][data-ready]{transition-duration:var(--neba-duration)}.data-\[selected\]\:font-medium[data-selected]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[selected\]\:text-\(--n-accent\)[data-selected]{color:var(--n-accent)}.data-\[side\=bottom\]\:top-\[-1px\][data-side=bottom]{top:-1px}.data-\[side\=bottom\]\:rotate-180[data-side=bottom]{rotate:180deg}.data-\[side\=left\]\:right-\[-1px\][data-side=left]{right:-1px}.data-\[side\=left\]\:-rotate-90[data-side=left]{rotate:-90deg}.data-\[side\=right\]\:left-\[-1px\][data-side=right]{left:-1px}.data-\[side\=right\]\:rotate-90[data-side=right]{rotate:90deg}.data-\[side\=top\]\:bottom-\[-1px\][data-side=top]{bottom:-1px}.data-\[starting-style\]\:h-0[data-starting-style]{height:0}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:scroll-auto{scroll-behavior:auto}.motion-reduce\:\[transition-duration\:0ms\]{transition-duration:0s}}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}.rtl\:rotate-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:0deg}.rtl\:rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:90deg}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.\[\&_\*\]\:cursor-not-allowed *{cursor:not-allowed}.\[\&_img\]\:block img{display:block}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:inline svg{display:inline}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-\[0\.9em\] svg{width:.9em;height:.9em}.\[\&_svg\]\:size-\[0\.95em\] svg{width:.95em;height:.95em}.\[\&_svg\]\:size-\[1\.1em\] svg{width:1.1em;height:1.1em}.\[\&_svg\]\:size-\[1\.2em\] svg{width:1.2em;height:1.2em}.\[\&_svg\]\:size-\[1\.8em\] svg{width:1.8em;height:1.8em}.\[\&_svg\]\:size-\[1\.15em\] svg{width:1.15em;height:1.15em}.\[\&_svg\]\:size-\[1em\] svg{width:1em;height:1em}.\[\&_svg\]\:size-\[55\%\] svg{width:55%;height:55%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_video\]\:block video{display:block}.\[\&_video\]\:w-full video{width:100%}.\[\&\.neba-link\]\:text-\(--n-accent\).neba-link{color:var(--n-accent)}.\[\&\.neba-link\]\:text-inherit.neba-link{color:inherit}.\[\&\.neba-link\]\:no-underline.neba-link{text-decoration-line:none}.\[\&\.neba-link\]\:underline.neba-link{text-decoration-line:underline}@media (hover:hover){.\[\&\.neba-link\]\:hover\:underline.neba-link:hover{text-decoration-line:underline}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\:focus-visible\]\:z-10>:focus-visible,.\[\&\>\*\:hover\]\:z-10>:hover{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:-ms-px>:not(:first-child){margin-inline-start:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>:not(:first-child){margin-top:-1px}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>div\+div\]\:border-t>div+div{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>div\+div\]\:\[border-color\:var\(--n-line\)\]>div+div{border-color:var(--n-line)}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>li\+li\]\:border-t>li+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>li\+li\]\:\[border-color\:var\(--n-line\)\]>li+li{border-color:var(--n-line)}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}@media (hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}:root{--neba-surface:oklch(100% 0 0);--neba-fg:oklch(24% .015 262);--neba-muted-fg:oklch(56% .014 262);--neba-border:oklch(91% .008 262);--neba-disabled-bg:oklch(94.5% .005 262);--neba-disabled-fg:oklch(73% .012 262);--neba-disabled-border:oklch(90% .008 262);--neba-fill-alpha:88%;--neba-blur:blur(9px) saturate(1.5);--neba-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");--neba-plate-edge:#ffffff2e;--neba-plate-top:#ffffff42;--neba-plate-solid:inset 0 1px 0 var(--neba-plate-top), inset 0 0 0 1px var(--neba-plate-edge);--neba-plate-glass:inset 0 1px 0 var(--neba-plate-top);--neba-sheen:linear-gradient(148deg, #ffffff21, #fff0 52%);--neba-glass-bg:#ffffffa8;--neba-panel:#ffffffa8;--neba-panel-hover:#ffffffd1;--neba-panel-press:#ffffffeb;--neba-glow-on-fill:#ffffff29;--neba-flash-on-fill:#ffffff38;--neba-scrim:#10182857;--neba-shadow-ambient:#10182821;--neba-shadow-0:0 0 #0000;--neba-shadow-1:0 1px 2px -1px var(--neba-shadow-ambient);--neba-shadow-2:0 2px 4px -2px var(--neba-shadow-ambient), 0 5px 12px -7px var(--neba-shadow-ambient);--neba-shadow-3:0 4px 8px -3px var(--neba-shadow-ambient), 0 12px 24px -11px var(--neba-shadow-ambient);--neba-shadow-4:0 6px 12px -4px var(--neba-shadow-ambient), 0 20px 40px -15px var(--neba-shadow-ambient);--neba-radius-xs:.625rem;--neba-radius-sm:.75rem;--neba-radius-md:.875rem;--neba-radius-lg:1.125rem;--neba-radius-xl:1.375rem;--neba-ease:cubic-bezier(.32, .72, 0, 1);--neba-duration:.16s;--neba-duration-fill:.34s;--neba-primary-solid:oklch(50% .198 262);--neba-primary-solid-hover:oklch(45.5% .196 262);--neba-primary-solid-active:oklch(38% .172 262);--neba-primary-on-solid:oklch(99% .004 262);--neba-primary-accent:oklch(55% .222 262);--neba-secondary-solid:oklch(48% .038 262);--neba-secondary-solid-hover:oklch(43.5% .036 262);--neba-secondary-solid-active:oklch(36% .03 262);--neba-secondary-on-solid:oklch(99% .003 262);--neba-secondary-accent:oklch(54% .045 262);--neba-success-solid:oklch(48.5% .136 148);--neba-success-solid-hover:oklch(44% .126 148);--neba-success-solid-active:oklch(36.5% .106 148);--neba-success-on-solid:oklch(99% .004 148);--neba-success-accent:oklch(52.5% .143 148);--neba-warning-solid:oklch(80% .146 80);--neba-warning-solid-hover:oklch(75.5% .148 78);--neba-warning-solid-active:oklch(66.5% .14 74);--neba-warning-on-solid:oklch(28% .06 70);--neba-warning-accent:oklch(54.5% .111 68);--neba-danger-solid:oklch(52.5% .194 30);--neba-danger-solid-hover:oklch(48% .186 30);--neba-danger-solid-active:oklch(40.5% .162 30);--neba-danger-on-solid:oklch(99% .004 30);--neba-danger-accent:oklch(56.5% .212 30);--neba-info-solid:oklch(48.5% .088 223);--neba-info-solid-hover:oklch(44% .081 223);--neba-info-solid-active:oklch(36.5% .068 223);--neba-info-on-solid:oklch(99% .004 223);--neba-info-accent:oklch(53.5% .096 223)}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--neba-surface:oklch(19% .012 262);--neba-fg:oklch(95% .008 262);--neba-muted-fg:oklch(66% .014 262);--neba-border:oklch(30% .012 262);--neba-disabled-bg:oklch(27% .012 262);--neba-disabled-fg:oklch(48% .012 262);--neba-disabled-border:oklch(32% .012 262);--neba-fill-alpha:87%;--neba-blur:blur(9px) saturate(1.3);--neba-plate-edge:#ffffff1f;--neba-plate-top:#ffffff29;--neba-sheen:linear-gradient(148deg, #ffffff17, #fff0 52%);--neba-glass-bg:#ffffff12;--neba-panel:#ffffff12;--neba-panel-hover:#ffffff1a;--neba-panel-press:#ffffff21;--neba-glow-on-fill:#ffffff21;--neba-flash-on-fill:#ffffff2e;--neba-scrim:#00000094;--neba-shadow-ambient:#0000008c;--neba-primary-solid:oklch(57% .208 262);--neba-primary-solid-hover:oklch(62% .181 262);--neba-primary-solid-active:oklch(48% .196 262);--neba-primary-on-solid:oklch(99% .004 262);--neba-primary-accent:oklch(78% .103 262);--neba-secondary-solid:oklch(50% .036 262);--neba-secondary-solid-hover:oklch(55% .036 262);--neba-secondary-solid-active:oklch(41% .03 262);--neba-secondary-on-solid:oklch(99% .003 262);--neba-secondary-accent:oklch(78% .026 262);--neba-success-solid:oklch(54% .147 148);--neba-success-solid-hover:oklch(59% .161 148);--neba-success-solid-active:oklch(45% .123 148);--neba-success-on-solid:oklch(99% .004 148);--neba-success-accent:oklch(78% .17 148);--neba-warning-solid:oklch(76% .145 80);--neba-warning-solid-hover:oklch(81% .154 80);--neba-warning-solid-active:oklch(66% .126 80);--neba-warning-on-solid:oklch(25% .06 70);--neba-warning-accent:oklch(82% .14 80);--neba-danger-solid:oklch(55% .207 30);--neba-danger-solid-hover:oklch(60% .226 30);--neba-danger-solid-active:oklch(46% .174 30);--neba-danger-on-solid:oklch(99% .004 30);--neba-danger-accent:oklch(76% .136 32);--neba-info-solid:oklch(55% .098 223);--neba-info-solid-hover:oklch(60% .107 223);--neba-info-solid-active:oklch(46% .082 223);--neba-info-on-solid:oklch(99% .004 223);--neba-info-accent:oklch(79% .11 223)}}.dark,[data-theme=dark]{--neba-surface:oklch(19% .012 262);--neba-fg:oklch(95% .008 262);--neba-muted-fg:oklch(66% .014 262);--neba-border:oklch(30% .012 262);--neba-disabled-bg:oklch(27% .012 262);--neba-disabled-fg:oklch(48% .012 262);--neba-disabled-border:oklch(32% .012 262);--neba-fill-alpha:87%;--neba-blur:blur(9px) saturate(1.3);--neba-plate-edge:#ffffff1f;--neba-plate-top:#ffffff29;--neba-sheen:linear-gradient(148deg, #ffffff17, #fff0 52%);--neba-glass-bg:#ffffff12;--neba-panel:#ffffff12;--neba-panel-hover:#ffffff1a;--neba-panel-press:#ffffff21;--neba-glow-on-fill:#ffffff21;--neba-flash-on-fill:#ffffff2e;--neba-scrim:#00000094;--neba-shadow-ambient:#0000008c;--neba-primary-solid:oklch(57% .208 262);--neba-primary-solid-hover:oklch(62% .181 262);--neba-primary-solid-active:oklch(48% .196 262);--neba-primary-on-solid:oklch(99% .004 262);--neba-primary-accent:oklch(78% .103 262);--neba-secondary-solid:oklch(50% .036 262);--neba-secondary-solid-hover:oklch(55% .036 262);--neba-secondary-solid-active:oklch(41% .03 262);--neba-secondary-on-solid:oklch(99% .003 262);--neba-secondary-accent:oklch(78% .026 262);--neba-success-solid:oklch(54% .147 148);--neba-success-solid-hover:oklch(59% .161 148);--neba-success-solid-active:oklch(45% .123 148);--neba-success-on-solid:oklch(99% .004 148);--neba-success-accent:oklch(78% .17 148);--neba-warning-solid:oklch(76% .145 80);--neba-warning-solid-hover:oklch(81% .154 80);--neba-warning-solid-active:oklch(66% .126 80);--neba-warning-on-solid:oklch(25% .06 70);--neba-warning-accent:oklch(82% .14 80);--neba-danger-solid:oklch(55% .207 30);--neba-danger-solid-hover:oklch(60% .226 30);--neba-danger-solid-active:oklch(46% .174 30);--neba-danger-on-solid:oklch(99% .004 30);--neba-danger-accent:oklch(76% .136 32);--neba-info-solid:oklch(55% .098 223);--neba-info-solid-hover:oklch(60% .107 223);--neba-info-solid-active:oklch(46% .082 223);--neba-info-on-solid:oklch(99% .004 223);--neba-info-accent:oklch(79% .11 223)}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill:var(--neba-primary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill:color-mix(in srgb, var(--neba-primary-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill-hover:var(--neba-primary-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill-hover:color-mix(in srgb, var(--neba-primary-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill-active:var(--neba-primary-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-fill-active:color-mix(in srgb, var(--neba-primary-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft:color-mix(in srgb, var(--neba-primary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft-hover:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft-hover:color-mix(in srgb, var(--neba-primary-accent) 17%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft-press:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-soft-press:color-mix(in srgb, var(--neba-primary-accent) 25%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel:color-mix(in srgb, var(--neba-primary-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel-hover:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel-hover:color-mix(in srgb, var(--neba-primary-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel-press:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-panel-press:color-mix(in srgb, var(--neba-primary-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-line:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-line:color-mix(in srgb, var(--neba-primary-accent) 22%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-line-hover:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-line-hover:color-mix(in srgb, var(--neba-primary-accent) 40%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-ring:var(--neba-primary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-primary-ring:color-mix(in srgb, var(--neba-primary-accent) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill:var(--neba-secondary-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill:color-mix(in srgb, var(--neba-secondary-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill-hover:var(--neba-secondary-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill-hover:color-mix(in srgb, var(--neba-secondary-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill-active:var(--neba-secondary-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-fill-active:color-mix(in srgb, var(--neba-secondary-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft:color-mix(in srgb, var(--neba-secondary-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft-hover:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft-hover:color-mix(in srgb, var(--neba-secondary-accent) 17%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft-press:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-soft-press:color-mix(in srgb, var(--neba-secondary-accent) 25%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel:color-mix(in srgb, var(--neba-secondary-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel-hover:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel-hover:color-mix(in srgb, var(--neba-secondary-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel-press:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-panel-press:color-mix(in srgb, var(--neba-secondary-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-line:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-line:color-mix(in srgb, var(--neba-secondary-accent) 22%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-line-hover:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-line-hover:color-mix(in srgb, var(--neba-secondary-accent) 40%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-ring:var(--neba-secondary-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-secondary-ring:color-mix(in srgb, var(--neba-secondary-accent) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill:var(--neba-success-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill:color-mix(in srgb, var(--neba-success-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill-hover:var(--neba-success-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill-hover:color-mix(in srgb, var(--neba-success-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill-active:var(--neba-success-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-fill-active:color-mix(in srgb, var(--neba-success-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft:color-mix(in srgb, var(--neba-success-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft-hover:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft-hover:color-mix(in srgb, var(--neba-success-accent) 17%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft-press:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-soft-press:color-mix(in srgb, var(--neba-success-accent) 25%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel:color-mix(in srgb, var(--neba-success-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel-hover:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel-hover:color-mix(in srgb, var(--neba-success-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel-press:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-panel-press:color-mix(in srgb, var(--neba-success-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-line:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-line:color-mix(in srgb, var(--neba-success-accent) 22%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-line-hover:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-line-hover:color-mix(in srgb, var(--neba-success-accent) 40%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-ring:var(--neba-success-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-success-ring:color-mix(in srgb, var(--neba-success-accent) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill:var(--neba-warning-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill:color-mix(in srgb, var(--neba-warning-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill-hover:var(--neba-warning-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill-hover:color-mix(in srgb, var(--neba-warning-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill-active:var(--neba-warning-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-fill-active:color-mix(in srgb, var(--neba-warning-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft:color-mix(in srgb, var(--neba-warning-accent) 12%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft-hover:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft-hover:color-mix(in srgb, var(--neba-warning-accent) 20%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft-press:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-soft-press:color-mix(in srgb, var(--neba-warning-accent) 28%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel:color-mix(in srgb, var(--neba-warning-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel-hover:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel-hover:color-mix(in srgb, var(--neba-warning-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel-press:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-panel-press:color-mix(in srgb, var(--neba-warning-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-line:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-line:color-mix(in srgb, var(--neba-warning-accent) 26%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-line-hover:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-line-hover:color-mix(in srgb, var(--neba-warning-accent) 44%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-ring:var(--neba-warning-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-warning-ring:color-mix(in srgb, var(--neba-warning-accent) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill:var(--neba-danger-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill:color-mix(in srgb, var(--neba-danger-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill-hover:var(--neba-danger-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill-hover:color-mix(in srgb, var(--neba-danger-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill-active:var(--neba-danger-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-fill-active:color-mix(in srgb, var(--neba-danger-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft:color-mix(in srgb, var(--neba-danger-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft-hover:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft-hover:color-mix(in srgb, var(--neba-danger-accent) 17%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft-press:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-soft-press:color-mix(in srgb, var(--neba-danger-accent) 25%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel:color-mix(in srgb, var(--neba-danger-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel-hover:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel-hover:color-mix(in srgb, var(--neba-danger-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel-press:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-panel-press:color-mix(in srgb, var(--neba-danger-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-line:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-line:color-mix(in srgb, var(--neba-danger-accent) 22%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-line-hover:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-line-hover:color-mix(in srgb, var(--neba-danger-accent) 40%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-ring:var(--neba-danger-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-danger-ring:color-mix(in srgb, var(--neba-danger-accent) 55%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill:var(--neba-info-solid)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill:color-mix(in srgb, var(--neba-info-solid) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill-hover:var(--neba-info-solid-hover)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill-hover:color-mix(in srgb, var(--neba-info-solid-hover) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill-active:var(--neba-info-solid-active)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-fill-active:color-mix(in srgb, var(--neba-info-solid-active) var(--neba-fill-alpha), transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft:color-mix(in srgb, var(--neba-info-accent) 10%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft-hover:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft-hover:color-mix(in srgb, var(--neba-info-accent) 17%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft-press:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-soft-press:color-mix(in srgb, var(--neba-info-accent) 25%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel:color-mix(in srgb, var(--neba-info-accent) 8%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel-hover:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel-hover:color-mix(in srgb, var(--neba-info-accent) 16%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel-press:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-panel-press:color-mix(in srgb, var(--neba-info-accent) 24%, var(--neba-glass-bg))}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-line:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-line:color-mix(in srgb, var(--neba-info-accent) 22%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-line-hover:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-line-hover:color-mix(in srgb, var(--neba-info-accent) 40%, transparent)}}:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-ring:var(--neba-info-accent)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light,[data-theme=dark],[data-theme=light]{--neba-info-ring:color-mix(in srgb, var(--neba-info-accent) 55%, transparent)}}.neba-title :where(h1,h2,h3,h4,h5,h6){font:inherit;margin:0}.neba-link.neba-link{font-weight:inherit;text-underline-offset:.2em;text-underline-position:from-font;text-decoration-thickness:max(1px,.055em);-webkit-text-decoration-color:var(--n-underline);-webkit-text-decoration-color:var(--n-underline);text-decoration-color:var(--n-underline)}.neba-link.neba-link:hover{-webkit-text-decoration-color:var(--n-underline-hover);-webkit-text-decoration-color:var(--n-underline-hover);text-decoration-color:var(--n-underline-hover)}.neba-grid{--n-cols:var(--n-cols-xs,12);--n-gap-x:var(--n-gap-x-xs,0px);--n-gap-y:var(--n-gap-y-xs,0px)}.neba-grid-item{--n-span:var(--n-span-xs,var(--n-cols,12));--n-offset:var(--n-offset-xs,0);--n-track:calc((100% + var(--n-gap-x,0px)) / var(--n-cols,12));box-sizing:border-box;min-width:0;width:calc(var(--n-track) * min(var(--n-span), var(--n-cols,12)) - var(--n-gap-x,0px));flex:none;margin-inline-start:calc(var(--n-track) * min(var(--n-offset), var(--n-cols,12)))}@media (min-width:40rem){.neba-grid{--n-cols:var(--n-cols-sm,var(--n-cols-xs,12));--n-gap-x:var(--n-gap-x-sm,var(--n-gap-x-xs,0px));--n-gap-y:var(--n-gap-y-sm,var(--n-gap-y-xs,0px))}.neba-grid-item{--n-span:var(--n-span-sm,var(--n-span-xs,var(--n-cols,12)));--n-offset:var(--n-offset-sm,var(--n-offset-xs,0))}}@media (min-width:48rem){.neba-grid{--n-cols:var(--n-cols-md,var(--n-cols-sm,var(--n-cols-xs,12)));--n-gap-x:var(--n-gap-x-md,var(--n-gap-x-sm,var(--n-gap-x-xs,0px)));--n-gap-y:var(--n-gap-y-md,var(--n-gap-y-sm,var(--n-gap-y-xs,0px)))}.neba-grid-item{--n-span:var(--n-span-md,var(--n-span-sm,var(--n-span-xs,var(--n-cols,12))));--n-offset:var(--n-offset-md,var(--n-offset-sm,var(--n-offset-xs,0)))}}@media (min-width:64rem){.neba-grid{--n-cols:var(--n-cols-lg,var(--n-cols-md,var(--n-cols-sm,var(--n-cols-xs,12))));--n-gap-x:var(--n-gap-x-lg,var(--n-gap-x-md,var(--n-gap-x-sm,var(--n-gap-x-xs,0px))));--n-gap-y:var(--n-gap-y-lg,var(--n-gap-y-md,var(--n-gap-y-sm,var(--n-gap-y-xs,0px))))}.neba-grid-item{--n-span:var(--n-span-lg,var(--n-span-md,var(--n-span-sm,var(--n-span-xs,var(--n-cols,12)))));--n-offset:var(--n-offset-lg,var(--n-offset-md,var(--n-offset-sm,var(--n-offset-xs,0))))}}@media (min-width:80rem){.neba-grid{--n-cols:var(--n-cols-xl,var(--n-cols-lg,var(--n-cols-md,var(--n-cols-sm,var(--n-cols-xs,12)))));--n-gap-x:var(--n-gap-x-xl,var(--n-gap-x-lg,var(--n-gap-x-md,var(--n-gap-x-sm,var(--n-gap-x-xs,0px)))));--n-gap-y:var(--n-gap-y-xl,var(--n-gap-y-lg,var(--n-gap-y-md,var(--n-gap-y-sm,var(--n-gap-y-xs,0px)))))}.neba-grid-item{--n-span:var(--n-span-xl,var(--n-span-lg,var(--n-span-md,var(--n-span-sm,var(--n-span-xs,var(--n-cols,12))))));--n-offset:var(--n-offset-xl,var(--n-offset-lg,var(--n-offset-md,var(--n-offset-sm,var(--n-offset-xs,0)))))}}.neba-tree-simple :where(ul[role=group])>li:before,.neba-tree-folder :where(ul[role=group])>li:before{content:"";border-inline-start:1px solid var(--neba-border);pointer-events:none;block-size:100%;inline-size:0;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--n-tree-indent,1.25rem) / -2)}.neba-tree-folder :where(ul[role=group])>li:last-child:before{block-size:calc(var(--n-tree-row,2rem) / 2)}.neba-tree-folder :where(ul[role=group])>li:after{content:"";block-size:0;inline-size:calc(var(--n-tree-indent,1.25rem) / 2 - 2px);border-block-start:1px solid var(--neba-border);pointer-events:none;position:absolute;inset-block-start:calc(var(--n-tree-row,2rem) / 2);inset-inline-start:calc(var(--n-tree-indent,1.25rem) / -2)}.neba-glow:before,.neba-glow:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}.neba-glow:before{background:radial-gradient(5.5rem circle at var(--n-mx,50%) var(--n-my,50%), var(--n-glow,transparent), transparent 70%);transition:opacity .24s var(--neba-ease)}@media (hover:hover){.neba-glow:hover:before{opacity:1}}.neba-glow:after{background:radial-gradient(4.5rem circle at var(--n-mx,50%) var(--n-my,50%), var(--n-flash,transparent), transparent 72%);transition:opacity .9s cubic-bezier(.22,1,.36,1)}.neba-glow:active:after{opacity:1;transition-duration:0s}@keyframes neba-sweep{0%{inset-inline-start:-45%}to{inset-inline-start:100%}}.neba-sweep{inline-size:45%;animation:neba-sweep 1.15s var(--neba-ease) infinite;position:absolute;inset-block:0}@keyframes neba-ring-spin{to{rotate:360deg}}.neba-ring-spin{transform-origin:50%;animation:.9s linear infinite neba-ring-spin}@keyframes neba-plate-wave{0%,70%,to{background-color:var(--n-soft);box-shadow:var(--neba-plate-glass)}35%{background-color:var(--n-fill);box-shadow:var(--neba-plate-solid)}}.neba-plate-wave{animation:neba-plate-wave 1.2s var(--neba-ease) infinite;animation-delay:calc(var(--n-i,0) * .12s)}@keyframes neba-typing{0%,60%,to{background-color:color-mix(in oklab, currentColor 28%, transparent)}30%{background-color:currentColor}}.neba-typing-dot{background-color:currentColor}@supports (color:color-mix(in lab, red, red)){.neba-typing-dot{background-color:color-mix(in oklab, currentColor 28%, transparent)}}.neba-typing-dot{animation:neba-typing 1.25s var(--neba-ease) infinite;animation-delay:calc(var(--n-i,0) * .16s)}@keyframes neba-progress-pulse{0%,to{background-color:var(--n-soft-press)}50%{background-color:var(--n-fill)}}@media (prefers-reduced-motion:reduce){:root{--neba-duration:0s;--neba-duration-fill:0s}.neba-glow:before,.neba-glow:after{display:none}.neba-sweep{inline-size:100%;animation:neba-progress-pulse 1.8s var(--neba-ease) infinite;inset-inline-start:0}.neba-ring-spin,.neba-plate-wave{animation-duration:2.4s}.neba-typing-dot{animation-duration:2.6s}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}