@deadragdoll/reactnu 0.1.9

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 (176) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +151 -0
  3. package/dist/appHost/NuAppHostProvider.d.ts +6 -0
  4. package/dist/appHost/appHostContext.d.ts +26 -0
  5. package/dist/components/Button/Button.d.ts +13 -0
  6. package/dist/components/Button/index.d.ts +1 -0
  7. package/dist/components/CheckBox/CheckBox.d.ts +14 -0
  8. package/dist/components/CheckBox/index.d.ts +1 -0
  9. package/dist/components/ComboBox/ComboBox.d.ts +23 -0
  10. package/dist/components/ComboBox/index.d.ts +1 -0
  11. package/dist/components/CommandButton/CommandButton.d.ts +17 -0
  12. package/dist/components/CommandButton/index.d.ts +1 -0
  13. package/dist/components/CrtGlitch/CrtGlitch.d.ts +23 -0
  14. package/dist/components/CrtGlitch/index.d.ts +1 -0
  15. package/dist/components/Dashboard/Dashboard.d.ts +25 -0
  16. package/dist/components/Dashboard/index.d.ts +1 -0
  17. package/dist/components/Desktop/Desktop.d.ts +6 -0
  18. package/dist/components/Desktop/index.d.ts +1 -0
  19. package/dist/components/Dropdown/Dropdown.d.ts +19 -0
  20. package/dist/components/Dropdown/index.d.ts +1 -0
  21. package/dist/components/Frame/Frame.d.ts +24 -0
  22. package/dist/components/Frame/index.d.ts +1 -0
  23. package/dist/components/Glyph/NuGlyph.d.ts +6 -0
  24. package/dist/components/Glyph/index.d.ts +1 -0
  25. package/dist/components/Info/Info.d.ts +13 -0
  26. package/dist/components/Info/index.d.ts +1 -0
  27. package/dist/components/ListBox/ListBox.d.ts +23 -0
  28. package/dist/components/ListBox/index.d.ts +1 -0
  29. package/dist/components/ListBox/internals/ListBoxCategoryView.d.ts +6 -0
  30. package/dist/components/ListBox/internals/ListBoxCheckControl.d.ts +8 -0
  31. package/dist/components/ListBox/internals/ListBoxGroupView.d.ts +17 -0
  32. package/dist/components/ListBox/internals/ListBoxItemView.d.ts +18 -0
  33. package/dist/components/ListBox/internals/helpers.d.ts +5 -0
  34. package/dist/components/ListBox/internals/renderLabel.d.ts +2 -0
  35. package/dist/components/ListBox/internals/types.d.ts +27 -0
  36. package/dist/components/ListView/ListView.d.ts +27 -0
  37. package/dist/components/ListView/index.d.ts +1 -0
  38. package/dist/components/ListView/internals/ListViewCheckControl.d.ts +8 -0
  39. package/dist/components/ListView/internals/ListViewRow.d.ts +18 -0
  40. package/dist/components/ListView/internals/helpers.d.ts +5 -0
  41. package/dist/components/ListView/internals/types.d.ts +17 -0
  42. package/dist/components/MainMenu/MainMenu.d.ts +8 -0
  43. package/dist/components/MainMenu/MainMenu.types.d.ts +23 -0
  44. package/dist/components/MainMenu/index.d.ts +3 -0
  45. package/dist/components/MainMenu/internals/MainMenuList.d.ts +12 -0
  46. package/dist/components/MainMenu/menuState.d.ts +40 -0
  47. package/dist/components/MaskedField/MaskedField.d.ts +13 -0
  48. package/dist/components/MaskedField/index.d.ts +2 -0
  49. package/dist/components/MaskedField/textMask.d.ts +8 -0
  50. package/dist/components/Memo/Memo.d.ts +14 -0
  51. package/dist/components/Memo/index.d.ts +1 -0
  52. package/dist/components/PageControl/PageControl.d.ts +20 -0
  53. package/dist/components/PageControl/index.d.ts +1 -0
  54. package/dist/components/Panel/Panel.d.ts +11 -0
  55. package/dist/components/Panel/index.d.ts +1 -0
  56. package/dist/components/PopupMenu/PopupMenu.d.ts +22 -0
  57. package/dist/components/PopupMenu/index.d.ts +2 -0
  58. package/dist/components/PopupMenu/usePopupMenu.d.ts +12 -0
  59. package/dist/components/ProgressBar/ProgressBar.d.ts +17 -0
  60. package/dist/components/ProgressBar/index.d.ts +1 -0
  61. package/dist/components/PropertyGrid/PropertyGrid.d.ts +38 -0
  62. package/dist/components/PropertyGrid/index.d.ts +1 -0
  63. package/dist/components/RadioGroup/RadioButton.d.ts +9 -0
  64. package/dist/components/RadioGroup/RadioGroup.d.ts +21 -0
  65. package/dist/components/RadioGroup/index.d.ts +2 -0
  66. package/dist/components/ReportCell/ReportCell.d.ts +6 -0
  67. package/dist/components/ReportCell/index.d.ts +1 -0
  68. package/dist/components/SearchBox/SearchBox.d.ts +23 -0
  69. package/dist/components/SearchBox/index.d.ts +1 -0
  70. package/dist/components/SpinBox/SpinBox.d.ts +16 -0
  71. package/dist/components/SpinBox/index.d.ts +1 -0
  72. package/dist/components/Splitter/Splitter.d.ts +15 -0
  73. package/dist/components/Splitter/index.d.ts +1 -0
  74. package/dist/components/Stack/Stack.d.ts +13 -0
  75. package/dist/components/Stack/index.d.ts +1 -0
  76. package/dist/components/TextField/TextField.d.ts +12 -0
  77. package/dist/components/TextField/index.d.ts +1 -0
  78. package/dist/components/TickBar/TickBar.d.ts +22 -0
  79. package/dist/components/TickBar/index.d.ts +1 -0
  80. package/dist/components/ToolBar/ToolBar.d.ts +25 -0
  81. package/dist/components/ToolBar/index.d.ts +1 -0
  82. package/dist/components/TreeListView/TreeListView.d.ts +33 -0
  83. package/dist/components/TreeListView/index.d.ts +1 -0
  84. package/dist/components/TreeListView/internals/TreeListViewRow.d.ts +28 -0
  85. package/dist/components/TreeListView/internals/helpers.d.ts +14 -0
  86. package/dist/components/TreeListView/internals/types.d.ts +32 -0
  87. package/dist/components/TreeView/TreeView.d.ts +26 -0
  88. package/dist/components/TreeView/index.d.ts +1 -0
  89. package/dist/components/TreeView/internals/TreeViewItem.d.ts +21 -0
  90. package/dist/components/TreeView/internals/helpers.d.ts +5 -0
  91. package/dist/components/TreeView/internals/types.d.ts +10 -0
  92. package/dist/components/View/NuView.d.ts +10 -0
  93. package/dist/components/View/index.d.ts +1 -0
  94. package/dist/components/Window/StatusBarItem.d.ts +7 -0
  95. package/dist/components/Window/Window.d.ts +41 -0
  96. package/dist/components/Window/WindowTitleButton.d.ts +17 -0
  97. package/dist/components/Window/index.d.ts +5 -0
  98. package/dist/components/Window/internals/WindowStatusBar.d.ts +8 -0
  99. package/dist/components/Window/internals/WindowTitleBar.d.ts +10 -0
  100. package/dist/components/Window/useWindowTitleButtons.d.ts +12 -0
  101. package/dist/components/Window/windowMenuContext.d.ts +3 -0
  102. package/dist/components/_shared/ControlOpener.d.ts +18 -0
  103. package/dist/components/_shared/portalPositioning.d.ts +16 -0
  104. package/dist/components/_shared/slotProps.d.ts +867 -0
  105. package/dist/components/_shared/themePortal.d.ts +2 -0
  106. package/dist/components/_shared/treeData.d.ts +19 -0
  107. package/dist/components/_shared/usePopupPosition.d.ts +40 -0
  108. package/dist/index.cjs +9848 -0
  109. package/dist/index.d.ts +45 -0
  110. package/dist/index.js +9885 -0
  111. package/dist/styles.css +3644 -0
  112. package/dist/theme/NuThemeProvider.d.ts +26 -0
  113. package/dist/theme/themeContext.d.ts +15 -0
  114. package/dist/theme/themes.d.ts +49 -0
  115. package/dist/utils/renderMnemonicText.d.ts +10 -0
  116. package/dist/windowing/AppBarHost.d.ts +6 -0
  117. package/dist/windowing/AppBarItem.d.ts +587 -0
  118. package/dist/windowing/NuWindowProvider.d.ts +9 -0
  119. package/dist/windowing/WindowBar.d.ts +13 -0
  120. package/dist/windowing/dialogHelpers.d.ts +1793 -0
  121. package/dist/windowing/internals/MdiWindowPickerDialog.d.ts +10 -0
  122. package/dist/windowing/mdiMenu.d.ts +3 -0
  123. package/dist/windowing/windowContext.d.ts +18 -0
  124. package/dist/windowing/windowing.constants.d.ts +1 -0
  125. package/dist/windowing/windowing.types.d.ts +54 -0
  126. package/docs/API_REFERENCE.md +150 -0
  127. package/docs/ARCHITECTURE.md +170 -0
  128. package/docs/AppBarHost.md +22 -0
  129. package/docs/AppBarItem.md +22 -0
  130. package/docs/Button.md +24 -0
  131. package/docs/COMPONENT_INDEX.md +64 -0
  132. package/docs/CONTRIBUTOR_GUIDE.md +393 -0
  133. package/docs/CheckBox.md +30 -0
  134. package/docs/ComboBox.md +41 -0
  135. package/docs/CommandButton.md +45 -0
  136. package/docs/CrtGlitch.md +49 -0
  137. package/docs/Dashboard.md +73 -0
  138. package/docs/Desktop.md +27 -0
  139. package/docs/DialogHelpers.md +85 -0
  140. package/docs/Dropdown.md +44 -0
  141. package/docs/Frame.md +38 -0
  142. package/docs/GETTING_STARTED.md +110 -0
  143. package/docs/Glyph.md +29 -0
  144. package/docs/Info.md +51 -0
  145. package/docs/ListBox.md +35 -0
  146. package/docs/ListView.md +62 -0
  147. package/docs/MainMenu.md +36 -0
  148. package/docs/MaskedField.md +124 -0
  149. package/docs/Memo.md +32 -0
  150. package/docs/NuAppHostProvider.md +28 -0
  151. package/docs/NuThemeProvider.md +64 -0
  152. package/docs/NuView.md +58 -0
  153. package/docs/NuWindowProvider.md +81 -0
  154. package/docs/PageControl.md +28 -0
  155. package/docs/Panel.md +23 -0
  156. package/docs/PopupMenu.md +42 -0
  157. package/docs/ProgressBar.md +33 -0
  158. package/docs/PropertyGrid.md +63 -0
  159. package/docs/RadioGroup.md +36 -0
  160. package/docs/ReportCell.md +27 -0
  161. package/docs/SLOT_CUSTOMIZATION.md +85 -0
  162. package/docs/STORYBOOK.md +96 -0
  163. package/docs/SearchBox.md +41 -0
  164. package/docs/SpinBox.md +25 -0
  165. package/docs/Splitter.md +91 -0
  166. package/docs/Stack.md +26 -0
  167. package/docs/StatusBarItem.md +31 -0
  168. package/docs/TOKEN_CHECKLIST.md +122 -0
  169. package/docs/TextField.md +27 -0
  170. package/docs/TickBar.md +57 -0
  171. package/docs/ToolBar.md +51 -0
  172. package/docs/TreeListView.md +84 -0
  173. package/docs/TreeView.md +53 -0
  174. package/docs/Window.md +53 -0
  175. package/docs/WindowBar.md +24 -0
  176. package/package.json +47 -0
@@ -0,0 +1,3644 @@
1
+ :root {
2
+ --nu-desktop-bg: #f3f3f3;
3
+ --nu-desktop-pattern: rgba(0, 0, 0, 0.18);
4
+ --nu-color-shell: #575757;
5
+ --nu-color-app-bg: #6262e3;
6
+ --nu-color-app-bg-alt: #3030c7;
7
+ --nu-color-chrome: #ffffff;
8
+ --nu-color-panel: #6262e3;
9
+ --nu-color-panel-inset: #6262e3;
10
+ --nu-color-title-bg: #ffffff;
11
+ --nu-color-title-text: #1f36bc;
12
+ --nu-text-primary: #ffffff;
13
+ --nu-text-muted: #dfe3ff;
14
+ --nu-text-inverse: #000000;
15
+ --nu-text-accent: #ffff55;
16
+ --nu-text-hotkey: #ff5555;
17
+ --nu-color-button-face: #ffffff;
18
+ --nu-color-button-face-alt: #c7c7c7;
19
+ --nu-color-button-danger: #c84d4d;
20
+ --nu-color-button-success: #188f3b;
21
+ --nu-color-button-text: #000000;
22
+ --nu-color-field-bg: #000000;
23
+ --nu-color-field-text: #ffffff;
24
+ --nu-border-light: #ffffff;
25
+ --nu-border-dark: #000000;
26
+ --nu-border-accent: #ffff55;
27
+ --nu-shadow-color: #000000;
28
+ --nu-panel-shadow-color: rgba(0, 0, 0, 0.38);
29
+ --nu-focus-color: #ffff55;
30
+ --nu-space-xs: 0.25rem;
31
+ --nu-space-sm: 0.5rem;
32
+ --nu-space-md: 0.75rem;
33
+ --nu-space-lg: 1rem;
34
+ --nu-space-xl: 1.5rem;
35
+ --nu-radius-none: 0;
36
+ --nu-font-body: "IBM Plex Mono", "Cascadia Mono", "Consolas", monospace;
37
+ --nu-glyph-cell-size: 1em;
38
+ --nu-content-inset: 1em 1ch;
39
+ --nu-control-height: 1.2em;
40
+ --nu-button-shadow-x: 1ch;
41
+ --nu-button-shadow-y: calc(var(--nu-control-height) / 2);
42
+ --nu-button-shadow-offset-x: var(--nu-button-shadow-x);
43
+ --nu-button-shadow-offset-y: calc(var(--nu-control-height) / 2);
44
+ --nu-button-press-depth-x: 0.18em;
45
+ --nu-button-press-depth-y: 0.1em;
46
+ --nu-frame-thickness: 2px;
47
+ --nu-rule-thickness: 1px;
48
+ --nu-window-shadow-bg: rgba(0, 0, 0, 0.38);
49
+ --nu-window-shadow-offset-x: 1ch;
50
+ --nu-window-shadow-offset-y: 1em;
51
+ --nu-window-inactive-overlay: rgba(0, 0, 0, 0.22);
52
+ --nu-window-modal-backdrop: rgba(0, 0, 0, 0.32);
53
+ --nu-scrollbar-track: transparent;
54
+ --nu-scrollbar-thumb: var(--nu-color-button-face);
55
+ --nu-scrollbar-button-bg: var(--nu-color-button-face);
56
+ --nu-scrollbar-button-size: 0.875rem;
57
+ --nu-scrollbar-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon points='8,2 1,12 15,12' fill='black'/%3E%3C/svg%3E");
58
+ --nu-scrollbar-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon points='1,4 15,4 8,14' fill='black'/%3E%3C/svg%3E");
59
+ --nu-scrollbar-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon points='2,8 12,1 12,15' fill='black'/%3E%3C/svg%3E");
60
+ --nu-scrollbar-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolygon points='4,1 14,8 4,15' fill='black'/%3E%3C/svg%3E");
61
+ }
62
+ *,
63
+ *::before,
64
+ *::after {
65
+ box-sizing: border-box;
66
+ }
67
+ .nu-mnemonic__key {
68
+ color: var(--nu-text-hotkey);
69
+ }
70
+ .nu-theme-root {
71
+ color: var(--nu-text-primary);
72
+ font-family: var(--nu-font-body);
73
+ }
74
+ .nu-control-opener {
75
+ display: inline-flex;
76
+ flex: none;
77
+ align-items: center;
78
+ justify-content: center;
79
+ min-width: 2.2ch;
80
+ min-height: var(--nu-control-height);
81
+ padding: 0;
82
+ border: 1px solid var(--nu-border-dark);
83
+ background: var(--nu-color-button-face);
84
+ color: var(--nu-text-inverse);
85
+ font: inherit;
86
+ line-height: 1;
87
+ box-sizing: border-box;
88
+ appearance: none;
89
+ -webkit-appearance: none;
90
+ }
91
+ .nu-control-opener__glyph {
92
+ flex: none;
93
+ transform: translateY(0.02em);
94
+ }
95
+ .nu-glyph {
96
+ display: inline-flex;
97
+ align-items: center;
98
+ justify-content: center;
99
+ box-sizing: border-box;
100
+ flex: none;
101
+ inline-size: var(--nu-glyph-cell-size);
102
+ block-size: var(--nu-glyph-cell-size);
103
+ padding: 0;
104
+ color: currentColor;
105
+ }
106
+ .nu-glyph__svg {
107
+ display: block;
108
+ inline-size: 100%;
109
+ block-size: 100%;
110
+ }
111
+ .nu-check-box {
112
+ display: grid;
113
+ gap: var(--nu-space-xs);
114
+ font-family: var(--nu-font-body);
115
+ }
116
+ .nu-check-box__main {
117
+ position: relative;
118
+ display: grid;
119
+ grid-template-columns: var(--nu-glyph-cell-size) minmax(0, 1fr);
120
+ align-items: center;
121
+ gap: 0.75ch;
122
+ min-width: 0;
123
+ }
124
+ .nu-check-box__input {
125
+ position: absolute;
126
+ inset: 0;
127
+ margin: 0;
128
+ opacity: 0;
129
+ cursor: pointer;
130
+ }
131
+ .nu-check-box__input:focus,
132
+ .nu-check-box__input:focus-visible {
133
+ outline: none;
134
+ box-shadow: none;
135
+ }
136
+ .nu-check-box__input:focus-visible + .nu-check-box__control .nu-check-box__box {
137
+ box-shadow:
138
+ inset 0 0 0 1px var(--nu-color-button-face),
139
+ inset 0 0 0 2px var(--nu-text-accent);
140
+ }
141
+ .nu-check-box__input:focus-visible ~ .nu-check-box__label {
142
+ color: var(--nu-text-accent);
143
+ }
144
+ .nu-check-box__input:checked + .nu-check-box__control .nu-check-box__mark {
145
+ color: var(--nu-text-accent);
146
+ }
147
+ .nu-check-box__input:disabled {
148
+ cursor: not-allowed;
149
+ }
150
+ .nu-check-box__input:disabled + .nu-check-box__control,
151
+ .nu-check-box__input:disabled ~ .nu-check-box__label {
152
+ opacity: 0.6;
153
+ }
154
+ .nu-check-box__control {
155
+ display: inline-flex;
156
+ align-items: center;
157
+ justify-content: center;
158
+ color: var(--nu-color-button-face);
159
+ }
160
+ .nu-check-box__box {
161
+ display: inline-flex;
162
+ align-items: center;
163
+ justify-content: center;
164
+ inline-size: var(--nu-glyph-cell-size);
165
+ block-size: var(--nu-glyph-cell-size);
166
+ background: transparent;
167
+ box-shadow: inset 0 0 0 1px var(--nu-color-button-face);
168
+ }
169
+ .nu-check-box__box[data-unchecked-shape="none"] {
170
+ background: transparent;
171
+ box-shadow: none;
172
+ }
173
+ .nu-check-box__mark {
174
+ color: var(--nu-text-accent);
175
+ }
176
+ .nu-check-box__label {
177
+ min-width: 0;
178
+ color: var(--nu-text-primary);
179
+ }
180
+ .nu-check-box__hint {
181
+ color: var(--nu-text-muted);
182
+ font-size: 0.75rem;
183
+ }
184
+ .nu-dashboard {
185
+ display: grid;
186
+ grid-template-columns: repeat(
187
+ var(--nu-dashboard-column-count, 12),
188
+ minmax(0, 1fr)
189
+ );
190
+ align-content: start;
191
+ gap: var(--nu-dashboard-gap, 12px);
192
+ min-width: 0;
193
+ min-height: 0;
194
+ }
195
+ .nu-dashboard[data-fill] {
196
+ flex: 1 1 auto;
197
+ align-self: stretch;
198
+ inline-size: 100%;
199
+ block-size: 100%;
200
+ }
201
+ .nu-dashboard__cell {
202
+ min-width: 0;
203
+ min-height: 0;
204
+ }
205
+ .nu-dashboard[data-layout="lanes"] {
206
+ grid-template-columns: repeat(
207
+ var(--nu-dashboard-lane-count, 2),
208
+ minmax(0, 1fr)
209
+ );
210
+ }
211
+ .nu-dashboard__lane {
212
+ display: flex;
213
+ flex-direction: column;
214
+ gap: var(--nu-dashboard-gap, 12px);
215
+ min-width: 0;
216
+ min-height: 0;
217
+ align-self: start;
218
+ }
219
+ .nu-dashboard__content {
220
+ inline-size: 100%;
221
+ min-width: 0;
222
+ min-height: 0;
223
+ }
224
+ .nu-dashboard__content > * {
225
+ inline-size: 100%;
226
+ min-width: 0;
227
+ }
228
+ .nu-dropdown {
229
+ display: grid;
230
+ gap: var(--nu-space-xs);
231
+ font-family: var(--nu-font-body);
232
+ }
233
+ .nu-dropdown__label {
234
+ color: var(--nu-text-accent);
235
+ font-size: 0.8125rem;
236
+ text-transform: uppercase;
237
+ }
238
+ .nu-dropdown__trigger {
239
+ display: block;
240
+ padding: 0;
241
+ border: 0;
242
+ background: transparent;
243
+ color: var(--nu-text-primary);
244
+ font: inherit;
245
+ text-align: left;
246
+ outline: none;
247
+ appearance: none;
248
+ -webkit-appearance: none;
249
+ }
250
+ .nu-dropdown__trigger:focus,
251
+ .nu-dropdown__trigger:focus-visible {
252
+ outline: none;
253
+ box-shadow: none;
254
+ }
255
+ .nu-dropdown__trigger:focus .nu-dropdown__value-shell,
256
+ .nu-dropdown__trigger:focus-visible .nu-dropdown__value-shell {
257
+ background: var(--nu-color-field-bg);
258
+ color: var(--nu-color-field-text);
259
+ }
260
+ .nu-dropdown__trigger:disabled {
261
+ opacity: 0.6;
262
+ cursor: not-allowed;
263
+ }
264
+ .nu-dropdown__trigger:focus-visible .nu-dropdown__bracket,
265
+ .nu-dropdown__trigger:focus-visible .nu-dropdown__value-shell,
266
+ .nu-dropdown__trigger:focus-visible .nu-dropdown__field,
267
+ .nu-dropdown__trigger:focus-visible .nu-dropdown__arrow-shell {
268
+ color: var(--nu-text-accent);
269
+ }
270
+ .nu-dropdown__slot {
271
+ display: grid;
272
+ grid-template-columns: minmax(0, 1fr) auto;
273
+ align-items: stretch;
274
+ gap: 0.2ch;
275
+ min-height: var(--nu-control-height);
276
+ font: inherit;
277
+ line-height: 1;
278
+ }
279
+ .nu-dropdown__field {
280
+ display: grid;
281
+ grid-template-columns: auto 1fr auto;
282
+ align-items: stretch;
283
+ min-width: 0;
284
+ min-height: var(--nu-control-height);
285
+ font: inherit;
286
+ line-height: 1;
287
+ }
288
+ .nu-dropdown__bracket {
289
+ display: inline-flex;
290
+ align-items: center;
291
+ justify-content: center;
292
+ block-size: var(--nu-control-height);
293
+ color: var(--nu-color-field-text);
294
+ font: inherit;
295
+ line-height: 1;
296
+ }
297
+ .nu-dropdown__value-shell {
298
+ position: relative;
299
+ display: flex;
300
+ align-items: center;
301
+ block-size: var(--nu-control-height);
302
+ padding: 0;
303
+ background: transparent;
304
+ color: inherit;
305
+ font: inherit;
306
+ line-height: 1;
307
+ overflow: hidden;
308
+ }
309
+ .nu-dropdown__value {
310
+ width: 100%;
311
+ overflow: hidden;
312
+ text-overflow: ellipsis;
313
+ white-space: nowrap;
314
+ }
315
+ .nu-dropdown__arrow-shell {
316
+ flex: none;
317
+ }
318
+ .nu-dropdown__hint {
319
+ color: var(--nu-text-muted);
320
+ font-size: 0.75rem;
321
+ }
322
+ .nu-dropdown__popup {
323
+ position: fixed;
324
+ z-index: 1200;
325
+ min-width: 0;
326
+ }
327
+ .nu-dropdown__popup-shell {
328
+ position: relative;
329
+ isolation: isolate;
330
+ }
331
+ .nu-dropdown__popup-shell::after {
332
+ content: "";
333
+ position: absolute;
334
+ inset: 0;
335
+ z-index: 0;
336
+ background: var(--nu-window-shadow-bg);
337
+ transform: translate(
338
+ var(--nu-window-shadow-offset-x),
339
+ var(--nu-window-shadow-offset-y)
340
+ );
341
+ pointer-events: none;
342
+ }
343
+ .nu-dropdown__listbox {
344
+ position: relative;
345
+ z-index: 1;
346
+ width: 100%;
347
+ max-height: 14rem;
348
+ background: var(--nu-color-button-face);
349
+ color: var(--nu-text-inverse);
350
+ }
351
+ .nu-dropdown__listbox .nu-listbox__item {
352
+ color: var(--nu-text-inverse);
353
+ }
354
+ .nu-dropdown__listbox .nu-listbox__item:hover {
355
+ background: var(--nu-color-app-bg-alt);
356
+ color: var(--nu-text-primary);
357
+ }
358
+ .nu-dropdown__listbox .nu-listbox__category {
359
+ padding: 0.08rem 0.65ch;
360
+ background: var(--nu-color-button-face-alt);
361
+ color: var(--nu-text-inverse);
362
+ }
363
+ .nu-dropdown__listbox .nu-listbox__item--active,
364
+ .nu-dropdown__listbox .nu-listbox__item--selected {
365
+ color: var(--nu-text-primary);
366
+ }
367
+ .nu-panel {
368
+ position: relative;
369
+ background: var(--nu-color-panel);
370
+ color: var(--nu-text-primary);
371
+ font-family: var(--nu-font-body);
372
+ box-shadow:
373
+ 8px 8px 0 var(--nu-panel-shadow-color),
374
+ inset var(--nu-frame-thickness) 0 0 var(--nu-border-light),
375
+ inset calc(var(--nu-frame-thickness) * -1) 0 0 var(--nu-border-light),
376
+ inset 0 var(--nu-frame-thickness) 0 var(--nu-border-light),
377
+ inset 0 calc(var(--nu-frame-thickness) * -1) 0 var(--nu-border-light);
378
+ }
379
+ .nu-panel__header,
380
+ .nu-panel__footer {
381
+ display: flex;
382
+ align-items: center;
383
+ min-height: 1rem;
384
+ padding: 0 var(--nu-space-md);
385
+ background: var(--nu-color-title-bg);
386
+ color: var(--nu-color-title-text);
387
+ font-size: 0.9375rem;
388
+ line-height: 1;
389
+ }
390
+ .nu-panel__header {
391
+ justify-content: center;
392
+ box-shadow: inset 0 calc(var(--nu-rule-thickness) * -1) 0
393
+ var(--nu-border-light);
394
+ }
395
+ .nu-panel__body {
396
+ padding: var(--nu-content-inset);
397
+ }
398
+ .nu-panel__footer {
399
+ box-shadow: inset 0 var(--nu-rule-thickness) 0 var(--nu-border-light);
400
+ }
401
+ .nu-panel__inset {
402
+ background: var(--nu-color-panel-inset);
403
+ box-shadow:
404
+ inset var(--nu-frame-thickness) 0 0 var(--nu-border-light),
405
+ inset calc(var(--nu-frame-thickness) * -1) 0 0 var(--nu-border-light),
406
+ inset 0 var(--nu-frame-thickness) 0 var(--nu-border-light),
407
+ inset 0 calc(var(--nu-frame-thickness) * -1) 0 var(--nu-border-light);
408
+ }
409
+ .nu-frame {
410
+ position: relative;
411
+ display: flex;
412
+ flex-direction: column;
413
+ min-width: 0;
414
+ min-height: 0;
415
+ border: 1px solid var(--nu-frame-border-color, currentColor);
416
+ color: var(--nu-text-primary);
417
+ overflow: clip;
418
+ overflow-clip-margin: 0.75rem;
419
+ --nu-frame-title-bg: var(--nu-color-panel-inset);
420
+ --nu-frame-title-color: var(--nu-text-primary);
421
+ --nu-frame-title-bar-bg: var(--nu-color-title-bg);
422
+ --nu-frame-title-bar-text: var(--nu-color-title-text);
423
+ }
424
+ .nu-frame[data-fill] {
425
+ flex: 1 1 auto;
426
+ align-self: stretch;
427
+ inline-size: 100%;
428
+ block-size: 100%;
429
+ }
430
+ .nu-frame__title {
431
+ position: absolute;
432
+ top: 0;
433
+ left: 0.8rem;
434
+ right: 0.8rem;
435
+ display: flex;
436
+ align-items: center;
437
+ gap: 1ch;
438
+ transform: translateY(-50%);
439
+ color: var(--nu-frame-title-color);
440
+ line-height: 1;
441
+ white-space: nowrap;
442
+ pointer-events: none;
443
+ }
444
+ .nu-frame__title-start,
445
+ .nu-frame__title-content,
446
+ .nu-frame__title-end {
447
+ display: inline-flex;
448
+ align-items: center;
449
+ min-width: 0;
450
+ padding: 0 2ch;
451
+ background: var(--nu-frame-title-bg);
452
+ pointer-events: auto;
453
+ }
454
+ .nu-frame__title-end {
455
+ margin-left: auto;
456
+ }
457
+ .nu-frame[data-title-align="center"] .nu-frame__title {
458
+ justify-content: center;
459
+ }
460
+ .nu-frame[data-title-align="end"] .nu-frame__title {
461
+ justify-content: flex-end;
462
+ }
463
+ .nu-frame[data-title-bold] .nu-frame__title {
464
+ font-weight: 700;
465
+ }
466
+ .nu-frame[data-variant="title-bar"]::before {
467
+ content: "";
468
+ position: absolute;
469
+ top: 0;
470
+ right: 0;
471
+ left: 0;
472
+ height: 1.15rem;
473
+ background: var(--nu-frame-title-bar-bg);
474
+ }
475
+ .nu-frame[data-variant="title-bar"] .nu-frame__title {
476
+ top: 0.55rem;
477
+ transform: translateY(-50%);
478
+ color: var(--nu-frame-title-bar-text);
479
+ }
480
+ .nu-frame[data-variant="title-bar"] .nu-frame__title-start,
481
+ .nu-frame[data-variant="title-bar"] .nu-frame__title-content,
482
+ .nu-frame[data-variant="title-bar"] .nu-frame__title-end {
483
+ background: transparent;
484
+ }
485
+ .nu-frame__body {
486
+ display: flex;
487
+ flex: 1 1 auto;
488
+ flex-direction: column;
489
+ min-width: 0;
490
+ min-height: 0;
491
+ background: var(--nu-color-panel-inset);
492
+ overflow: clip;
493
+ }
494
+ .nu-frame[data-variant="title-bar"] .nu-frame__body {
495
+ padding-top: 1.8rem;
496
+ }
497
+ .nu-frame__body > :first-child {
498
+ margin-top: 0;
499
+ }
500
+ .nu-frame__body > :only-child {
501
+ flex: 1 1 auto;
502
+ min-height: 0;
503
+ }
504
+ .nu-frame__body > :last-child {
505
+ min-width: 0;
506
+ margin-bottom: 0;
507
+ }
508
+ .nu-info {
509
+ display: block;
510
+ min-width: 0;
511
+ min-height: 0;
512
+ color: inherit;
513
+ font: inherit;
514
+ }
515
+ .nu-info[data-fill] {
516
+ flex: 1 1 auto;
517
+ align-self: stretch;
518
+ inline-size: 100%;
519
+ block-size: 100%;
520
+ }
521
+ .nu-info__accent {
522
+ display: inline;
523
+ margin: 0;
524
+ color: var(--nu-info-accent, var(--nu-text-accent));
525
+ font: inherit;
526
+ white-space: pre-wrap;
527
+ }
528
+ .nu-info__accent[data-bold] {
529
+ font-weight: 700;
530
+ }
531
+ .nu-info__accent[data-italic] {
532
+ font-style: italic;
533
+ }
534
+ .nu-info__accent[data-underline] {
535
+ text-decoration: underline;
536
+ }
537
+ .nu-info__accent[data-upper] {
538
+ text-transform: uppercase;
539
+ }
540
+ .nu-listbox {
541
+ flex: 1 1 auto;
542
+ align-self: stretch;
543
+ inline-size: 100%;
544
+ block-size: 100%;
545
+ min-width: 0;
546
+ overflow: auto;
547
+ color: var(--nu-text-primary);
548
+ outline: none;
549
+ scrollbar-width: thin;
550
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
551
+ }
552
+ .nu-listbox::-webkit-scrollbar {
553
+ width: var(--nu-scrollbar-button-size);
554
+ height: var(--nu-scrollbar-button-size);
555
+ background: transparent;
556
+ }
557
+ .nu-listbox::-webkit-scrollbar-track,
558
+ .nu-listbox::-webkit-scrollbar-track-piece,
559
+ .nu-listbox::-webkit-scrollbar-corner {
560
+ background: var(--nu-scrollbar-track);
561
+ border-radius: 0 !important;
562
+ box-shadow: none;
563
+ }
564
+ .nu-listbox::-webkit-scrollbar-thumb {
565
+ -webkit-appearance: none;
566
+ appearance: none;
567
+ min-height: 1.25rem;
568
+ min-width: 1.25rem;
569
+ border: 1px solid var(--nu-border-dark);
570
+ border-radius: 0 !important;
571
+ background: var(--nu-scrollbar-thumb);
572
+ background-clip: border-box;
573
+ box-shadow: none;
574
+ }
575
+ .nu-listbox::-webkit-scrollbar-thumb:vertical {
576
+ border-radius: 0 !important;
577
+ }
578
+ .nu-listbox::-webkit-scrollbar-thumb:horizontal {
579
+ border-radius: 0 !important;
580
+ }
581
+ .nu-listbox::-webkit-scrollbar-button:single-button {
582
+ -webkit-appearance: none;
583
+ appearance: none;
584
+ display: block;
585
+ width: var(--nu-scrollbar-button-size);
586
+ height: var(--nu-scrollbar-button-size);
587
+ border: 1px solid var(--nu-border-dark);
588
+ border-radius: 0 !important;
589
+ background-color: var(--nu-scrollbar-button-bg);
590
+ background-position: center;
591
+ background-repeat: no-repeat;
592
+ background-size: 0.62rem 0.62rem;
593
+ box-shadow: none;
594
+ }
595
+ .nu-listbox::-webkit-scrollbar-button:single-button:vertical:decrement {
596
+ background-image: var(--nu-scrollbar-arrow-up);
597
+ }
598
+ .nu-listbox::-webkit-scrollbar-button:single-button:vertical:increment {
599
+ background-image: var(--nu-scrollbar-arrow-down);
600
+ }
601
+ .nu-listbox::-webkit-scrollbar-button:single-button:horizontal:decrement {
602
+ background-image: var(--nu-scrollbar-arrow-left);
603
+ }
604
+ .nu-listbox::-webkit-scrollbar-button:single-button:horizontal:increment {
605
+ background-image: var(--nu-scrollbar-arrow-right);
606
+ }
607
+ .nu-listbox:focus,
608
+ .nu-listbox:focus-visible {
609
+ outline: none;
610
+ box-shadow: none;
611
+ }
612
+ .nu-listbox[data-right-checkbox] .nu-listbox__item-main {
613
+ flex: 1 1 auto;
614
+ }
615
+ .nu-listbox[data-right-checkbox] .nu-listbox__item-details {
616
+ margin-left: 0;
617
+ }
618
+ .nu-listbox:focus-visible .nu-listbox__item--active {
619
+ color: var(--nu-text-accent);
620
+ }
621
+ .nu-listbox__group {
622
+ display: grid;
623
+ gap: 0.15rem;
624
+ }
625
+ .nu-listbox__group + .nu-listbox__group {
626
+ margin-top: 0.45rem;
627
+ }
628
+ .nu-listbox__category {
629
+ color: var(--nu-text-accent);
630
+ line-height: 1;
631
+ }
632
+ .nu-listbox__category-label,
633
+ .nu-listbox__item-label {
634
+ display: inline-flex;
635
+ align-items: center;
636
+ gap: 0.75ch;
637
+ min-width: 0;
638
+ }
639
+ .nu-listbox__category-label-icon,
640
+ .nu-listbox__item-label-icon {
641
+ display: inline-flex;
642
+ align-items: center;
643
+ justify-content: center;
644
+ flex: none;
645
+ inline-size: var(--nu-glyph-cell-size);
646
+ block-size: var(--nu-glyph-cell-size);
647
+ text-align: center;
648
+ }
649
+ .nu-listbox__item {
650
+ display: flex;
651
+ align-items: center;
652
+ gap: 1ch;
653
+ padding: 0.08rem 0.65ch;
654
+ line-height: 1.2;
655
+ color: var(--nu-text-primary);
656
+ cursor: default;
657
+ user-select: none;
658
+ }
659
+ .nu-listbox__item--active,
660
+ .nu-listbox__item--selected {
661
+ background: var(--nu-color-field-bg);
662
+ }
663
+ .nu-listbox__item--disabled {
664
+ color: var(--nu-text-muted);
665
+ }
666
+ .nu-listbox__item-main {
667
+ display: inline-flex;
668
+ align-items: center;
669
+ gap: 1ch;
670
+ min-width: 0;
671
+ }
672
+ .nu-listbox__check {
673
+ display: inline-flex;
674
+ align-items: center;
675
+ justify-content: center;
676
+ min-inline-size: var(--nu-glyph-cell-size);
677
+ inline-size: var(--nu-glyph-cell-size);
678
+ block-size: var(--nu-glyph-cell-size);
679
+ padding: 0;
680
+ border: 0;
681
+ background: transparent;
682
+ color: inherit;
683
+ font: inherit;
684
+ line-height: 1;
685
+ cursor: pointer;
686
+ outline: none;
687
+ }
688
+ .nu-listbox__check:focus,
689
+ .nu-listbox__check:focus-visible {
690
+ outline: none;
691
+ box-shadow: none;
692
+ }
693
+ .nu-listbox__check-box {
694
+ display: inline-flex;
695
+ align-items: center;
696
+ justify-content: center;
697
+ min-inline-size: var(--nu-glyph-cell-size);
698
+ inline-size: var(--nu-glyph-cell-size);
699
+ block-size: var(--nu-glyph-cell-size);
700
+ background: transparent;
701
+ box-shadow: inset 0 0 0 1px var(--nu-color-button-face);
702
+ }
703
+ .nu-listbox__check-box[data-unchecked-shape="none"] {
704
+ background: transparent;
705
+ box-shadow: none;
706
+ }
707
+ .nu-listbox__check-indicator {
708
+ color: var(--nu-text-accent);
709
+ }
710
+ .nu-listbox__item-details {
711
+ margin-left: auto;
712
+ color: var(--nu-text-muted);
713
+ white-space: nowrap;
714
+ }
715
+ .nu-listbox__item--active .nu-listbox__item-details,
716
+ .nu-listbox__item--selected .nu-listbox__item-details {
717
+ color: var(--nu-text-primary);
718
+ }
719
+ .nu-listbox__empty {
720
+ color: var(--nu-text-muted);
721
+ }
722
+ .nu-list-view {
723
+ display: grid;
724
+ flex: 1 1 auto;
725
+ align-self: stretch;
726
+ inline-size: 100%;
727
+ block-size: 100%;
728
+ grid-template-rows: auto minmax(0, 1fr);
729
+ min-width: 0;
730
+ min-height: 0;
731
+ overflow: auto;
732
+ color: var(--nu-text-primary);
733
+ font-family: var(--nu-font-body);
734
+ user-select: none;
735
+ scrollbar-width: thin;
736
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
737
+ }
738
+ .nu-list-view::-webkit-scrollbar {
739
+ width: var(--nu-scrollbar-button-size);
740
+ height: var(--nu-scrollbar-button-size);
741
+ background: transparent;
742
+ }
743
+ .nu-list-view::-webkit-scrollbar-track,
744
+ .nu-list-view::-webkit-scrollbar-track-piece,
745
+ .nu-list-view::-webkit-scrollbar-corner {
746
+ background: var(--nu-scrollbar-track);
747
+ border-radius: 0 !important;
748
+ box-shadow: none;
749
+ }
750
+ .nu-list-view::-webkit-scrollbar-thumb {
751
+ -webkit-appearance: none;
752
+ appearance: none;
753
+ min-height: 1.25rem;
754
+ min-width: 1.25rem;
755
+ border: 1px solid var(--nu-border-dark);
756
+ border-radius: 0 !important;
757
+ background: var(--nu-scrollbar-thumb);
758
+ background-clip: border-box;
759
+ box-shadow: none;
760
+ }
761
+ .nu-list-view::-webkit-scrollbar-thumb:vertical {
762
+ border-radius: 0 !important;
763
+ }
764
+ .nu-list-view::-webkit-scrollbar-thumb:horizontal {
765
+ border-radius: 0 !important;
766
+ }
767
+ .nu-list-view::-webkit-scrollbar-button:single-button {
768
+ -webkit-appearance: none;
769
+ appearance: none;
770
+ display: block;
771
+ width: var(--nu-scrollbar-button-size);
772
+ height: var(--nu-scrollbar-button-size);
773
+ border: 1px solid var(--nu-border-dark);
774
+ border-radius: 0 !important;
775
+ background-color: var(--nu-scrollbar-button-bg);
776
+ background-position: center;
777
+ background-repeat: no-repeat;
778
+ background-size: 0.62rem 0.62rem;
779
+ box-shadow: none;
780
+ }
781
+ .nu-list-view::-webkit-scrollbar-button:single-button:vertical:decrement {
782
+ background-image: var(--nu-scrollbar-arrow-up);
783
+ }
784
+ .nu-list-view::-webkit-scrollbar-button:single-button:vertical:increment {
785
+ background-image: var(--nu-scrollbar-arrow-down);
786
+ }
787
+ .nu-list-view::-webkit-scrollbar-button:single-button:horizontal:decrement {
788
+ background-image: var(--nu-scrollbar-arrow-left);
789
+ }
790
+ .nu-list-view::-webkit-scrollbar-button:single-button:horizontal:increment {
791
+ background-image: var(--nu-scrollbar-arrow-right);
792
+ }
793
+ .nu-list-view:focus,
794
+ .nu-list-view:focus-visible {
795
+ outline: none;
796
+ box-shadow: none;
797
+ }
798
+ .nu-list-view__header,
799
+ .nu-list-view__row {
800
+ display: grid;
801
+ grid-template-columns: var(--nu-list-view-columns);
802
+ align-items: center;
803
+ gap: 1ch;
804
+ min-width: 0;
805
+ padding-inline: 0.35rem;
806
+ }
807
+ .nu-list-view__header {
808
+ position: sticky;
809
+ top: 0;
810
+ z-index: 1;
811
+ min-height: calc(var(--nu-control-height) + 0.2rem);
812
+ border-block-end: 1px solid var(--nu-border-dark);
813
+ background: var(--nu-color-button-face);
814
+ color: var(--nu-text-inverse);
815
+ }
816
+ .nu-list-view__header-cell {
817
+ min-width: 0;
818
+ overflow: hidden;
819
+ text-overflow: ellipsis;
820
+ white-space: nowrap;
821
+ }
822
+ .nu-list-view__header-cell--center {
823
+ text-align: center;
824
+ }
825
+ .nu-list-view__header-cell--end {
826
+ text-align: right;
827
+ }
828
+ .nu-list-view__body {
829
+ min-height: 0;
830
+ }
831
+ .nu-list-view__row {
832
+ min-height: calc(var(--nu-control-height) + 0.1rem);
833
+ color: var(--nu-text-primary);
834
+ }
835
+ .nu-list-view__row--active,
836
+ .nu-list-view__row--selected {
837
+ background: var(--nu-color-field-bg);
838
+ color: var(--nu-color-field-text);
839
+ }
840
+ .nu-list-view__row--disabled {
841
+ opacity: 0.6;
842
+ }
843
+ .nu-list-view__cell,
844
+ .nu-list-view__check-cell {
845
+ min-width: 0;
846
+ }
847
+ .nu-list-view__cell {
848
+ overflow: hidden;
849
+ text-overflow: ellipsis;
850
+ white-space: nowrap;
851
+ }
852
+ .nu-list-view__cell--center {
853
+ text-align: center;
854
+ }
855
+ .nu-list-view__cell--end {
856
+ text-align: right;
857
+ }
858
+ .nu-list-view__check-cell,
859
+ .nu-list-view__header-cell:first-child {
860
+ display: inline-flex;
861
+ align-items: center;
862
+ justify-content: center;
863
+ }
864
+ .nu-list-view__check {
865
+ display: inline-flex;
866
+ align-items: center;
867
+ justify-content: center;
868
+ padding: 0;
869
+ border: 0;
870
+ background: transparent;
871
+ color: var(--nu-color-button-face);
872
+ cursor: pointer;
873
+ appearance: none;
874
+ -webkit-appearance: none;
875
+ }
876
+ .nu-list-view__check:focus,
877
+ .nu-list-view__check:focus-visible {
878
+ outline: none;
879
+ box-shadow: none;
880
+ }
881
+ .nu-list-view__check-box {
882
+ display: inline-flex;
883
+ align-items: center;
884
+ justify-content: center;
885
+ inline-size: var(--nu-glyph-cell-size);
886
+ block-size: var(--nu-glyph-cell-size);
887
+ background: transparent;
888
+ box-shadow: inset 0 0 0 1px var(--nu-color-button-face);
889
+ }
890
+ .nu-list-view__check-box[data-unchecked-shape="none"] {
891
+ box-shadow: none;
892
+ }
893
+ .nu-list-view__check-indicator {
894
+ color: var(--nu-text-accent);
895
+ }
896
+ .nu-list-view__empty {
897
+ padding: 0.35rem;
898
+ color: var(--nu-text-muted);
899
+ }
900
+ .nu-main-menu {
901
+ position: relative;
902
+ z-index: 1100;
903
+ min-width: 0;
904
+ background: var(--nu-color-title-bg);
905
+ color: var(--nu-text-inverse);
906
+ font-family: var(--nu-font-body);
907
+ }
908
+ .nu-main-menu__bar {
909
+ display: flex;
910
+ align-items: stretch;
911
+ gap: 0;
912
+ min-height: 1.4rem;
913
+ padding: 0 0.25rem;
914
+ }
915
+ .nu-main-menu__item {
916
+ position: relative;
917
+ display: flex;
918
+ align-items: stretch;
919
+ }
920
+ .nu-main-menu__item--disabled {
921
+ opacity: 0.7;
922
+ }
923
+ .nu-main-menu__item-button {
924
+ display: inline-grid;
925
+ align-items: center;
926
+ padding: 0;
927
+ border: 0;
928
+ background: transparent;
929
+ color: inherit;
930
+ font: inherit;
931
+ line-height: 1;
932
+ text-align: left;
933
+ white-space: nowrap;
934
+ cursor: default;
935
+ outline: none;
936
+ appearance: none;
937
+ -webkit-appearance: none;
938
+ }
939
+ .nu-main-menu__item-button:focus,
940
+ .nu-main-menu__item-button:focus-visible {
941
+ outline: none;
942
+ box-shadow: none;
943
+ }
944
+ .nu-main-menu__item-button:disabled {
945
+ cursor: default;
946
+ }
947
+ .nu-main-menu__item--root .nu-main-menu__item-button {
948
+ display: inline-flex;
949
+ align-items: center;
950
+ min-height: 1.4rem;
951
+ padding: 0 0.65rem;
952
+ }
953
+ .nu-main-menu__item--submenu .nu-main-menu__item-button {
954
+ grid-template-columns: 1.1rem 1fr auto 0.8rem;
955
+ gap: 0.45rem;
956
+ width: 100%;
957
+ min-width: 13rem;
958
+ min-height: 1.35rem;
959
+ padding: 0 0.55rem;
960
+ }
961
+ .nu-main-menu__item--open > .nu-main-menu__item-button {
962
+ background: var(--nu-color-field-bg);
963
+ color: var(--nu-text-primary);
964
+ }
965
+ .nu-main-menu__item:not(.nu-main-menu__item--disabled):hover
966
+ > .nu-main-menu__item-button {
967
+ background: var(--nu-color-field-bg);
968
+ color: var(--nu-text-primary);
969
+ }
970
+ .nu-main-menu__popup {
971
+ position: absolute;
972
+ top: calc(100% - 1px);
973
+ left: 0;
974
+ z-index: 1;
975
+ display: grid;
976
+ min-width: 13rem;
977
+ padding: 0.2rem 0;
978
+ border: 1px solid var(--nu-border-dark);
979
+ background: var(--nu-color-button-face);
980
+ color: var(--nu-text-inverse);
981
+ }
982
+ .nu-main-menu__popup--submenu {
983
+ position: relative;
984
+ top: auto;
985
+ left: auto;
986
+ }
987
+ .nu-main-menu__submenu-shell {
988
+ position: absolute;
989
+ z-index: 1101;
990
+ isolation: isolate;
991
+ }
992
+ .nu-main-menu__submenu-shell::after {
993
+ content: "";
994
+ position: absolute;
995
+ inset: 0;
996
+ z-index: 0;
997
+ background: var(--nu-window-shadow-bg);
998
+ transform: translate(
999
+ var(--nu-window-shadow-offset-x),
1000
+ var(--nu-window-shadow-offset-y)
1001
+ );
1002
+ pointer-events: none;
1003
+ }
1004
+ .nu-main-menu__submenu-shell--root {
1005
+ top: calc(100% - 1px);
1006
+ left: 0;
1007
+ }
1008
+ .nu-main-menu__submenu-shell--submenu {
1009
+ top: -0.2rem;
1010
+ left: calc(100% - 1px);
1011
+ }
1012
+ .nu-main-menu__divider {
1013
+ height: 1px;
1014
+ margin: 0.18rem 0.55rem;
1015
+ background: var(--nu-border-dark);
1016
+ }
1017
+ .nu-main-menu__check {
1018
+ display: inline-flex;
1019
+ align-items: center;
1020
+ justify-content: center;
1021
+ inline-size: var(--nu-glyph-cell-size);
1022
+ block-size: var(--nu-glyph-cell-size);
1023
+ color: var(--nu-text-hotkey);
1024
+ }
1025
+ .nu-main-menu__check-box {
1026
+ display: inline-flex;
1027
+ align-items: center;
1028
+ justify-content: center;
1029
+ inline-size: var(--nu-glyph-cell-size);
1030
+ block-size: var(--nu-glyph-cell-size);
1031
+ background: var(--nu-color-button-face);
1032
+ }
1033
+ .nu-main-menu__check-box[data-unchecked-shape="none"] {
1034
+ background: transparent;
1035
+ }
1036
+ .nu-main-menu__label {
1037
+ min-width: 0;
1038
+ }
1039
+ .nu-main-menu__hotkey {
1040
+ color: var(--nu-text-hotkey);
1041
+ }
1042
+ .nu-main-menu__shortcut {
1043
+ margin-left: 1rem;
1044
+ color: var(--nu-text-inverse);
1045
+ }
1046
+ .nu-main-menu__item--open .nu-main-menu__shortcut,
1047
+ .nu-main-menu__item:not(.nu-main-menu__item--disabled):hover
1048
+ .nu-main-menu__shortcut {
1049
+ color: currentColor;
1050
+ }
1051
+ .nu-main-menu__submenu-arrow {
1052
+ justify-self: end;
1053
+ }
1054
+ .nu-masked-field {
1055
+ display: grid;
1056
+ gap: var(--nu-space-xs);
1057
+ font-family: var(--nu-font-body);
1058
+ }
1059
+ .nu-masked-field:focus-within .nu-masked-field__input-shell {
1060
+ background: var(--nu-color-field-bg);
1061
+ color: var(--nu-color-field-text);
1062
+ }
1063
+ .nu-masked-field:focus-within .nu-masked-field__bracket,
1064
+ .nu-masked-field:focus-within .nu-masked-field__input {
1065
+ color: var(--nu-color-field-text);
1066
+ }
1067
+ .nu-masked-field--invalid .nu-masked-field__input-shell {
1068
+ background: var(--nu-color-button-danger);
1069
+ color: var(--nu-text-accent);
1070
+ }
1071
+ .nu-masked-field--invalid .nu-masked-field__bracket,
1072
+ .nu-masked-field--invalid .nu-masked-field__input {
1073
+ color: var(--nu-text-accent);
1074
+ }
1075
+ .nu-masked-field:focus-within.nu-masked-field--invalid
1076
+ .nu-masked-field__input-shell {
1077
+ background: var(--nu-color-button-danger);
1078
+ color: var(--nu-text-accent);
1079
+ }
1080
+ .nu-masked-field:focus-within.nu-masked-field--invalid
1081
+ .nu-masked-field__bracket,
1082
+ .nu-masked-field:focus-within.nu-masked-field--invalid .nu-masked-field__input {
1083
+ color: var(--nu-text-accent);
1084
+ }
1085
+ .nu-masked-field__label {
1086
+ color: var(--nu-text-accent);
1087
+ font-size: 0.8125rem;
1088
+ text-transform: uppercase;
1089
+ }
1090
+ .nu-masked-field__slot {
1091
+ display: grid;
1092
+ grid-template-columns: auto 1fr auto;
1093
+ align-items: stretch;
1094
+ gap: 0.2ch;
1095
+ min-height: var(--nu-control-height);
1096
+ font: inherit;
1097
+ line-height: 1;
1098
+ }
1099
+ .nu-masked-field__bracket {
1100
+ display: inline-flex;
1101
+ align-items: center;
1102
+ justify-content: center;
1103
+ block-size: var(--nu-control-height);
1104
+ color: var(--nu-color-field-text);
1105
+ font: inherit;
1106
+ line-height: 1;
1107
+ }
1108
+ .nu-masked-field__input-shell {
1109
+ position: relative;
1110
+ display: flex;
1111
+ align-items: center;
1112
+ block-size: var(--nu-control-height);
1113
+ background: transparent;
1114
+ color: inherit;
1115
+ font: inherit;
1116
+ line-height: 1;
1117
+ overflow: hidden;
1118
+ }
1119
+ .nu-masked-field__input {
1120
+ width: 100%;
1121
+ block-size: 100%;
1122
+ padding: 0;
1123
+ border: 0;
1124
+ border-radius: var(--nu-radius-none);
1125
+ background: transparent;
1126
+ color: inherit;
1127
+ font: inherit;
1128
+ line-height: 1;
1129
+ outline: 0;
1130
+ appearance: none;
1131
+ -webkit-appearance: none;
1132
+ }
1133
+ .nu-masked-field__input::selection {
1134
+ background: var(--nu-border-accent);
1135
+ color: var(--nu-text-inverse);
1136
+ }
1137
+ .nu-masked-field__hint {
1138
+ color: var(--nu-text-muted);
1139
+ font-size: 0.75rem;
1140
+ }
1141
+ .nu-memo {
1142
+ display: block;
1143
+ min-width: 0;
1144
+ min-height: 0;
1145
+ background: var(--nu-memo-bg, #dbc78d);
1146
+ color: var(--nu-memo-text, #000000);
1147
+ overflow: hidden;
1148
+ }
1149
+ .nu-memo[data-fill] {
1150
+ flex: 1 1 auto;
1151
+ align-self: stretch;
1152
+ inline-size: 100%;
1153
+ block-size: 100%;
1154
+ }
1155
+ .nu-memo[data-scroll="auto"] .nu-memo__viewport {
1156
+ padding-right: var(--nu-scrollbar-button-size);
1157
+ padding-bottom: var(--nu-scrollbar-button-size);
1158
+ }
1159
+ .nu-memo[data-scroll="auto"] .nu-memo__input {
1160
+ overflow: auto;
1161
+ }
1162
+ .nu-memo[data-scroll="x"] .nu-memo__viewport {
1163
+ padding-bottom: var(--nu-scrollbar-button-size);
1164
+ }
1165
+ .nu-memo[data-scroll="x"] .nu-memo__input {
1166
+ overflow-x: auto;
1167
+ overflow-y: hidden;
1168
+ }
1169
+ .nu-memo[data-scroll="y"] .nu-memo__viewport {
1170
+ padding-right: var(--nu-scrollbar-button-size);
1171
+ }
1172
+ .nu-memo[data-scroll="y"] .nu-memo__input {
1173
+ overflow-x: hidden;
1174
+ overflow-y: auto;
1175
+ }
1176
+ .nu-memo[data-scroll="both"] .nu-memo__input {
1177
+ overflow: scroll;
1178
+ }
1179
+ .nu-memo[data-scroll="hidden"] .nu-memo__input {
1180
+ overflow: hidden;
1181
+ }
1182
+ .nu-memo__viewport {
1183
+ width: 100%;
1184
+ height: 100%;
1185
+ min-width: 0;
1186
+ min-height: 0;
1187
+ overflow: hidden;
1188
+ }
1189
+ .nu-memo__input {
1190
+ width: calc(100% + var(--nu-scrollbar-button-size));
1191
+ height: calc(100% + var(--nu-scrollbar-button-size));
1192
+ min-width: 0;
1193
+ min-height: 0;
1194
+ padding: 0.5ch 1ch;
1195
+ border: 0;
1196
+ outline: 0;
1197
+ resize: none;
1198
+ background: transparent;
1199
+ color: inherit;
1200
+ font: inherit;
1201
+ line-height: 1.2;
1202
+ white-space: pre-wrap;
1203
+ overflow-wrap: break-word;
1204
+ scrollbar-width: thin;
1205
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
1206
+ }
1207
+ .nu-memo__input::-webkit-scrollbar {
1208
+ width: var(--nu-scrollbar-button-size);
1209
+ height: var(--nu-scrollbar-button-size);
1210
+ background: transparent;
1211
+ }
1212
+ .nu-memo__input::-webkit-scrollbar-track,
1213
+ .nu-memo__input::-webkit-scrollbar-track-piece,
1214
+ .nu-memo__input::-webkit-scrollbar-corner {
1215
+ background: var(--nu-scrollbar-track);
1216
+ border-radius: 0 !important;
1217
+ box-shadow: none;
1218
+ }
1219
+ .nu-memo__input::-webkit-scrollbar-thumb {
1220
+ -webkit-appearance: none;
1221
+ appearance: none;
1222
+ min-height: 1.25rem;
1223
+ min-width: 1.25rem;
1224
+ border: 1px solid var(--nu-border-dark);
1225
+ border-radius: 0 !important;
1226
+ background: var(--nu-scrollbar-thumb);
1227
+ background-clip: border-box;
1228
+ box-shadow: none;
1229
+ }
1230
+ .nu-memo__input::-webkit-scrollbar-thumb:vertical {
1231
+ border-radius: 0 !important;
1232
+ }
1233
+ .nu-memo__input::-webkit-scrollbar-thumb:horizontal {
1234
+ border-radius: 0 !important;
1235
+ }
1236
+ .nu-memo__input::-webkit-scrollbar-button:single-button {
1237
+ -webkit-appearance: none;
1238
+ appearance: none;
1239
+ display: block;
1240
+ width: var(--nu-scrollbar-button-size);
1241
+ height: var(--nu-scrollbar-button-size);
1242
+ border: 1px solid var(--nu-border-dark);
1243
+ border-radius: 0 !important;
1244
+ background-color: var(--nu-scrollbar-button-bg);
1245
+ background-position: center;
1246
+ background-repeat: no-repeat;
1247
+ background-size: 0.62rem 0.62rem;
1248
+ box-shadow: none;
1249
+ }
1250
+ .nu-memo__input::-webkit-scrollbar-button:single-button:vertical:decrement {
1251
+ background-image: var(--nu-scrollbar-arrow-up);
1252
+ }
1253
+ .nu-memo__input::-webkit-scrollbar-button:single-button:vertical:increment {
1254
+ background-image: var(--nu-scrollbar-arrow-down);
1255
+ }
1256
+ .nu-memo__input::-webkit-scrollbar-button:single-button:horizontal:decrement {
1257
+ background-image: var(--nu-scrollbar-arrow-left);
1258
+ }
1259
+ .nu-memo__input::-webkit-scrollbar-button:single-button:horizontal:increment {
1260
+ background-image: var(--nu-scrollbar-arrow-right);
1261
+ }
1262
+ .nu-memo__input:focus {
1263
+ background: var(--nu-memo-focus-bg, var(--nu-memo-bg, #dbc78d));
1264
+ color: var(--nu-memo-focus-text, var(--nu-memo-text, #000000));
1265
+ caret-color: var(--nu-memo-focus-text, var(--nu-memo-text, #000000));
1266
+ }
1267
+ .nu-page-control {
1268
+ display: grid;
1269
+ grid-template-rows: auto minmax(0, 1fr);
1270
+ min-width: 0;
1271
+ min-height: 0;
1272
+ font-family: var(--nu-font-body);
1273
+ }
1274
+ .nu-page-control[data-fill] {
1275
+ flex: 1 1 auto;
1276
+ align-self: stretch;
1277
+ inline-size: 100%;
1278
+ block-size: 100%;
1279
+ }
1280
+ .nu-page-control__tabs {
1281
+ display: flex;
1282
+ align-items: flex-end;
1283
+ gap: 0.5ch;
1284
+ min-width: 0;
1285
+ padding-left: 1ch;
1286
+ }
1287
+ .nu-page-control__tab {
1288
+ display: inline-flex;
1289
+ align-items: center;
1290
+ min-height: 1em;
1291
+ padding: 0.1em 1.25ch;
1292
+ border: 0;
1293
+ border-radius: 0;
1294
+ background: var(--nu-color-button-face-alt);
1295
+ box-shadow: none;
1296
+ color: var(--nu-text-inverse);
1297
+ font: inherit;
1298
+ line-height: 1;
1299
+ cursor: pointer;
1300
+ appearance: none;
1301
+ -webkit-appearance: none;
1302
+ }
1303
+ .nu-page-control__tab[data-active] {
1304
+ background: var(--nu-color-button-face);
1305
+ color: var(--nu-color-title-text);
1306
+ transform: translateY(1px);
1307
+ }
1308
+ .nu-page-control__tab:focus-visible {
1309
+ color: var(--nu-text-accent);
1310
+ outline: none;
1311
+ }
1312
+ .nu-page-control__tab:disabled {
1313
+ opacity: 0.6;
1314
+ cursor: not-allowed;
1315
+ }
1316
+ .nu-page-control__panel {
1317
+ min-width: 0;
1318
+ min-height: 0;
1319
+ border: 1px solid var(--nu-border-light);
1320
+ background: var(--nu-color-button-face);
1321
+ overflow: clip;
1322
+ }
1323
+ .nu-popup-menu {
1324
+ position: fixed;
1325
+ z-index: 8;
1326
+ min-width: 0;
1327
+ }
1328
+ .nu-popup-menu__shell {
1329
+ position: relative;
1330
+ isolation: isolate;
1331
+ }
1332
+ .nu-popup-menu__shell::after {
1333
+ content: "";
1334
+ position: absolute;
1335
+ inset: 0;
1336
+ z-index: 0;
1337
+ background: var(--nu-window-shadow-bg);
1338
+ transform: translate(
1339
+ var(--nu-window-shadow-offset-x),
1340
+ var(--nu-window-shadow-offset-y)
1341
+ );
1342
+ pointer-events: none;
1343
+ }
1344
+ .nu-popup-menu .nu-main-menu__popup {
1345
+ position: relative;
1346
+ top: auto;
1347
+ left: auto;
1348
+ z-index: 1;
1349
+ }
1350
+ .nu-property-grid {
1351
+ display: block;
1352
+ min-width: 0;
1353
+ min-height: 0;
1354
+ font-family: var(--nu-font-body);
1355
+ }
1356
+ .nu-property-grid[data-fill] {
1357
+ flex: 1 1 auto;
1358
+ align-self: stretch;
1359
+ inline-size: 100%;
1360
+ block-size: 100%;
1361
+ }
1362
+ .nu-property-grid__body {
1363
+ display: grid;
1364
+ align-content: start;
1365
+ min-width: 0;
1366
+ min-height: 0;
1367
+ background: transparent;
1368
+ }
1369
+ .nu-property-grid__section {
1370
+ padding: 0.18rem 0.75ch;
1371
+ color: var(--nu-text-accent);
1372
+ text-transform: uppercase;
1373
+ }
1374
+ .nu-property-grid__row {
1375
+ display: grid;
1376
+ grid-template-columns: var(--nu-property-grid-label-width) minmax(0, 1fr);
1377
+ align-items: center;
1378
+ min-height: calc(var(--nu-control-height) + 0.32rem);
1379
+ }
1380
+ .nu-property-grid__row[data-active]:not([data-group])
1381
+ .nu-property-grid__label::before {
1382
+ content: "";
1383
+ position: absolute;
1384
+ top: 50%;
1385
+ left: 0.3ch;
1386
+ width: 0.65ch;
1387
+ height: 0.8em;
1388
+ background: var(--nu-text-inverse);
1389
+ transform: translateY(-50%);
1390
+ clip-path: polygon(0 0, 100% 50%, 0 100%);
1391
+ }
1392
+ .nu-property-grid__row[data-active] .nu-property-grid__editor {
1393
+ background: rgba(255, 255, 255, 0.06);
1394
+ }
1395
+ .nu-property-grid__row[data-disabled] {
1396
+ opacity: 0.65;
1397
+ }
1398
+ .nu-property-grid__row[data-group] .nu-property-grid__label {
1399
+ background: var(--nu-color-button-face-alt);
1400
+ }
1401
+ .nu-property-grid__label {
1402
+ position: relative;
1403
+ min-width: 0;
1404
+ padding: 0.18rem 0.75ch;
1405
+ background: var(--nu-color-button-face);
1406
+ color: var(--nu-text-inverse);
1407
+ }
1408
+ .nu-property-grid__label-button {
1409
+ display: flex;
1410
+ align-items: center;
1411
+ width: 100%;
1412
+ border: 0;
1413
+ font: inherit;
1414
+ text-align: left;
1415
+ cursor: pointer;
1416
+ appearance: none;
1417
+ -webkit-appearance: none;
1418
+ }
1419
+ .nu-property-grid__label-button:focus-visible {
1420
+ outline: none;
1421
+ }
1422
+ .nu-property-grid__editor {
1423
+ min-width: 0;
1424
+ display: grid;
1425
+ gap: 0.2rem;
1426
+ padding: 0.18rem 0.75ch;
1427
+ }
1428
+ .nu-property-grid__control {
1429
+ min-width: 0;
1430
+ display: flex;
1431
+ align-items: center;
1432
+ }
1433
+ .nu-property-grid__control > * {
1434
+ min-width: 0;
1435
+ inline-size: 100%;
1436
+ }
1437
+ .nu-property-grid__control > .nu-text-field .nu-text-field__label,
1438
+ .nu-property-grid__control > .nu-dropdown .nu-dropdown__label,
1439
+ .nu-property-grid__control > .nu-combo-box .nu-combo-box__label,
1440
+ .nu-property-grid__control > .nu-spin-box .nu-spin-box__label,
1441
+ .nu-property-grid__control > .nu-masked-field .nu-masked-field__label {
1442
+ display: none;
1443
+ }
1444
+ .nu-property-grid__hint {
1445
+ color: var(--nu-text-muted);
1446
+ font-size: 0.75rem;
1447
+ }
1448
+ .nu-property-grid__lead {
1449
+ display: inline-flex;
1450
+ align-items: center;
1451
+ min-width: 0;
1452
+ gap: 0.25ch;
1453
+ margin-left: calc(var(--nu-property-grid-depth, 0) * 1ch);
1454
+ }
1455
+ .nu-property-grid__label-button .nu-property-grid__label-text {
1456
+ margin-left: 2px;
1457
+ }
1458
+ .nu-property-grid__expander,
1459
+ .nu-property-grid__expander-placeholder {
1460
+ display: inline-flex;
1461
+ align-items: center;
1462
+ justify-content: center;
1463
+ width: 0.8ch;
1464
+ min-width: 0.8ch;
1465
+ height: var(--nu-glyph-cell-size);
1466
+ flex: none;
1467
+ }
1468
+ .nu-property-grid__expander-placeholder {
1469
+ display: none;
1470
+ width: 0;
1471
+ min-width: 0;
1472
+ }
1473
+ .nu-property-grid__label-text {
1474
+ min-width: 0;
1475
+ }
1476
+ .nu-property-grid[data-bordered] .nu-property-grid__body {
1477
+ border: 1px solid var(--nu-border-dark);
1478
+ }
1479
+ .nu-property-grid[data-bordered] .nu-property-grid__section {
1480
+ border-top: 1px solid var(--nu-border-dark);
1481
+ }
1482
+ .nu-property-grid[data-bordered] .nu-property-grid__section:first-child {
1483
+ border-top: 0;
1484
+ }
1485
+ .nu-property-grid[data-bordered] .nu-property-grid__row {
1486
+ border-top: 1px solid var(--nu-border-dark);
1487
+ }
1488
+ .nu-property-grid[data-bordered] .nu-property-grid__label {
1489
+ border-right: 1px solid var(--nu-border-dark);
1490
+ }
1491
+ .nu-progress-bar {
1492
+ display: grid;
1493
+ gap: var(--nu-space-xs);
1494
+ font-family: var(--nu-font-body);
1495
+ }
1496
+ .nu-progress-bar__label {
1497
+ color: var(--nu-text-primary);
1498
+ }
1499
+ .nu-progress-bar__track {
1500
+ position: relative;
1501
+ min-width: 0;
1502
+ min-height: var(--nu-control-height);
1503
+ padding: 1px;
1504
+ background: var(--nu-color-button-shadow);
1505
+ box-shadow:
1506
+ inset 0 0 0 1px var(--nu-border-dark),
1507
+ inset 1px 1px 0 0 var(--nu-border-light);
1508
+ overflow: hidden;
1509
+ }
1510
+ .nu-progress-bar__fill {
1511
+ height: 100%;
1512
+ min-width: 0;
1513
+ background: var(--nu-color-button-face);
1514
+ }
1515
+ .nu-progress-bar__fill[data-indeterminate] {
1516
+ width: 28%;
1517
+ animation: nu-progress-bar-slide 1.1s linear infinite;
1518
+ }
1519
+ .nu-progress-bar__value {
1520
+ position: absolute;
1521
+ inset: 0;
1522
+ display: flex;
1523
+ align-items: center;
1524
+ justify-content: center;
1525
+ color: var(--nu-text-hotkey);
1526
+ pointer-events: none;
1527
+ white-space: nowrap;
1528
+ }
1529
+ .nu-progress-bar__hint {
1530
+ color: var(--nu-text-accent);
1531
+ }
1532
+ @keyframes nu-progress-bar-slide {
1533
+ 0% {
1534
+ transform: translateX(-120%);
1535
+ }
1536
+ 100% {
1537
+ transform: translateX(320%);
1538
+ }
1539
+ }
1540
+ .nu-radio-button {
1541
+ display: grid;
1542
+ gap: var(--nu-space-xs);
1543
+ font-family: var(--nu-font-body);
1544
+ }
1545
+ .nu-radio-button__main {
1546
+ position: relative;
1547
+ display: grid;
1548
+ grid-template-columns: var(--nu-glyph-cell-size) minmax(0, 1fr);
1549
+ align-items: center;
1550
+ gap: 0.75ch;
1551
+ min-width: 0;
1552
+ }
1553
+ .nu-radio-button__input {
1554
+ position: absolute;
1555
+ inset: 0;
1556
+ margin: 0;
1557
+ opacity: 0;
1558
+ cursor: pointer;
1559
+ }
1560
+ .nu-radio-button__input:focus,
1561
+ .nu-radio-button__input:focus-visible {
1562
+ outline: none;
1563
+ box-shadow: none;
1564
+ }
1565
+ .nu-radio-button__input:focus-visible
1566
+ + .nu-radio-button__control
1567
+ .nu-radio-button__ring {
1568
+ color: var(--nu-text-accent);
1569
+ }
1570
+ .nu-radio-button__input:focus-visible ~ .nu-radio-button__label {
1571
+ color: var(--nu-text-accent);
1572
+ }
1573
+ .nu-radio-button__input:disabled {
1574
+ cursor: not-allowed;
1575
+ }
1576
+ .nu-radio-button__input:disabled + .nu-radio-button__control,
1577
+ .nu-radio-button__input:disabled ~ .nu-radio-button__label {
1578
+ opacity: 0.6;
1579
+ }
1580
+ .nu-radio-button__control {
1581
+ display: inline-flex;
1582
+ align-items: center;
1583
+ justify-content: center;
1584
+ color: var(--nu-color-button-face);
1585
+ }
1586
+ .nu-radio-button__disc {
1587
+ position: relative;
1588
+ display: inline-flex;
1589
+ align-items: center;
1590
+ justify-content: center;
1591
+ inline-size: var(--nu-glyph-cell-size);
1592
+ block-size: var(--nu-glyph-cell-size);
1593
+ background: transparent;
1594
+ border-radius: 50%;
1595
+ }
1596
+ .nu-radio-button__ring {
1597
+ color: var(--nu-color-button-face);
1598
+ }
1599
+ .nu-radio-button__fill {
1600
+ position: absolute;
1601
+ inset: 0;
1602
+ color: var(--nu-text-accent);
1603
+ }
1604
+ .nu-radio-button__label {
1605
+ min-width: 0;
1606
+ color: var(--nu-text-primary);
1607
+ }
1608
+ .nu-radio-button__hint {
1609
+ color: var(--nu-text-muted);
1610
+ font-size: 0.75rem;
1611
+ }
1612
+ .nu-radio-group {
1613
+ display: grid;
1614
+ gap: var(--nu-space-xs);
1615
+ min-width: 0;
1616
+ margin: 0;
1617
+ padding: 0;
1618
+ border: 0;
1619
+ }
1620
+ .nu-radio-group__label {
1621
+ padding: 0;
1622
+ color: var(--nu-text-accent);
1623
+ font-size: 0.8125rem;
1624
+ text-transform: uppercase;
1625
+ }
1626
+ .nu-radio-group__options {
1627
+ display: grid;
1628
+ gap: var(--nu-space-sm);
1629
+ }
1630
+ .nu-radio-group__hint {
1631
+ color: var(--nu-text-muted);
1632
+ font-size: 0.75rem;
1633
+ }
1634
+ .nu-report-cell {
1635
+ display: inline-flex;
1636
+ align-items: center;
1637
+ min-width: 0;
1638
+ max-width: 100%;
1639
+ font: inherit;
1640
+ line-height: inherit;
1641
+ }
1642
+ .nu-report-cell--center {
1643
+ justify-content: center;
1644
+ width: 100%;
1645
+ text-align: center;
1646
+ }
1647
+ .nu-report-cell--end {
1648
+ justify-content: flex-end;
1649
+ width: 100%;
1650
+ text-align: right;
1651
+ }
1652
+ .nu-report-cell--muted {
1653
+ color: var(--nu-text-muted);
1654
+ }
1655
+ .nu-report-cell--accent {
1656
+ color: var(--nu-text-accent);
1657
+ }
1658
+ .nu-report-cell--danger {
1659
+ color: var(--nu-text-hotkey);
1660
+ }
1661
+ .nu-report-cell--success {
1662
+ color: var(--nu-text-primary);
1663
+ }
1664
+ .nu-search-box {
1665
+ display: grid;
1666
+ gap: var(--nu-space-xs);
1667
+ font-family: var(--nu-font-body);
1668
+ }
1669
+ .nu-search-box:focus-within .nu-search-box__input-shell {
1670
+ background: var(--nu-color-field-bg);
1671
+ color: var(--nu-color-field-text);
1672
+ }
1673
+ .nu-search-box:focus-within .nu-search-box__bracket,
1674
+ .nu-search-box:focus-within .nu-search-box__input {
1675
+ color: var(--nu-color-field-text);
1676
+ }
1677
+ .nu-search-box__label {
1678
+ color: var(--nu-text-accent);
1679
+ font-size: 0.8125rem;
1680
+ text-transform: uppercase;
1681
+ }
1682
+ .nu-search-box__slot {
1683
+ display: grid;
1684
+ grid-template-columns: auto 1fr auto;
1685
+ align-items: stretch;
1686
+ gap: 0.2ch;
1687
+ min-height: var(--nu-control-height);
1688
+ font: inherit;
1689
+ line-height: 1;
1690
+ }
1691
+ .nu-search-box__bracket {
1692
+ display: inline-flex;
1693
+ align-items: center;
1694
+ justify-content: center;
1695
+ block-size: var(--nu-control-height);
1696
+ color: var(--nu-color-field-text);
1697
+ font: inherit;
1698
+ line-height: 1;
1699
+ }
1700
+ .nu-search-box__input-shell {
1701
+ display: flex;
1702
+ align-items: center;
1703
+ block-size: var(--nu-control-height);
1704
+ background: transparent;
1705
+ color: inherit;
1706
+ overflow: hidden;
1707
+ }
1708
+ .nu-search-box__input {
1709
+ width: 100%;
1710
+ block-size: 100%;
1711
+ padding: 0;
1712
+ border: 0;
1713
+ background: transparent;
1714
+ color: inherit;
1715
+ font: inherit;
1716
+ line-height: 1;
1717
+ outline: 0;
1718
+ appearance: none;
1719
+ -webkit-appearance: none;
1720
+ }
1721
+ .nu-search-box__popup {
1722
+ position: fixed;
1723
+ z-index: 2600;
1724
+ background: var(--nu-color-button-face);
1725
+ color: var(--nu-text-inverse);
1726
+ }
1727
+ .nu-search-box__listbox {
1728
+ background: var(--nu-color-button-face);
1729
+ color: var(--nu-text-inverse);
1730
+ }
1731
+ .nu-search-box__listbox .nu-listbox {
1732
+ background: var(--nu-color-button-face);
1733
+ color: var(--nu-text-inverse);
1734
+ }
1735
+ .nu-search-box__listbox .nu-listbox__item {
1736
+ color: var(--nu-text-inverse);
1737
+ }
1738
+ .nu-search-box__listbox .nu-listbox__item--active,
1739
+ .nu-search-box__listbox .nu-listbox__item--selected {
1740
+ color: var(--nu-text-primary);
1741
+ }
1742
+ .nu-search-box__status {
1743
+ min-width: 0;
1744
+ padding: 0.35rem 0.75ch;
1745
+ color: inherit;
1746
+ }
1747
+ .nu-search-box__hint {
1748
+ color: var(--nu-text-muted);
1749
+ font-size: 0.75rem;
1750
+ }
1751
+ .nu-spin-box {
1752
+ display: grid;
1753
+ gap: var(--nu-space-xs);
1754
+ font-family: var(--nu-font-body);
1755
+ }
1756
+ .nu-spin-box:focus-within .nu-spin-box__input-shell {
1757
+ background: var(--nu-color-field-bg);
1758
+ color: var(--nu-color-field-text);
1759
+ }
1760
+ .nu-spin-box:focus-within .nu-spin-box__bracket,
1761
+ .nu-spin-box:focus-within .nu-spin-box__input {
1762
+ color: var(--nu-color-field-text);
1763
+ }
1764
+ .nu-spin-box__label {
1765
+ color: var(--nu-text-accent);
1766
+ font-size: 0.8125rem;
1767
+ text-transform: uppercase;
1768
+ }
1769
+ .nu-spin-box__slot {
1770
+ display: grid;
1771
+ grid-template-columns: auto 1fr auto auto;
1772
+ align-items: stretch;
1773
+ gap: 0.2ch;
1774
+ min-height: var(--nu-control-height);
1775
+ font: inherit;
1776
+ line-height: 1;
1777
+ }
1778
+ .nu-spin-box__bracket {
1779
+ display: inline-flex;
1780
+ align-items: center;
1781
+ justify-content: center;
1782
+ block-size: var(--nu-control-height);
1783
+ color: var(--nu-color-field-text);
1784
+ font: inherit;
1785
+ line-height: 1;
1786
+ }
1787
+ .nu-spin-box__input-shell {
1788
+ display: flex;
1789
+ align-items: center;
1790
+ block-size: var(--nu-control-height);
1791
+ background: transparent;
1792
+ color: inherit;
1793
+ overflow: hidden;
1794
+ }
1795
+ .nu-spin-box__input {
1796
+ width: 100%;
1797
+ block-size: 100%;
1798
+ padding: 0;
1799
+ border: 0;
1800
+ background: transparent;
1801
+ color: inherit;
1802
+ font: inherit;
1803
+ line-height: 1;
1804
+ outline: 0;
1805
+ text-align: right;
1806
+ appearance: none;
1807
+ -webkit-appearance: none;
1808
+ }
1809
+ .nu-spin-box__controls {
1810
+ display: inline-flex;
1811
+ gap: 0.2ch;
1812
+ }
1813
+ .nu-spin-box__button {
1814
+ display: inline-flex;
1815
+ align-items: center;
1816
+ justify-content: center;
1817
+ min-width: 2ch;
1818
+ min-height: var(--nu-control-height);
1819
+ padding: 0 0.55ch;
1820
+ border: 1px solid var(--nu-border-dark);
1821
+ background: var(--nu-color-button-face);
1822
+ color: var(--nu-color-button-text);
1823
+ font: inherit;
1824
+ line-height: 1;
1825
+ cursor: pointer;
1826
+ appearance: none;
1827
+ -webkit-appearance: none;
1828
+ }
1829
+ .nu-spin-box__button:focus-visible {
1830
+ color: var(--nu-text-accent);
1831
+ outline: none;
1832
+ }
1833
+ .nu-spin-box__button:disabled {
1834
+ opacity: 0.6;
1835
+ cursor: not-allowed;
1836
+ }
1837
+ .nu-spin-box__hint {
1838
+ color: var(--nu-text-muted);
1839
+ font-size: 0.75rem;
1840
+ }
1841
+ .nu-splitter {
1842
+ --nu-splitter-handle-size: 0.75em;
1843
+ display: grid;
1844
+ min-width: 0;
1845
+ min-height: 0;
1846
+ inline-size: 100%;
1847
+ block-size: 100%;
1848
+ }
1849
+ .nu-splitter[data-orientation="vertical"] {
1850
+ grid-template-columns: minmax(0, var(--nu-splitter-value)) var(
1851
+ --nu-splitter-handle-size
1852
+ ) minmax(0, 1fr);
1853
+ }
1854
+ .nu-splitter[data-orientation="horizontal"] {
1855
+ grid-template-rows: minmax(0, var(--nu-splitter-value)) var(
1856
+ --nu-splitter-handle-size
1857
+ ) minmax(0, 1fr);
1858
+ }
1859
+ .nu-splitter__pane {
1860
+ min-width: 0;
1861
+ min-height: 0;
1862
+ overflow: hidden;
1863
+ }
1864
+ .nu-splitter__handle {
1865
+ position: relative;
1866
+ display: flex;
1867
+ align-items: center;
1868
+ justify-content: center;
1869
+ min-width: 0;
1870
+ min-height: 0;
1871
+ border: 0;
1872
+ outline: 0;
1873
+ background: transparent;
1874
+ }
1875
+ .nu-splitter__handle[aria-orientation="vertical"] {
1876
+ cursor: col-resize;
1877
+ }
1878
+ .nu-splitter__handle[aria-orientation="horizontal"] {
1879
+ cursor: row-resize;
1880
+ }
1881
+ .nu-splitter__handle:focus-visible .nu-splitter__grip {
1882
+ background: var(--nu-focus-color);
1883
+ }
1884
+ .nu-splitter__grip {
1885
+ position: relative;
1886
+ display: block;
1887
+ background: var(--nu-color-button-face);
1888
+ box-shadow: inset 0 0 0 1px var(--nu-border-dark);
1889
+ }
1890
+ .nu-splitter__grip[data-orientation="vertical"] {
1891
+ inline-size: 0.4ch;
1892
+ block-size: 52%;
1893
+ }
1894
+ .nu-splitter__grip[data-orientation="horizontal"] {
1895
+ inline-size: 52%;
1896
+ block-size: 0.4ch;
1897
+ }
1898
+ .nu-desktop {
1899
+ position: fixed;
1900
+ inset: 0;
1901
+ display: grid;
1902
+ grid-template-rows: auto 1fr auto;
1903
+ width: 100%;
1904
+ height: 100%;
1905
+ overflow: hidden;
1906
+ color: var(--nu-text-primary);
1907
+ background-color: var(--nu-desktop-bg);
1908
+ background-image: var(--nu-desktop-pattern-image);
1909
+ background-size: var(--nu-desktop-pattern-size);
1910
+ background-repeat: var(--nu-desktop-pattern-repeat);
1911
+ }
1912
+ .nu-desktop__menu {
1913
+ grid-column: 1;
1914
+ position: relative;
1915
+ z-index: 1100;
1916
+ min-height: 0;
1917
+ }
1918
+ .nu-desktop__window-region {
1919
+ grid-column: 1;
1920
+ position: relative;
1921
+ display: grid;
1922
+ grid-template-rows: 1fr auto;
1923
+ min-height: 0;
1924
+ overflow: hidden;
1925
+ }
1926
+ .nu-desktop__workspace {
1927
+ grid-row: 1;
1928
+ grid-column: 1;
1929
+ position: relative;
1930
+ min-height: 0;
1931
+ overflow: hidden;
1932
+ }
1933
+ .nu-desktop__app-bar {
1934
+ grid-row: 2;
1935
+ grid-column: 1;
1936
+ min-height: 0;
1937
+ }
1938
+ .nu-desktop__window-region > .nu-window-layer {
1939
+ position: relative;
1940
+ grid-row: 1;
1941
+ grid-column: 1;
1942
+ inset: auto;
1943
+ width: 100%;
1944
+ height: 100%;
1945
+ }
1946
+ .nu-desktop[data-modal-active] .nu-desktop__menu,
1947
+ .nu-desktop[data-modal-active] .nu-desktop__app-bar {
1948
+ position: relative;
1949
+ pointer-events: none;
1950
+ }
1951
+ .nu-desktop[data-modal-active] .nu-desktop__menu::after,
1952
+ .nu-desktop[data-modal-active] .nu-desktop__app-bar::after {
1953
+ content: "";
1954
+ position: absolute;
1955
+ inset: 0;
1956
+ background: var(--nu-window-modal-backdrop);
1957
+ pointer-events: auto;
1958
+ }
1959
+ .nu-stack {
1960
+ display: flex;
1961
+ min-width: 0;
1962
+ min-height: 0;
1963
+ }
1964
+ .nu-stack[data-direction="column"] {
1965
+ flex-direction: column;
1966
+ }
1967
+ .nu-stack[data-direction="row"] {
1968
+ flex-direction: row;
1969
+ }
1970
+ .nu-stack[data-gap="sm"] {
1971
+ gap: var(--nu-space-sm);
1972
+ }
1973
+ .nu-stack[data-gap="md"] {
1974
+ gap: var(--nu-space-md);
1975
+ }
1976
+ .nu-stack[data-gap="lg"] {
1977
+ gap: var(--nu-space-lg);
1978
+ }
1979
+ .nu-button {
1980
+ position: relative;
1981
+ display: inline-block;
1982
+ flex: none;
1983
+ align-self: flex-start;
1984
+ padding: 0 var(--nu-button-shadow-x) var(--nu-button-shadow-y) 0;
1985
+ border: 0;
1986
+ border-radius: 0;
1987
+ background: transparent;
1988
+ color: var(--nu-color-button-text);
1989
+ font-family: var(--nu-font-body);
1990
+ font-size: 0.875rem;
1991
+ line-height: 1;
1992
+ cursor: pointer;
1993
+ appearance: none;
1994
+ -webkit-appearance: none;
1995
+ outline: none;
1996
+ }
1997
+ .nu-button:focus,
1998
+ .nu-button:focus-visible {
1999
+ outline: none;
2000
+ box-shadow: none;
2001
+ }
2002
+ .nu-button__face {
2003
+ position: relative;
2004
+ z-index: 1;
2005
+ display: flex;
2006
+ align-items: center;
2007
+ justify-content: center;
2008
+ min-height: 1em;
2009
+ padding: 0.13em 3.15ch;
2010
+ background: var(--nu-color-button-face);
2011
+ }
2012
+ .nu-button__label {
2013
+ display: block;
2014
+ white-space: nowrap;
2015
+ }
2016
+ .nu-button__focus-indicator {
2017
+ position: absolute;
2018
+ top: 50%;
2019
+ display: none;
2020
+ width: 0.65ch;
2021
+ height: 0.8em;
2022
+ background: currentColor;
2023
+ transform: translateY(-50%);
2024
+ }
2025
+ .nu-button__focus-indicator--left {
2026
+ left: 0.3ch;
2027
+ clip-path: polygon(0 0, 100% 50%, 0 100%);
2028
+ }
2029
+ .nu-button__focus-indicator--right {
2030
+ right: 0.3ch;
2031
+ clip-path: polygon(100% 0, 0 50%, 100% 100%);
2032
+ }
2033
+ .nu-button[data-variant="secondary"] {
2034
+ color: var(--nu-text-inverse);
2035
+ }
2036
+ .nu-button[data-variant="secondary"] .nu-button__face {
2037
+ background: var(--nu-color-button-face-alt);
2038
+ }
2039
+ .nu-button[data-variant="danger"] {
2040
+ color: var(--nu-text-primary);
2041
+ }
2042
+ .nu-button[data-variant="danger"] .nu-button__face {
2043
+ background: var(--nu-color-button-danger);
2044
+ }
2045
+ .nu-button[data-variant="success"] {
2046
+ color: var(--nu-text-accent);
2047
+ }
2048
+ .nu-button[data-variant="success"] .nu-button__face {
2049
+ background: var(--nu-color-button-success);
2050
+ }
2051
+ .nu-button__shadow {
2052
+ position: absolute;
2053
+ background: var(--nu-shadow-color);
2054
+ pointer-events: none;
2055
+ }
2056
+ .nu-button__shadow--right {
2057
+ top: var(--nu-button-shadow-offset-y);
2058
+ right: 0;
2059
+ width: var(--nu-button-shadow-x);
2060
+ height: calc(
2061
+ 100% - var(--nu-button-shadow-offset-y) - var(--nu-button-shadow-y) + 1px
2062
+ );
2063
+ }
2064
+ .nu-button__shadow--bottom {
2065
+ right: 0;
2066
+ bottom: 0;
2067
+ left: var(--nu-button-shadow-offset-x);
2068
+ height: var(--nu-button-shadow-y);
2069
+ }
2070
+ .nu-button:not(:disabled):hover .nu-button__face {
2071
+ filter: brightness(1.03);
2072
+ }
2073
+ .nu-button:not(:disabled):active .nu-button__face {
2074
+ transform: translate(
2075
+ var(--nu-button-press-depth-x),
2076
+ var(--nu-button-press-depth-y)
2077
+ );
2078
+ }
2079
+ .nu-button[data-focused],
2080
+ .nu-button:focus-visible {
2081
+ color: var(--nu-color-title-text);
2082
+ }
2083
+ .nu-button[data-focused] .nu-button__face,
2084
+ .nu-button:focus-visible .nu-button__face {
2085
+ background: var(--nu-color-button-face);
2086
+ }
2087
+ .nu-button[data-focused] .nu-button__focus-indicator,
2088
+ .nu-button:focus-visible .nu-button__focus-indicator {
2089
+ display: block;
2090
+ }
2091
+ .nu-button:disabled {
2092
+ opacity: 0.6;
2093
+ cursor: not-allowed;
2094
+ }
2095
+ .nu-button:disabled .nu-button__face {
2096
+ filter: grayscale(0.2);
2097
+ }
2098
+ .nu-button:disabled .nu-button__focus-indicator {
2099
+ display: none;
2100
+ }
2101
+ .nu-tick-bar {
2102
+ --nu-tick-bar-track-inset: 0.75rem;
2103
+ display: grid;
2104
+ gap: var(--nu-space-xs);
2105
+ font-family: var(--nu-font-body);
2106
+ }
2107
+ .nu-tick-bar[data-fill] {
2108
+ flex: 1 1 auto;
2109
+ align-self: stretch;
2110
+ inline-size: 100%;
2111
+ }
2112
+ .nu-tick-bar[data-disabled] {
2113
+ opacity: 0.6;
2114
+ }
2115
+ .nu-tick-bar__label {
2116
+ color: var(--nu-text-accent);
2117
+ font-size: 0.8125rem;
2118
+ text-transform: uppercase;
2119
+ }
2120
+ .nu-tick-bar__slot {
2121
+ display: grid;
2122
+ grid-template-columns: minmax(0, 1fr) auto;
2123
+ align-items: center;
2124
+ gap: 1ch;
2125
+ min-width: 0;
2126
+ }
2127
+ .nu-tick-bar__track {
2128
+ position: relative;
2129
+ min-width: 10rem;
2130
+ min-height: 1rem;
2131
+ padding: 0 var(--nu-tick-bar-track-inset);
2132
+ color: var(--nu-text-primary);
2133
+ cursor: pointer;
2134
+ touch-action: none;
2135
+ user-select: none;
2136
+ outline: none;
2137
+ }
2138
+ .nu-tick-bar__track:focus-visible .nu-tick-bar__thumb,
2139
+ .nu-tick-bar__track[data-dragging] .nu-tick-bar__thumb {
2140
+ background: var(--nu-color-field-bg);
2141
+ color: var(--nu-color-field-text);
2142
+ }
2143
+ .nu-tick-bar__rail {
2144
+ position: absolute;
2145
+ top: 50%;
2146
+ right: var(--nu-tick-bar-track-inset);
2147
+ left: var(--nu-tick-bar-track-inset);
2148
+ height: 1px;
2149
+ background: var(--nu-border-light);
2150
+ transform: translateY(-50%);
2151
+ }
2152
+ .nu-tick-bar__ticks {
2153
+ position: absolute;
2154
+ top: 50%;
2155
+ right: var(--nu-tick-bar-track-inset);
2156
+ left: var(--nu-tick-bar-track-inset);
2157
+ display: flex;
2158
+ justify-content: space-between;
2159
+ transform: translateY(-50%);
2160
+ pointer-events: none;
2161
+ }
2162
+ .nu-tick-bar__tick {
2163
+ width: 1px;
2164
+ height: 0.7rem;
2165
+ background: var(--nu-border-light);
2166
+ }
2167
+ .nu-tick-bar__thumb {
2168
+ position: absolute;
2169
+ top: 50%;
2170
+ width: 1.2rem;
2171
+ min-width: 2ch;
2172
+ min-height: var(--nu-control-height);
2173
+ border: 1px solid var(--nu-border-dark);
2174
+ background: var(--nu-color-button-face);
2175
+ transform: translate(-50%, -50%);
2176
+ pointer-events: none;
2177
+ }
2178
+ .nu-tick-bar__value {
2179
+ min-width: 4ch;
2180
+ color: var(--nu-text-primary);
2181
+ text-align: right;
2182
+ white-space: nowrap;
2183
+ }
2184
+ .nu-tick-bar__hint {
2185
+ color: var(--nu-text-muted);
2186
+ font-size: 0.75rem;
2187
+ }
2188
+ .nu-tick-bar[data-orientation="vertical"] {
2189
+ justify-items: start;
2190
+ }
2191
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__slot {
2192
+ grid-template-columns: auto auto;
2193
+ align-items: start;
2194
+ }
2195
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__track {
2196
+ min-width: 1rem;
2197
+ min-height: 10rem;
2198
+ padding: var(--nu-tick-bar-track-inset) 0;
2199
+ }
2200
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__rail {
2201
+ top: var(--nu-tick-bar-track-inset);
2202
+ bottom: var(--nu-tick-bar-track-inset);
2203
+ left: 50%;
2204
+ right: auto;
2205
+ width: 1px;
2206
+ height: auto;
2207
+ transform: translateX(-50%);
2208
+ }
2209
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__ticks {
2210
+ top: var(--nu-tick-bar-track-inset);
2211
+ right: auto;
2212
+ bottom: var(--nu-tick-bar-track-inset);
2213
+ left: 50%;
2214
+ flex-direction: column-reverse;
2215
+ width: auto;
2216
+ height: calc(100% - (var(--nu-tick-bar-track-inset) * 2));
2217
+ transform: translateX(-50%);
2218
+ }
2219
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__tick {
2220
+ width: 0.7rem;
2221
+ height: 1px;
2222
+ }
2223
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__thumb {
2224
+ left: 50%;
2225
+ top: 50%;
2226
+ transform: translate(-50%, -50%);
2227
+ }
2228
+ .nu-tick-bar[data-orientation="vertical"] .nu-tick-bar__value {
2229
+ min-width: 0;
2230
+ padding-top: 0.1rem;
2231
+ text-align: left;
2232
+ }
2233
+ .nu-toolbar {
2234
+ display: flex;
2235
+ align-items: center;
2236
+ gap: 0.5ch;
2237
+ min-width: 0;
2238
+ min-height: 0;
2239
+ padding: 0.2ch 0;
2240
+ font-family: var(--nu-font-body);
2241
+ }
2242
+ .nu-toolbar[data-fill] {
2243
+ flex: 1 1 auto;
2244
+ align-self: stretch;
2245
+ inline-size: 100%;
2246
+ }
2247
+ .nu-toolbar[data-wrap] {
2248
+ flex-wrap: wrap;
2249
+ align-content: flex-start;
2250
+ }
2251
+ .nu-toolbar__button {
2252
+ display: inline-flex;
2253
+ align-items: center;
2254
+ justify-content: center;
2255
+ gap: 0.5ch;
2256
+ min-height: 1em;
2257
+ padding: 0.12em 0.85ch;
2258
+ border: 0;
2259
+ border-radius: 0;
2260
+ background: var(--nu-color-button-face);
2261
+ box-shadow: none;
2262
+ color: var(--nu-color-button-text);
2263
+ font: inherit;
2264
+ line-height: 1;
2265
+ cursor: pointer;
2266
+ appearance: none;
2267
+ -webkit-appearance: none;
2268
+ }
2269
+ .nu-toolbar__button[data-pressed] {
2270
+ background: var(--nu-color-field-bg);
2271
+ color: var(--nu-color-field-text);
2272
+ }
2273
+ .nu-toolbar__button:active:not([data-pressed]):not(:disabled) {
2274
+ background: var(--nu-color-field-bg);
2275
+ color: var(--nu-color-field-text);
2276
+ }
2277
+ .nu-toolbar__button:focus-visible {
2278
+ color: var(--nu-text-accent);
2279
+ outline: none;
2280
+ }
2281
+ .nu-toolbar__button:disabled {
2282
+ opacity: 0.6;
2283
+ cursor: not-allowed;
2284
+ }
2285
+ .nu-toolbar__button-icon,
2286
+ .nu-toolbar__button-caret {
2287
+ display: inline-flex;
2288
+ align-items: center;
2289
+ justify-content: center;
2290
+ flex: none;
2291
+ }
2292
+ .nu-toolbar__button-label {
2293
+ min-width: 0;
2294
+ }
2295
+ .nu-toolbar__button[data-dropdown]:not(:has(.nu-toolbar__button-label)) {
2296
+ padding-right: 0.55ch;
2297
+ padding-left: 0.55ch;
2298
+ }
2299
+ .nu-toolbar__separator {
2300
+ width: 1px;
2301
+ align-self: stretch;
2302
+ margin: 0 0.35ch;
2303
+ background: var(--nu-border-dark);
2304
+ }
2305
+ .nu-toolbar[data-wrap] .nu-toolbar__separator {
2306
+ min-height: 1em;
2307
+ }
2308
+ .nu-combo-box {
2309
+ display: grid;
2310
+ gap: var(--nu-space-xs);
2311
+ font-family: var(--nu-font-body);
2312
+ }
2313
+ .nu-combo-box:focus-within .nu-combo-box__input-shell {
2314
+ background: var(--nu-color-field-bg);
2315
+ color: var(--nu-color-field-text);
2316
+ }
2317
+ .nu-combo-box:focus-within .nu-combo-box__bracket,
2318
+ .nu-combo-box:focus-within .nu-combo-box__input {
2319
+ color: var(--nu-color-field-text);
2320
+ }
2321
+ .nu-combo-box__label {
2322
+ color: var(--nu-text-accent);
2323
+ font-size: 0.8125rem;
2324
+ text-transform: uppercase;
2325
+ }
2326
+ .nu-combo-box__slot {
2327
+ display: grid;
2328
+ grid-template-columns: minmax(0, 1fr) auto;
2329
+ align-items: stretch;
2330
+ gap: 0.2ch;
2331
+ min-height: var(--nu-control-height);
2332
+ font: inherit;
2333
+ line-height: 1;
2334
+ }
2335
+ .nu-combo-box__field {
2336
+ display: grid;
2337
+ grid-template-columns: auto 1fr auto;
2338
+ align-items: stretch;
2339
+ min-width: 0;
2340
+ min-height: var(--nu-control-height);
2341
+ font: inherit;
2342
+ line-height: 1;
2343
+ }
2344
+ .nu-combo-box__bracket {
2345
+ display: inline-flex;
2346
+ align-items: center;
2347
+ justify-content: center;
2348
+ block-size: var(--nu-control-height);
2349
+ color: var(--nu-color-field-text);
2350
+ font: inherit;
2351
+ line-height: 1;
2352
+ }
2353
+ .nu-combo-box__input-shell {
2354
+ display: flex;
2355
+ align-items: center;
2356
+ block-size: var(--nu-control-height);
2357
+ background: transparent;
2358
+ color: inherit;
2359
+ overflow: hidden;
2360
+ }
2361
+ .nu-combo-box__input {
2362
+ width: 100%;
2363
+ block-size: 100%;
2364
+ padding: 0;
2365
+ border: 0;
2366
+ background: transparent;
2367
+ color: inherit;
2368
+ font: inherit;
2369
+ line-height: 1;
2370
+ outline: 0;
2371
+ appearance: none;
2372
+ -webkit-appearance: none;
2373
+ }
2374
+ .nu-combo-box__toggle {
2375
+ flex: none;
2376
+ cursor: pointer;
2377
+ appearance: none;
2378
+ -webkit-appearance: none;
2379
+ }
2380
+ .nu-combo-box__toggle:focus-visible {
2381
+ color: var(--nu-text-accent);
2382
+ outline: none;
2383
+ }
2384
+ .nu-combo-box__toggle:disabled {
2385
+ opacity: 0.6;
2386
+ cursor: not-allowed;
2387
+ }
2388
+ .nu-combo-box__popup {
2389
+ position: fixed;
2390
+ z-index: 2600;
2391
+ }
2392
+ .nu-combo-box__listbox {
2393
+ background: var(--nu-color-button-face);
2394
+ color: var(--nu-text-inverse);
2395
+ }
2396
+ .nu-combo-box__listbox .nu-listbox {
2397
+ background: var(--nu-color-button-face);
2398
+ color: var(--nu-text-inverse);
2399
+ }
2400
+ .nu-combo-box__listbox .nu-listbox__item {
2401
+ color: var(--nu-text-inverse);
2402
+ }
2403
+ .nu-combo-box__listbox .nu-listbox__item:hover {
2404
+ background: var(--nu-color-app-bg-alt);
2405
+ color: var(--nu-text-primary);
2406
+ }
2407
+ .nu-combo-box__listbox .nu-listbox__category {
2408
+ padding: 0.08rem 0.65ch;
2409
+ background: var(--nu-color-button-face-alt);
2410
+ color: var(--nu-text-inverse);
2411
+ }
2412
+ .nu-combo-box__listbox .nu-listbox__item--active,
2413
+ .nu-combo-box__listbox .nu-listbox__item--selected {
2414
+ color: var(--nu-text-primary);
2415
+ }
2416
+ .nu-combo-box__hint {
2417
+ color: var(--nu-text-muted);
2418
+ font-size: 0.75rem;
2419
+ }
2420
+ .nu-text-field {
2421
+ display: grid;
2422
+ gap: var(--nu-space-xs);
2423
+ font-family: var(--nu-font-body);
2424
+ }
2425
+ .nu-text-field:focus-within .nu-text-field__input-shell {
2426
+ background: var(--nu-color-field-bg);
2427
+ color: var(--nu-color-field-text);
2428
+ }
2429
+ .nu-text-field:focus-within .nu-text-field__bracket,
2430
+ .nu-text-field:focus-within .nu-text-field__input {
2431
+ color: var(--nu-color-field-text);
2432
+ }
2433
+ .nu-text-field__label {
2434
+ color: var(--nu-text-accent);
2435
+ font-size: 0.8125rem;
2436
+ text-transform: uppercase;
2437
+ }
2438
+ .nu-text-field__slot {
2439
+ display: grid;
2440
+ grid-template-columns: auto 1fr auto;
2441
+ align-items: stretch;
2442
+ gap: 0.2ch;
2443
+ min-height: var(--nu-control-height);
2444
+ font: inherit;
2445
+ line-height: 1;
2446
+ }
2447
+ .nu-text-field__bracket {
2448
+ display: inline-flex;
2449
+ align-items: center;
2450
+ justify-content: center;
2451
+ block-size: var(--nu-control-height);
2452
+ color: var(--nu-color-field-text);
2453
+ font: inherit;
2454
+ line-height: 1;
2455
+ }
2456
+ .nu-text-field__input-shell {
2457
+ position: relative;
2458
+ display: flex;
2459
+ align-items: center;
2460
+ block-size: var(--nu-control-height);
2461
+ background: transparent;
2462
+ color: inherit;
2463
+ font: inherit;
2464
+ line-height: 1;
2465
+ overflow: hidden;
2466
+ }
2467
+ .nu-text-field__input {
2468
+ width: 100%;
2469
+ block-size: 100%;
2470
+ padding: 0;
2471
+ border: 0;
2472
+ border-radius: var(--nu-radius-none);
2473
+ background: transparent;
2474
+ color: inherit;
2475
+ font: inherit;
2476
+ line-height: 1;
2477
+ outline: 0;
2478
+ appearance: none;
2479
+ -webkit-appearance: none;
2480
+ }
2481
+ .nu-text-field__input::selection {
2482
+ background: var(--nu-border-accent);
2483
+ color: var(--nu-text-inverse);
2484
+ }
2485
+ .nu-text-field__hint {
2486
+ color: var(--nu-text-muted);
2487
+ font-size: 0.75rem;
2488
+ }
2489
+ .nu-tree-view {
2490
+ flex: 1 1 auto;
2491
+ align-self: stretch;
2492
+ inline-size: 100%;
2493
+ block-size: 100%;
2494
+ min-width: 0;
2495
+ overflow: auto;
2496
+ color: var(--nu-text-primary);
2497
+ outline: none;
2498
+ scrollbar-width: thin;
2499
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
2500
+ }
2501
+ .nu-tree-view::-webkit-scrollbar {
2502
+ width: var(--nu-scrollbar-button-size);
2503
+ height: var(--nu-scrollbar-button-size);
2504
+ background: transparent;
2505
+ }
2506
+ .nu-tree-view::-webkit-scrollbar-track,
2507
+ .nu-tree-view::-webkit-scrollbar-track-piece,
2508
+ .nu-tree-view::-webkit-scrollbar-corner {
2509
+ background: var(--nu-scrollbar-track);
2510
+ border-radius: 0 !important;
2511
+ box-shadow: none;
2512
+ }
2513
+ .nu-tree-view::-webkit-scrollbar-thumb {
2514
+ -webkit-appearance: none;
2515
+ appearance: none;
2516
+ min-height: 1.25rem;
2517
+ min-width: 1.25rem;
2518
+ border: 1px solid var(--nu-border-dark);
2519
+ border-radius: 0 !important;
2520
+ background: var(--nu-scrollbar-thumb);
2521
+ background-clip: border-box;
2522
+ box-shadow: none;
2523
+ }
2524
+ .nu-tree-view::-webkit-scrollbar-thumb:vertical {
2525
+ border-radius: 0 !important;
2526
+ }
2527
+ .nu-tree-view::-webkit-scrollbar-thumb:horizontal {
2528
+ border-radius: 0 !important;
2529
+ }
2530
+ .nu-tree-view::-webkit-scrollbar-button:single-button {
2531
+ -webkit-appearance: none;
2532
+ appearance: none;
2533
+ display: block;
2534
+ width: var(--nu-scrollbar-button-size);
2535
+ height: var(--nu-scrollbar-button-size);
2536
+ border: 1px solid var(--nu-border-dark);
2537
+ border-radius: 0 !important;
2538
+ background-color: var(--nu-scrollbar-button-bg);
2539
+ background-position: center;
2540
+ background-repeat: no-repeat;
2541
+ background-size: 0.62rem 0.62rem;
2542
+ box-shadow: none;
2543
+ }
2544
+ .nu-tree-view::-webkit-scrollbar-button:single-button:vertical:decrement {
2545
+ background-image: var(--nu-scrollbar-arrow-up);
2546
+ }
2547
+ .nu-tree-view::-webkit-scrollbar-button:single-button:vertical:increment {
2548
+ background-image: var(--nu-scrollbar-arrow-down);
2549
+ }
2550
+ .nu-tree-view::-webkit-scrollbar-button:single-button:horizontal:decrement {
2551
+ background-image: var(--nu-scrollbar-arrow-left);
2552
+ }
2553
+ .nu-tree-view::-webkit-scrollbar-button:single-button:horizontal:increment {
2554
+ background-image: var(--nu-scrollbar-arrow-right);
2555
+ }
2556
+ .nu-tree-view:focus,
2557
+ .nu-tree-view:focus-visible {
2558
+ outline: none;
2559
+ box-shadow: none;
2560
+ }
2561
+ .nu-tree-view:focus-visible .nu-tree-view__item--selected {
2562
+ color: var(--nu-text-accent);
2563
+ }
2564
+ .nu-tree-view__item {
2565
+ display: flex;
2566
+ align-items: stretch;
2567
+ gap: calc(var(--nu-glyph-cell-size) * 0.5);
2568
+ min-width: 0;
2569
+ min-block-size: calc(var(--nu-glyph-cell-size) + 0.16rem);
2570
+ padding: 0 0.65ch;
2571
+ line-height: 1.2;
2572
+ color: var(--nu-text-primary);
2573
+ cursor: default;
2574
+ user-select: none;
2575
+ }
2576
+ .nu-tree-view__item:has(.nu-tree-view__expander):has(.nu-tree-view__icon) {
2577
+ gap: var(--nu-glyph-cell-size);
2578
+ }
2579
+ .nu-tree-view__item--selected {
2580
+ background: var(--nu-color-field-bg);
2581
+ }
2582
+ .nu-tree-view__item--disabled {
2583
+ color: var(--nu-text-muted);
2584
+ }
2585
+ .nu-tree-view__prefix {
2586
+ display: inline-flex;
2587
+ align-items: stretch;
2588
+ flex: none;
2589
+ gap: 0;
2590
+ overflow: visible;
2591
+ }
2592
+ .nu-tree-view__lead {
2593
+ display: inline-flex;
2594
+ align-items: stretch;
2595
+ flex: none;
2596
+ gap: 0;
2597
+ overflow: visible;
2598
+ margin-inline-start: calc(
2599
+ var(--nu-tree-view-origin-offset, 0) * var(--nu-glyph-cell-size)
2600
+ );
2601
+ }
2602
+ .nu-tree-view__guide,
2603
+ .nu-tree-view__expander,
2604
+ .nu-tree-view__check-slot {
2605
+ position: relative;
2606
+ display: inline-flex;
2607
+ align-items: center;
2608
+ justify-content: center;
2609
+ inline-size: var(--nu-glyph-cell-size);
2610
+ block-size: auto;
2611
+ align-self: stretch;
2612
+ flex: none;
2613
+ }
2614
+ .nu-tree-view__branch {
2615
+ position: relative;
2616
+ display: inline-flex;
2617
+ align-items: center;
2618
+ justify-content: center;
2619
+ align-self: stretch;
2620
+ inline-size: var(--nu-glyph-cell-size);
2621
+ block-size: auto;
2622
+ flex: none;
2623
+ overflow: visible;
2624
+ }
2625
+ .nu-tree-view__guide::before,
2626
+ .nu-tree-view__branch::before,
2627
+ .nu-tree-view__branch::after {
2628
+ content: none;
2629
+ }
2630
+ .nu-tree-view__guide[data-visible] {
2631
+ transform: translateX(
2632
+ calc(var(--nu-tree-view-guide-offset, 0) * var(--nu-glyph-cell-size))
2633
+ );
2634
+ }
2635
+ .nu-tree-view__guide[data-visible]::before {
2636
+ content: "";
2637
+ position: absolute;
2638
+ background: var(--nu-tree-connector-color, currentColor);
2639
+ opacity: 0.7;
2640
+ top: 0;
2641
+ bottom: 0;
2642
+ left: calc(50% - 0.5px);
2643
+ width: 1px;
2644
+ }
2645
+ .nu-tree-view__branch[data-branch="tee"]::before {
2646
+ content: "";
2647
+ position: absolute;
2648
+ background: var(--nu-tree-connector-color, currentColor);
2649
+ opacity: 0.7;
2650
+ top: 0;
2651
+ bottom: 0;
2652
+ left: calc(50% - 0.5px);
2653
+ width: 1px;
2654
+ }
2655
+ .nu-tree-view__branch[data-branch="tee"]::after {
2656
+ content: "";
2657
+ position: absolute;
2658
+ background: var(--nu-tree-connector-color, currentColor);
2659
+ opacity: 0.7;
2660
+ top: calc(50% - 0.5px);
2661
+ left: 50%;
2662
+ right: 0;
2663
+ height: 1px;
2664
+ }
2665
+ .nu-tree-view__branch[data-branch="elbow"]::before {
2666
+ content: "";
2667
+ position: absolute;
2668
+ background: var(--nu-tree-connector-color, currentColor);
2669
+ opacity: 0.7;
2670
+ top: 0;
2671
+ bottom: 50%;
2672
+ left: calc(50% - 0.5px);
2673
+ width: 1px;
2674
+ }
2675
+ .nu-tree-view__branch[data-branch="elbow"]::after {
2676
+ content: "";
2677
+ position: absolute;
2678
+ background: var(--nu-tree-connector-color, currentColor);
2679
+ opacity: 0.7;
2680
+ top: calc(50% - 0.5px);
2681
+ left: 50%;
2682
+ right: 0;
2683
+ height: 1px;
2684
+ }
2685
+ .nu-tree-view__expander-button,
2686
+ .nu-tree-view__check {
2687
+ display: inline-flex;
2688
+ align-items: center;
2689
+ justify-content: center;
2690
+ inline-size: var(--nu-glyph-cell-size);
2691
+ block-size: var(--nu-glyph-cell-size);
2692
+ padding: 0;
2693
+ border: 0;
2694
+ background: transparent;
2695
+ color: inherit;
2696
+ font: inherit;
2697
+ line-height: 1;
2698
+ cursor: pointer;
2699
+ outline: none;
2700
+ appearance: none;
2701
+ -webkit-appearance: none;
2702
+ }
2703
+ .nu-tree-view__expander-button:focus,
2704
+ .nu-tree-view__check:focus,
2705
+ .nu-tree-view__expander-button:focus-visible,
2706
+ .nu-tree-view__check:focus-visible {
2707
+ outline: none;
2708
+ box-shadow: none;
2709
+ }
2710
+ .nu-tree-view__expander-button {
2711
+ background: var(--nu-color-button-face);
2712
+ color: var(--nu-color-field-bg);
2713
+ }
2714
+ .nu-tree-view__expander[data-connector="lead"] {
2715
+ inline-size: calc(var(--nu-glyph-cell-size) * 1.5);
2716
+ justify-content: flex-end;
2717
+ }
2718
+ .nu-tree-view__expander[data-connector="lead"]::before {
2719
+ content: "";
2720
+ position: absolute;
2721
+ top: calc(50% - 0.5px);
2722
+ left: 0;
2723
+ width: calc(var(--nu-glyph-cell-size) * 0.5);
2724
+ height: 1px;
2725
+ background: var(--nu-tree-connector-color, currentColor);
2726
+ opacity: 0.7;
2727
+ }
2728
+ .nu-tree-view__expander-placeholder,
2729
+ .nu-tree-view__icon-placeholder {
2730
+ position: relative;
2731
+ inline-size: var(--nu-glyph-cell-size);
2732
+ block-size: auto;
2733
+ align-self: stretch;
2734
+ flex: none;
2735
+ }
2736
+ .nu-tree-view__expander-placeholder[data-connector="lead"]::before {
2737
+ content: "";
2738
+ position: absolute;
2739
+ top: calc(50% - 0.5px);
2740
+ left: 0;
2741
+ right: 0;
2742
+ height: 1px;
2743
+ background: var(--nu-tree-connector-color, currentColor);
2744
+ opacity: 0.7;
2745
+ }
2746
+ .nu-tree-view__expander-placeholder[data-connector="lead"] {
2747
+ inline-size: 0;
2748
+ margin-inline-end: 0;
2749
+ }
2750
+ .nu-tree-view__check-box {
2751
+ display: inline-flex;
2752
+ align-items: center;
2753
+ justify-content: center;
2754
+ inline-size: var(--nu-glyph-cell-size);
2755
+ block-size: var(--nu-glyph-cell-size);
2756
+ background: transparent;
2757
+ box-shadow: inset 0 0 0 1px var(--nu-color-button-face);
2758
+ }
2759
+ .nu-tree-view__check-box[data-unchecked-shape="none"] {
2760
+ background: transparent;
2761
+ box-shadow: none;
2762
+ }
2763
+ .nu-tree-view__check-mark {
2764
+ color: var(--nu-text-accent);
2765
+ }
2766
+ .nu-tree-view__content {
2767
+ position: relative;
2768
+ display: inline-flex;
2769
+ align-items: center;
2770
+ gap: calc(var(--nu-glyph-cell-size) * 0.5);
2771
+ min-width: 0;
2772
+ flex: 1 1 auto;
2773
+ }
2774
+ .nu-tree-view__icon {
2775
+ display: inline-flex;
2776
+ align-items: center;
2777
+ justify-content: center;
2778
+ inline-size: var(--nu-glyph-cell-size);
2779
+ block-size: var(--nu-glyph-cell-size);
2780
+ flex: none;
2781
+ }
2782
+ .nu-tree-view__content[data-branch-anchor="label"]::before {
2783
+ content: none;
2784
+ }
2785
+ .nu-tree-view__content[data-branch-anchor="label"]::before {
2786
+ content: "";
2787
+ position: absolute;
2788
+ background: var(--nu-tree-connector-color, currentColor);
2789
+ opacity: 0.7;
2790
+ top: calc(50% - 0.5px);
2791
+ right: 100%;
2792
+ width: 1ch;
2793
+ height: 1px;
2794
+ }
2795
+ .nu-tree-view__title {
2796
+ min-width: 0;
2797
+ }
2798
+ .nu-tree-view__hint {
2799
+ margin-left: auto;
2800
+ color: var(--nu-text-muted);
2801
+ white-space: nowrap;
2802
+ }
2803
+ .nu-tree-view__item--selected .nu-tree-view__hint {
2804
+ color: var(--nu-text-primary);
2805
+ }
2806
+ .nu-tree-view__empty {
2807
+ color: var(--nu-text-muted);
2808
+ }
2809
+ .nu-tree-list-view {
2810
+ display: grid;
2811
+ flex: 1 1 auto;
2812
+ align-self: stretch;
2813
+ inline-size: 100%;
2814
+ block-size: 100%;
2815
+ grid-template-rows: auto minmax(0, 1fr);
2816
+ min-width: 0;
2817
+ min-height: 0;
2818
+ overflow: auto;
2819
+ color: var(--nu-text-primary);
2820
+ font-family: var(--nu-font-body);
2821
+ user-select: none;
2822
+ scrollbar-width: thin;
2823
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
2824
+ }
2825
+ .nu-tree-list-view::-webkit-scrollbar {
2826
+ width: var(--nu-scrollbar-button-size);
2827
+ height: var(--nu-scrollbar-button-size);
2828
+ background: transparent;
2829
+ }
2830
+ .nu-tree-list-view::-webkit-scrollbar-track,
2831
+ .nu-tree-list-view::-webkit-scrollbar-track-piece,
2832
+ .nu-tree-list-view::-webkit-scrollbar-corner {
2833
+ background: var(--nu-scrollbar-track);
2834
+ border-radius: 0 !important;
2835
+ box-shadow: none;
2836
+ }
2837
+ .nu-tree-list-view::-webkit-scrollbar-thumb {
2838
+ -webkit-appearance: none;
2839
+ appearance: none;
2840
+ min-height: 1.25rem;
2841
+ min-width: 1.25rem;
2842
+ border: 1px solid var(--nu-border-dark);
2843
+ border-radius: 0 !important;
2844
+ background: var(--nu-scrollbar-thumb);
2845
+ background-clip: border-box;
2846
+ box-shadow: none;
2847
+ }
2848
+ .nu-tree-list-view::-webkit-scrollbar-thumb:vertical {
2849
+ border-radius: 0 !important;
2850
+ }
2851
+ .nu-tree-list-view::-webkit-scrollbar-thumb:horizontal {
2852
+ border-radius: 0 !important;
2853
+ }
2854
+ .nu-tree-list-view::-webkit-scrollbar-button:single-button {
2855
+ -webkit-appearance: none;
2856
+ appearance: none;
2857
+ display: block;
2858
+ width: var(--nu-scrollbar-button-size);
2859
+ height: var(--nu-scrollbar-button-size);
2860
+ border: 1px solid var(--nu-border-dark);
2861
+ border-radius: 0 !important;
2862
+ background-color: var(--nu-scrollbar-button-bg);
2863
+ background-position: center;
2864
+ background-repeat: no-repeat;
2865
+ background-size: 0.62rem 0.62rem;
2866
+ box-shadow: none;
2867
+ }
2868
+ .nu-tree-list-view::-webkit-scrollbar-button:single-button:vertical:decrement {
2869
+ background-image: var(--nu-scrollbar-arrow-up);
2870
+ }
2871
+ .nu-tree-list-view::-webkit-scrollbar-button:single-button:vertical:increment {
2872
+ background-image: var(--nu-scrollbar-arrow-down);
2873
+ }
2874
+ .nu-tree-list-view::-webkit-scrollbar-button:single-button:horizontal:decrement {
2875
+ background-image: var(--nu-scrollbar-arrow-left);
2876
+ }
2877
+ .nu-tree-list-view::-webkit-scrollbar-button:single-button:horizontal:increment {
2878
+ background-image: var(--nu-scrollbar-arrow-right);
2879
+ }
2880
+ .nu-tree-list-view:focus,
2881
+ .nu-tree-list-view:focus-visible {
2882
+ outline: none;
2883
+ box-shadow: none;
2884
+ }
2885
+ .nu-tree-list-view:focus-visible .nu-tree-list-view__row--selected {
2886
+ color: var(--nu-text-accent);
2887
+ }
2888
+ .nu-tree-list-view__header,
2889
+ .nu-tree-list-view__row {
2890
+ display: grid;
2891
+ grid-template-columns: var(--nu-tree-list-view-columns);
2892
+ align-items: center;
2893
+ gap: 1ch;
2894
+ min-width: 0;
2895
+ padding-inline: 0.35rem;
2896
+ }
2897
+ .nu-tree-list-view__header {
2898
+ position: sticky;
2899
+ top: 0;
2900
+ z-index: 1;
2901
+ min-height: calc(var(--nu-control-height) + 0.2rem);
2902
+ border-block-end: 1px solid var(--nu-border-dark);
2903
+ background: var(--nu-color-button-face);
2904
+ color: var(--nu-text-inverse);
2905
+ }
2906
+ .nu-tree-list-view__header-cell {
2907
+ position: relative;
2908
+ display: inline-flex;
2909
+ align-items: center;
2910
+ min-width: 0;
2911
+ padding-inline-end: 0.6rem;
2912
+ }
2913
+ .nu-tree-list-view__header-cell--left {
2914
+ justify-content: flex-start;
2915
+ text-align: left;
2916
+ }
2917
+ .nu-tree-list-view__header-cell--center {
2918
+ justify-content: center;
2919
+ text-align: center;
2920
+ }
2921
+ .nu-tree-list-view__header-cell--right {
2922
+ justify-content: flex-end;
2923
+ text-align: right;
2924
+ }
2925
+ .nu-tree-list-view__header-label {
2926
+ min-width: 0;
2927
+ flex: 0 1 auto;
2928
+ overflow: hidden;
2929
+ text-overflow: ellipsis;
2930
+ white-space: nowrap;
2931
+ }
2932
+ .nu-tree-list-view__column-resizer {
2933
+ position: absolute;
2934
+ top: 0;
2935
+ right: -0.35rem;
2936
+ width: 0.7rem;
2937
+ height: 100%;
2938
+ padding: 0;
2939
+ border: 0;
2940
+ background: transparent;
2941
+ color: inherit;
2942
+ cursor: col-resize;
2943
+ touch-action: none;
2944
+ appearance: none;
2945
+ -webkit-appearance: none;
2946
+ }
2947
+ .nu-tree-list-view__column-resizer::before {
2948
+ content: "";
2949
+ position: absolute;
2950
+ top: 0.2rem;
2951
+ bottom: 0.2rem;
2952
+ left: calc(50% - 0.5px);
2953
+ width: 1px;
2954
+ background: currentColor;
2955
+ opacity: 0.35;
2956
+ }
2957
+ .nu-tree-list-view__column-resizer:focus,
2958
+ .nu-tree-list-view__column-resizer:focus-visible {
2959
+ outline: none;
2960
+ box-shadow: none;
2961
+ }
2962
+ .nu-tree-list-view__body {
2963
+ min-height: 0;
2964
+ }
2965
+ .nu-tree-list-view__row {
2966
+ --nu-tree-connector-color: currentColor;
2967
+ min-height: calc(var(--nu-glyph-cell-size) + 0.16rem);
2968
+ line-height: 1.2;
2969
+ color: var(--nu-text-primary);
2970
+ }
2971
+ .nu-tree-list-view__row--active,
2972
+ .nu-tree-list-view__row--selected {
2973
+ background: var(--nu-color-field-bg);
2974
+ color: var(--nu-color-field-text);
2975
+ }
2976
+ .nu-tree-list-view__row--disabled {
2977
+ color: var(--nu-text-muted);
2978
+ --nu-tree-connector-color: var(--nu-text-primary);
2979
+ }
2980
+ .nu-tree-list-view__cell {
2981
+ min-width: 0;
2982
+ line-height: inherit;
2983
+ overflow: hidden;
2984
+ text-overflow: ellipsis;
2985
+ white-space: nowrap;
2986
+ }
2987
+ .nu-tree-list-view__cell--tree {
2988
+ display: inline-flex;
2989
+ align-items: stretch;
2990
+ gap: 1ch;
2991
+ overflow: visible;
2992
+ text-overflow: initial;
2993
+ white-space: nowrap;
2994
+ }
2995
+ .nu-tree-list-view__cell--center {
2996
+ text-align: center;
2997
+ }
2998
+ .nu-tree-list-view__cell--right {
2999
+ text-align: right;
3000
+ }
3001
+ .nu-tree-list-view__prefix {
3002
+ display: inline-flex;
3003
+ align-items: stretch;
3004
+ flex: none;
3005
+ gap: 0;
3006
+ overflow: visible;
3007
+ }
3008
+ .nu-tree-list-view__guide,
3009
+ .nu-tree-list-view__expander,
3010
+ .nu-tree-list-view__check-slot {
3011
+ position: relative;
3012
+ display: inline-flex;
3013
+ align-items: center;
3014
+ justify-content: center;
3015
+ inline-size: var(--nu-glyph-cell-size);
3016
+ block-size: auto;
3017
+ align-self: stretch;
3018
+ flex: none;
3019
+ }
3020
+ .nu-tree-list-view__lead {
3021
+ display: inline-flex;
3022
+ align-items: stretch;
3023
+ flex: none;
3024
+ gap: 0;
3025
+ overflow: visible;
3026
+ margin-inline-start: calc(
3027
+ var(--nu-tree-list-view-origin-offset, 0) * var(--nu-glyph-cell-size)
3028
+ );
3029
+ }
3030
+ .nu-tree-list-view__branch {
3031
+ position: relative;
3032
+ display: inline-flex;
3033
+ align-items: center;
3034
+ justify-content: center;
3035
+ align-self: stretch;
3036
+ inline-size: var(--nu-glyph-cell-size);
3037
+ block-size: auto;
3038
+ flex: none;
3039
+ overflow: visible;
3040
+ }
3041
+ .nu-tree-list-view__guide::before,
3042
+ .nu-tree-list-view__branch::before,
3043
+ .nu-tree-list-view__branch::after {
3044
+ content: none;
3045
+ }
3046
+ .nu-tree-list-view__guide[data-visible] {
3047
+ transform: translateX(
3048
+ calc(var(--nu-tree-list-view-guide-offset, 0) * var(--nu-glyph-cell-size))
3049
+ );
3050
+ }
3051
+ .nu-tree-list-view__guide[data-visible]::before {
3052
+ content: "";
3053
+ position: absolute;
3054
+ background: var(--nu-tree-connector-color, currentColor);
3055
+ opacity: 0.7;
3056
+ top: 0;
3057
+ bottom: 0;
3058
+ left: calc(50% - 0.5px);
3059
+ width: 1px;
3060
+ }
3061
+ .nu-tree-list-view__branch[data-branch="tee"]::before {
3062
+ content: "";
3063
+ position: absolute;
3064
+ background: var(--nu-tree-connector-color, currentColor);
3065
+ opacity: 0.7;
3066
+ top: 0;
3067
+ bottom: 0;
3068
+ left: calc(50% - 0.5px);
3069
+ width: 1px;
3070
+ }
3071
+ .nu-tree-list-view__branch[data-branch="tee"]::after {
3072
+ content: "";
3073
+ position: absolute;
3074
+ background: var(--nu-tree-connector-color, currentColor);
3075
+ opacity: 0.7;
3076
+ top: calc(50% - 0.5px);
3077
+ left: 50%;
3078
+ right: 0;
3079
+ height: 1px;
3080
+ }
3081
+ .nu-tree-list-view__branch[data-branch="elbow"]::before {
3082
+ content: "";
3083
+ position: absolute;
3084
+ background: var(--nu-tree-connector-color, currentColor);
3085
+ opacity: 0.7;
3086
+ top: 0;
3087
+ bottom: 50%;
3088
+ left: calc(50% - 0.5px);
3089
+ width: 1px;
3090
+ }
3091
+ .nu-tree-list-view__branch[data-branch="elbow"]::after {
3092
+ content: "";
3093
+ position: absolute;
3094
+ background: var(--nu-tree-connector-color, currentColor);
3095
+ opacity: 0.7;
3096
+ top: calc(50% - 0.5px);
3097
+ left: 50%;
3098
+ right: 0;
3099
+ height: 1px;
3100
+ }
3101
+ .nu-tree-list-view__expander-button,
3102
+ .nu-tree-list-view__check {
3103
+ display: inline-flex;
3104
+ align-items: center;
3105
+ justify-content: center;
3106
+ inline-size: var(--nu-glyph-cell-size);
3107
+ block-size: var(--nu-glyph-cell-size);
3108
+ padding: 0;
3109
+ border: 0;
3110
+ background: transparent;
3111
+ color: inherit;
3112
+ font: inherit;
3113
+ line-height: 1;
3114
+ cursor: pointer;
3115
+ outline: none;
3116
+ appearance: none;
3117
+ -webkit-appearance: none;
3118
+ }
3119
+ .nu-tree-list-view__expander-button:focus,
3120
+ .nu-tree-list-view__check:focus,
3121
+ .nu-tree-list-view__expander-button:focus-visible,
3122
+ .nu-tree-list-view__check:focus-visible {
3123
+ outline: none;
3124
+ box-shadow: none;
3125
+ }
3126
+ .nu-tree-list-view__expander-button {
3127
+ background: var(--nu-color-button-face);
3128
+ color: var(--nu-color-field-bg);
3129
+ }
3130
+ .nu-tree-list-view__expander[data-connector="lead"] {
3131
+ inline-size: calc(var(--nu-glyph-cell-size) * 2);
3132
+ justify-content: flex-end;
3133
+ }
3134
+ .nu-tree-list-view__expander[data-connector="lead"]::before {
3135
+ content: "";
3136
+ position: absolute;
3137
+ top: calc(50% - 0.5px);
3138
+ left: 0;
3139
+ width: var(--nu-glyph-cell-size);
3140
+ height: 1px;
3141
+ background: var(--nu-tree-connector-color, currentColor);
3142
+ opacity: 0.7;
3143
+ }
3144
+ .nu-tree-list-view__expander-placeholder {
3145
+ position: relative;
3146
+ inline-size: calc(var(--nu-glyph-cell-size) * 0.5);
3147
+ block-size: auto;
3148
+ align-self: stretch;
3149
+ flex: none;
3150
+ margin-inline-end: -2px;
3151
+ }
3152
+ .nu-tree-list-view__expander-placeholder[data-connector="lead"]::before {
3153
+ content: "";
3154
+ position: absolute;
3155
+ top: calc(50% - 0.5px);
3156
+ left: 0;
3157
+ right: 0;
3158
+ height: 1px;
3159
+ background: var(--nu-tree-connector-color, currentColor);
3160
+ opacity: 0.7;
3161
+ }
3162
+ .nu-tree-list-view__check-box {
3163
+ display: inline-flex;
3164
+ align-items: center;
3165
+ justify-content: center;
3166
+ inline-size: var(--nu-glyph-cell-size);
3167
+ block-size: var(--nu-glyph-cell-size);
3168
+ background: transparent;
3169
+ box-shadow: inset 0 0 0 1px var(--nu-color-button-face);
3170
+ }
3171
+ .nu-tree-list-view__check-box[data-unchecked-shape="none"] {
3172
+ box-shadow: none;
3173
+ }
3174
+ .nu-tree-list-view__check-mark {
3175
+ color: var(--nu-text-accent);
3176
+ }
3177
+ .nu-tree-list-view__tree-content {
3178
+ display: inline-flex;
3179
+ align-items: center;
3180
+ gap: 1ch;
3181
+ min-width: 0;
3182
+ flex: 1 1 auto;
3183
+ overflow: hidden;
3184
+ white-space: nowrap;
3185
+ }
3186
+ .nu-tree-list-view__icon {
3187
+ display: inline-flex;
3188
+ align-items: center;
3189
+ justify-content: center;
3190
+ inline-size: var(--nu-glyph-cell-size);
3191
+ block-size: var(--nu-glyph-cell-size);
3192
+ flex: none;
3193
+ }
3194
+ .nu-tree-list-view__title {
3195
+ min-width: 0;
3196
+ flex: 1 1 auto;
3197
+ overflow: hidden;
3198
+ text-overflow: ellipsis;
3199
+ white-space: nowrap;
3200
+ }
3201
+ .nu-tree-list-view__hint {
3202
+ margin-left: auto;
3203
+ color: var(--nu-text-muted);
3204
+ overflow: hidden;
3205
+ text-overflow: ellipsis;
3206
+ white-space: nowrap;
3207
+ }
3208
+ .nu-tree-list-view__row--selected .nu-tree-list-view__hint {
3209
+ color: var(--nu-text-primary);
3210
+ }
3211
+ .nu-tree-list-view__empty {
3212
+ padding: 0.35rem;
3213
+ color: var(--nu-text-muted);
3214
+ }
3215
+ .nu-view {
3216
+ display: block;
3217
+ min-width: 0;
3218
+ min-height: 0;
3219
+ scrollbar-width: thin;
3220
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
3221
+ }
3222
+ .nu-view::-webkit-scrollbar {
3223
+ width: var(--nu-scrollbar-button-size);
3224
+ height: var(--nu-scrollbar-button-size);
3225
+ background: transparent;
3226
+ }
3227
+ .nu-view::-webkit-scrollbar-track,
3228
+ .nu-view::-webkit-scrollbar-track-piece,
3229
+ .nu-view::-webkit-scrollbar-corner {
3230
+ background: var(--nu-scrollbar-track);
3231
+ border-radius: 0 !important;
3232
+ box-shadow: none;
3233
+ }
3234
+ .nu-view::-webkit-scrollbar-thumb {
3235
+ -webkit-appearance: none;
3236
+ appearance: none;
3237
+ min-height: 1.25rem;
3238
+ min-width: 1.25rem;
3239
+ border: 1px solid var(--nu-border-dark);
3240
+ border-radius: 0 !important;
3241
+ background: var(--nu-scrollbar-thumb);
3242
+ background-clip: border-box;
3243
+ box-shadow: none;
3244
+ }
3245
+ .nu-view::-webkit-scrollbar-thumb:vertical {
3246
+ border-radius: 0 !important;
3247
+ }
3248
+ .nu-view::-webkit-scrollbar-thumb:horizontal {
3249
+ border-radius: 0 !important;
3250
+ }
3251
+ .nu-view::-webkit-scrollbar-button:single-button {
3252
+ -webkit-appearance: none;
3253
+ appearance: none;
3254
+ display: block;
3255
+ width: var(--nu-scrollbar-button-size);
3256
+ height: var(--nu-scrollbar-button-size);
3257
+ border: 1px solid var(--nu-border-dark);
3258
+ border-radius: 0 !important;
3259
+ background-color: var(--nu-scrollbar-button-bg);
3260
+ background-position: center;
3261
+ background-repeat: no-repeat;
3262
+ background-size: 0.62rem 0.62rem;
3263
+ box-shadow: none;
3264
+ }
3265
+ .nu-view::-webkit-scrollbar-button:single-button:vertical:decrement {
3266
+ background-image: var(--nu-scrollbar-arrow-up);
3267
+ }
3268
+ .nu-view::-webkit-scrollbar-button:single-button:vertical:increment {
3269
+ background-image: var(--nu-scrollbar-arrow-down);
3270
+ }
3271
+ .nu-view::-webkit-scrollbar-button:single-button:horizontal:decrement {
3272
+ background-image: var(--nu-scrollbar-arrow-left);
3273
+ }
3274
+ .nu-view::-webkit-scrollbar-button:single-button:horizontal:increment {
3275
+ background-image: var(--nu-scrollbar-arrow-right);
3276
+ }
3277
+ .nu-view[data-fill] {
3278
+ flex: 1 1 auto;
3279
+ inline-size: 100%;
3280
+ block-size: 100%;
3281
+ }
3282
+ .nu-view[data-scroll="auto"] {
3283
+ overflow: auto;
3284
+ }
3285
+ .nu-view[data-scroll="x"] {
3286
+ overflow-x: auto;
3287
+ overflow-y: hidden;
3288
+ }
3289
+ .nu-view[data-scroll="y"] {
3290
+ overflow-x: hidden;
3291
+ overflow-y: auto;
3292
+ }
3293
+ .nu-view[data-scroll="both"] {
3294
+ overflow: scroll;
3295
+ }
3296
+ .nu-view[data-scroll="hidden"] {
3297
+ overflow: hidden;
3298
+ }
3299
+ .nu-view[data-padding="none"] {
3300
+ padding: 0;
3301
+ }
3302
+ .nu-view[data-padding="cell"] {
3303
+ padding: var(--nu-content-inset);
3304
+ }
3305
+ .nu-view[data-padding="sm"] {
3306
+ padding: var(--nu-space-sm);
3307
+ }
3308
+ .nu-view[data-padding="md"] {
3309
+ padding: var(--nu-space-md);
3310
+ }
3311
+ .nu-view[data-padding="lg"] {
3312
+ padding: var(--nu-space-lg);
3313
+ }
3314
+ .nu-window {
3315
+ --nu-window-title-controls-width: 7.8ch;
3316
+ --nu-window-title-height: 1em;
3317
+ position: relative;
3318
+ display: flex;
3319
+ flex-direction: column;
3320
+ min-width: 0;
3321
+ min-height: 0;
3322
+ max-width: calc(100% - 3rem);
3323
+ max-height: calc(100% - 3rem);
3324
+ overflow: visible;
3325
+ background: var(--nu-color-panel);
3326
+ color: var(--nu-text-primary);
3327
+ isolation: isolate;
3328
+ pointer-events: auto;
3329
+ }
3330
+ .nu-window::before {
3331
+ content: "";
3332
+ position: absolute;
3333
+ inset: 0;
3334
+ z-index: 4;
3335
+ background: var(--nu-window-inactive-overlay);
3336
+ opacity: 1;
3337
+ pointer-events: none;
3338
+ }
3339
+ .nu-window[data-active]::before {
3340
+ opacity: 0;
3341
+ }
3342
+ .nu-window[data-minimized] {
3343
+ display: none;
3344
+ }
3345
+ .nu-window[data-border="single"] {
3346
+ border: 1px solid var(--nu-border-light);
3347
+ }
3348
+ .nu-window[data-border="double"] {
3349
+ border: 1px solid var(--nu-border-light);
3350
+ box-shadow: inset 0 0 0 1px var(--nu-border-light);
3351
+ }
3352
+ .nu-window__shadow {
3353
+ position: absolute;
3354
+ z-index: -1;
3355
+ background: var(--nu-window-shadow-bg);
3356
+ pointer-events: none;
3357
+ }
3358
+ .nu-window__shadow--right {
3359
+ top: calc(var(--nu-window-title-height) + 1px);
3360
+ left: calc(100% + 1px);
3361
+ width: var(--nu-window-shadow-offset-x);
3362
+ bottom: -1px;
3363
+ }
3364
+ .nu-window__shadow--bottom {
3365
+ top: calc(100% + 1px);
3366
+ left: 1ch;
3367
+ right: calc(-1 * (var(--nu-window-shadow-offset-x) + 1px));
3368
+ height: var(--nu-window-shadow-offset-y);
3369
+ }
3370
+ .nu-window__title-bar {
3371
+ position: relative;
3372
+ display: flex;
3373
+ align-items: center;
3374
+ justify-content: center;
3375
+ min-height: var(--nu-window-title-height);
3376
+ padding: 0 var(--nu-window-title-controls-width) 0 0.45rem;
3377
+ background: var(--nu-color-title-bg);
3378
+ color: var(--nu-color-title-text);
3379
+ line-height: 1;
3380
+ }
3381
+ .nu-window__title-bar[data-draggable] {
3382
+ cursor: move;
3383
+ }
3384
+ .nu-window__title {
3385
+ overflow: hidden;
3386
+ text-align: center;
3387
+ text-overflow: ellipsis;
3388
+ white-space: nowrap;
3389
+ }
3390
+ .nu-window__title-controls {
3391
+ position: absolute;
3392
+ top: 0;
3393
+ right: 0.35rem;
3394
+ bottom: 0;
3395
+ display: inline-flex;
3396
+ align-items: center;
3397
+ gap: 0.35rem;
3398
+ }
3399
+ .nu-window__title-button {
3400
+ display: inline-flex;
3401
+ align-items: center;
3402
+ justify-content: center;
3403
+ padding: 0;
3404
+ border: 0;
3405
+ background: transparent;
3406
+ color: var(--nu-text-inverse);
3407
+ font: inherit;
3408
+ line-height: 1;
3409
+ cursor: pointer;
3410
+ outline: none;
3411
+ appearance: none;
3412
+ -webkit-appearance: none;
3413
+ inline-size: 0.95rem;
3414
+ block-size: 0.95rem;
3415
+ }
3416
+ .nu-window__title-button:focus,
3417
+ .nu-window__title-button:focus-visible {
3418
+ outline: none;
3419
+ box-shadow: none;
3420
+ }
3421
+ .nu-window__title-button--close {
3422
+ background: var(--nu-color-title-bg);
3423
+ border: 1px solid var(--nu-border-light);
3424
+ color: var(--nu-text-inverse);
3425
+ }
3426
+ .nu-window__body {
3427
+ min-width: 0;
3428
+ min-height: 0;
3429
+ background: var(--nu-color-panel);
3430
+ }
3431
+ .nu-window[data-mode="window"] .nu-window__body {
3432
+ flex: 1 1 auto;
3433
+ }
3434
+ .nu-window__body--scrollable {
3435
+ overflow: auto;
3436
+ scrollbar-width: thin;
3437
+ scrollbar-color: var(--nu-scrollbar-thumb) var(--nu-scrollbar-track);
3438
+ }
3439
+ .nu-window__body--scrollable::-webkit-scrollbar {
3440
+ width: var(--nu-scrollbar-button-size);
3441
+ height: var(--nu-scrollbar-button-size);
3442
+ background: transparent;
3443
+ }
3444
+ .nu-window__body--scrollable::-webkit-scrollbar-track,
3445
+ .nu-window__body--scrollable::-webkit-scrollbar-track-piece,
3446
+ .nu-window__body--scrollable::-webkit-scrollbar-corner {
3447
+ background: var(--nu-scrollbar-track);
3448
+ border-radius: 0 !important;
3449
+ box-shadow: none;
3450
+ }
3451
+ .nu-window__body--scrollable::-webkit-scrollbar-thumb {
3452
+ -webkit-appearance: none;
3453
+ appearance: none;
3454
+ min-height: 1.25rem;
3455
+ min-width: 1.25rem;
3456
+ border: 1px solid var(--nu-border-dark);
3457
+ border-radius: 0 !important;
3458
+ background: var(--nu-scrollbar-thumb);
3459
+ background-clip: border-box;
3460
+ box-shadow: none;
3461
+ }
3462
+ .nu-window__body--scrollable::-webkit-scrollbar-thumb:vertical {
3463
+ border-radius: 0 !important;
3464
+ }
3465
+ .nu-window__body--scrollable::-webkit-scrollbar-thumb:horizontal {
3466
+ border-radius: 0 !important;
3467
+ }
3468
+ .nu-window__body--scrollable::-webkit-scrollbar-button:single-button {
3469
+ -webkit-appearance: none;
3470
+ appearance: none;
3471
+ display: block;
3472
+ width: var(--nu-scrollbar-button-size);
3473
+ height: var(--nu-scrollbar-button-size);
3474
+ border: 1px solid var(--nu-border-dark);
3475
+ border-radius: 0 !important;
3476
+ background-color: var(--nu-scrollbar-button-bg);
3477
+ background-position: center;
3478
+ background-repeat: no-repeat;
3479
+ background-size: 0.62rem 0.62rem;
3480
+ box-shadow: none;
3481
+ }
3482
+ .nu-window__body--scrollable::-webkit-scrollbar-button:single-button:vertical:decrement {
3483
+ background-image: var(--nu-scrollbar-arrow-up);
3484
+ }
3485
+ .nu-window__body--scrollable::-webkit-scrollbar-button:single-button:vertical:increment {
3486
+ background-image: var(--nu-scrollbar-arrow-down);
3487
+ }
3488
+ .nu-window__body--scrollable::-webkit-scrollbar-button:single-button:horizontal:decrement {
3489
+ background-image: var(--nu-scrollbar-arrow-left);
3490
+ }
3491
+ .nu-window__body--scrollable::-webkit-scrollbar-button:single-button:horizontal:increment {
3492
+ background-image: var(--nu-scrollbar-arrow-right);
3493
+ }
3494
+ .nu-window__status-bar {
3495
+ display: flex;
3496
+ align-items: center;
3497
+ justify-content: space-between;
3498
+ gap: var(--nu-space-md);
3499
+ min-height: 1.35rem;
3500
+ padding: 0 0.45rem;
3501
+ background: var(--nu-color-title-bg);
3502
+ color: var(--nu-color-title-text);
3503
+ line-height: 1;
3504
+ }
3505
+ .nu-window__status-bar-items {
3506
+ display: flex;
3507
+ align-items: stretch;
3508
+ gap: 0.45rem;
3509
+ min-width: 0;
3510
+ flex: 1 1 auto;
3511
+ }
3512
+ .nu-window__status-bar-item {
3513
+ display: inline-flex;
3514
+ align-items: center;
3515
+ min-width: 0;
3516
+ padding: 0;
3517
+ color: inherit;
3518
+ overflow: hidden;
3519
+ text-overflow: ellipsis;
3520
+ white-space: nowrap;
3521
+ }
3522
+ .nu-window__status-bar-item--grow {
3523
+ flex: 1 1 auto;
3524
+ }
3525
+ .nu-window__status-bar-item--center {
3526
+ justify-content: center;
3527
+ text-align: center;
3528
+ }
3529
+ .nu-window__status-bar-item--end {
3530
+ justify-content: flex-end;
3531
+ text-align: right;
3532
+ }
3533
+ .nu-window__resize-handle {
3534
+ display: inline-flex;
3535
+ align-items: center;
3536
+ justify-content: center;
3537
+ flex: none;
3538
+ inline-size: 0.95rem;
3539
+ block-size: 0.95rem;
3540
+ padding: 0;
3541
+ border: 0;
3542
+ background: transparent;
3543
+ color: var(--nu-text-inverse);
3544
+ cursor: nwse-resize;
3545
+ outline: none;
3546
+ appearance: none;
3547
+ -webkit-appearance: none;
3548
+ }
3549
+ .nu-window__resize-handle:focus,
3550
+ .nu-window__resize-handle:focus-visible {
3551
+ outline: none;
3552
+ box-shadow: none;
3553
+ }
3554
+ .nu-app-bar-item {
3555
+ display: inline-flex;
3556
+ align-items: center;
3557
+ min-width: 0;
3558
+ padding: 0.18rem 0.7rem 0.1rem;
3559
+ border: 1px solid var(--nu-border-light);
3560
+ background: var(--nu-color-button-face);
3561
+ color: var(--nu-color-shell);
3562
+ font: inherit;
3563
+ white-space: nowrap;
3564
+ outline: none;
3565
+ }
3566
+ .nu-app-bar-item--grow {
3567
+ flex: 1 1 auto;
3568
+ }
3569
+ .nu-app-bar-item--align-end {
3570
+ flex: 0 0 auto;
3571
+ margin-inline-start: auto;
3572
+ }
3573
+ .nu-app-bar-item--active {
3574
+ background: var(--nu-color-field-bg);
3575
+ color: var(--nu-color-field-text);
3576
+ }
3577
+ button.nu-app-bar-item {
3578
+ cursor: pointer;
3579
+ appearance: none;
3580
+ -webkit-appearance: none;
3581
+ }
3582
+ button.nu-app-bar-item:focus,
3583
+ button.nu-app-bar-item:focus-visible {
3584
+ outline: none;
3585
+ box-shadow: none;
3586
+ }
3587
+ .nu-app-bar-host {
3588
+ position: absolute;
3589
+ right: 0;
3590
+ bottom: 0;
3591
+ left: 0;
3592
+ z-index: 900;
3593
+ display: flex;
3594
+ align-items: center;
3595
+ gap: 0.35rem;
3596
+ min-height: 2.1rem;
3597
+ padding: 0.2rem 0.35rem;
3598
+ background: var(--nu-color-shell);
3599
+ box-shadow: inset 0 1px 0 var(--nu-border-light);
3600
+ pointer-events: auto;
3601
+ }
3602
+ .nu-app-bar-host--inline {
3603
+ position: relative;
3604
+ right: auto;
3605
+ bottom: auto;
3606
+ left: auto;
3607
+ z-index: auto;
3608
+ flex: 0 0 auto;
3609
+ }
3610
+ .nu-dialog-helper__button .nu-button__face {
3611
+ padding-inline: 5.5ch;
3612
+ }
3613
+ .nu-window-host {
3614
+ position: relative;
3615
+ width: 100%;
3616
+ height: 100%;
3617
+ }
3618
+ .nu-window-layer {
3619
+ position: absolute;
3620
+ inset: 0;
3621
+ pointer-events: none;
3622
+ z-index: 1000;
3623
+ }
3624
+ .nu-window-layer__modal-backdrop {
3625
+ position: absolute;
3626
+ background: var(--nu-window-modal-backdrop);
3627
+ pointer-events: auto;
3628
+ }
3629
+ .nu-window-bar {
3630
+ display: flex;
3631
+ flex: 1 1 auto;
3632
+ gap: 0.35rem;
3633
+ min-width: 0;
3634
+ max-width: 100%;
3635
+ overflow: hidden;
3636
+ }
3637
+ .nu-window-bar__item {
3638
+ flex: 0 1 auto;
3639
+ min-width: 0;
3640
+ max-width: 18rem;
3641
+ justify-content: flex-start;
3642
+ overflow: hidden;
3643
+ text-overflow: ellipsis;
3644
+ }