@sruim/nexus-design 0.0.1

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 (92) hide show
  1. package/README.md +195 -0
  2. package/dist/assets/grid.webp.js +3 -0
  3. package/dist/components/credits-button/index.d.ts +8 -0
  4. package/dist/components/credits-button/index.js +40 -0
  5. package/dist/components/icon/index.d.ts +7 -0
  6. package/dist/components/icon/index.js +32 -0
  7. package/dist/components/icon-button/index.d.ts +9 -0
  8. package/dist/components/icon-button/index.js +36 -0
  9. package/dist/components/img-uploader/index.d.ts +19 -0
  10. package/dist/components/img-uploader/index.js +107 -0
  11. package/dist/components/img-viewer/index.d.ts +16 -0
  12. package/dist/components/img-viewer/index.js +80 -0
  13. package/dist/components/index.d.ts +9 -0
  14. package/dist/components/loadable/index.d.ts +8 -0
  15. package/dist/components/loadable/index.js +67 -0
  16. package/dist/components/loading/assets/loading.webp.js +3 -0
  17. package/dist/components/loading/index.d.ts +16 -0
  18. package/dist/components/loading/index.js +85 -0
  19. package/dist/components/model-uploader/index.d.ts +17 -0
  20. package/dist/components/model-uploader/index.js +93 -0
  21. package/dist/components/tree/index.d.ts +14 -0
  22. package/dist/components/tree/index.js +50 -0
  23. package/dist/components/tree/node.d.ts +23 -0
  24. package/dist/components/tree/node.js +185 -0
  25. package/dist/index.d.ts +4 -0
  26. package/dist/index.js +43 -0
  27. package/dist/style.css +1193 -0
  28. package/dist/theme.d.ts +2 -0
  29. package/dist/theme.js +96 -0
  30. package/dist/tokens/materials.d.ts +4 -0
  31. package/dist/tokens/materials.js +4 -0
  32. package/dist/tokens/nexus.d.ts +51 -0
  33. package/dist/tokens/nexus.js +42 -0
  34. package/dist/ui/avatar/index.d.ts +11 -0
  35. package/dist/ui/avatar/index.js +55 -0
  36. package/dist/ui/badge/index.d.ts +2 -0
  37. package/dist/ui/badge/index.js +45 -0
  38. package/dist/ui/button.d.ts +8 -0
  39. package/dist/ui/button.js +61 -0
  40. package/dist/ui/carousel/index.d.ts +43 -0
  41. package/dist/ui/carousel/index.js +186 -0
  42. package/dist/ui/checkbox/index.d.ts +4 -0
  43. package/dist/ui/checkbox/index.js +34 -0
  44. package/dist/ui/collapsible/index.d.ts +9 -0
  45. package/dist/ui/collapsible/index.js +7 -0
  46. package/dist/ui/dialog/confirm.d.ts +20 -0
  47. package/dist/ui/dialog/confirm.js +80 -0
  48. package/dist/ui/dialog/dialog.d.ts +26 -0
  49. package/dist/ui/dialog/dialog.js +97 -0
  50. package/dist/ui/dialog/index.d.ts +2 -0
  51. package/dist/ui/drawer.d.ts +22 -0
  52. package/dist/ui/drawer.js +98 -0
  53. package/dist/ui/form.d.ts +33 -0
  54. package/dist/ui/form.js +138 -0
  55. package/dist/ui/index.d.ts +24 -0
  56. package/dist/ui/input-otp.d.ts +14 -0
  57. package/dist/ui/input-otp.js +73 -0
  58. package/dist/ui/label.d.ts +4 -0
  59. package/dist/ui/label.js +32 -0
  60. package/dist/ui/masonry/index.d.ts +13 -0
  61. package/dist/ui/masonry/index.js +45 -0
  62. package/dist/ui/popover/index.d.ts +15 -0
  63. package/dist/ui/popover/index.js +78 -0
  64. package/dist/ui/progress.d.ts +6 -0
  65. package/dist/ui/progress.js +48 -0
  66. package/dist/ui/select/index.d.ts +21 -0
  67. package/dist/ui/select/index.js +127 -0
  68. package/dist/ui/slider/index.d.ts +9 -0
  69. package/dist/ui/slider/index.js +87 -0
  70. package/dist/ui/snap-input.d.ts +7 -0
  71. package/dist/ui/snap-input.js +38 -0
  72. package/dist/ui/sonner.d.ts +5 -0
  73. package/dist/ui/sonner.js +50 -0
  74. package/dist/ui/switch.d.ts +4 -0
  75. package/dist/ui/switch.js +33 -0
  76. package/dist/ui/table/index.d.ts +22 -0
  77. package/dist/ui/table/index.js +70 -0
  78. package/dist/ui/tabs/index.d.ts +12 -0
  79. package/dist/ui/tabs/index.js +60 -0
  80. package/dist/ui/toggle/index.d.ts +2 -0
  81. package/dist/ui/toggle/toggle-group.d.ts +9 -0
  82. package/dist/ui/toggle/toggle-group.js +54 -0
  83. package/dist/ui/toggle/toggle.d.ts +11 -0
  84. package/dist/ui/toggle/toggle.js +45 -0
  85. package/dist/ui/tooltip/index.d.ts +17 -0
  86. package/dist/ui/tooltip/index.js +68 -0
  87. package/dist/utils/config.d.ts +2 -0
  88. package/dist/utils/config.js +48 -0
  89. package/dist/utils/index.d.ts +2 -0
  90. package/dist/utils/utils.d.ts +8 -0
  91. package/dist/utils/utils.js +91 -0
  92. package/package.json +148 -0
package/dist/style.css ADDED
@@ -0,0 +1,1193 @@
1
+ @charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
2
+
3
+ /*
4
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
6
+ 2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`
7
+ */
8
+ *,
9
+ ::before,
10
+ ::after {
11
+ box-sizing: border-box; /* 1 */
12
+ border-width: 0; /* 2 */
13
+ border-style: solid; /* 2 */
14
+ border-color: var(--un-default-border-color, #e5e7eb); /* 2 */
15
+ }
16
+ ::before,
17
+ ::after {
18
+ --un-content: '';
19
+ }
20
+ /*
21
+ 1. Use a consistent sensible line-height in all browsers.
22
+ 2. Prevent adjustments of font size after orientation changes in iOS.
23
+ 3. Use a more readable tab size.
24
+ 4. Use the user's configured `sans` font-family by default.
25
+ 5. Use the user's configured `sans` font-feature-settings by default.
26
+ 6. Use the user's configured `sans` font-variation-settings by default.
27
+ 7. Disable tap highlights on iOS.
28
+ */
29
+ html,
30
+ :host {
31
+ line-height: 1.5; /* 1 */
32
+ -webkit-text-size-adjust: 100%; /* 2 */
33
+ -moz-tab-size: 4; /* 3 */
34
+ tab-size: 4; /* 3 */
35
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
36
+ font-feature-settings: normal; /* 5 */
37
+ font-variation-settings: normal; /* 6 */
38
+ -webkit-tap-highlight-color: transparent; /* 7 */
39
+ }
40
+ /*
41
+ 1. Remove the margin in all browsers.
42
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
43
+ */
44
+ body {
45
+ margin: 0; /* 1 */
46
+ line-height: inherit; /* 2 */
47
+ }
48
+ /*
49
+ 1. Add the correct height in Firefox.
50
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
51
+ 3. Ensure horizontal rules are visible by default.
52
+ */
53
+ hr {
54
+ height: 0; /* 1 */
55
+ color: inherit; /* 2 */
56
+ border-top-width: 1px; /* 3 */
57
+ }
58
+ /*
59
+ Add the correct text decoration in Chrome, Edge, and Safari.
60
+ */
61
+ abbr:where([title]) {
62
+ text-decoration: underline dotted;
63
+ }
64
+ /*
65
+ Remove the default font size and weight for headings.
66
+ */
67
+ h1,
68
+ h2,
69
+ h3,
70
+ h4,
71
+ h5,
72
+ h6 {
73
+ font-size: inherit;
74
+ font-weight: inherit;
75
+ }
76
+ /*
77
+ Reset links to optimize for opt-in styling instead of opt-out.
78
+ */
79
+ a {
80
+ color: inherit;
81
+ text-decoration: inherit;
82
+ }
83
+ /*
84
+ Add the correct font weight in Edge and Safari.
85
+ */
86
+ b,
87
+ strong {
88
+ font-weight: bolder;
89
+ }
90
+ /*
91
+ 1. Use the user's configured `mono` font-family by default.
92
+ 2. Use the user's configured `mono` font-feature-settings by default.
93
+ 3. Use the user's configured `mono` font-variation-settings by default.
94
+ 4. Correct the odd `em` font sizing in all browsers.
95
+ */
96
+ code,
97
+ kbd,
98
+ samp,
99
+ pre {
100
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
101
+ font-feature-settings: normal; /* 2 */
102
+ font-variation-settings: normal; /* 3 */
103
+ font-size: 1em; /* 4 */
104
+ }
105
+ /*
106
+ Add the correct font size in all browsers.
107
+ */
108
+ small {
109
+ font-size: 80%;
110
+ }
111
+ /*
112
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
113
+ */
114
+ sub,
115
+ sup {
116
+ font-size: 75%;
117
+ line-height: 0;
118
+ position: relative;
119
+ vertical-align: baseline;
120
+ }
121
+ sub {
122
+ bottom: -0.25em;
123
+ }
124
+ sup {
125
+ top: -0.5em;
126
+ }
127
+ /*
128
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
129
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
130
+ 3. Remove gaps between table borders by default.
131
+ */
132
+ table {
133
+ text-indent: 0; /* 1 */
134
+ border-color: inherit; /* 2 */
135
+ border-collapse: collapse; /* 3 */
136
+ }
137
+ /*
138
+ 1. Change the font styles in all browsers.
139
+ 2. Remove the margin in Firefox and Safari.
140
+ 3. Remove default padding in all browsers.
141
+ */
142
+ button,
143
+ input,
144
+ optgroup,
145
+ select,
146
+ textarea {
147
+ font-family: inherit; /* 1 */
148
+ font-feature-settings: inherit; /* 1 */
149
+ font-variation-settings: inherit; /* 1 */
150
+ font-size: 100%; /* 1 */
151
+ font-weight: inherit; /* 1 */
152
+ line-height: inherit; /* 1 */
153
+ color: inherit; /* 1 */
154
+ margin: 0; /* 2 */
155
+ padding: 0; /* 3 */
156
+ }
157
+ /*
158
+ Remove the inheritance of text transform in Edge and Firefox.
159
+ */
160
+ button,
161
+ select {
162
+ text-transform: none;
163
+ }
164
+ /*
165
+ 1. Correct the inability to style clickable types in iOS and Safari.
166
+ 2. Remove default button styles.
167
+ */
168
+ button,
169
+ [type='button'],
170
+ [type='reset'],
171
+ [type='submit'] {
172
+ -webkit-appearance: button; /* 1 */
173
+ background-color: transparent; /* 2 */
174
+ background-image: none; /* 2 */
175
+ }
176
+ /*
177
+ Use the modern Firefox focus style for all focusable elements.
178
+ */
179
+ :-moz-focusring {
180
+ outline: auto;
181
+ }
182
+ /*
183
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
184
+ */
185
+ :-moz-ui-invalid {
186
+ box-shadow: none;
187
+ }
188
+ /*
189
+ Add the correct vertical alignment in Chrome and Firefox.
190
+ */
191
+ progress {
192
+ vertical-align: baseline;
193
+ }
194
+ /*
195
+ Correct the cursor style of increment and decrement buttons in Safari.
196
+ */
197
+ ::-webkit-inner-spin-button,
198
+ ::-webkit-outer-spin-button {
199
+ height: auto;
200
+ }
201
+ /*
202
+ 1. Correct the odd appearance in Chrome and Safari.
203
+ 2. Correct the outline style in Safari.
204
+ */
205
+ [type='search'] {
206
+ -webkit-appearance: textfield; /* 1 */
207
+ outline-offset: -2px; /* 2 */
208
+ }
209
+ /*
210
+ Remove the inner padding in Chrome and Safari on macOS.
211
+ */
212
+ ::-webkit-search-decoration {
213
+ -webkit-appearance: none;
214
+ }
215
+ /*
216
+ 1. Correct the inability to style clickable types in iOS and Safari.
217
+ 2. Change font properties to `inherit` in Safari.
218
+ */
219
+ ::-webkit-file-upload-button {
220
+ -webkit-appearance: button; /* 1 */
221
+ font: inherit; /* 2 */
222
+ }
223
+ /*
224
+ Add the correct display in Chrome and Safari.
225
+ */
226
+ summary {
227
+ display: list-item;
228
+ }
229
+ /*
230
+ Removes the default spacing for appropriate elements.
231
+ */
232
+ blockquote,
233
+ dl,
234
+ dd,
235
+ h1,
236
+ h2,
237
+ h3,
238
+ h4,
239
+ h5,
240
+ h6,
241
+ hr,
242
+ figure,
243
+ p,
244
+ pre {
245
+ margin: 0;
246
+ }
247
+ fieldset {
248
+ margin: 0;
249
+ padding: 0;
250
+ }
251
+ legend {
252
+ padding: 0;
253
+ }
254
+ ol,
255
+ ul,
256
+ menu {
257
+ list-style: none;
258
+ margin: 0;
259
+ padding: 0;
260
+ }
261
+ dialog {
262
+ padding: 0;
263
+ }
264
+ /*
265
+ Prevent resizing textareas horizontally by default.
266
+ */
267
+ textarea {
268
+ resize: vertical;
269
+ }
270
+ /*
271
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
272
+ 2. Set the default placeholder color to the user's configured gray 400 color.
273
+ */
274
+ input::placeholder,
275
+ textarea::placeholder {
276
+ opacity: 1; /* 1 */
277
+ color: #9ca3af; /* 2 */
278
+ }
279
+ /*
280
+ Set the default cursor for buttons.
281
+ */
282
+ button,
283
+ [role="button"] {
284
+ cursor: pointer;
285
+ }
286
+ /*
287
+ Make sure disabled buttons don't get the pointer cursor.
288
+ */
289
+ :disabled {
290
+ cursor: default;
291
+ }
292
+ /*
293
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
294
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
295
+ This can trigger a poorly considered lint error in some tools but is included by design.
296
+ */
297
+ img,
298
+ svg,
299
+ video,
300
+ canvas,
301
+ audio,
302
+ iframe,
303
+ embed,
304
+ object {
305
+ display: block; /* 1 */
306
+ vertical-align: middle; /* 2 */
307
+ }
308
+ /*
309
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
310
+ */
311
+ img,
312
+ video {
313
+ max-width: 100%;
314
+ height: auto;
315
+ }
316
+ /*
317
+ Make elements with the HTML hidden attribute stay hidden by default.
318
+ */
319
+ [hidden]:where(:not([hidden="until-found"])) {
320
+ display: none;
321
+ }
322
+ /* layer: una-base */
323
+ .data-\[state\=open\]\:animate-in[data-state=open]{animation:una-in;animation-name:una-in;animation-duration:150ms;--una-enter-opacity:initial;--una-enter-scale:initial;--una-enter-rotate:initial;--una-enter-translate-x:initial;--una-enter-translate-y:initial;}
324
+ .data-\[state\=closed\]\:animate-out[data-state=closed]{animation:una-out;animation-name:una-out;animation-duration:150ms;--una-exit-opacity:initial;--una-exit-scale:initial;--una-exit-rotate:initial;--una-exit-translate-x:initial;--una-exit-translate-y:initial;}
325
+ /* layer: preflights */
326
+ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
327
+ ::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
328
+ /* layer: icons */
329
+ .i-nexus-bolt-monotone,
330
+ .i-nexus\:bolt-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.487 9.21L9.198 17.5l1.763-5.136a.275.275 0 00-.26-.364H8.946a.61.61 0 01-.58-.804L9.96 7.127c.125-.374.424-.627.819-.627h2.737c.439 0 .735.45.561.853l-1.049 2.429a.275.275 0 00.253.384h1.774a.612.612 0 01.432 1.044'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
331
+ .i-nexus-close-monotone,
332
+ .i-nexus\:close-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m13.414 12 5.293-5.293a.999.999 0 10-1.414-1.414L12 10.586 6.707 5.293a.999.999 0 10-1.414 1.414L10.586 12l-5.293 5.293a.999.999 0 101.414 1.414L12 13.414l5.293 5.293a.997.997 0 001.414 0 1 1 0 000-1.414z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
333
+ .i-nexus\:arrow-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 16c-.358 0-.717-.13-.99-.39l-5.6-5.334a1.29 1.29 0 010-1.885 1.45 1.45 0 011.98 0l4.61 4.39 4.61-4.39a1.45 1.45 0 011.98 0 1.29 1.29 0 010 1.885l-5.6 5.333c-.273.26-.632.391-.99.391'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
334
+ .i-nexus\:check-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 17.75h-.003a.75.75 0 01-.532-.224l-4-4.062a.75.75 0 111.069-1.053l3.469 3.524 9.466-9.466a.75.75 0 111.061 1.06l-10 10a.75.75 0 01-.53.22'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
335
+ .i-nexus\:cube-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 12 12' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' d='M6 5.1 1.5 3.3M6 5.1v5.4m0-5.4 4.5-1.8m-9 0v5.4L6 10.5M1.5 3.3 6 1.5l4.5 1.8m0 0v5.4L6 10.5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
336
+ .i-nexus\:delete-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20.75 6a.75.75 0 01-.75.75H4a.75.75 0 010-1.5h4.214a4.5 4.5 0 00.242-.618l.202-.607A1.5 1.5 0 0110.081 3h3.838a1.5 1.5 0 011.423 1.025l.202.607c.077.23.149.436.242.618H20a.75.75 0 01.75.75m-2.19 1.75a.3.3 0 01.299.32L18.19 18.2c-.11 1.58-.94 2.8-3 2.8H8.81c-2.06 0-2.89-1.22-3-2.8L5.141 8.07a.3.3 0 01.299-.32zM10.75 11c0-.41-.34-.75-.75-.75s-.75.34-.75.75v5c0 .41.34.75.75.75s.75-.34.75-.75zm4 0c0-.41-.34-.75-.75-.75s-.75.34-.75.75v5c0 .41.34.75.75.75s.75-.34.75-.75z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
337
+ .i-nexus\:group-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linejoin='round'%3E%3Cpath d='M6 2H2v4h4zm16 16h-4v4h4zM6 18H2v4h4zM22 2h-4v4h4z'/%3E%3Cpath stroke-linecap='round' d='M4 18V6m16 12V6M6 4h12M6 20h12'/%3E%3Cpath stroke-linecap='round' d='M8 8h4.8v3.2H16V16h-4.8v-3.2H8z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
338
+ .i-nexus\:image-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 1.5H4c-1.612 0-2.5.888-2.5 2.5v8c0 1.612.888 2.5 2.5 2.5h8c1.612 0 2.5-.888 2.5-2.5V4c0-1.612-.888-2.5-2.5-2.5m-8 1h8c1.051 0 1.5.449 1.5 1.5v5.46l-2.673-2.673c-.44-.441-1.214-.441-1.654 0L6 9.959l-.507-.506c-.44-.44-1.213-.44-1.653 0l-1.34 1.34V4c0-1.051.449-1.5 1.5-1.5m8 11H4c-.981 0-1.432-.397-1.489-1.305l2.036-2.035c.084-.084.154-.084.239 0l.626.626a.854.854 0 001.174 0l3.293-3.293c.085-.084.155-.084.24 0l3.38 3.38V12c.001 1.051-.448 1.5-1.499 1.5M4.5 6a.834.834 0 111.667 0A.834.834 0 014.5 6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
339
+ .i-nexus\:info-circle-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' stroke='currentColor' stroke-width='.6' d='M12 22.75C6.072 22.75 1.25 17.928 1.25 12S6.072 1.25 12 1.25 22.75 6.072 22.75 12 17.928 22.75 12 22.75Zm0-20c-5.101 0-9.25 4.149-9.25 9.25s4.149 9.25 9.25 9.25 9.25-4.149 9.25-9.25S17.101 2.75 12 2.75Zm.75 13.75v-4.571a.75.75 0 00-1.5 0V16.5a.75.75 0 001.5 0Zm.27-8a1 1 0 00-1-1h-.01a.996.996 0 00-.995 1c0 .552.453 1 1.005 1a1 1 0 001-1Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
340
+ .i-nexus\:invisible-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M20.59 10.52c.55.91.55 2.05 0 2.96C19.36 15.53 16.61 19 12 19a8.6 8.6 0 01-2.106-.26c-.223-.056-.293-.342-.13-.504l1.896-1.896c.116-.116.26-.09.34-.09A4.255 4.255 0 0016.25 12c0-.08-.012-.238.071-.321l2.742-2.742a.305.305 0 01.452.027c.44.556.798 1.089 1.075 1.556m.94-6.99-18 18a.75.75 0 01-1.06 0 .75.75 0 010-1.061l3.705-3.705a13.5 13.5 0 01-2.765-3.285c-.55-.91-.55-2.05 0-2.96 1.23-2.05 3.98-5.52 8.59-5.52 1.824 0 3.347.547 4.613 1.327l3.857-3.857a.75.75 0 111.06 1.06M8.52 14.419l1.089-1.09A2.7 2.7 0 019.25 12c0-.35.07-.68.19-.99.19.16.43.26.7.26.62 0 1.13-.51 1.13-1.13 0-.27-.1-.51-.26-.7.31-.12.64-.19.99-.19a2.7 2.7 0 011.33.36l1.089-1.09A4.2 4.2 0 0012 7.75 4.26 4.26 0 007.75 12c0 .9.288 1.732.77 2.42'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
341
+ .i-nexus\:more-horizontal-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4.02 14a2.005 2.005 0 01-2.005-2c0-1.104.89-2 1.995-2h.01a2 2 0 010 4m10-2a2 2 0 00-2-2h-.01a1.996 1.996 0 00-1.995 2c0 1.104.9 2 2.005 2a2 2 0 002-2m8 0a2 2 0 00-2-2h-.01a1.996 1.996 0 00-1.995 2c0 1.104.9 2 2.005 2a2 2 0 002-2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
342
+ .i-nexus\:required-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4.5a2.018 2.018 0 012.001 2.278l-.39 3.004 2.737-1.299a2.018 2.018 0 111.237 3.807l-2.978.557 2.081 2.202A2.018 2.018 0 1113.45 17.4L12 14.741l-1.45 2.66a2 2 0 01-.123.197l-.017.023a2.018 2.018 0 11-3.121-2.548l.022-.024 2.081-2.202-2.977-.557a2 2 0 01-.225-.056l-.027-.009A2.018 2.018 0 117.62 8.47l.03.014 2.738 1.3-.39-3.005A2.018 2.018 0 0112 4.5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
343
+ .i-nexus\:tips-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 22.75C6.072 22.75 1.25 17.928 1.25 12S6.072 1.25 12 1.25 22.75 6.072 22.75 12 17.928 22.75 12 22.75m0-20c-5.101 0-9.25 4.149-9.25 9.25s4.149 9.25 9.25 9.25 9.25-4.149 9.25-9.25S17.101 2.75 12 2.75m.71 10.614c.025-.072.161-.345.893-.835 1.18-.79 1.708-1.921 1.489-3.183-.222-1.275-1.261-2.322-2.527-2.545a3.14 3.14 0 00-2.574.68 3.16 3.16 0 00-1.13 2.43.75.75 0 001.5 0c0-.496.216-.963.594-1.28a1.62 1.62 0 011.349-.354c.646.114 1.197.671 1.311 1.325.043.247.174.997-.847 1.68-.827.555-1.297 1.064-1.478 1.604a.75.75 0 001.42.478m.31 3.136a1 1 0 00-1-1h-.01a.996.996 0 00-.995 1c0 .552.453 1 1.005 1a1 1 0 001-1'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
344
+ .i-nexus\:visible-monotone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M14.75 12A2.75 2.75 0 0112 14.75 2.75 2.75 0 019.25 12c0-.349.072-.68.191-.988.194.154.428.26.695.26.627 0 1.136-.509 1.136-1.136 0-.267-.106-.501-.26-.695A2.7 2.7 0 0112 9.25 2.75 2.75 0 0114.75 12m5.842 1.477C19.365 15.531 16.61 19 12 19s-7.365-3.469-8.592-5.523a2.88 2.88 0 010-2.954C4.635 8.469 7.391 5 12 5s7.365 3.469 8.592 5.523c.544.91.544 2.044 0 2.954M16.25 12A4.255 4.255 0 0012 7.75 4.255 4.255 0 007.75 12 4.255 4.255 0 0012 16.25 4.255 4.255 0 0016.25 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}
345
+ /* layer: shortcuts */
346
+ .container{width:100%;}
347
+ .text-body{font-size:1rem;font-weight:400;line-height:1.6;}
348
+ .text-caption{font-size:0.875rem;font-weight:500;line-height:1.5;letter-spacing:0.02em;}
349
+ .text-h1{font-size:2rem;font-weight:800;line-height:1.2;letter-spacing:-0.02em;}
350
+ .text-h2{font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-0.01em;}
351
+ .text-h3{font-size:1.125rem;font-weight:600;line-height:1.4;}
352
+ .text-mono{font-size:0.875rem;font-weight:400;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
353
+ .backdrop-blur-10{--un-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
354
+ .backdrop-blur-12{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
355
+ .backdrop-blur-20{--un-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
356
+ .backdrop-blur-24{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
357
+ .duration-base{transition-duration:200ms;}
358
+ .duration-fast{transition-duration:150ms;}
359
+ .duration-slow{transition-duration:300ms;}
360
+ .duration-slower{transition-duration:500ms;}
361
+ .ease-in-expo{transition-timing-function:cubic-bezier(0.95,0.05,0.795,0.035);}
362
+ .ease-out-expo{transition-timing-function:cubic-bezier(0.19,1,0.22,1);}
363
+ .ease-smooth{transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
364
+ .ease-spring{transition-timing-function:cubic-bezier(0.34,1.56,0.64,1);}
365
+ @media (min-width: 640px){
366
+ .container{max-width:640px;}
367
+ }
368
+ @media (min-width: 768px){
369
+ .container{max-width:768px;}
370
+ }
371
+ @media (min-width: 1024px){
372
+ .container{max-width:1024px;}
373
+ }
374
+ @media (min-width: 1280px){
375
+ .container{max-width:1280px;}
376
+ }
377
+ @media (min-width: 1536px){
378
+ .container{max-width:1536px;}
379
+ }
380
+ @media (min-width: 1900px){
381
+ .container{max-width:1900px;}
382
+ }
383
+ /* layer: default */
384
+ .pointer-events-auto{pointer-events:auto;}
385
+ .data-\[disabled\]\:pointer-events-none[data-disabled],
386
+ .pointer-events-none{pointer-events:none;}
387
+ .visible{visibility:visible;}
388
+ .absolute{position:absolute;}
389
+ .fixed{position:fixed;}
390
+ .relative{position:relative;}
391
+ .inset-0{inset:0;}
392
+ .inset-x-0{left:0;right:0;}
393
+ .bottom-0{bottom:0;}
394
+ .bottom-3{bottom:0.75rem;}
395
+ .bottom-4{bottom:1rem;}
396
+ .bottom-50{bottom:12.5rem;}
397
+ .left-0{left:0;}
398
+ .left-1\/2{left:50%;}
399
+ .right-0{right:0;}
400
+ .right-3{right:0.75rem;}
401
+ .right-4{right:1rem;}
402
+ .top-0{top:0;}
403
+ .top-1\/2{top:50%;}
404
+ .top-3{top:0.75rem;}
405
+ .top-4{top:1rem;}
406
+ .\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}
407
+ .z-0{z-index:0;}
408
+ .z-10{z-index:10;}
409
+ .z-50{z-index:50;}
410
+ .z-60{z-index:60;}
411
+ .grid{display:grid;}
412
+ .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
413
+ .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
414
+ .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
415
+ .m-2{margin:0.5rem;}
416
+ .mx-1{margin-left:0.25rem;margin-right:0.25rem;}
417
+ .mx-auto{margin-left:auto;margin-right:auto;}
418
+ .my{margin-top:1rem;margin-bottom:1rem;}
419
+ .my-1{margin-top:0.25rem;margin-bottom:0.25rem;}
420
+ .my-1\.5{margin-top:0.375rem;margin-bottom:0.375rem;}
421
+ .mb-2{margin-bottom:0.5rem;}
422
+ .mb-4{margin-bottom:1rem;}
423
+ .mr-1{margin-right:0.25rem;}
424
+ .mr-2{margin-right:0.5rem;}
425
+ .mr-3{margin-right:0.75rem;}
426
+ .mr-4{margin-right:1rem;}
427
+ .mt-1{margin-top:0.25rem;}
428
+ .mt-24{margin-top:6rem;}
429
+ .mt-3{margin-top:0.75rem;}
430
+ .mt-4{margin-top:1rem;}
431
+ .mt-5{margin-top:1.25rem;}
432
+ .mt-6{margin-top:1.5rem;}
433
+ .mt-auto{margin-top:auto;}
434
+ .last\:mr-0:last-child{margin-right:0;}
435
+ .box-border{box-sizing:border-box;}
436
+ .inline{display:inline;}
437
+ .block{display:block;}
438
+ .inline-block{display:inline-block;}
439
+ .aspect-square{aspect-ratio:1/1;}
440
+ .size-10{width:2.5rem;height:2.5rem;}
441
+ .size-100{width:25rem;height:25rem;}
442
+ .size-12{width:3rem;height:3rem;}
443
+ .size-16{width:4rem;height:4rem;}
444
+ .size-2{width:0.5rem;height:0.5rem;}
445
+ .size-24{width:6rem;height:6rem;}
446
+ .size-3{width:0.75rem;height:0.75rem;}
447
+ .size-3\.75{width:0.9375rem;height:0.9375rem;}
448
+ .size-34\.5{width:8.625rem;height:8.625rem;}
449
+ .size-4{width:1rem;height:1rem;}
450
+ .size-4\/5{width:80%;height:80%;}
451
+ .size-5{width:1.25rem;height:1.25rem;}
452
+ .size-50{width:12.5rem;height:12.5rem;}
453
+ .size-6{width:1.5rem;height:1.5rem;}
454
+ .size-8{width:2rem;height:2rem;}
455
+ .size-80{width:20rem;height:20rem;}
456
+ .size-full{width:100%;height:100%;}
457
+ .h-1{height:0.25rem;}
458
+ .h-10{height:2.5rem;}
459
+ .h-2{height:0.5rem;}
460
+ .h-32{height:8rem;}
461
+ .h-4{height:1rem;}
462
+ .h-400{height:100rem;}
463
+ .h-48{height:12rem;}
464
+ .h-6{height:1.5rem;}
465
+ .h-64{height:16rem;}
466
+ .h-7{height:1.75rem;}
467
+ .h-8{height:2rem;}
468
+ .h-8\.5{height:2.125rem;}
469
+ .h-96{height:24rem;}
470
+ .h-auto{height:auto;}
471
+ .h-full{height:100%;}
472
+ .h-px{height:1px;}
473
+ .h3{height:0.75rem;}
474
+ .max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height);}
475
+ .max-w-10{max-width:2.5rem;}
476
+ .max-w-16{max-width:4rem;}
477
+ .max-w-2\/3{max-width:66.6666666667%;}
478
+ .max-w-3xl{max-width:48rem;}
479
+ .max-w-56{max-width:14rem;}
480
+ .max-w-lg{max-width:32rem;}
481
+ .max-w-xs{max-width:20rem;}
482
+ .min-h-10{min-height:2.5rem;}
483
+ .min-h-2\.5{min-height:0.625rem;}
484
+ .min-w-0{min-width:0;}
485
+ .min-w-3{min-width:0.75rem;}
486
+ .w-\[100px\]{width:100px;}
487
+ .w-\[calc\(100\%-4\.625rem\)\]{width:calc(100% - 4.625rem);}
488
+ .w-10{width:2.5rem;}
489
+ .w-11{width:2.75rem;}
490
+ .w-15\%{width:15%;}
491
+ .w-18\.5{width:4.625rem;}
492
+ .w-24{width:6rem;}
493
+ .w-32{width:8rem;}
494
+ .w-37\.5{width:9.375rem;}
495
+ .w-38{width:9.5rem;}
496
+ .w-48{width:12rem;}
497
+ .w-50{width:12.5rem;}
498
+ .w-56{width:14rem;}
499
+ .w-6{width:1.5rem;}
500
+ .w-64{width:16rem;}
501
+ .w-95{width:23.75rem;}
502
+ .w-96{width:24rem;}
503
+ .w-fit{width:fit-content;}
504
+ .w-full{width:100%;}
505
+ .w-px{width:1px;}
506
+ .flex{display:flex;}
507
+ .inline-flex{display:inline-flex;}
508
+ .flex-1{flex:1 1 0%;}
509
+ .flex-shrink-0,
510
+ .shrink-0{flex-shrink:0;}
511
+ .grow{flex-grow:1;}
512
+ .grow-0{flex-grow:0;}
513
+ .basis-1\/3{flex-basis:33.3333333333%;}
514
+ .basis-full{flex-basis:100%;}
515
+ .flex-row{flex-direction:row;}
516
+ .flex-col{flex-direction:column;}
517
+ .table{display:table;}
518
+ .caption-bottom{caption-side:bottom;}
519
+ .origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin);}
520
+ .-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
521
+ .-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
522
+ .data-\[state\=checked\]\:translate-x-5[data-state=checked],
523
+ .translate-x-5{--un-translate-x:1.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
524
+ .data-\[state\=unchecked\]\:translate-x-0\.5[data-state=unchecked]{--un-translate-x:0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
525
+ .translate-x-1\/2{--un-translate-x:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
526
+ .group[data-state=open] .group-data-\[state\=open\]\:rotate-180,
527
+ .data-\[state\=close\]-rotate-180[data-state=close],
528
+ .rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
529
+ .active\:scale-98:active{--un-scale-x:0.98;--un-scale-y:0.98;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
530
+ .transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
531
+ @keyframes una-in{from{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}
532
+ @keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}
533
+ @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
534
+ @keyframes scroll-loop{0% { transform: translateX(100%); } 100% { transform: translateX(-100%); }}
535
+ @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
536
+ .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
537
+ .animate-scroll-loop{animation:scroll-loop 10s linear infinite;}
538
+ .animate-spin{animation:spin 1s linear infinite;}
539
+ .cursor-default{cursor:default;}
540
+ .cursor-pointer{cursor:pointer;}
541
+ .cursor-not-allowed,
542
+ .peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
543
+ .touch-none{touch-action:none;}
544
+ .select-none{-webkit-user-select:none;user-select:none;}
545
+ .resize{resize:both;}
546
+ .list-none{list-style-type:none;}
547
+ .items-center{align-items:center;}
548
+ .justify-end{justify-content:flex-end;}
549
+ .justify-center{justify-content:center;}
550
+ .justify-between{justify-content:space-between;}
551
+ .gap-1{gap:0.25rem;}
552
+ .gap-1\.5{gap:0.375rem;}
553
+ .gap-2{gap:0.5rem;}
554
+ .gap-4{gap:1rem;}
555
+ .gap-6{gap:1.5rem;}
556
+ .-space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(calc(1rem * calc(1 - var(--un-space-x-reverse))) * -1);margin-right:calc(calc(1rem * var(--un-space-x-reverse)) * -1);}
557
+ .space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}
558
+ .space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
559
+ .space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}
560
+ .space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse));}
561
+ .overflow-auto{overflow:auto;}
562
+ .overflow-hidden{overflow:hidden;}
563
+ .overflow-x-hidden{overflow-x:hidden;}
564
+ .overflow-y-auto{overflow-y:auto;}
565
+ .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
566
+ .\[\&_tr\:last-child\]\:border-0 tr:last-child,
567
+ .border-0{border-width:0px;}
568
+ .b,
569
+ .border{border-width:1px;}
570
+ .border-2{border-width:2px;}
571
+ .border-b{border-bottom-width:1px;}
572
+ .focus\:border-b:focus{border-bottom-width:1px;}
573
+ .border-border-dim{--un-border-opacity:1;border-color:rgb(241 245 249 / var(--un-border-opacity));}
574
+ .border-border-focus,
575
+ .border-core-blue,
576
+ .data-\[state\=checked\]\:border-core-blue[data-state=checked],
577
+ .data-\[state\=on\]\:border-core-blue[data-state=on]{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));}
578
+ .border-border-subtle{--un-border-opacity:1;border-color:rgb(226 232 240 / var(--un-border-opacity));}
579
+ .border-core-blue\/50{border-color:rgb(59 130 246 / 0.5);}
580
+ .border-status-error{--un-border-opacity:1;border-color:rgb(244 63 94 / var(--un-border-opacity));}
581
+ .border-surface-primary{--un-border-opacity:1;border-color:rgb(2 6 23 / var(--un-border-opacity));}
582
+ .border-white{--un-border-opacity:1;border-color:rgba(255, 255, 255, var(--un-border-opacity));}
583
+ .border-white\/10{border-color:rgba(255, 255, 255, 0.1);}
584
+ .border-white\/20{border-color:rgba(255, 255, 255, 0.2);}
585
+ .border-white\/8{border-color:rgba(255, 255, 255, 0.08);}
586
+ .border-yellow-1{--un-border-opacity:1;border-color:rgb(254 249 195 / var(--un-border-opacity));}
587
+ .focus\:border-core-blue:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));}
588
+ .rounded{border-radius:0.25rem;}
589
+ .rounded-1\.5{border-radius:0.375rem;}
590
+ .rounded-1\/2{border-radius:50%;}
591
+ .rounded-10{border-radius:2.5rem;}
592
+ .rounded-2{border-radius:0.5rem;}
593
+ .rounded-25{border-radius:6.25rem;}
594
+ .rounded-3{border-radius:0.75rem;}
595
+ .rounded-3\.5{border-radius:0.875rem;}
596
+ .rounded-4{border-radius:1rem;}
597
+ .rounded-5{border-radius:1.25rem;}
598
+ .rounded-6{border-radius:1.5rem;}
599
+ .rounded-8{border-radius:2rem;}
600
+ .rounded-full{border-radius:9999px;}
601
+ .rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px;}
602
+ .border-dashed{border-style:dashed;}
603
+ .bg-amber{--un-bg-opacity:1;background-color:rgb(251 191 36 / var(--un-bg-opacity));}
604
+ .bg-blue{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}
605
+ .bg-blue-2{--un-bg-opacity:1;background-color:rgba(28, 161, 241, var(--un-bg-opacity));}
606
+ .bg-blue-500,
607
+ .bg-core-blue,
608
+ .data-\[state\=active\]\:bg-blue-5[data-state=active],
609
+ .data-\[state\=active\]\:bg-core-blue[data-state=active],
610
+ .data-\[state\=checked\]\:bg-core-blue[data-state=checked]{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));}
611
+ .bg-core-blue\/10{background-color:rgb(59 130 246 / 0.1);}
612
+ .bg-core-blue\/20,
613
+ .data-\[state\=active\]\:bg-core-blue\/20[data-state=active],
614
+ .data-\[state\=on\]\:bg-core-blue\/20[data-state=on]{background-color:rgb(59 130 246 / 0.2);}
615
+ .bg-core-blue\/30{background-color:rgb(59 130 246 / 0.3);}
616
+ .bg-core-blue\/50,
617
+ .data-\[state\=checked\]\:bg-core-blue\/50[data-state=checked]{background-color:rgb(59 130 246 / 0.5);}
618
+ .bg-gray{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}
619
+ .bg-gray-1{--un-bg-opacity:1;background-color:rgba(12, 13, 16, var(--un-bg-opacity));}
620
+ .bg-mist-100,
621
+ .bg-steel-200,
622
+ .bg-surface-dim{--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity));}
623
+ .bg-mist-200,
624
+ .bg-steel-300,
625
+ .bg-surface-hover,
626
+ .data-\[state\=on\]\:bg-surface-hover[data-state=on]{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity));}
627
+ .bg-mist-300,
628
+ .bg-text-primary{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
629
+ .bg-obsidian-100,
630
+ .bg-surface-primary{--un-bg-opacity:1;background-color:rgb(2 6 23 / var(--un-bg-opacity));}
631
+ .bg-obsidian-100\/95{background-color:rgb(2 6 23 / 0.95);}
632
+ .bg-obsidian-200{--un-bg-opacity:1;background-color:rgb(15 23 42 / var(--un-bg-opacity));}
633
+ .bg-obsidian-300{--un-bg-opacity:1;background-color:rgb(30 41 59 / var(--un-bg-opacity));}
634
+ .bg-orange,
635
+ .data-\[state\=active\]\:bg-orange[data-state=active]{--un-bg-opacity:1;background-color:rgb(251 146 60 / var(--un-bg-opacity));}
636
+ .bg-orange-2{--un-bg-opacity:1;background-color:rgb(254 215 170 / var(--un-bg-opacity));}
637
+ .bg-slate-900\/70{background-color:rgb(15 23 42 / 0.7);}
638
+ .bg-slate-950\/90{background-color:rgb(2 6 23 / 0.9);}
639
+ .bg-status-error{--un-bg-opacity:1;background-color:rgb(244 63 94 / var(--un-bg-opacity));}
640
+ .bg-status-success{--un-bg-opacity:1;background-color:rgb(16 185 129 / var(--un-bg-opacity));}
641
+ .bg-status-success\/20{background-color:rgb(16 185 129 / 0.2);}
642
+ .bg-status-warning{--un-bg-opacity:1;background-color:rgb(245 158 11 / var(--un-bg-opacity));}
643
+ .bg-status-warning\/20{background-color:rgb(245 158 11 / 0.2);}
644
+ .bg-steel-100,
645
+ .bg-surface-secondary{--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity));}
646
+ .bg-steel-100\/80{background-color:rgb(203 213 225 / 0.8);}
647
+ .bg-surface-primary\/80{background-color:rgb(2 6 23 / 0.8);}
648
+ .bg-text-disabled\/20{background-color:rgb(100 116 139 / 0.2);}
649
+ .bg-transparent{background-color:transparent;}
650
+ .bg-white{--un-bg-opacity:1;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}
651
+ .bg-white-5{--un-bg-opacity:0.05;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}
652
+ .bg-white\/10{background-color:rgba(255, 255, 255, 0.1);}
653
+ .bg-white\/20{background-color:rgba(255, 255, 255, 0.2);}
654
+ .bg-white\/5{background-color:rgba(255, 255, 255, 0.05);}
655
+ .bg-white\/8{background-color:rgba(255, 255, 255, 0.08);}
656
+ .data-\[state\=active\]\:bg-orange-5[data-state=active]{--un-bg-opacity:1;background-color:rgb(249 115 22 / var(--un-bg-opacity));}
657
+ .data-\[state\=checked\]\:bg-core-blue\/20\![data-state=checked]{background-color:rgb(59 130 246 / 0.2) !important;}
658
+ .group:hover .group-hover\:bg-black\/60{background-color:rgba(0, 0, 0, 0.6);}
659
+ .hover\:bg-core-blue\/10:hover{background-color:rgb(59 130 246 / 0.1);}
660
+ .hover\:bg-core-blue\/30:hover{background-color:rgb(59 130 246 / 0.3);}
661
+ .hover\:bg-surface-dim:hover{--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity));}
662
+ .hover\:bg-surface-hover:hover{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity));}
663
+ .hover\:bg-white\/10:hover{background-color:rgba(255, 255, 255, 0.1);}
664
+ .bg-contain{background-size:contain;}
665
+ .bg-repeat{background-repeat:repeat;}
666
+ .fill-obsidian-100{--un-fill-opacity:1;fill:rgb(2 6 23 / var(--un-fill-opacity));}
667
+ .object-cover{object-fit:cover;}
668
+ .object-contain{object-fit:contain;}
669
+ .p-1{padding:0.25rem;}
670
+ .p-12{padding:3rem;}
671
+ .p-2{padding:0.5rem;}
672
+ .p-3{padding:0.75rem;}
673
+ .p-4{padding:1rem;}
674
+ .p-6{padding:1.5rem;}
675
+ .p-8{padding:2rem;}
676
+ .px,
677
+ .px-4{padding-left:1rem;padding-right:1rem;}
678
+ .px-1\.25{padding-left:0.3125rem;padding-right:0.3125rem;}
679
+ .px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}
680
+ .px-2{padding-left:0.5rem;padding-right:0.5rem;}
681
+ .px-3{padding-left:0.75rem;padding-right:0.75rem;}
682
+ .px-3\.75{padding-left:0.9375rem;padding-right:0.9375rem;}
683
+ .px-5{padding-left:1.25rem;padding-right:1.25rem;}
684
+ .py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}
685
+ .py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
686
+ .py-1\.75{padding-top:0.4375rem;padding-bottom:0.4375rem;}
687
+ .py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
688
+ .py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
689
+ .py-4{padding-top:1rem;padding-bottom:1rem;}
690
+ .pl-1\.5{padding-left:0.375rem;}
691
+ .pt-16{padding-top:4rem;}
692
+ .pt-32{padding-top:8rem;}
693
+ .text-center{text-align:center;}
694
+ .text-right{text-align:right;}
695
+ .text-start{text-align:start;}
696
+ .text-wrap{text-wrap:wrap;}
697
+ .v-mid{vertical-align:middle;}
698
+ .text-\[0\.875rem\],
699
+ .text-3\.5{font-size:0.875rem;}
700
+ .text-\[1\.125rem\],
701
+ .text-4\.5{font-size:1.125rem;}
702
+ .text-16{font-size:4rem;}
703
+ .text-2\.5{font-size:0.625rem;}
704
+ .text-3{font-size:0.75rem;}
705
+ .text-4{font-size:1rem;}
706
+ .text-4xl{font-size:2.25rem;line-height:2.5rem;}
707
+ .text-5{font-size:1.25rem;}
708
+ .text-6{font-size:1.5rem;}
709
+ .text-8{font-size:2rem;}
710
+ .text-base{font-size:1rem;line-height:1.5rem;}
711
+ .text-lg{font-size:1.125rem;line-height:1.75rem;}
712
+ .text-sm{font-size:0.875rem;line-height:1.25rem;}
713
+ .text-xl{font-size:1.25rem;line-height:1.75rem;}
714
+ .text-xs{font-size:0.75rem;line-height:1rem;}
715
+ .data-\[state\=active\]\:text-text-primary[data-state=active],
716
+ .data-\[state\=on\]\:text-text-primary[data-state=on],
717
+ .text-mist-300,
718
+ .text-text-primary{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
719
+ .data-\[state\=on\]\:text-core-blue[data-state=on],
720
+ .text-core-blue,
721
+ .text-text-accent{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}
722
+ .text-black{--un-text-opacity:1;color:rgba(0, 0, 0, var(--un-text-opacity));}
723
+ .text-current{color:currentColor;}
724
+ .text-gray-400{--un-text-opacity:1;color:rgba(153, 153, 153, var(--un-text-opacity));}
725
+ .text-mist-100,
726
+ .text-slate-200{--un-text-opacity:1;color:rgb(226 232 240 / var(--un-text-opacity));}
727
+ .text-mist-200{--un-text-opacity:1;color:rgb(241 245 249 / var(--un-text-opacity));}
728
+ .text-obsidian-100{--un-text-opacity:1;color:rgb(2 6 23 / var(--un-text-opacity));}
729
+ .text-red{--un-text-opacity:1;color:rgba(255, 62, 62, var(--un-text-opacity));}
730
+ .text-status-error{--un-text-opacity:1;color:rgb(244 63 94 / var(--un-text-opacity));}
731
+ .text-status-success{--un-text-opacity:1;color:rgb(16 185 129 / var(--un-text-opacity));}
732
+ .text-status-warning{--un-text-opacity:1;color:rgb(245 158 11 / var(--un-text-opacity));}
733
+ .text-steel-100,
734
+ .text-text-secondary{--un-text-opacity:1;color:rgb(203 213 225 / var(--un-text-opacity));}
735
+ .text-text-disabled{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity));}
736
+ .text-white{--un-text-opacity:1;color:rgba(255, 255, 255, var(--un-text-opacity));}
737
+ .hover\:text-white:hover{--un-text-opacity:1;color:rgba(255, 255, 255, var(--un-text-opacity));}
738
+ .font-400,
739
+ .font-normal{font-weight:400;}
740
+ .font-500,
741
+ .font-medium{font-weight:500;}
742
+ .font-600,
743
+ .font-semibold{font-weight:600;}
744
+ .font-700,
745
+ .font-bold{font-weight:700;}
746
+ .font-800{font-weight:800;}
747
+ .leading-\[1\.2\]{line-height:1.2;}
748
+ .leading-\[1\.3\]{line-height:1.3;}
749
+ .leading-\[1\.4\]{line-height:1.4;}
750
+ .leading-\[1\.5\]{line-height:1.5;}
751
+ .leading-\[1\.6\]{line-height:1.6;}
752
+ .leading-5{line-height:1.25rem;}
753
+ .leading-none{line-height:1;}
754
+ .tracking-\[-0\.01em\]{letter-spacing:-0.01em;}
755
+ .tracking-\[-0\.02em\]{letter-spacing:-0.02em;}
756
+ .tracking-\[0\.02em\]{letter-spacing:0.02em;}
757
+ .tracking-tight{letter-spacing:-0.025em;}
758
+ .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
759
+ .italic{font-style:italic;}
760
+ .underline{text-decoration-line:underline;}
761
+ .hover\:underline:hover{text-decoration-line:underline;}
762
+ .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
763
+ .data-\[disabled\]\:opacity-50[data-disabled],
764
+ .has-\[\:disabled\]\:opacity-50:has(:disabled),
765
+ .opacity-50,
766
+ .peer:disabled~.peer-disabled\:opacity-50{opacity:0.5;}
767
+ .opacity-0{opacity:0;}
768
+ .group:hover .group-hover\:opacity-100{opacity:1;}
769
+ .disabled\:opacity-50:disabled{opacity:0.5;}
770
+ .data-\[state\=checked\]\:shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.4\)\][data-state=checked],
771
+ .shadow-\[0_0_8px_rgba\(59\,130\,246\,0\.4\)\]{--un-shadow:0 0 8px var(--un-shadow-color, rgba(59, 130, 246, 0.4));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
772
+ .shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
773
+ .shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.4\)\]{--un-shadow:0 0 15px var(--un-shadow-color, rgba(59, 130, 246, 0.4));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
774
+ .shadow-\[0_0_4px_rgba\(255\,255\,255\,0\.3\)\]{--un-shadow:0 0 4px var(--un-shadow-color, rgba(255, 255, 255, 0.3));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
775
+ .shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
776
+ .shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
777
+ .shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
778
+ .hover\:shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.4\)\]:hover{--un-shadow:0 0 15px var(--un-shadow-color, rgba(59, 130, 246, 0.4));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
779
+ .outline{outline-style:solid;}
780
+ .outline-none{outline:2px solid transparent;outline-offset:2px;}
781
+ .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
782
+ .focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
783
+ .ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
784
+ .focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
785
+ .focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;}
786
+ .ring-border-focus{--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity));}
787
+ .focus-visible\:ring-core-blue:focus-visible{--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity));}
788
+ .ring-offset-background{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(0, 0, 0, var(--un-ring-offset-opacity));}
789
+ .focus-visible\:ring-offset-obsidian-100:focus-visible{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(2 6 23 / var(--un-ring-offset-opacity));}
790
+ .backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
791
+ .backdrop-blur-\[12px\]{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
792
+ .backdrop-blur-\[24px\]{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
793
+ .backdrop-blur-10px{--un-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
794
+ .backdrop-blur-20px{--un-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
795
+ .blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
796
+ .backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
797
+ .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
798
+ .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
799
+ .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
800
+ .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
801
+ .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
802
+ .duration-1000{transition-duration:1000ms;}
803
+ .duration-150,
804
+ .transition-duration-150{transition-duration:150ms;}
805
+ .duration-200,
806
+ .transition-duration-200{transition-duration:200ms;}
807
+ .duration-300,
808
+ .transition-duration-300{transition-duration:300ms;}
809
+ .transition-duration-500{transition-duration:500ms;}
810
+ .ease-\[cubic-bezier\(0\.19\,1\,0\.22\,1\)\]{transition-timing-function:cubic-bezier(0.19,1,0.22,1);}
811
+ .ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]{transition-timing-function:cubic-bezier(0.34,1.56,0.64,1);}
812
+ .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
813
+ .ease-\[cubic-bezier\(0\.95\,0\.05\,0\.795\,0\.035\)\]{transition-timing-function:cubic-bezier(0.95,0.05,0.795,0.035);}
814
+ .ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
815
+ .data-\[state\=open\]\:fade-in-0[data-state=open]{--una-enter-opacity:0;}
816
+ .data-\[state\=closed\]\:fade-out-0[data-state=closed],
817
+ .fade-out{--una-exit-opacity:0;}
818
+ .data-\[state\=open\]\:zoom-in-95[data-state=open]{--una-enter-scale:0.95;}
819
+ .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--una-exit-scale:0.95;}
820
+ .data-\[side\=bottom\]\:slide-in-t-2[data-side=bottom],
821
+ .data-\[state\=open\]\:slide-in-t-2[data-state=open]{--una-enter-translate-y:-0.5rem;}
822
+ .data-\[side\=left\]\:slide-in-r-2[data-side=left]{--una-enter-translate-x:0.5rem;}
823
+ .data-\[side\=right\]\:slide-in-l-2[data-side=right]{--una-enter-translate-x:-0.5rem;}
824
+ .data-\[side\=top\]\:slide-in-b-2[data-side=top]{--una-enter-translate-y:0.5rem;}
825
+ .data-\[state\=open\]\:slide-in-l-1\/2[data-state=open]{--una-enter-translate-x:-50%;}
826
+ .data-\[side\=bottom\]\:slide-out-t-2[data-side=bottom],
827
+ .data-\[state\=closed\]\:slide-out-t-2[data-state=closed]{--una-exit-translate-y:-0.5rem;}
828
+ .data-\[side\=left\]\:slide-out-r-2[data-side=left]{--una-exit-translate-x:0.5rem;}
829
+ .data-\[side\=right\]\:slide-out-l-2[data-side=right]{--una-exit-translate-x:-0.5rem;}
830
+ .data-\[side\=top\]\:slide-out-b-2[data-side=top]{--una-exit-translate-y:0.5rem;}
831
+ .data-\[state\=closed\]\:slide-out-l-1\/2[data-state=closed]{--una-exit-translate-x:-50%;}
832
+ @media (min-width: 640px){
833
+ .sm\:text-left{text-align:left;}
834
+ }
835
+ body {
836
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--un-bg-opacity:1;background-color:rgba(0, 0, 0, var(--un-bg-opacity));--un-text-opacity:1;color:rgba(242, 242, 242, var(--un-text-opacity));
837
+ }
838
+ * {
839
+ line-height: calc(1em + 4px) !important;
840
+ outline: none;
841
+ }
842
+ :disabled {
843
+ cursor: not-allowed;
844
+ opacity: 0.5;
845
+ }
846
+ *::-webkit-scrollbar {
847
+ display: none;
848
+ width: 6px;
849
+ height: 6px;
850
+ background: transparent;
851
+ }
852
+ *::-webkit-scrollbar-thumb {
853
+ display: none;
854
+ background: var(--gray-800);
855
+ border-radius: 4px;
856
+ }
857
+ .design-gradient-border {
858
+ position: relative;
859
+ z-index: 1;
860
+ border: 1px solid transparent;
861
+ }
862
+ .design-gradient-border::before {
863
+ content: "";
864
+ position: absolute;
865
+ inset: -1px;
866
+ border-radius: inherit; /* 继承父元素的圆角 */
867
+ z-index: -1;
868
+ padding: 1px; /* 边框宽度 */
869
+ mask: linear-gradient(#ffffff 0 100%) content-box, linear-gradient(#ffffff 0 100%);
870
+ mask-composite: subtract;
871
+ animation: border-rotate 3s infinite linear;
872
+ }
873
+ @keyframes border-rotate {
874
+ 0% {
875
+ background-image: linear-gradient(0deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
876
+ }
877
+ 1% {
878
+ background-image: linear-gradient(-3.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
879
+ }
880
+ 2% {
881
+ background-image: linear-gradient(-7.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
882
+ }
883
+ 3% {
884
+ background-image: linear-gradient(-10.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
885
+ }
886
+ 4% {
887
+ background-image: linear-gradient(-14.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
888
+ }
889
+ 5% {
890
+ background-image: linear-gradient(-18deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
891
+ }
892
+ 6% {
893
+ background-image: linear-gradient(-21.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
894
+ }
895
+ 7% {
896
+ background-image: linear-gradient(-25.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
897
+ }
898
+ 8% {
899
+ background-image: linear-gradient(-28.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
900
+ }
901
+ 9% {
902
+ background-image: linear-gradient(-32.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
903
+ }
904
+ 10% {
905
+ background-image: linear-gradient(-36deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
906
+ }
907
+ 11% {
908
+ background-image: linear-gradient(-39.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
909
+ }
910
+ 12% {
911
+ background-image: linear-gradient(-43.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
912
+ }
913
+ 13% {
914
+ background-image: linear-gradient(-46.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
915
+ }
916
+ 14% {
917
+ background-image: linear-gradient(-50.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
918
+ }
919
+ 15% {
920
+ background-image: linear-gradient(-54deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
921
+ }
922
+ 16% {
923
+ background-image: linear-gradient(-57.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
924
+ }
925
+ 17% {
926
+ background-image: linear-gradient(-61.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
927
+ }
928
+ 18% {
929
+ background-image: linear-gradient(-64.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
930
+ }
931
+ 19% {
932
+ background-image: linear-gradient(-68.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
933
+ }
934
+ 20% {
935
+ background-image: linear-gradient(-72deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
936
+ }
937
+ 21% {
938
+ background-image: linear-gradient(-75.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
939
+ }
940
+ 22% {
941
+ background-image: linear-gradient(-79.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
942
+ }
943
+ 23% {
944
+ background-image: linear-gradient(-82.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
945
+ }
946
+ 24% {
947
+ background-image: linear-gradient(-86.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
948
+ }
949
+ 25% {
950
+ background-image: linear-gradient(-90deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
951
+ }
952
+ 26% {
953
+ background-image: linear-gradient(-93.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
954
+ }
955
+ 27% {
956
+ background-image: linear-gradient(-97.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
957
+ }
958
+ 28% {
959
+ background-image: linear-gradient(-100.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
960
+ }
961
+ 29% {
962
+ background-image: linear-gradient(-104.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
963
+ }
964
+ 30% {
965
+ background-image: linear-gradient(-108deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
966
+ }
967
+ 31% {
968
+ background-image: linear-gradient(-111.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
969
+ }
970
+ 32% {
971
+ background-image: linear-gradient(-115.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
972
+ }
973
+ 33% {
974
+ background-image: linear-gradient(-118.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
975
+ }
976
+ 34% {
977
+ background-image: linear-gradient(-122.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
978
+ }
979
+ 35% {
980
+ background-image: linear-gradient(-126deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
981
+ }
982
+ 36% {
983
+ background-image: linear-gradient(-129.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
984
+ }
985
+ 37% {
986
+ background-image: linear-gradient(-133.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
987
+ }
988
+ 38% {
989
+ background-image: linear-gradient(-136.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
990
+ }
991
+ 39% {
992
+ background-image: linear-gradient(-140.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
993
+ }
994
+ 40% {
995
+ background-image: linear-gradient(-144deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
996
+ }
997
+ 41% {
998
+ background-image: linear-gradient(-147.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
999
+ }
1000
+ 42% {
1001
+ background-image: linear-gradient(-151.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1002
+ }
1003
+ 43% {
1004
+ background-image: linear-gradient(-154.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1005
+ }
1006
+ 44% {
1007
+ background-image: linear-gradient(-158.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1008
+ }
1009
+ 45% {
1010
+ background-image: linear-gradient(-162deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1011
+ }
1012
+ 46% {
1013
+ background-image: linear-gradient(-165.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1014
+ }
1015
+ 47% {
1016
+ background-image: linear-gradient(-169.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1017
+ }
1018
+ 48% {
1019
+ background-image: linear-gradient(-172.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1020
+ }
1021
+ 49% {
1022
+ background-image: linear-gradient(-176.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1023
+ }
1024
+ 50% {
1025
+ background-image: linear-gradient(-180deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1026
+ }
1027
+ 51% {
1028
+ background-image: linear-gradient(-183.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1029
+ }
1030
+ 52% {
1031
+ background-image: linear-gradient(-187.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1032
+ }
1033
+ 53% {
1034
+ background-image: linear-gradient(-190.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1035
+ }
1036
+ 54% {
1037
+ background-image: linear-gradient(-194.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1038
+ }
1039
+ 55% {
1040
+ background-image: linear-gradient(-198deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1041
+ }
1042
+ 56% {
1043
+ background-image: linear-gradient(-201.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1044
+ }
1045
+ 57% {
1046
+ background-image: linear-gradient(-205.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1047
+ }
1048
+ 58% {
1049
+ background-image: linear-gradient(-208.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1050
+ }
1051
+ 59% {
1052
+ background-image: linear-gradient(-212.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1053
+ }
1054
+ 60% {
1055
+ background-image: linear-gradient(-216deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1056
+ }
1057
+ 61% {
1058
+ background-image: linear-gradient(-219.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1059
+ }
1060
+ 62% {
1061
+ background-image: linear-gradient(-223.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1062
+ }
1063
+ 63% {
1064
+ background-image: linear-gradient(-226.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1065
+ }
1066
+ 64% {
1067
+ background-image: linear-gradient(-230.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1068
+ }
1069
+ 65% {
1070
+ background-image: linear-gradient(-234deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1071
+ }
1072
+ 66% {
1073
+ background-image: linear-gradient(-237.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1074
+ }
1075
+ 67% {
1076
+ background-image: linear-gradient(-241.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1077
+ }
1078
+ 68% {
1079
+ background-image: linear-gradient(-244.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1080
+ }
1081
+ 69% {
1082
+ background-image: linear-gradient(-248.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1083
+ }
1084
+ 70% {
1085
+ background-image: linear-gradient(-252deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1086
+ }
1087
+ 71% {
1088
+ background-image: linear-gradient(-255.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1089
+ }
1090
+ 72% {
1091
+ background-image: linear-gradient(-259.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1092
+ }
1093
+ 73% {
1094
+ background-image: linear-gradient(-262.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1095
+ }
1096
+ 74% {
1097
+ background-image: linear-gradient(-266.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1098
+ }
1099
+ 75% {
1100
+ background-image: linear-gradient(-270deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1101
+ }
1102
+ 76% {
1103
+ background-image: linear-gradient(-273.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1104
+ }
1105
+ 77% {
1106
+ background-image: linear-gradient(-277.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1107
+ }
1108
+ 78% {
1109
+ background-image: linear-gradient(-280.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1110
+ }
1111
+ 79% {
1112
+ background-image: linear-gradient(-284.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1113
+ }
1114
+ 80% {
1115
+ background-image: linear-gradient(-288deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1116
+ }
1117
+ 81% {
1118
+ background-image: linear-gradient(-291.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1119
+ }
1120
+ 82% {
1121
+ background-image: linear-gradient(-295.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1122
+ }
1123
+ 83% {
1124
+ background-image: linear-gradient(-298.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1125
+ }
1126
+ 84% {
1127
+ background-image: linear-gradient(-302.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1128
+ }
1129
+ 85% {
1130
+ background-image: linear-gradient(-306deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1131
+ }
1132
+ 86% {
1133
+ background-image: linear-gradient(-309.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1134
+ }
1135
+ 87% {
1136
+ background-image: linear-gradient(-313.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1137
+ }
1138
+ 88% {
1139
+ background-image: linear-gradient(-316.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1140
+ }
1141
+ 89% {
1142
+ background-image: linear-gradient(-320.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1143
+ }
1144
+ 90% {
1145
+ background-image: linear-gradient(-324deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1146
+ }
1147
+ 91% {
1148
+ background-image: linear-gradient(-327.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1149
+ }
1150
+ 92% {
1151
+ background-image: linear-gradient(-331.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1152
+ }
1153
+ 93% {
1154
+ background-image: linear-gradient(-334.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1155
+ }
1156
+ 94% {
1157
+ background-image: linear-gradient(-338.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1158
+ }
1159
+ 95% {
1160
+ background-image: linear-gradient(-342deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1161
+ }
1162
+ 96% {
1163
+ background-image: linear-gradient(-345.6deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1164
+ }
1165
+ 97% {
1166
+ background-image: linear-gradient(-349.2deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1167
+ }
1168
+ 98% {
1169
+ background-image: linear-gradient(-352.8deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1170
+ }
1171
+ 99% {
1172
+ background-image: linear-gradient(-356.4deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1173
+ }
1174
+ 100% {
1175
+ background-image: linear-gradient(-360deg, #f9cf00 -0.87%, rgba(253, 235, 150, 0.5294117647) 26.14%, rgba(255, 255, 255, 0.2) 49.3%);
1176
+ }
1177
+ }
1178
+ .design-gradient-text {
1179
+ display: inline-block;
1180
+ background: linear-gradient(90deg, #a7a7a7 0%, #a7a7a7 30%, #ffffff 40%, #ffffff 60%, #a7a7a7 70%, #a7a7a7 100%);
1181
+ background-size: 200%; /* 背景尺寸比文字宽度大一倍,让流光可以完全穿过 */
1182
+ background-clip: text;
1183
+ -webkit-text-fill-color: transparent;
1184
+ animation: text-shimmer 2s linear infinite;
1185
+ }
1186
+ @keyframes text-shimmer {
1187
+ 0% {
1188
+ background-position: 100% 0;
1189
+ }
1190
+ 100% {
1191
+ background-position: -100% 0;
1192
+ }
1193
+ }