prime-design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +110 -0
  2. package/dist/favicon.svg +1 -0
  3. package/dist/icons.svg +24 -0
  4. package/dist/prime-design-system.css +2 -0
  5. package/dist/prime-design-system.es.js +2729 -0
  6. package/dist/prime-design-system.umd.js +1 -0
  7. package/package.json +59 -0
package/README.md ADDED
@@ -0,0 +1,110 @@
1
+ # Prime Design System
2
+
3
+ A premium, comprehensive **Neumorphic** component library for React, featuring 52 meticulously crafted UI components. Designed for modern web applications that demand a distinct, tactile, and highly interactive user experience.
4
+
5
+ ## Features
6
+
7
+ - **52 Complete Components**: From basic buttons to complex interactive widgets (Calendars, Command Palettes, Resizable Panels, Trees).
8
+ - **True Neumorphism**: Custom inset and outset box-shadow calculations for realistic depth.
9
+ - **Global Theme Support**: Built-in Light and Dark modes.
10
+ - **10 Accent Colors**: Magenta, Cyan, Lime, Orange, Blue, Purple, Red, Yellow, Green, and Teal.
11
+ - **Fully Accessible**: Keyboard navigation, ARIA attributes, and semantic HTML.
12
+ - **TypeScript**: First-class types for excellent developer experience.
13
+
14
+ ---
15
+
16
+ ## Installation
17
+
18
+ Install the package via npm, yarn, or pnpm:
19
+
20
+ ```bash
21
+ npm install prime-design-system
22
+ ```
23
+
24
+ *(Note: `react` and `react-dom` are required peer dependencies).*
25
+
26
+ ---
27
+
28
+ ## Setup
29
+
30
+ For the components to render correctly with neumorphic shadows and colors, you must import the global CSS file at the root of your application (e.g., `main.tsx` or `App.tsx`):
31
+
32
+ ```tsx
33
+ import 'prime-design-system/style.css';
34
+ ```
35
+
36
+ ### Theming and Accents
37
+
38
+ The design system uses HTML `data-*` attributes to control themes and accent colors. Apply these to your root `<html>` or `<body>` tag:
39
+
40
+ ```html
41
+ <!-- Dark mode with Purple accent -->
42
+ <html data-theme="dark" data-accent="purple">
43
+ ```
44
+
45
+ **Available Themes:**
46
+ - `dark` (default)
47
+ - `light`
48
+
49
+ **Available Accents:**
50
+ - `magenta`, `cyan`, `lime`, `orange`, `blue`, `purple`, `red`, `yellow`, `green`, `teal`.
51
+
52
+ ---
53
+
54
+ ## Usage Example
55
+
56
+ Import any of the 52 components directly from the package:
57
+
58
+ ```tsx
59
+ import { Button, Input, Card } from 'prime-design-system';
60
+
61
+ function App() {
62
+ return (
63
+ <Card style={{ padding: '2rem', maxWidth: '400px' }}>
64
+ <h2>Login</h2>
65
+ <Input placeholder="Username" />
66
+ <Input type="password" placeholder="Password" style={{ marginTop: '1rem' }} />
67
+ <Button variant="primary" style={{ marginTop: '1.5rem', width: '100%' }}>
68
+ Sign In
69
+ </Button>
70
+ </Card>
71
+ );
72
+ }
73
+
74
+ export default App;
75
+ ```
76
+
77
+ ---
78
+
79
+ ## Component List
80
+
81
+ Prime Design System includes the following components:
82
+
83
+ **Layout & Containers:**
84
+ `Card`, `Drawer`, `Modal`, `Popover`, `Resizable`, `ScrollArea`, `Tabs`, `Accordion`, `Divider`
85
+
86
+ **Inputs & Forms:**
87
+ `Button`, `IconButton`, `SplitButton`, `Input`, `Textarea`, `Checkbox`, `Radio`, `Switch`, `Slider`, `RangeSlider`, `Select`, `Listbox`, `TagsInput`, `ColorPicker`, `DatePicker`, `TimePicker`, `Dropzone`, `Knob`, `Rating`, `TransferList`
88
+
89
+ **Navigation & Menus:**
90
+ `Breadcrumbs`, `CommandMenu`, `ContextMenu`, `DropdownMenu`, `Menubar`, `SpeedDial`, `Pagination`, `Stepper`
91
+
92
+ **Data Display:**
93
+ `Table`, `Tree`, `Timeline`, `Avatar`, `Badge`, `Carousel`, `Calendar`
94
+
95
+ **Feedback:**
96
+ `Alert`, `Toast`, `Tooltip`, `HoverCard`, `ProgressBar`, `Spinner`, `Skeleton`
97
+
98
+ ---
99
+
100
+ ## Development
101
+
102
+ To view the components locally in Storybook:
103
+
104
+ 1. Clone the repository.
105
+ 2. Run `npm install`.
106
+ 3. Run `npm run storybook`.
107
+ 4. Open your browser at `http://localhost:6006`.
108
+
109
+ ## License
110
+ MIT
package/dist/favicon.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="48" height="46" fill="none" viewBox="0 0 48 46"><path fill="#863bff" d="M25.946 44.938c-.664.845-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.287c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.497 0-3.578-1.842-3.578H1.237c-.92 0-1.456-1.04-.92-1.788L10.013.474c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.579 1.842 3.579h11.377c.943 0 1.473 1.088.89 1.83L25.947 44.94z" style="fill:#863bff;fill:color(display-p3 .5252 .23 1);fill-opacity:1"/><mask id="a" width="48" height="46" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M25.842 44.938c-.664.844-2.021.375-2.021-.698V33.937a2.26 2.26 0 0 0-2.262-2.262H10.183c-.92 0-1.456-1.04-.92-1.788l7.48-10.471c1.07-1.498 0-3.579-1.842-3.579H1.133c-.92 0-1.456-1.04-.92-1.787L9.91.473c.214-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.471c-1.07 1.498 0 3.578 1.842 3.578h11.377c.943 0 1.473 1.088.89 1.832L25.843 44.94z" style="fill:#000;fill-opacity:1"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="5.508" cy="14.704" fill="#ede6ff" rx="5.508" ry="14.704" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -4.47 31.516)"/></g><g filter="url(#c)"><ellipse cx="10.399" cy="29.851" fill="#ede6ff" rx="10.399" ry="29.851" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -39.328 7.883)"/></g><g filter="url(#d)"><ellipse cx="5.508" cy="30.487" fill="#7e14ff" rx="5.508" ry="30.487" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -25.913 -14.639)scale(1 -1)"/></g><g filter="url(#e)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.814 -32.644 -3.334)scale(1 -1)"/></g><g filter="url(#f)"><ellipse cx="5.508" cy="30.599" fill="#7e14ff" rx="5.508" ry="30.599" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="matrix(.00324 1 1 -.00324 -34.34 30.47)"/></g><g filter="url(#g)"><ellipse cx="14.072" cy="22.078" fill="#ede6ff" rx="14.072" ry="22.078" style="fill:#ede6ff;fill:color(display-p3 .9275 .9033 1);fill-opacity:1" transform="rotate(93.35 24.506 48.493)scale(-1 1)"/></g><g filter="url(#h)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#i)"><ellipse cx="3.47" cy="21.501" fill="#7e14ff" rx="3.47" ry="21.501" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(89.009 28.708 47.59)scale(-1 1)"/></g><g filter="url(#j)"><ellipse cx=".387" cy="8.972" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(39.51 .387 8.972)"/></g><g filter="url(#k)"><ellipse cx="47.523" cy="-6.092" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 47.523 -6.092)"/></g><g filter="url(#l)"><ellipse cx="41.412" cy="6.333" fill="#47bfff" rx="5.971" ry="9.665" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 41.412 6.333)"/></g><g filter="url(#m)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#n)"><ellipse cx="-1.879" cy="38.332" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 -1.88 38.332)"/></g><g filter="url(#o)"><ellipse cx="35.651" cy="29.907" fill="#7e14ff" rx="4.407" ry="29.108" style="fill:#7e14ff;fill:color(display-p3 .4922 .0767 1);fill-opacity:1" transform="rotate(37.892 35.651 29.907)"/></g><g filter="url(#p)"><ellipse cx="38.418" cy="32.4" fill="#47bfff" rx="5.971" ry="15.297" style="fill:#47bfff;fill:color(display-p3 .2799 .748 1);fill-opacity:1" transform="rotate(37.892 38.418 32.4)"/></g></g><defs><filter id="b" width="60.045" height="41.654" x="-19.77" y="16.149" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="c" width="90.34" height="51.437" x="-54.613" y="-7.533" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="d" width="79.355" height="29.4" x="-49.64" y="2.03" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="e" width="79.579" height="29.4" x="-45.045" y="20.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="f" width="79.579" height="29.4" x="-43.513" y="21.178" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="g" width="74.749" height="58.852" x="15.756" y="-17.901" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="7.659"/></filter><filter id="h" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="i" width="61.377" height="25.362" x="23.548" y="2.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="j" width="56.045" height="63.649" x="-27.636" y="-22.853" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="k" width="54.814" height="64.646" x="20.116" y="-38.415" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="l" width="33.541" height="35.313" x="24.641" y="-11.323" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="m" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="n" width="54.814" height="64.646" x="-29.286" y="6.009" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="o" width="54.814" height="64.646" x="8.244" y="-2.416" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter><filter id="p" width="39.409" height="43.623" x="18.713" y="10.588" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_2002_17158" stdDeviation="4.596"/></filter></defs></svg>
package/dist/icons.svg ADDED
@@ -0,0 +1,24 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg">
2
+ <symbol id="bluesky-icon" viewBox="0 0 16 17">
3
+ <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
4
+ <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
5
+ </symbol>
6
+ <symbol id="discord-icon" viewBox="0 0 20 19">
7
+ <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
8
+ </symbol>
9
+ <symbol id="documentation-icon" viewBox="0 0 21 20">
10
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
11
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
12
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
13
+ </symbol>
14
+ <symbol id="github-icon" viewBox="0 0 19 19">
15
+ <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
16
+ </symbol>
17
+ <symbol id="social-icon" viewBox="0 0 20 20">
18
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
19
+ <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
20
+ </symbol>
21
+ <symbol id="x-icon" viewBox="0 0 19 19">
22
+ <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
23
+ </symbol>
24
+ </svg>
package/dist/prime-design-system.css ADDED
@@ -0,0 +1,2 @@
1
+ .nd-accordion-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:1rem;width:100%;display:flex}.nd-accordion-item{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);transition:var(--nd-transition-base);overflow:hidden}.nd-accordion-header{appearance:none;cursor:pointer;width:100%;color:var(--nd-color-text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:500;display:flex}.nd-accordion-icon{color:var(--nd-color-accent);transition:transform .3s}.nd-accordion-icon--expanded{transform:rotate(180deg)}.nd-accordion-content{color:var(--nd-color-text-secondary);opacity:0;max-height:0;padding:0 1.5rem;font-size:.875rem;line-height:1.5;transition:all .3s;overflow:hidden}.nd-accordion-content--expanded{opacity:1;max-height:500px;padding:0 1.5rem 1.5rem}.nd-alert{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);font-family:var(--nd-font-family);transition:var(--nd-transition-base);align-items:flex-start;gap:1rem;padding:1rem;display:flex;position:relative;overflow:hidden}.nd-alert-icon{width:24px;height:24px;box-shadow:var(--nd-shadow-inset);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.nd-alert-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.nd-alert-title{color:var(--nd-color-text-primary);margin:0;font-size:1rem;font-weight:600}.nd-alert-description{color:var(--nd-color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.nd-alert-close{appearance:none;color:var(--nd-color-text-disabled);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:flex}.nd-alert-close:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-alert--info .nd-alert-icon{color:#3b82f6;box-shadow:var(--nd-shadow-inset), 0 0 10px #3b82f680}.nd-alert--success .nd-alert-icon{color:#10b981;box-shadow:var(--nd-shadow-inset), 0 0 10px #10b98180}.nd-alert--warning .nd-alert-icon{color:#f59e0b;box-shadow:var(--nd-shadow-inset), 0 0 10px #f59e0b80}.nd-alert--error .nd-alert-icon{color:#ef4444;box-shadow:var(--nd-shadow-inset), 0 0 10px #ef444480}.nd-alert:before{content:"";border-radius:0 4px 4px 0;width:4px;position:absolute;top:.5rem;bottom:.5rem;left:0}.nd-alert--info:before{background-color:#3b82f6;box-shadow:0 0 8px #3b82f6}.nd-alert--success:before{background-color:#10b981;box-shadow:0 0 8px #10b981}.nd-alert--warning:before{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.nd-alert--error:before{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.nd-avatar{font-family:var(--nd-font-family);color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);border-radius:var(--nd-border-radius-circle);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.nd-avatar--sm{width:2rem;height:2rem;font-size:.75rem}.nd-avatar--md{width:3rem;height:3rem;font-size:1rem}.nd-avatar--lg{width:4.5rem;height:4.5rem;font-size:1.5rem}.nd-avatar-image{object-fit:cover;width:100%;height:100%}.nd-avatar-initials{text-transform:uppercase}.nd-badge{font-family:var(--nd-font-family);border-radius:var(--nd-border-radius-pill);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-primary);transition:var(--nd-transition-base);justify-content:center;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.nd-badge--primary{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset);text-shadow:0 0 5px var(--nd-color-accent)}.nd-breadcrumbs{font-family:var(--nd-font-family);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nd-breadcrumbs-item{align-items:center;gap:.5rem;display:flex}.nd-breadcrumbs-link{color:var(--nd-color-text-secondary);border-radius:var(--nd-border-radius-pill);transition:var(--nd-transition-base);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none}.nd-breadcrumbs-link:hover,.nd-breadcrumbs-link:focus{color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset);outline:none}.nd-breadcrumbs-item--active .nd-breadcrumbs-link{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset);pointer-events:none}.nd-breadcrumbs-separator{color:var(--nd-color-text-disabled);justify-content:center;align-items:center;display:flex}.nd-button{appearance:none;background-color:var(--nd-color-bg);color:var(--nd-color-text-secondary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius-pill);cursor:pointer;transition:var(--nd-transition-base);box-shadow:var(--nd-shadow-outset);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;display:inline-flex}.nd-button:hover:not(:disabled){box-shadow:var(--nd-shadow-outset-hover);color:var(--nd-color-text-primary)}.nd-button:active:not(:disabled),.nd-button--pressed{box-shadow:var(--nd-shadow-inset);color:var(--nd-color-accent)}.nd-button--primary{background-color:var(--nd-color-accent);color:#fff;box-shadow:var(--nd-glow-accent)}.nd-button--primary:hover:not(:disabled){color:#fff;box-shadow:0 0 20px #e500ff99,0 0 40px #e500ff66}.nd-button--primary:active:not(:disabled){color:#fff;background-color:#c400d9;box-shadow:0 0 10px #e500ff80,inset 2px 2px 5px #0003}.nd-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:-2px -2px 5px var(--nd-color-shadow-light), 2px 2px 5px var(--nd-color-shadow-dark)}.nd-calendar{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);font-family:var(--nd-font-family);padding:1.5rem;display:inline-block}.nd-calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nd-calendar-title{color:var(--nd-color-text-primary);margin:0;font-size:1rem;font-weight:600}.nd-calendar-nav-btn{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:2rem;height:2rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);cursor:pointer;transition:var(--nd-transition-base);border:none;justify-content:center;align-items:center;display:flex}.nd-calendar-nav-btn:hover{color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset)}.nd-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.nd-calendar-weekday{color:var(--nd-color-text-disabled);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.nd-calendar-day{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:2.25rem;height:2.25rem;color:var(--nd-color-text-primary);cursor:pointer;transition:var(--nd-transition-base);border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}.nd-calendar-day:not(:disabled):hover{box-shadow:var(--nd-shadow-inset);color:var(--nd-color-accent)}.nd-calendar-day--outside{color:var(--nd-color-text-disabled);background:0 0}.nd-calendar-day--today{color:var(--nd-color-accent);font-weight:700}.nd-calendar-day--selected{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);color:var(--nd-color-accent);font-weight:600}.nd-calendar-day:disabled{opacity:.5;cursor:not-allowed}.nd-card{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);padding:1.5rem}.nd-card--elevated{box-shadow:var(--nd-shadow-outset)}.nd-card--sunken{box-shadow:var(--nd-shadow-inset)}.nd-carousel{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);width:100%;box-shadow:var(--nd-shadow-inset);position:relative;overflow:hidden}.nd-carousel-viewport{width:100%;overflow:hidden}.nd-carousel-container{transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.nd-carousel-slide{flex:0 0 100%;justify-content:center;align-items:center;min-width:100%;display:flex}.nd-carousel-controls{pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.nd-carousel-button{pointer-events:auto;appearance:none;background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);border-radius:var(--nd-border-radius-circle);width:2.5rem;height:2.5rem;box-shadow:var(--nd-shadow-outset);cursor:pointer;transition:var(--nd-transition-base);border:none;justify-content:center;align-items:center;display:flex}.nd-carousel-button:hover:not(:disabled){box-shadow:var(--nd-shadow-inset);color:var(--nd-color-accent)}.nd-carousel-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--nd-shadow-outset)}.nd-carousel-indicators{gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.nd-carousel-indicator{appearance:none;border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:10px;height:10px;box-shadow:var(--nd-shadow-outset);cursor:pointer;transition:var(--nd-transition-base);border:none;padding:0}.nd-carousel-indicator--active{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);background-color:var(--nd-color-accent)}.nd-checkbox-wrapper{cursor:pointer;font-family:var(--nd-font-family);color:var(--nd-color-text-secondary);align-items:center;gap:.75rem;font-size:1rem;display:inline-flex}.nd-checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.nd-checkbox-box{background-color:var(--nd-color-bg);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative}.nd-checkbox-icon{fill:none;width:1rem;height:1rem;stroke:var(--nd-color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:var(--nd-transition-base);filter:drop-shadow(0 0 5px var(--nd-color-accent));transform:scale(.5)}.nd-checkbox-wrapper--checked .nd-checkbox-icon{opacity:1;transform:scale(1)}.nd-checkbox-input{opacity:0;width:0;height:0;position:absolute}.nd-color-picker-wrapper{font-family:var(--nd-font-family);display:inline-block;position:relative}.nd-color-picker-trigger{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);cursor:pointer;transition:var(--nd-transition-base);color:var(--nd-color-text-primary);border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.nd-color-picker-trigger:hover,.nd-color-picker-trigger:focus{box-shadow:var(--nd-shadow-inset);outline:none}.nd-color-picker-swatch{border-radius:var(--nd-border-radius-circle);border:2px solid var(--nd-color-bg);width:1.5rem;height:1.5rem;box-shadow:inset 0 2px 4px #0003}.nd-color-picker-popover{z-index:100;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset), 0 10px 25px #0000001a;flex-direction:column;gap:1rem;min-width:220px;padding:1rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.nd-color-picker-presets{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.nd-color-picker-preset-btn{appearance:none;border-radius:var(--nd-border-radius-circle);cursor:pointer;width:2rem;height:2rem;box-shadow:var(--nd-shadow-outset);transition:var(--nd-transition-base);border:none}.nd-color-picker-preset-btn:hover{transform:scale(1.1)}.nd-color-picker-preset-btn--active{box-shadow:inset 0 2px 5px #00000080}.nd-color-picker-input-container{align-items:center;gap:.5rem;display:flex}.nd-color-picker-hex-input{appearance:none;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:100%;box-shadow:var(--nd-shadow-inset);color:var(--nd-color-text-primary);transition:var(--nd-transition-base);text-transform:uppercase;border:none;outline:none;flex:1;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.nd-color-picker-hex-input:focus{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-command-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;left:0}.nd-command-menu-overlay--open{opacity:1;visibility:visible}.nd-command-menu{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);width:100%;max-width:600px;box-shadow:var(--nd-shadow-outset), 0 0 30px #00000080;font-family:var(--nd-font-family);flex-direction:column;max-height:80vh;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.95)}.nd-command-menu-overlay--open .nd-command-menu{transform:scale(1)}.nd-command-menu-input-wrapper{box-shadow:0 4px 6px -6px var(--nd-color-shadow-dark);border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem;display:flex}.nd-command-menu-input{appearance:none;color:var(--nd-color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:.5rem;font-family:inherit;font-size:1.125rem}.nd-command-menu-input::placeholder{color:var(--nd-color-text-disabled)}.nd-command-menu-icon{color:var(--nd-color-text-secondary)}.nd-command-menu-list{flex-direction:column;gap:.25rem;padding:.5rem;display:flex;overflow-y:auto}.nd-command-menu-group{color:var(--nd-color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem .25rem;font-size:.75rem;font-weight:600}.nd-command-menu-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nd-command-menu-item:hover,.nd-command-menu-item:focus{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset);outline:none}.nd-command-menu-item-content{align-items:center;gap:.75rem;display:flex}.nd-command-menu-shortcut{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-disabled);border-radius:4px;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.nd-context-menu-wrapper{display:inline-block;position:relative}.nd-context-menu-portal{z-index:9999;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset), 0 5px 20px #00000026;font-family:var(--nd-font-family);flex-direction:column;gap:.25rem;min-width:180px;padding:.5rem;animation:.15s ease-out ndContextMenuFadeIn;display:flex;position:fixed}@keyframes ndContextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nd-context-menu-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nd-context-menu-item:hover,.nd-context-menu-item:focus{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset);outline:none}.nd-context-menu-item-content{align-items:center;gap:.5rem;display:flex}.nd-context-menu-shortcut{color:var(--nd-color-text-disabled);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.nd-context-menu-divider{background-color:#0000;border-radius:2px;height:2px;margin:.25rem 0;box-shadow:inset 0 2px 2px #0000000d}[data-theme=dark] .nd-context-menu-divider{box-shadow:inset 0 2px 2px #0000004d}.nd-datepicker-wrapper{font-family:var(--nd-font-family);width:100%;display:inline-block;position:relative}.nd-datepicker-calendar{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);z-index:100;width:300px;padding:1rem;position:absolute;top:calc(100% + .5rem);left:0}.nd-datepicker-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nd-datepicker-month-year{color:var(--nd-color-text-primary);font-weight:600}.nd-datepicker-nav-button{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.nd-datepicker-nav-button:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-datepicker-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.nd-datepicker-weekday{color:var(--nd-color-text-secondary);padding:.5rem 0;font-size:.75rem;font-weight:600}.nd-datepicker-day{appearance:none;color:var(--nd-color-text-primary);cursor:pointer;border-radius:var(--nd-border-radius-circle);width:2rem;height:2rem;transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;margin:auto;font-size:.875rem;display:flex}.nd-datepicker-day:hover:not(.nd-datepicker-day--empty){box-shadow:var(--nd-shadow-inset)}.nd-datepicker-day--empty{cursor:default}.nd-datepicker-day--selected{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);font-weight:700}.nd-datepicker-day--today{color:var(--nd-color-accent);font-weight:700}.nd-divider{background-color:#0000;border:none;width:100%;margin:1rem 0}.nd-divider--horizontal{width:100%;height:2px;margin:1rem 0}.nd-divider--vertical{vertical-align:middle;width:2px;height:100%;margin:0 1rem;display:inline-block}.nd-divider--inset{background:linear-gradient(to bottom right, var(--nd-color-shadow-dark) 0%, var(--nd-color-shadow-light) 100%);opacity:.5}.nd-divider--outset{background:linear-gradient(to bottom right, var(--nd-color-shadow-light) 0%, var(--nd-color-shadow-dark) 100%);opacity:.5}[data-theme=light] .nd-divider--inset{background:linear-gradient(to bottom right,#a3b1c666 0%,#fffc 100%)}[data-theme=light] .nd-divider--outset{background:linear-gradient(to bottom right,#fffc 0%,#a3b1c666 100%)}.nd-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background-color:#0006;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.nd-drawer-overlay--open{opacity:1;visibility:visible}.nd-drawer{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);box-shadow:var(--nd-shadow-outset), 0 0 30px #00000080;z-index:1001;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed}.nd-drawer--left{border-top-right-radius:var(--nd-border-radius);border-bottom-right-radius:var(--nd-border-radius);width:300px;max-width:80vw;height:100vh;top:0;left:0;transform:translate(-100%)}.nd-drawer--right{border-top-left-radius:var(--nd-border-radius);border-bottom-left-radius:var(--nd-border-radius);width:300px;max-width:80vw;height:100vh;top:0;right:0;transform:translate(100%)}.nd-drawer--top{border-bottom-left-radius:var(--nd-border-radius);border-bottom-right-radius:var(--nd-border-radius);width:100vw;height:300px;max-height:80vh;top:0;left:0;transform:translateY(-100%)}.nd-drawer--bottom{border-top-left-radius:var(--nd-border-radius);border-top-right-radius:var(--nd-border-radius);width:100vw;height:300px;max-height:80vh;bottom:0;left:0;transform:translateY(100%)}.nd-drawer-overlay--open .nd-drawer--left,.nd-drawer-overlay--open .nd-drawer--right{transform:translate(0)}.nd-drawer-overlay--open .nd-drawer--top,.nd-drawer-overlay--open .nd-drawer--bottom{transform:translateY(0)}.nd-drawer-header{border-bottom:2px solid var(--nd-color-bg);box-shadow:0 4px 6px -6px var(--nd-color-shadow-dark);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.nd-drawer-title{margin:0;font-size:1.25rem;font-weight:600}.nd-drawer-close{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.nd-drawer-close:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.nd-drawer-footer{border-top:2px solid var(--nd-color-bg);box-shadow:0 -4px 6px -6px var(--nd-color-shadow-dark);padding:1.5rem}.nd-dropdown-wrapper{font-family:var(--nd-font-family);display:inline-block;position:relative}.nd-dropdown-menu{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);min-width:200px;box-shadow:var(--nd-shadow-outset);z-index:100;opacity:0;visibility:hidden;flex-direction:column;gap:.25rem;padding:.5rem;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-10px)}.nd-dropdown-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.nd-dropdown-menu--right{left:auto;right:0}.nd-dropdown-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nd-dropdown-item:hover,.nd-dropdown-item:focus{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset);outline:none}.nd-dropdown-divider{background:linear-gradient(to bottom right, var(--nd-color-shadow-dark) 0%, var(--nd-color-shadow-light) 100%);opacity:.3;height:2px;margin:.25rem 0}[data-theme=light] .nd-dropdown-divider{background:linear-gradient(to bottom right,#a3b1c666 0%,#fffc 100%)}.nd-dropzone-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;width:100%;display:flex}.nd-dropzone-label{color:var(--nd-color-text-secondary);margin-left:.25rem;font-size:.875rem;font-weight:500}.nd-dropzone{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);border:2px dashed var(--nd-color-text-disabled);transition:var(--nd-transition-base);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.nd-dropzone:hover{border-color:var(--nd-color-text-secondary)}.nd-dropzone--active{border-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), 0 0 10px var(--nd-color-accent)}.nd-dropzone--disabled{opacity:.5;cursor:not-allowed}.nd-dropzone-icon{color:var(--nd-color-text-secondary);transition:color .2s}.nd-dropzone--active .nd-dropzone-icon{color:var(--nd-color-accent)}.nd-dropzone-text{color:var(--nd-color-text-primary);font-size:1rem;font-weight:500}.nd-dropzone-subtext{color:var(--nd-color-text-secondary);font-size:.875rem}.nd-dropzone-input{display:none}.nd-hover-card-wrapper{display:inline-block;position:relative}.nd-hover-card-trigger{cursor:pointer;border-bottom:1px dashed var(--nd-color-accent);display:inline-block}.nd-hover-card-portal{z-index:9999;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset), 0 10px 30px #00000026;font-family:var(--nd-font-family);pointer-events:auto;min-width:250px;padding:1.25rem;animation:.2s ease-out ndHoverCardFadeIn;position:absolute}@keyframes ndHoverCardFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.nd-icon-button{appearance:none;background-color:var(--nd-color-bg);color:var(--nd-color-text-secondary);cursor:pointer;transition:var(--nd-transition-base);box-shadow:var(--nd-shadow-outset);border:none;outline:none;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;display:inline-flex}.nd-icon-button svg{fill:currentColor;width:1.5rem;height:1.5rem;transition:var(--nd-transition-base)}.nd-icon-button--circle{border-radius:var(--nd-border-radius-circle)}.nd-icon-button--rounded{border-radius:var(--nd-border-radius)}.nd-icon-button:hover:not(:disabled){box-shadow:var(--nd-shadow-outset-hover);color:var(--nd-color-text-primary)}.nd-icon-button:active:not(:disabled),.nd-icon-button--pressed{box-shadow:var(--nd-shadow-inset);color:var(--nd-color-accent)}.nd-icon-button--pressed svg{filter:drop-shadow(0 0 5px #e500ffcc)}.nd-icon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:-2px -2px 5px var(--nd-color-shadow-light), 2px 2px 5px var(--nd-color-shadow-dark)}.nd-input-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;width:100%;display:flex}.nd-input-label{color:var(--nd-color-text-secondary);font-size:.875rem;font-weight:500}.nd-input{appearance:none;background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);box-sizing:border-box;border:none;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem}.nd-input::placeholder{color:var(--nd-color-text-disabled)}.nd-input:focus{box-shadow:var(--nd-shadow-inset), 0 0 10px #e500ff4d}.nd-input:disabled{opacity:.5;cursor:not-allowed}.nd-input--error{box-shadow:var(--nd-shadow-inset), 0 0 8px #ff323266}.nd-input-error-message{color:#f55;margin-top:.25rem;font-size:.75rem}.nd-knob-container{justify-content:center;align-items:center;width:12rem;height:12rem;display:inline-flex;position:relative}.nd-knob-track{width:100%;height:100%;box-shadow:var(--nd-shadow-inset);background-color:var(--nd-color-bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.nd-knob-ring{border:2px solid var(--nd-color-accent);width:80%;height:80%;box-shadow:var(--nd-glow-accent);opacity:.8;pointer-events:none;border-radius:50%;position:absolute}.nd-knob-dial{background-color:var(--nd-color-bg);width:60%;height:60%;box-shadow:var(--nd-shadow-outset);cursor:grab;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.nd-knob-dial:active{cursor:grabbing}.nd-knob-indicator-container{pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;transform:rotate(0)}.nd-knob-indicator{background-color:var(--nd-color-accent);width:.5rem;height:.5rem;box-shadow:0 0 10px var(--nd-color-accent), 0 0 20px var(--nd-color-accent);border-radius:50%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.nd-listbox{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);font-family:var(--nd-font-family);flex-direction:column;max-height:400px;margin:0;padding:.5rem;list-style:none;display:flex;overflow-y:auto}.nd-listbox:focus{outline:none}.nd-listbox::-webkit-scrollbar{width:12px}.nd-listbox::-webkit-scrollbar-track{background:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);margin:4px;box-shadow:inset 1px 1px 3px #0000001a,inset -1px -1px 3px #ffffff80}[data-theme=dark] .nd-listbox::-webkit-scrollbar-track{box-shadow:inset 1px 1px 3px #00000080,inset -1px -1px 3px #ffffff0d}.nd-listbox::-webkit-scrollbar-thumb{background:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);background-clip:padding-box;border:3px solid #0000;box-shadow:1px 1px 2px #0003,-1px -1px 2px #fffc}[data-theme=dark] .nd-listbox::-webkit-scrollbar-thumb{box-shadow:1px 1px 2px #000c,-1px -1px 2px #ffffff1a}.nd-listbox-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;transition:var(--nd-transition-base);color:var(--nd-color-text-secondary);-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.nd-listbox-item:hover,.nd-listbox-item:focus{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset)}.nd-listbox-item--selected,.nd-listbox-item--selected:hover,.nd-listbox-item--selected:focus{color:var(--nd-color-accent);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-listbox-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nd-menubar{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);font-family:var(--nd-font-family);-webkit-user-select:none;user-select:none;align-items:center;padding:.25rem;display:flex}.nd-menubar-trigger{border-radius:calc(var(--nd-border-radius) - 2px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);background:0 0;border:none;outline:none;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.nd-menubar-trigger:hover,.nd-menubar-trigger[data-state=open]{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset)}.nd-menubar-content{z-index:100;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);min-width:220px;box-shadow:var(--nd-shadow-outset), 0 5px 20px #00000026;flex-direction:column;gap:.25rem;padding:.5rem;animation:.15s ease-out ndMenubarFadeIn;display:flex;position:absolute;top:calc(100% + .25rem);left:0}@keyframes ndMenubarFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nd-menubar-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;display:flex}.nd-menubar-item:hover{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset)}.nd-menubar-separator{background-color:#0000;border-radius:2px;height:2px;margin:.25rem 0;box-shadow:inset 0 2px 2px #0000000d}[data-theme=dark] .nd-menubar-separator{box-shadow:inset 0 2px 2px #0000004d}.nd-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.nd-modal-overlay--open{opacity:1;visibility:visible}.nd-modal{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset), 0 0 20px #00000080;width:90%;max-width:500px;font-family:var(--nd-font-family);color:var(--nd-color-text-primary);padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px)scale(.95)}.nd-modal-overlay--open .nd-modal{transform:translateY(0)scale(1)}.nd-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.nd-modal-title{margin:0;font-size:1.25rem;font-weight:600}.nd-modal-close{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.nd-modal-close:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-modal-content{color:var(--nd-color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.nd-modal-footer{justify-content:flex-end;gap:1rem;display:flex}.nd-pagination{font-family:var(--nd-font-family);justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nd-pagination-item{appearance:none;background-color:var(--nd-color-bg);width:2.5rem;height:2.5rem;color:var(--nd-color-text-secondary);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);cursor:pointer;transition:var(--nd-transition-base);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.nd-pagination-item:hover:not(:disabled){color:var(--nd-color-text-primary)}.nd-pagination-item:active:not(:disabled){box-shadow:var(--nd-shadow-inset)}.nd-pagination-item--active{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset);pointer-events:none}.nd-pagination-item:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--nd-shadow-outset)}.nd-pagination-ellipsis{width:2.5rem;height:2.5rem;color:var(--nd-color-text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.nd-popover-wrapper{display:inline-block;position:relative}.nd-popover-content{z-index:50;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);font-family:var(--nd-font-family);min-width:200px;padding:1rem;animation:.2s ndPopoverFadeIn;position:absolute}@keyframes ndPopoverFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nd-popover-content--bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.nd-popover-content--top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.nd-popover-content--left{top:50%;right:calc(100% + .5rem);transform:translateY(-50%)}.nd-popover-content--right{top:50%;left:calc(100% + .5rem);transform:translateY(-50%)}.nd-popover-header{color:var(--nd-color-text-primary);box-shadow:inset 0 -2px 0 var(--nd-color-shadow-dark);border-bottom:2px solid #0000;margin-bottom:.5rem;padding-bottom:.5rem;font-weight:600}[data-theme=light] .nd-popover-header{box-shadow:inset 0 -2px #a3b1c64d}.nd-popover-body{color:var(--nd-color-text-secondary);font-size:.875rem}.nd-popover-close{appearance:none;color:var(--nd-color-text-disabled);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.nd-popover-close:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-progress-wrapper{width:100%;font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;display:flex}.nd-progress-label{color:var(--nd-color-text-secondary);justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.nd-progress-value{color:var(--nd-color-accent);font-weight:600}.nd-progress-track{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:100%;height:.75rem;box-shadow:var(--nd-shadow-inset);position:relative;overflow:hidden}.nd-progress-fill{background-color:var(--nd-color-accent);border-radius:var(--nd-border-radius-pill);height:100%;box-shadow:var(--nd-glow-accent);transition:width .3s;position:absolute;top:0;left:0}.nd-radio-wrapper{cursor:pointer;font-family:var(--nd-font-family);color:var(--nd-color-text-secondary);align-items:center;gap:.75rem;font-size:1rem;display:inline-flex}.nd-radio-wrapper--disabled{opacity:.5;cursor:not-allowed}.nd-radio-box{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-circle);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);justify-content:center;align-items:center;display:flex;position:relative}.nd-radio-dot{background-color:var(--nd-color-accent);opacity:0;width:.6rem;height:.6rem;transition:var(--nd-transition-base);box-shadow:var(--nd-glow-accent);border-radius:50%;transform:scale(.5)}.nd-radio-wrapper--checked .nd-radio-dot{opacity:1;transform:scale(1)}.nd-radio-input{opacity:0;width:0;height:0;position:absolute}.nd-range-slider{touch-action:none;align-items:center;width:100%;height:24px;display:flex;position:relative}.nd-range-slider-track{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:100%;height:8px;box-shadow:var(--nd-shadow-inset);position:relative}.nd-range-slider-fill{background-color:var(--nd-color-accent);border-radius:var(--nd-border-radius-pill);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);position:absolute;top:0;bottom:0}.nd-range-slider-thumb{background-color:var(--nd-color-bg);width:24px;height:24px;box-shadow:var(--nd-shadow-outset);cursor:grab;z-index:2;border-radius:50%;transition:box-shadow .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.nd-range-slider-thumb:after{content:"";background-color:#0000;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px 2px #0003,inset -1px -1px 2px #ffffffb3}[data-theme=dark] .nd-range-slider-thumb:after{box-shadow:inset 1px 1px 2px #00000080,inset -1px -1px 2px #ffffff1a}.nd-range-slider-thumb:active,.nd-range-slider-thumb:focus{cursor:grabbing;box-shadow:var(--nd-shadow-outset), var(--nd-glow-accent);outline:none}.nd-range-slider-thumb:active:after,.nd-range-slider-thumb:focus:after{background-color:var(--nd-color-accent)}.nd-rating{align-items:center;gap:.25rem;display:inline-flex}.nd-rating-star{appearance:none;cursor:pointer;color:var(--nd-color-text-disabled);transition:var(--nd-transition-base);border-radius:var(--nd-border-radius-circle);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.nd-rating-star:hover:not(:disabled){transform:scale(1.1)}.nd-rating-star--filled{color:var(--nd-color-accent);filter:drop-shadow(0 0 5px var(--nd-color-accent))}.nd-rating-star:disabled{cursor:default;transform:none}.nd-rating-star svg{border-radius:50%;padding:4px}.nd-rating-star--unfilled svg{box-shadow:var(--nd-shadow-inset);color:var(--nd-color-text-disabled)}.nd-rating-star--filled svg{box-shadow:var(--nd-shadow-outset);background-color:var(--nd-color-bg)}.nd-resizable-container{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);width:100%;height:100%;box-shadow:var(--nd-shadow-inset);font-family:var(--nd-font-family);display:flex;overflow:hidden}.nd-resizable-container--vertical{flex-direction:column}.nd-resizable-panel{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nd-resizable-handle{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);z-index:10;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.nd-resizable-handle--horizontal{cursor:col-resize;flex-direction:column;width:16px}.nd-resizable-handle--vertical{cursor:row-resize;flex-direction:row;height:16px}.nd-resizable-handle:hover,.nd-resizable-handle:active{box-shadow:var(--nd-shadow-outset), var(--nd-glow-accent)}.nd-resizable-grip{background-color:#0000;border-radius:2px;box-shadow:inset 1px 1px 2px #0003,inset -1px -1px 2px #ffffffb3}[data-theme=dark] .nd-resizable-grip{box-shadow:inset 1px 1px 2px #00000080,inset -1px -1px 2px #ffffff1a}.nd-resizable-handle--horizontal .nd-resizable-grip{width:4px;height:24px}.nd-resizable-handle--vertical .nd-resizable-grip{width:24px;height:4px}.nd-scroll-area{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset);padding:1rem;overflow:auto}.nd-scroll-area::-webkit-scrollbar{width:12px;height:12px}.nd-scroll-area::-webkit-scrollbar-track{background:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);margin:4px;box-shadow:inset 0 0 5px #0000000d}[data-theme=dark] .nd-scroll-area::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #0000004d}.nd-scroll-area::-webkit-scrollbar-thumb{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);box-shadow:var(--nd-shadow-outset);background-clip:padding-box;border:2px solid #0000}.nd-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-outset), var(--nd-glow-accent)}.nd-scroll-area{scrollbar-width:thin;scrollbar-color:var(--nd-color-text-disabled) transparent}.nd-select-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;width:100%;display:flex;position:relative}.nd-select-label{color:var(--nd-color-text-secondary);margin-left:.25rem;font-size:.875rem;font-weight:500}.nd-select-container{width:100%;position:relative}.nd-select-trigger{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:1rem;display:flex}.nd-select-trigger--open{border-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), 0 0 5px var(--nd-color-accent)}.nd-select-trigger--disabled{opacity:.5;cursor:not-allowed}.nd-select-icon{color:var(--nd-color-text-secondary);transition:transform .2s,color .2s}.nd-select-trigger--open .nd-select-icon{color:var(--nd-color-accent);transform:rotate(180deg)}.nd-select-trigger--error{box-shadow:var(--nd-shadow-inset), 0 0 5px #f33;border-color:#f33}.nd-select-error-text{color:#f33;margin-left:.25rem;font-size:.75rem}.nd-select-dropdown{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);width:100%;box-shadow:var(--nd-shadow-outset);z-index:50;flex-direction:column;gap:.25rem;max-height:250px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto}.nd-select-option{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);padding:.75rem 1rem}.nd-select-option:hover{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset)}.nd-select-option--selected{color:var(--nd-color-accent);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset);font-weight:600}.nd-skeleton{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset);animation:2s cubic-bezier(.4,0,.6,1) infinite nd-skeleton-pulse}.nd-skeleton--text{border-radius:var(--nd-border-radius-pill);width:100%;height:1rem}.nd-skeleton--circular{border-radius:var(--nd-border-radius-circle)}.nd-skeleton--rectangular{border-radius:var(--nd-border-radius)}@keyframes nd-skeleton-pulse{0%,to{opacity:1;box-shadow:inset -2px -2px 5px var(--nd-color-shadow-light), inset 2px 2px 5px var(--nd-color-shadow-dark)}50%{opacity:.5;box-shadow:inset -6px -6px 15px var(--nd-color-shadow-light), inset 6px 6px 15px var(--nd-color-shadow-dark)}}.nd-slider-wrapper{width:100%;font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;display:flex}.nd-slider-label{color:var(--nd-color-text-secondary);justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.nd-slider-value{color:var(--nd-color-accent);font-weight:600}.nd-slider-track-container{align-items:center;height:1.5rem;display:flex;position:relative}.nd-slider-track{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:100%;height:.75rem;box-shadow:var(--nd-shadow-inset);position:relative}.nd-slider-fill{background-color:var(--nd-color-accent);border-radius:var(--nd-border-radius-pill);pointer-events:none;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #e500ff80}.nd-slider-input{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.nd-slider-input::-webkit-slider-thumb{appearance:none;background-color:var(--nd-color-bg);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-outset);cursor:grab;z-index:2;border-radius:50%;transition:box-shadow .2s;position:relative}.nd-slider-input::-webkit-slider-thumb:active{cursor:grabbing}.nd-slider-input::-moz-range-thumb{background-color:var(--nd-color-bg);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-outset);cursor:grab;z-index:2;border:none;border-radius:50%;position:relative}.nd-slider-input::-moz-range-thumb:active{cursor:grabbing}.nd-slider-wrapper--disabled{opacity:.5;cursor:not-allowed}.nd-slider-wrapper--disabled .nd-slider-input{cursor:not-allowed}.nd-slider-wrapper--disabled .nd-slider-input::-webkit-slider-thumb{cursor:not-allowed}.nd-slider-wrapper--disabled .nd-slider-input::-moz-range-thumb{cursor:not-allowed}.nd-speed-dial{font-family:var(--nd-font-family);z-index:50;flex-direction:column-reverse;align-items:center;gap:1rem;display:inline-flex;position:relative}.nd-speed-dial-trigger{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:3.5rem;height:3.5rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-primary);cursor:pointer;transition:var(--nd-transition-base);z-index:2;border:none;justify-content:center;align-items:center;display:flex}.nd-speed-dial-trigger:hover,.nd-speed-dial-trigger:focus,.nd-speed-dial--open .nd-speed-dial-trigger{box-shadow:var(--nd-shadow-inset);color:var(--nd-color-accent);outline:none}.nd-speed-dial-trigger-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nd-speed-dial--open .nd-speed-dial-trigger-icon{transform:rotate(45deg)}.nd-speed-dial-actions{pointer-events:none;flex-direction:column-reverse;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:calc(100% + 1rem)}.nd-speed-dial--open .nd-speed-dial-actions{pointer-events:auto}.nd-speed-dial-action{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:2.5rem;height:2.5rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(15px)scale(.8)}.nd-speed-dial--open .nd-speed-dial-action{opacity:1;transform:translateY(0)scale(1)}.nd-speed-dial--open .nd-speed-dial-action:first-child{transition-delay:0s}.nd-speed-dial--open .nd-speed-dial-action:nth-child(2){transition-delay:40ms}.nd-speed-dial--open .nd-speed-dial-action:nth-child(3){transition-delay:80ms}.nd-speed-dial--open .nd-speed-dial-action:nth-child(4){transition-delay:.12s}.nd-speed-dial--open .nd-speed-dial-action:nth-child(5){transition-delay:.16s}.nd-speed-dial-action:hover{color:var(--nd-color-primary);box-shadow:var(--nd-shadow-inset)}.nd-speed-dial-action:active{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);color:var(--nd-color-accent)}.nd-speed-dial-tooltip{white-space:nowrap;background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);opacity:0;pointer-events:none;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;position:absolute;right:calc(100% + .75rem);transform:translate(10px)}.nd-speed-dial-action:hover .nd-speed-dial-tooltip{opacity:1;transform:translate(0)}.nd-spinner-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.nd-spinner{border:3px solid var(--nd-color-bg);border-top-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-outset);border-radius:50%;animation:1s linear infinite nd-spin;position:relative}.nd-spinner:after{content:"";border:3px solid #0000;border-top-color:var(--nd-color-accent);filter:drop-shadow(0 0 8px var(--nd-color-accent));border-radius:50%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite nd-spin;position:absolute;inset:-3px}.nd-spinner--sm{border-width:2px;width:1.5rem;height:1.5rem}.nd-spinner--sm:after{border-width:2px;inset:-2px}.nd-spinner--md{width:2.5rem;height:2.5rem}.nd-spinner--lg{border-width:4px;width:4rem;height:4rem}.nd-spinner--lg:after{border-width:4px;inset:-4px}@keyframes nd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nd-split-button-container{font-family:var(--nd-font-family);display:inline-flex;position:relative}.nd-split-button-group{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);transition:var(--nd-transition-base);display:inline-flex}.nd-split-button-main{color:var(--nd-color-text-primary);cursor:pointer;border-top-left-radius:var(--nd-border-radius);border-bottom-left-radius:var(--nd-border-radius);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:flex}.nd-split-button-main:hover,.nd-split-button-main:focus{color:var(--nd-color-accent);outline:none}.nd-split-button-main:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80}[data-theme=dark] .nd-split-button-main:active{box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #ffffff1a}.nd-split-button-divider{background-color:#0000;border-radius:2px;width:2px;margin:.25rem 0;box-shadow:inset 1px 0 2px #0000001a,inset -1px 0 2px #ffffffb3}[data-theme=dark] .nd-split-button-divider{box-shadow:inset 1px 0 2px #00000080,inset -1px 0 2px #ffffff1a}.nd-split-button-dropdown-toggle{color:var(--nd-color-text-primary);cursor:pointer;border-top-right-radius:var(--nd-border-radius);border-bottom-right-radius:var(--nd-border-radius);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.nd-split-button-dropdown-toggle:hover,.nd-split-button-dropdown-toggle:focus{color:var(--nd-color-accent);outline:none}.nd-split-button-dropdown-toggle:active{box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80}[data-theme=dark] .nd-split-button-dropdown-toggle:active{box-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #ffffff1a}.nd-split-button-menu{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);min-width:150px;box-shadow:var(--nd-shadow-outset), 0 5px 15px #0000001a;z-index:100;flex-direction:column;gap:.25rem;padding:.5rem;animation:.15s ease-out ndSplitMenuFadeIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0}@keyframes ndSplitMenuFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nd-split-button-menu-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;display:flex}.nd-split-button-menu-item:hover{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset)}.nd-stepper{font-family:var(--nd-font-family);justify-content:space-between;align-items:center;width:100%;display:flex}.nd-stepper-item{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.nd-stepper-indicator{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:2.5rem;height:2.5rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);transition:var(--nd-transition-base);z-index:2;justify-content:center;align-items:center;font-weight:600;display:flex}.nd-stepper-item--active .nd-stepper-indicator{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-stepper-item--completed .nd-stepper-indicator{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset)}.nd-stepper-label{color:var(--nd-color-text-secondary);text-align:center;font-size:.875rem;font-weight:500;transition:color .2s}.nd-stepper-item--active .nd-stepper-label,.nd-stepper-item--completed .nd-stepper-label{color:var(--nd-color-text-primary)}.nd-stepper-connector{background-color:var(--nd-color-bg);width:100%;height:4px;box-shadow:var(--nd-shadow-inset);z-index:1;position:absolute;top:1.25rem;left:50%;transform:translateY(-50%)}.nd-stepper-item--completed .nd-stepper-connector{background-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), 0 0 5px var(--nd-color-accent)}.nd-stepper-item:last-child .nd-stepper-connector{display:none}.nd-switch{cursor:pointer;font-family:var(--nd-font-family);color:var(--nd-color-text-secondary);align-items:center;gap:.75rem;font-size:1rem;display:inline-flex}.nd-switch--disabled{opacity:.5;cursor:not-allowed}.nd-switch-track{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:3.5rem;height:1.75rem;box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);position:relative}.nd-switch-thumb{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-circle);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-outset);transition:var(--nd-transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:.125rem;left:.125rem}.nd-switch-thumb:after{content:"";width:.5rem;height:.5rem;transition:var(--nd-transition-base);background-color:#0000;border-radius:50%}.nd-switch--checked .nd-switch-thumb{transform:translate(1.75rem)}.nd-switch--checked .nd-switch-thumb:after{background-color:var(--nd-color-accent);box-shadow:0 0 8px var(--nd-color-accent)}.nd-switch--checked{color:var(--nd-color-accent);text-shadow:0 0 8px #e500ff66}.nd-switch-input{opacity:0;width:0;height:0;position:absolute}.nd-table-container{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);width:100%;box-shadow:var(--nd-shadow-outset);padding:1rem;overflow-x:auto}.nd-table{border-collapse:separate;border-spacing:0;width:100%;font-family:var(--nd-font-family);text-align:left}.nd-table-th{color:var(--nd-color-text-secondary);box-shadow:inset 0 -2px 0 var(--nd-color-shadow-dark);border-bottom:2px solid #0000;padding:1rem;font-weight:600}[data-theme=light] .nd-table-th{box-shadow:inset 0 -2px #a3b1c64d}.nd-table-td{color:var(--nd-color-text-primary);box-shadow:inset 0 -1px 0 var(--nd-color-shadow-dark);transition:var(--nd-transition-base);border-bottom:1px solid #0000;padding:1rem}[data-theme=light] .nd-table-td{box-shadow:inset 0 -1px #a3b1c633}.nd-table-tr{transition:var(--nd-transition-base)}.nd-table-tr:hover .nd-table-td{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-table-tr:last-child .nd-table-td{box-shadow:none;border-bottom:none}.nd-tabs-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:1rem;width:100%;display:flex}.nd-tabs-list{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);box-shadow:var(--nd-shadow-inset);padding:.25rem;display:flex;position:relative;overflow:hidden}.nd-tabs-tab{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:var(--nd-border-radius-pill);transition:var(--nd-transition-base);z-index:1;background:0 0;border:none;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;position:relative}.nd-tabs-tab--active{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset)}.nd-tabs-panel{color:var(--nd-color-text-secondary);padding:1rem;font-size:1rem}.nd-tags-input-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;width:100%;display:flex}.nd-tags-input-container{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);min-height:2.75rem;box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.nd-tags-input-container:focus-within{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-tags-input-container--disabled{opacity:.6;pointer-events:none}.nd-tags-input-tag{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);box-shadow:var(--nd-shadow-outset);color:var(--nd-color-accent);align-items:center;gap:.25rem;padding:.25rem .5rem .25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.nd-tags-input-tag-remove{appearance:none;border-radius:var(--nd-border-radius-circle);color:var(--nd-color-text-secondary);cursor:pointer;transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.125rem;display:flex}.nd-tags-input-tag-remove:hover{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset);color:#ef4444}.nd-tags-input-field{appearance:none;min-width:120px;color:var(--nd-color-text-primary);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:1rem}.nd-tags-input-field::placeholder{color:var(--nd-color-text-disabled)}.nd-textarea-wrapper{font-family:var(--nd-font-family);flex-direction:column;gap:.5rem;width:100%;display:flex}.nd-textarea-label{color:var(--nd-color-text-secondary);margin-left:.25rem;font-size:.875rem;font-weight:500}.nd-textarea{appearance:none;background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);transition:var(--nd-transition-base);resize:vertical;border:1px solid #0000;outline:none;width:100%;min-height:100px;padding:.75rem 1rem;font-size:1rem}.nd-textarea::placeholder{color:var(--nd-color-text-disabled)}.nd-textarea:focus{border-color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), 0 0 5px var(--nd-color-accent)}.nd-textarea:disabled{opacity:.5;cursor:not-allowed}.nd-textarea--error{box-shadow:var(--nd-shadow-inset), 0 0 5px #f33;border-color:#f33}.nd-textarea-error-text{color:#f33;margin-left:.25rem;font-size:.75rem}.nd-timepicker{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);box-shadow:var(--nd-shadow-inset);font-family:var(--nd-font-family);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:inline-flex}.nd-timepicker-segment{flex-direction:column;align-items:center;gap:.25rem;display:flex}.nd-timepicker-btn{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:1.5rem;height:1.5rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);cursor:pointer;transition:var(--nd-transition-base);border:none;justify-content:center;align-items:center;display:flex}.nd-timepicker-btn:hover{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset)}.nd-timepicker-btn:active{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-timepicker-input{text-align:center;width:3rem;color:var(--nd-color-text-primary);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:0;font-size:1.25rem;font-weight:600}.nd-timepicker-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nd-timepicker-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nd-timepicker-input:focus{color:var(--nd-color-accent)}.nd-timepicker-separator{color:var(--nd-color-text-disabled);margin-top:1.75rem;margin-bottom:1.75rem;font-size:1.25rem;font-weight:700}.nd-timepicker-ampm{flex-direction:column;gap:.5rem;margin-left:.5rem;display:flex}.nd-timepicker-ampm-btn{border-radius:var(--nd-border-radius);background-color:var(--nd-color-bg);cursor:pointer;transition:var(--nd-transition-base);color:var(--nd-color-text-disabled);box-shadow:var(--nd-shadow-outset);border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.nd-timepicker-ampm-btn--active{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-timeline{font-family:var(--nd-font-family);flex-direction:column;gap:1.5rem;margin:0;padding-left:2rem;list-style:none;display:flex;position:relative}.nd-timeline:before{content:"";background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);width:4px;box-shadow:var(--nd-shadow-inset);position:absolute;top:.5rem;bottom:.5rem;left:.5rem;transform:translate(-50%)}.nd-timeline-item{position:relative}.nd-timeline-indicator{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:1rem;height:1rem;box-shadow:var(--nd-shadow-outset);z-index:1;transition:var(--nd-transition-base);position:absolute;top:0;left:-2rem;transform:translate(50%)}.nd-timeline-item--active .nd-timeline-indicator{box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);background-color:var(--nd-color-accent)}.nd-timeline-content{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);transition:var(--nd-transition-base);padding:1rem 1.5rem}.nd-timeline-content:hover{box-shadow:var(--nd-shadow-inset)}.nd-timeline-title{color:var(--nd-color-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.nd-timeline-time{color:var(--nd-color-text-disabled);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.nd-timeline-description{color:var(--nd-color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.nd-toast{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);justify-content:space-between;align-items:center;gap:1rem;min-width:250px;max-width:400px;padding:1rem 1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) nd-toast-slide-up;display:flex;position:relative;overflow:hidden}.nd-toast-content{flex-direction:column;gap:.25rem;display:flex}.nd-toast-title{font-size:1rem;font-weight:600}.nd-toast-description{color:var(--nd-color-text-secondary);font-size:.875rem}.nd-toast-close{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:var(--nd-border-radius-circle);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.nd-toast-close:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-toast--default{border-left:4px solid var(--nd-color-accent)}.nd-toast--success{border-left:4px solid #39ff14}.nd-toast--error{border-left:4px solid #f33}.nd-toast--warning{border-left:4px solid #fa0}@keyframes nd-toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nd-togglegroup{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);gap:.25rem;padding:.25rem;display:inline-flex}.nd-togglegroup-item{appearance:none;color:var(--nd-color-text-secondary);cursor:pointer;border-radius:calc(var(--nd-border-radius) - .25rem);transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.nd-togglegroup-item:hover{color:var(--nd-color-text-primary)}.nd-togglegroup-item--active{color:var(--nd-color-accent);box-shadow:var(--nd-shadow-inset);background-color:var(--nd-color-bg)}.nd-tooltip-wrapper{display:inline-flex;position:relative}.nd-tooltip{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-outset);white-space:nowrap;z-index:100;opacity:0;visibility:hidden;pointer-events:none;padding:.5rem .75rem;font-size:.75rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute}.nd-tooltip:after{content:"";border-style:solid;border-width:5px;position:absolute}.nd-tooltip-wrapper:hover .nd-tooltip{opacity:1;visibility:visible}.nd-tooltip--top{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%,-10px)}.nd-tooltip-wrapper:hover .nd-tooltip--top{transform:translate(-50%)}.nd-tooltip--top:after{border-color:var(--nd-color-bg) transparent transparent transparent;top:100%;left:50%;transform:translate(-50%)}.nd-tooltip--bottom{margin-top:8px;top:100%;left:50%;transform:translate(-50%,10px)}.nd-tooltip-wrapper:hover .nd-tooltip--bottom{transform:translate(-50%)}.nd-tooltip--bottom:after{border-color:transparent transparent var(--nd-color-bg) transparent;bottom:100%;left:50%;transform:translate(-50%)}.nd-transfer-list{font-family:var(--nd-font-family);align-items:center;gap:1.5rem;width:100%;display:flex}.nd-transfer-list-box{background-color:var(--nd-color-bg);border-radius:var(--nd-border-radius);box-shadow:var(--nd-shadow-inset);flex-direction:column;flex:1;height:300px;padding:1rem;display:flex}.nd-transfer-list-title{color:var(--nd-color-text-primary);text-align:center;margin:0 0 1rem;font-size:.875rem;font-weight:600}.nd-transfer-list-items{flex-direction:column;flex:1;gap:.5rem;margin:-.5rem;padding:.5rem;list-style:none;display:flex;overflow-y:auto}.nd-transfer-list-items::-webkit-scrollbar{width:12px}.nd-transfer-list-items::-webkit-scrollbar-track{background:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);margin:4px;box-shadow:inset 1px 1px 3px #0000001a,inset -1px -1px 3px #ffffff80}[data-theme=dark] .nd-transfer-list-items::-webkit-scrollbar-track{box-shadow:inset 1px 1px 3px #00000080,inset -1px -1px 3px #ffffff0d}.nd-transfer-list-items::-webkit-scrollbar-thumb{background:var(--nd-color-bg);border-radius:var(--nd-border-radius-pill);background-clip:padding-box;border:3px solid #0000;box-shadow:1px 1px 2px #0003,-1px -1px 2px #fffc}[data-theme=dark] .nd-transfer-list-items::-webkit-scrollbar-thumb{box-shadow:1px 1px 2px #000c,-1px -1px 2px #ffffff1a}.nd-transfer-list-item{border-radius:calc(var(--nd-border-radius) - 4px);cursor:pointer;transition:var(--nd-transition-base);color:var(--nd-color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.nd-transfer-list-item:hover{color:var(--nd-color-text-primary);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset)}.nd-transfer-list-item--selected{color:var(--nd-color-accent);background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent)}.nd-transfer-list-controls{flex-direction:column;gap:1rem;display:flex}.nd-transfer-list-btn{border-radius:var(--nd-border-radius-circle);background-color:var(--nd-color-bg);width:2.5rem;height:2.5rem;box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-secondary);cursor:pointer;transition:var(--nd-transition-base);border:none;justify-content:center;align-items:center;display:flex}.nd-transfer-list-btn:hover:not(:disabled){color:var(--nd-color-text-primary);box-shadow:var(--nd-shadow-inset)}.nd-transfer-list-btn:active:not(:disabled){box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);color:var(--nd-color-accent)}.nd-transfer-list-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:0 0;border:2px dashed #0000001a}[data-theme=dark] .nd-transfer-list-btn:disabled{border-color:#ffffff1a}.nd-tree{font-family:var(--nd-font-family);margin:0;padding:0;list-style:none}.nd-tree-node{margin-top:.25rem}.nd-tree-node-content{border-radius:var(--nd-border-radius);cursor:pointer;transition:var(--nd-transition-base);color:var(--nd-color-text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;display:flex}.nd-tree-node-content:hover{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-outset);color:var(--nd-color-text-primary)}.nd-tree-node-content--selected{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset), var(--nd-glow-accent);color:var(--nd-color-accent)}.nd-tree-toggle{appearance:none;color:inherit;cursor:pointer;border-radius:var(--nd-border-radius-circle);width:1.5rem;height:1.5rem;transition:var(--nd-transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.nd-tree-toggle:hover{background-color:var(--nd-color-bg);box-shadow:var(--nd-shadow-inset)}.nd-tree-children{margin:0;padding:0 0 0 1.5rem;list-style:none;position:relative}.nd-tree-children:before{content:"";background-color:#0000;width:2px;position:absolute;top:0;bottom:0;left:.75rem;box-shadow:inset 1px 0 2px #0000000d}[data-theme=dark] .nd-tree-children:before{box-shadow:inset 1px 0 2px #0000004d}.nd-tree-icon{color:inherit;justify-content:center;align-items:center;display:flex}:root,[data-theme=dark]{--nd-color-bg:#212328;--nd-color-text-primary:#fff;--nd-color-text-secondary:#8c8f96;--nd-color-text-disabled:#555861;--nd-color-shadow-light:#ffffff0a;--nd-color-shadow-dark:#00000080;--nd-shadow-outset:-5px -5px 12px var(--nd-color-shadow-light), 5px 5px 12px var(--nd-color-shadow-dark);--nd-shadow-outset-hover:-3px -3px 8px var(--nd-color-shadow-light), 3px 3px 8px var(--nd-color-shadow-dark);--nd-shadow-inset:inset -4px -4px 10px var(--nd-color-shadow-light), inset 4px 4px 10px var(--nd-color-shadow-dark);--nd-transition-base:all .2s cubic-bezier(.4, 0, .2, 1);--nd-border-radius:16px;--nd-border-radius-pill:9999px;--nd-border-radius-circle:50%;--nd-font-family:"Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--nd-color-bg:#e0e5ec;--nd-color-text-primary:#333;--nd-color-text-secondary:#6b7280;--nd-color-text-disabled:#9ca3af;--nd-color-shadow-light:#fff;--nd-color-shadow-dark:#a3b1c699}:root,[data-accent=magenta]{--nd-color-accent:#e500ff;--nd-glow-accent:0 0 15px #e500ff66, 0 0 30px #e500ff33}[data-theme=light][data-accent=magenta],[data-theme=light]:root{--nd-glow-accent:0 0 10px #e500ff4d, 0 0 20px #e500ff26}[data-accent=cyan]{--nd-color-accent:#00e5ff;--nd-glow-accent:0 0 15px #00e5ff66, 0 0 30px #00e5ff33}[data-theme=light][data-accent=cyan]{--nd-glow-accent:0 0 10px #00e5ff4d, 0 0 20px #00e5ff26}[data-accent=lime]{--nd-color-accent:#39ff14;--nd-glow-accent:0 0 15px #39ff1466, 0 0 30px #39ff1433}[data-theme=light][data-accent=lime]{--nd-glow-accent:0 0 10px #39ff144d, 0 0 20px #39ff1426}[data-accent=orange]{--nd-color-accent:#ff6a00;--nd-glow-accent:0 0 15px #ff6a0066, 0 0 30px #ff6a0033}[data-theme=light][data-accent=orange]{--nd-glow-accent:0 0 10px #ff6a004d, 0 0 20px #ff6a0026}[data-accent=blue]{--nd-color-accent:#007aff;--nd-glow-accent:0 0 15px #007aff66, 0 0 30px #007aff33}[data-theme=light][data-accent=blue]{--nd-glow-accent:0 0 10px #007aff4d, 0 0 20px #007aff26}[data-accent=purple]{--nd-color-accent:#8a2be2;--nd-glow-accent:0 0 15px #8a2be266, 0 0 30px #8a2be233}[data-theme=light][data-accent=purple]{--nd-glow-accent:0 0 10px #8a2be24d, 0 0 20px #8a2be226}[data-accent=red]{--nd-color-accent:#ff3b30;--nd-glow-accent:0 0 15px #ff3b3066, 0 0 30px #ff3b3033}[data-theme=light][data-accent=red]{--nd-glow-accent:0 0 10px #ff3b304d, 0 0 20px #ff3b3026}[data-accent=yellow]{--nd-color-accent:#fc0;--nd-glow-accent:0 0 15px #fc06, 0 0 30px #fc03}[data-theme=light][data-accent=yellow]{--nd-glow-accent:0 0 10px #ffcc004d, 0 0 20px #ffcc0026}[data-accent=green]{--nd-color-accent:#34c759;--nd-glow-accent:0 0 15px #34c75966, 0 0 30px #34c75933}[data-theme=light][data-accent=green]{--nd-glow-accent:0 0 10px #34c7594d, 0 0 20px #34c75926}[data-accent=teal]{--nd-color-accent:#14b8a6;--nd-glow-accent:0 0 15px #14b8a666, 0 0 30px #14b8a633}[data-theme=light][data-accent=teal]{--nd-glow-accent:0 0 10px #14b8a64d, 0 0 20px #14b8a626}body{background-color:var(--nd-color-bg);color:var(--nd-color-text-primary);font-family:var(--nd-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .3s,color .3s}.sb-show-main.sb-main-padded{background-color:var(--nd-color-bg);min-height:100vh;padding:3rem;transition:background-color .3s}
2
+ /*$vite$:1*/