@muten/shadcn 0.0.7 → 0.1.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.
- package/AGENTS.md +47 -0
- package/README.md +47 -0
- package/kit.css +2767 -0
- package/motion.css +31 -1
- package/nova.css +1387 -0
- package/package.json +6 -2
- package/registry/accordion.muten +11 -10
- package/registry/agenda.js +35 -0
- package/registry/agenda.muten +10 -0
- package/registry/alert-dialog.muten +9 -12
- package/registry/alert.muten +8 -8
- package/registry/app-shell.js +9 -0
- package/registry/app-shell.muten +12 -0
- package/registry/attachment.muten +13 -9
- package/registry/avatar.muten +24 -5
- package/registry/badge.muten +23 -8
- package/registry/band.muten +16 -0
- package/registry/bar-chart.muten +7 -0
- package/registry/bell.muten +3 -0
- package/registry/bento.muten +6 -9
- package/registry/booking.js +21 -0
- package/registry/booking.muten +13 -0
- package/registry/breadcrumb.muten +9 -7
- package/registry/button-group.muten +13 -4
- package/registry/button.muten +21 -8
- package/registry/calendar.js +28 -93
- package/registry/calendar.muten +9 -8
- package/registry/canvas-viewport.js +12 -5
- package/registry/canvas-viewport.muten +9 -9
- package/registry/card-field.muten +4 -0
- package/registry/card.muten +12 -8
- package/registry/carousel.js +5 -36
- package/registry/carousel.muten +12 -5
- package/registry/chatbot.muten +9 -0
- package/registry/checklist.muten +6 -0
- package/registry/choice-list.muten +16 -0
- package/registry/code.js +14 -12
- package/registry/code.muten +6 -7
- package/registry/collapsible.muten +14 -10
- package/registry/color-picker.js +460 -41
- package/registry/color-picker.muten +7 -6
- package/registry/combobox.js +5 -0
- package/registry/combobox.muten +6 -23
- package/registry/command-palette.muten +8 -12
- package/registry/command.js +32 -0
- package/registry/command.muten +32 -11
- package/registry/context-menu.muten +9 -8
- package/registry/count-up.muten +5 -10
- package/registry/date-field.js +5 -0
- package/registry/date-field.muten +7 -0
- package/registry/device-frame.muten +8 -0
- package/registry/dialog.muten +6 -12
- package/registry/dirty-bar.js +19 -0
- package/registry/dirty-bar.muten +13 -0
- package/registry/drawer.muten +6 -11
- package/registry/dropdown-menu.muten +37 -13
- package/registry/empty.muten +11 -7
- package/registry/feature-grid.muten +10 -12
- package/registry/feature-rows.muten +12 -8
- package/registry/field-behavior.js +33 -0
- package/registry/field-behavior.muten +9 -0
- package/registry/field.muten +26 -7
- package/registry/file-input.js +36 -21
- package/registry/file-input.muten +8 -7
- package/registry/fixed-card.muten +25 -0
- package/registry/folder-picker.js +13 -15
- package/registry/folder-picker.muten +5 -8
- package/registry/gradient-blinds.muten +6 -13
- package/registry/hover-card.muten +7 -9
- package/registry/image-upload.js +5 -0
- package/registry/image-upload.muten +8 -0
- package/registry/indicator.muten +5 -0
- package/registry/input-group.muten +27 -4
- package/registry/input-otp.js +8 -35
- package/registry/input-otp.muten +6 -6
- package/registry/input.muten +8 -7
- package/registry/inspector.muten +13 -15
- package/registry/island.js +7 -0
- package/registry/island.muten +5 -0
- package/registry/item.muten +20 -7
- package/registry/kbd.muten +3 -3
- package/registry/kit/board.js +300 -0
- package/registry/kit/collections.js +148 -0
- package/registry/kit/core.js +989 -0
- package/registry/kit/dates.js +106 -0
- package/registry/kit/menus.js +90 -0
- package/registry/kit/overlays.js +114 -0
- package/registry/kit/paint.js +211 -0
- package/registry/kit/qrcode.js +2291 -0
- package/registry/kit/structure.js +395 -0
- package/registry/kit/table.js +198 -0
- package/registry/kit/values.js +179 -0
- package/registry/kit-layer.js +2 -0
- package/registry/kit-layer.muten +5 -0
- package/registry/kit-skeleton.js +24 -0
- package/registry/kit-skeleton.muten +16 -0
- package/registry/kit-widget.js +79 -0
- package/registry/kit-widget.muten +4 -0
- package/registry/link-btn.muten +9 -7
- package/registry/live-stack.js +29 -0
- package/registry/live-stack.muten +7 -0
- package/registry/logo-cloud.muten +6 -11
- package/registry/member-list.muten +6 -0
- package/registry/menubar.muten +10 -14
- package/registry/message-scroller.js +12 -0
- package/registry/message-scroller.muten +8 -4
- package/registry/message.muten +27 -10
- package/registry/messaging.muten +11 -0
- package/registry/modal-behavior.js +56 -0
- package/registry/modal-behavior.muten +4 -0
- package/registry/modal.muten +29 -0
- package/registry/money-field.js +5 -0
- package/registry/money-field.muten +7 -0
- package/registry/nav-button.muten +14 -0
- package/registry/navigation-menu.muten +16 -14
- package/registry/navpill.muten +15 -9
- package/registry/new-appointment.js +8 -0
- package/registry/new-appointment.muten +10 -0
- package/registry/number-field.js +34 -24
- package/registry/number-field.muten +8 -6
- package/registry/order-board.js +6 -0
- package/registry/order-board.muten +21 -0
- package/registry/overlay-behavior.js +13 -0
- package/registry/overlay-behavior.muten +4 -0
- package/registry/pagination-nav.js +6 -0
- package/registry/pagination-nav.muten +8 -0
- package/registry/pagination.muten +12 -9
- package/registry/password-field.muten +3 -0
- package/registry/permission-matrix.muten +6 -0
- package/registry/phone-field.js +5 -0
- package/registry/phone-field.muten +7 -0
- package/registry/phone-shell.js +7 -0
- package/registry/phone-shell.muten +9 -0
- package/registry/pill.muten +6 -5
- package/registry/plans.muten +4 -0
- package/registry/popover.muten +16 -9
- package/registry/pricing.muten +21 -21
- package/registry/progress.muten +5 -5
- package/registry/queue.muten +3 -0
- package/registry/radio-group.muten +16 -8
- package/registry/range-slider.js +9 -24
- package/registry/range-slider.muten +4 -5
- package/registry/resizable.js +34 -27
- package/registry/resizable.muten +16 -5
- package/registry/roving-behavior.js +16 -0
- package/registry/roving-behavior.muten +3 -0
- package/registry/row-menu.js +5 -0
- package/registry/row-menu.muten +5 -0
- package/registry/save-button.muten +11 -0
- package/registry/scale-slider.js +7 -0
- package/registry/scale-slider.muten +9 -0
- package/registry/scroll-area.muten +8 -4
- package/registry/segmented-control.muten +8 -8
- package/registry/separator.muten +3 -3
- package/registry/share-button.js +7 -0
- package/registry/share-button.muten +10 -0
- package/registry/sheet.muten +6 -10
- package/registry/sidebar.muten +23 -15
- package/registry/skeleton.muten +6 -4
- package/registry/slider.js +73 -27
- package/registry/slider.muten +6 -6
- package/registry/sortable-behavior.js +43 -0
- package/registry/sortable-behavior.muten +2 -0
- package/registry/sortable-list.js +10 -26
- package/registry/sortable-list.muten +6 -7
- package/registry/sortable.muten +15 -0
- package/registry/spark.js +14 -0
- package/registry/spark.muten +3 -0
- package/registry/spinner.muten +4 -3
- package/registry/split-button.muten +12 -10
- package/registry/stamp-card.muten +7 -0
- package/registry/stat-band.muten +6 -9
- package/registry/stat.muten +23 -0
- package/registry/status-bar.muten +7 -6
- package/registry/stepper.muten +17 -14
- package/registry/store-qr.js +5 -0
- package/registry/store-qr.muten +5 -0
- package/registry/swatch.muten +8 -8
- package/registry/switch.muten +14 -6
- package/registry/table-view.muten +10 -0
- package/registry/tabs-behavior.js +27 -0
- package/registry/tabs-behavior.muten +3 -0
- package/registry/tabs.muten +19 -10
- package/registry/tag-input.js +4 -27
- package/registry/tag-input.muten +6 -6
- package/registry/text.muten +7 -0
- package/registry/time-field.js +5 -0
- package/registry/time-field.muten +6 -0
- package/registry/timeline.muten +14 -14
- package/registry/toaster.js +34 -22
- package/registry/toaster.muten +10 -8
- package/registry/toggle-group.muten +11 -6
- package/registry/toggle.muten +8 -5
- package/registry/toolbar.muten +11 -6
- package/registry/tooltip.muten +6 -9
- package/registry/tree-view.js +27 -7
- package/registry/tree-view.muten +8 -13
- package/registry/vector-field.muten +9 -8
- package/registry/virtual-list.js +5 -0
- package/registry/virtual-list.muten +6 -0
- package/registry/weekly-hours.muten +4 -0
- package/registry/wordline.muten +6 -0
- package/registry/zoom-control.muten +9 -9
- package/registry.json +872 -406
- package/registry/context-menu.js +0 -34
package/nova.css
ADDED
|
@@ -0,0 +1,1387 @@
|
|
|
1
|
+
/* @muten/shadcn · Nova: shadcn's current style (the `cn-*` component classes under `.style-nova`), the same source
|
|
2
|
+
shadcn ships, compiled by the app's Tailwind v4. Import it AFTER globals.css and put `class="style-nova"` on <html>.
|
|
3
|
+
globals.css keeps the tokens (--background, --primary…), the dark variant and the base layer; this file adds the
|
|
4
|
+
components. The older `.btn`/`.card` recipes in globals.css keep working until every part is ported. */
|
|
5
|
+
|
|
6
|
+
@theme inline {
|
|
7
|
+
--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
|
|
8
|
+
--font-mono: "Geist Mono", ui-monospace, monospace;
|
|
9
|
+
--font-heading: var(--font-sans);
|
|
10
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
11
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
12
|
+
--radius-lg: var(--radius);
|
|
13
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
14
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
15
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
16
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
17
|
+
--color-background: var(--background); --color-foreground: var(--foreground);
|
|
18
|
+
--color-card: var(--card); --color-card-foreground: var(--card-foreground);
|
|
19
|
+
--color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground);
|
|
20
|
+
--color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground);
|
|
21
|
+
--color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground);
|
|
22
|
+
--color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground);
|
|
23
|
+
--color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground);
|
|
24
|
+
--color-destructive: var(--destructive);
|
|
25
|
+
--color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring);
|
|
26
|
+
--color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground);
|
|
27
|
+
--color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
28
|
+
--color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
@theme inline {
|
|
33
|
+
@keyframes accordion-down {
|
|
34
|
+
from {
|
|
35
|
+
height: 0;
|
|
36
|
+
}
|
|
37
|
+
to {
|
|
38
|
+
height: var(
|
|
39
|
+
--radix-accordion-content-height,
|
|
40
|
+
var(--accordion-panel-height, auto)
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@keyframes accordion-up {
|
|
46
|
+
from {
|
|
47
|
+
height: var(
|
|
48
|
+
--radix-accordion-content-height,
|
|
49
|
+
var(--accordion-panel-height, auto)
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
to {
|
|
53
|
+
height: 0;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* Custom variants */
|
|
59
|
+
@custom-variant data-open {
|
|
60
|
+
&:where([data-state="open"]),
|
|
61
|
+
&:where([data-open]:not([data-open="false"])) {
|
|
62
|
+
@slot;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@custom-variant data-closed {
|
|
67
|
+
&:where([data-state="closed"]),
|
|
68
|
+
&:where([data-closed]:not([data-closed="false"])) {
|
|
69
|
+
@slot;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@custom-variant data-checked {
|
|
74
|
+
&:where([data-state="checked"]),
|
|
75
|
+
&:where([data-checked]:not([data-checked="false"])) {
|
|
76
|
+
@slot;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@custom-variant data-unchecked {
|
|
81
|
+
&:where([data-state="unchecked"]),
|
|
82
|
+
&:where([data-unchecked]:not([data-unchecked="false"])) {
|
|
83
|
+
@slot;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@custom-variant data-selected {
|
|
88
|
+
&:where([data-selected="true"]) {
|
|
89
|
+
@slot;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@custom-variant data-disabled {
|
|
94
|
+
&:where([data-disabled="true"]),
|
|
95
|
+
&:where([data-disabled]:not([data-disabled="false"])) {
|
|
96
|
+
@slot;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
@custom-variant data-active {
|
|
101
|
+
&:where([data-state="active"]),
|
|
102
|
+
&:where([data-active]:not([data-active="false"])) {
|
|
103
|
+
@slot;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@custom-variant data-horizontal {
|
|
108
|
+
&:where([data-orientation="horizontal"]) {
|
|
109
|
+
@slot;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
@custom-variant data-vertical {
|
|
114
|
+
&:where([data-orientation="vertical"]) {
|
|
115
|
+
@slot;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@utility no-scrollbar {
|
|
120
|
+
-ms-overflow-style: none;
|
|
121
|
+
scrollbar-width: none;
|
|
122
|
+
|
|
123
|
+
&::-webkit-scrollbar {
|
|
124
|
+
display: none;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* scroll-fade */
|
|
129
|
+
@property --scroll-fade-t {
|
|
130
|
+
syntax: "<length-percentage>";
|
|
131
|
+
inherits: false;
|
|
132
|
+
initial-value: 0px;
|
|
133
|
+
}
|
|
134
|
+
@property --scroll-fade-b {
|
|
135
|
+
syntax: "<length-percentage>";
|
|
136
|
+
inherits: false;
|
|
137
|
+
initial-value: 0px;
|
|
138
|
+
}
|
|
139
|
+
@property --scroll-fade-s {
|
|
140
|
+
syntax: "<length-percentage>";
|
|
141
|
+
inherits: false;
|
|
142
|
+
initial-value: 0px;
|
|
143
|
+
}
|
|
144
|
+
@property --scroll-fade-e {
|
|
145
|
+
syntax: "<length-percentage>";
|
|
146
|
+
inherits: false;
|
|
147
|
+
initial-value: 0px;
|
|
148
|
+
}
|
|
149
|
+
@property --scroll-fade-mask {
|
|
150
|
+
syntax: "*";
|
|
151
|
+
inherits: false;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
@theme inline {
|
|
155
|
+
@keyframes scroll-fade-reveal-t {
|
|
156
|
+
from {
|
|
157
|
+
--scroll-fade-t: 0px;
|
|
158
|
+
}
|
|
159
|
+
to {
|
|
160
|
+
--scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
@keyframes scroll-fade-reveal-b {
|
|
164
|
+
from {
|
|
165
|
+
--scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
|
|
166
|
+
}
|
|
167
|
+
to {
|
|
168
|
+
--scroll-fade-b: 0px;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
@keyframes scroll-fade-reveal-s {
|
|
172
|
+
from {
|
|
173
|
+
--scroll-fade-s: 0px;
|
|
174
|
+
}
|
|
175
|
+
to {
|
|
176
|
+
--scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
@keyframes scroll-fade-reveal-e {
|
|
180
|
+
from {
|
|
181
|
+
--scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
|
|
182
|
+
}
|
|
183
|
+
to {
|
|
184
|
+
--scroll-fade-e: 0px;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
@utility scroll-fade {
|
|
190
|
+
--_scroll-fade-size-t: var(
|
|
191
|
+
--scroll-fade-t-size,
|
|
192
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
193
|
+
);
|
|
194
|
+
--_scroll-fade-size-b: var(
|
|
195
|
+
--scroll-fade-b-size,
|
|
196
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
197
|
+
);
|
|
198
|
+
--scroll-fade-block: linear-gradient(
|
|
199
|
+
to bottom,
|
|
200
|
+
transparent 0,
|
|
201
|
+
#000 var(--scroll-fade-t, 0px),
|
|
202
|
+
#000 calc(100% - var(--scroll-fade-b, 0px)),
|
|
203
|
+
transparent 100%
|
|
204
|
+
);
|
|
205
|
+
-webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
|
|
206
|
+
mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
|
|
207
|
+
-webkit-mask-composite: source-in;
|
|
208
|
+
mask-composite: intersect;
|
|
209
|
+
-webkit-mask-repeat: no-repeat;
|
|
210
|
+
mask-repeat: no-repeat;
|
|
211
|
+
|
|
212
|
+
@supports (animation-timeline: scroll()) {
|
|
213
|
+
animation:
|
|
214
|
+
scroll-fade-reveal-t 1ms ease-in-out,
|
|
215
|
+
scroll-fade-reveal-b 1ms ease-in-out;
|
|
216
|
+
animation-timeline: scroll(self y), scroll(self y);
|
|
217
|
+
animation-range:
|
|
218
|
+
0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
|
|
219
|
+
calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
|
|
220
|
+
animation-fill-mode: both;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
@supports not (animation-timeline: scroll()) {
|
|
224
|
+
--scroll-fade-t: var(--_scroll-fade-size-t);
|
|
225
|
+
--scroll-fade-b: var(--_scroll-fade-size-b);
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
@utility scroll-fade-y {
|
|
230
|
+
--_scroll-fade-size-t: var(
|
|
231
|
+
--scroll-fade-t-size,
|
|
232
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
233
|
+
);
|
|
234
|
+
--_scroll-fade-size-b: var(
|
|
235
|
+
--scroll-fade-b-size,
|
|
236
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
237
|
+
);
|
|
238
|
+
--scroll-fade-block: linear-gradient(
|
|
239
|
+
to bottom,
|
|
240
|
+
transparent 0,
|
|
241
|
+
#000 var(--scroll-fade-t, 0px),
|
|
242
|
+
#000 calc(100% - var(--scroll-fade-b, 0px)),
|
|
243
|
+
transparent 100%
|
|
244
|
+
);
|
|
245
|
+
-webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
|
|
246
|
+
mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
|
|
247
|
+
-webkit-mask-composite: source-in;
|
|
248
|
+
mask-composite: intersect;
|
|
249
|
+
-webkit-mask-repeat: no-repeat;
|
|
250
|
+
mask-repeat: no-repeat;
|
|
251
|
+
|
|
252
|
+
@supports (animation-timeline: scroll()) {
|
|
253
|
+
animation:
|
|
254
|
+
scroll-fade-reveal-t 1ms ease-in-out,
|
|
255
|
+
scroll-fade-reveal-b 1ms ease-in-out;
|
|
256
|
+
animation-timeline: scroll(self y), scroll(self y);
|
|
257
|
+
animation-range:
|
|
258
|
+
0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
|
|
259
|
+
calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
|
|
260
|
+
animation-fill-mode: both;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
@supports not (animation-timeline: scroll()) {
|
|
264
|
+
--scroll-fade-t: var(--_scroll-fade-size-t);
|
|
265
|
+
--scroll-fade-b: var(--_scroll-fade-size-b);
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
@utility scroll-fade-x {
|
|
270
|
+
--_scroll-fade-size-s: var(
|
|
271
|
+
--scroll-fade-s-size,
|
|
272
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
273
|
+
);
|
|
274
|
+
--_scroll-fade-size-e: var(
|
|
275
|
+
--scroll-fade-e-size,
|
|
276
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
277
|
+
);
|
|
278
|
+
--scroll-fade-inline: linear-gradient(
|
|
279
|
+
to right,
|
|
280
|
+
transparent 0,
|
|
281
|
+
#000 var(--scroll-fade-s, 0px),
|
|
282
|
+
#000 calc(100% - var(--scroll-fade-e, 0px)),
|
|
283
|
+
transparent 100%
|
|
284
|
+
);
|
|
285
|
+
&:where([dir="rtl"], [dir="rtl"] *) {
|
|
286
|
+
--scroll-fade-inline: linear-gradient(
|
|
287
|
+
to left,
|
|
288
|
+
transparent 0,
|
|
289
|
+
#000 var(--scroll-fade-s, 0px),
|
|
290
|
+
#000 calc(100% - var(--scroll-fade-e, 0px)),
|
|
291
|
+
transparent 100%
|
|
292
|
+
);
|
|
293
|
+
}
|
|
294
|
+
-webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
|
|
295
|
+
mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
|
|
296
|
+
-webkit-mask-composite: source-in;
|
|
297
|
+
mask-composite: intersect;
|
|
298
|
+
-webkit-mask-repeat: no-repeat;
|
|
299
|
+
mask-repeat: no-repeat;
|
|
300
|
+
|
|
301
|
+
@supports (animation-timeline: scroll()) {
|
|
302
|
+
animation:
|
|
303
|
+
scroll-fade-reveal-s 1ms ease-in-out,
|
|
304
|
+
scroll-fade-reveal-e 1ms ease-in-out;
|
|
305
|
+
animation-timeline: scroll(self inline), scroll(self inline);
|
|
306
|
+
animation-range:
|
|
307
|
+
0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
|
|
308
|
+
calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
|
|
309
|
+
animation-fill-mode: both;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
@supports not (animation-timeline: scroll()) {
|
|
313
|
+
--scroll-fade-s: var(--_scroll-fade-size-s);
|
|
314
|
+
--scroll-fade-e: var(--_scroll-fade-size-e);
|
|
315
|
+
}
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
@utility scroll-fade-t {
|
|
319
|
+
--_scroll-fade-size-t: var(
|
|
320
|
+
--scroll-fade-t-size,
|
|
321
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
322
|
+
);
|
|
323
|
+
--scroll-fade-mask: linear-gradient(
|
|
324
|
+
to bottom,
|
|
325
|
+
transparent 0,
|
|
326
|
+
#000 var(--scroll-fade-t, 0px),
|
|
327
|
+
#000 100%
|
|
328
|
+
);
|
|
329
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
330
|
+
mask-image: var(--scroll-fade-mask);
|
|
331
|
+
-webkit-mask-composite: source-in;
|
|
332
|
+
mask-composite: intersect;
|
|
333
|
+
-webkit-mask-repeat: no-repeat;
|
|
334
|
+
mask-repeat: no-repeat;
|
|
335
|
+
|
|
336
|
+
@supports (animation-timeline: scroll()) {
|
|
337
|
+
animation: scroll-fade-reveal-t 1ms ease-in-out;
|
|
338
|
+
animation-timeline: scroll(self y);
|
|
339
|
+
animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
|
|
340
|
+
animation-fill-mode: both;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
@supports not (animation-timeline: scroll()) {
|
|
344
|
+
--scroll-fade-t: var(--_scroll-fade-size-t);
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
@utility scroll-fade-b {
|
|
349
|
+
--_scroll-fade-size-b: var(
|
|
350
|
+
--scroll-fade-b-size,
|
|
351
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
352
|
+
);
|
|
353
|
+
--scroll-fade-mask: linear-gradient(
|
|
354
|
+
to bottom,
|
|
355
|
+
#000 0,
|
|
356
|
+
#000 calc(100% - var(--scroll-fade-b, 0px)),
|
|
357
|
+
transparent 100%
|
|
358
|
+
);
|
|
359
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
360
|
+
mask-image: var(--scroll-fade-mask);
|
|
361
|
+
-webkit-mask-composite: source-in;
|
|
362
|
+
mask-composite: intersect;
|
|
363
|
+
-webkit-mask-repeat: no-repeat;
|
|
364
|
+
mask-repeat: no-repeat;
|
|
365
|
+
|
|
366
|
+
@supports (animation-timeline: scroll()) {
|
|
367
|
+
animation: scroll-fade-reveal-b 1ms ease-in-out;
|
|
368
|
+
animation-timeline: scroll(self y);
|
|
369
|
+
animation-range: calc(
|
|
370
|
+
100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
|
|
371
|
+
)
|
|
372
|
+
100%;
|
|
373
|
+
animation-fill-mode: both;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
@supports not (animation-timeline: scroll()) {
|
|
377
|
+
--scroll-fade-b: var(--_scroll-fade-size-b);
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
@utility scroll-fade-l {
|
|
382
|
+
--_scroll-fade-size-s: var(
|
|
383
|
+
--scroll-fade-s-size,
|
|
384
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
385
|
+
);
|
|
386
|
+
--scroll-fade-mask: linear-gradient(
|
|
387
|
+
to right,
|
|
388
|
+
transparent 0,
|
|
389
|
+
#000 var(--scroll-fade-s, 0px),
|
|
390
|
+
#000 100%
|
|
391
|
+
);
|
|
392
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
393
|
+
mask-image: var(--scroll-fade-mask);
|
|
394
|
+
-webkit-mask-composite: source-in;
|
|
395
|
+
mask-composite: intersect;
|
|
396
|
+
-webkit-mask-repeat: no-repeat;
|
|
397
|
+
mask-repeat: no-repeat;
|
|
398
|
+
|
|
399
|
+
@supports (animation-timeline: scroll()) {
|
|
400
|
+
animation: scroll-fade-reveal-s 1ms ease-in-out;
|
|
401
|
+
animation-timeline: scroll(self x);
|
|
402
|
+
animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
|
|
403
|
+
animation-fill-mode: both;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
@supports not (animation-timeline: scroll()) {
|
|
407
|
+
--scroll-fade-s: var(--_scroll-fade-size-s);
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
@utility scroll-fade-r {
|
|
412
|
+
--_scroll-fade-size-e: var(
|
|
413
|
+
--scroll-fade-e-size,
|
|
414
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
415
|
+
);
|
|
416
|
+
--scroll-fade-mask: linear-gradient(
|
|
417
|
+
to right,
|
|
418
|
+
#000 0,
|
|
419
|
+
#000 calc(100% - var(--scroll-fade-e, 0px)),
|
|
420
|
+
transparent 100%
|
|
421
|
+
);
|
|
422
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
423
|
+
mask-image: var(--scroll-fade-mask);
|
|
424
|
+
-webkit-mask-composite: source-in;
|
|
425
|
+
mask-composite: intersect;
|
|
426
|
+
-webkit-mask-repeat: no-repeat;
|
|
427
|
+
mask-repeat: no-repeat;
|
|
428
|
+
|
|
429
|
+
@supports (animation-timeline: scroll()) {
|
|
430
|
+
animation: scroll-fade-reveal-e 1ms ease-in-out;
|
|
431
|
+
animation-timeline: scroll(self x);
|
|
432
|
+
animation-range: calc(
|
|
433
|
+
100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
|
|
434
|
+
)
|
|
435
|
+
100%;
|
|
436
|
+
animation-fill-mode: both;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
@supports not (animation-timeline: scroll()) {
|
|
440
|
+
--scroll-fade-e: var(--_scroll-fade-size-e);
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
@utility scroll-fade-s {
|
|
445
|
+
--_scroll-fade-size-s: var(
|
|
446
|
+
--scroll-fade-s-size,
|
|
447
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
448
|
+
);
|
|
449
|
+
--scroll-fade-mask: linear-gradient(
|
|
450
|
+
to right,
|
|
451
|
+
transparent 0,
|
|
452
|
+
#000 var(--scroll-fade-s, 0px),
|
|
453
|
+
#000 100%
|
|
454
|
+
);
|
|
455
|
+
&:where([dir="rtl"], [dir="rtl"] *) {
|
|
456
|
+
--scroll-fade-mask: linear-gradient(
|
|
457
|
+
to left,
|
|
458
|
+
transparent 0,
|
|
459
|
+
#000 var(--scroll-fade-s, 0px),
|
|
460
|
+
#000 100%
|
|
461
|
+
);
|
|
462
|
+
}
|
|
463
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
464
|
+
mask-image: var(--scroll-fade-mask);
|
|
465
|
+
-webkit-mask-composite: source-in;
|
|
466
|
+
mask-composite: intersect;
|
|
467
|
+
-webkit-mask-repeat: no-repeat;
|
|
468
|
+
mask-repeat: no-repeat;
|
|
469
|
+
|
|
470
|
+
@supports (animation-timeline: scroll()) {
|
|
471
|
+
animation: scroll-fade-reveal-s 1ms ease-in-out;
|
|
472
|
+
animation-timeline: scroll(self inline);
|
|
473
|
+
animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
|
|
474
|
+
animation-fill-mode: both;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
@supports not (animation-timeline: scroll()) {
|
|
478
|
+
--scroll-fade-s: var(--_scroll-fade-size-s);
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
@utility scroll-fade-e {
|
|
483
|
+
--_scroll-fade-size-e: var(
|
|
484
|
+
--scroll-fade-e-size,
|
|
485
|
+
var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
|
|
486
|
+
);
|
|
487
|
+
--scroll-fade-mask: linear-gradient(
|
|
488
|
+
to right,
|
|
489
|
+
#000 0,
|
|
490
|
+
#000 calc(100% - var(--scroll-fade-e, 0px)),
|
|
491
|
+
transparent 100%
|
|
492
|
+
);
|
|
493
|
+
&:where([dir="rtl"], [dir="rtl"] *) {
|
|
494
|
+
--scroll-fade-mask: linear-gradient(
|
|
495
|
+
to left,
|
|
496
|
+
#000 0,
|
|
497
|
+
#000 calc(100% - var(--scroll-fade-e, 0px)),
|
|
498
|
+
transparent 100%
|
|
499
|
+
);
|
|
500
|
+
}
|
|
501
|
+
-webkit-mask-image: var(--scroll-fade-mask);
|
|
502
|
+
mask-image: var(--scroll-fade-mask);
|
|
503
|
+
-webkit-mask-composite: source-in;
|
|
504
|
+
mask-composite: intersect;
|
|
505
|
+
-webkit-mask-repeat: no-repeat;
|
|
506
|
+
mask-repeat: no-repeat;
|
|
507
|
+
|
|
508
|
+
@supports (animation-timeline: scroll()) {
|
|
509
|
+
animation: scroll-fade-reveal-e 1ms ease-in-out;
|
|
510
|
+
animation-timeline: scroll(self inline);
|
|
511
|
+
animation-range: calc(
|
|
512
|
+
100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
|
|
513
|
+
)
|
|
514
|
+
100%;
|
|
515
|
+
animation-fill-mode: both;
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
@supports not (animation-timeline: scroll()) {
|
|
519
|
+
--scroll-fade-e: var(--_scroll-fade-size-e);
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
|
|
523
|
+
@utility scroll-fade-* {
|
|
524
|
+
--scroll-fade-size: calc(var(--spacing) * --value(integer));
|
|
525
|
+
--scroll-fade-size: --value([length], [percentage]);
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
@utility scroll-fade-t-* {
|
|
529
|
+
--scroll-fade-t-size: calc(var(--spacing) * --value(integer));
|
|
530
|
+
--scroll-fade-t-size: --value([length], [percentage]);
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
@utility scroll-fade-b-* {
|
|
534
|
+
--scroll-fade-b-size: calc(var(--spacing) * --value(integer));
|
|
535
|
+
--scroll-fade-b-size: --value([length], [percentage]);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
@utility scroll-fade-s-* {
|
|
539
|
+
--scroll-fade-s-size: calc(var(--spacing) * --value(integer));
|
|
540
|
+
--scroll-fade-s-size: --value([length], [percentage]);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
@utility scroll-fade-e-* {
|
|
544
|
+
--scroll-fade-e-size: calc(var(--spacing) * --value(integer));
|
|
545
|
+
--scroll-fade-e-size: --value([length], [percentage]);
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
@utility scroll-fade-none {
|
|
549
|
+
--scroll-fade-mask: none;
|
|
550
|
+
}
|
|
551
|
+
|
|
552
|
+
/* shimmer */
|
|
553
|
+
@property --shimmer-angle {
|
|
554
|
+
syntax: "<angle>";
|
|
555
|
+
inherits: true;
|
|
556
|
+
initial-value: 20deg;
|
|
557
|
+
}
|
|
558
|
+
@property --shimmer-image {
|
|
559
|
+
syntax: "*";
|
|
560
|
+
inherits: false;
|
|
561
|
+
}
|
|
562
|
+
@property --shimmer-text-fill {
|
|
563
|
+
syntax: "*";
|
|
564
|
+
inherits: false;
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
@theme inline {
|
|
568
|
+
@keyframes tw-shimmer {
|
|
569
|
+
from {
|
|
570
|
+
background-position: 100% 0;
|
|
571
|
+
}
|
|
572
|
+
to {
|
|
573
|
+
background-position: 0 0;
|
|
574
|
+
}
|
|
575
|
+
}
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
@utility shimmer {
|
|
579
|
+
--_spread: var(--shimmer-spread, calc(3ch + 40px));
|
|
580
|
+
--_base: currentColor;
|
|
581
|
+
--_highlight: var(
|
|
582
|
+
--shimmer-color,
|
|
583
|
+
oklch(from currentColor l c h / calc(alpha* 0.2))
|
|
584
|
+
);
|
|
585
|
+
|
|
586
|
+
background-image: var(
|
|
587
|
+
--shimmer-image,
|
|
588
|
+
linear-gradient(
|
|
589
|
+
calc(90deg + var(--shimmer-angle)),
|
|
590
|
+
var(--_base) calc(50% - var(--_spread)),
|
|
591
|
+
color-mix(in oklch, var(--_highlight), var(--_base) 50%)
|
|
592
|
+
calc(50% - var(--_spread) * 0.5),
|
|
593
|
+
var(--_highlight) 50%,
|
|
594
|
+
color-mix(in oklch, var(--_highlight), var(--_base) 50%)
|
|
595
|
+
calc(50% + var(--_spread) * 0.5),
|
|
596
|
+
var(--_base) calc(50% + var(--_spread))
|
|
597
|
+
)
|
|
598
|
+
);
|
|
599
|
+
background-repeat: no-repeat;
|
|
600
|
+
background-size: calc(200% + var(--_spread) * 2) 100%;
|
|
601
|
+
background-position: 0 0;
|
|
602
|
+
background-clip: text;
|
|
603
|
+
-webkit-background-clip: text;
|
|
604
|
+
-webkit-text-fill-color: var(--shimmer-text-fill, transparent);
|
|
605
|
+
animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
|
|
606
|
+
|
|
607
|
+
@variant dark {
|
|
608
|
+
--_highlight: var(
|
|
609
|
+
--shimmer-color,
|
|
610
|
+
oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
|
|
611
|
+
);
|
|
612
|
+
}
|
|
613
|
+
|
|
614
|
+
&:where([dir="rtl"], [dir="rtl"] *) {
|
|
615
|
+
animation-direction: reverse;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
@media (prefers-reduced-motion: reduce) {
|
|
619
|
+
animation: none;
|
|
620
|
+
background-image: none;
|
|
621
|
+
-webkit-text-fill-color: currentColor;
|
|
622
|
+
}
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
@utility shimmer-once {
|
|
626
|
+
animation-iteration-count: 1;
|
|
627
|
+
}
|
|
628
|
+
|
|
629
|
+
@utility shimmer-reverse {
|
|
630
|
+
animation-direction: reverse;
|
|
631
|
+
}
|
|
632
|
+
|
|
633
|
+
@utility shimmer-none {
|
|
634
|
+
--shimmer-image: none;
|
|
635
|
+
--shimmer-text-fill: currentColor;
|
|
636
|
+
}
|
|
637
|
+
|
|
638
|
+
@utility shimmer-color-* {
|
|
639
|
+
--shimmer-color: --value(--color, [color]);
|
|
640
|
+
--shimmer-color: color-mix(
|
|
641
|
+
in oklch,
|
|
642
|
+
--value(--color, [color]) calc(--modifier(integer) * 1%),
|
|
643
|
+
transparent
|
|
644
|
+
);
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
@utility shimmer-duration-* {
|
|
648
|
+
--shimmer-duration: calc(--value(integer) * 1ms);
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
@utility shimmer-spread-* {
|
|
652
|
+
--shimmer-spread: calc(var(--spacing) * --value(integer));
|
|
653
|
+
--shimmer-spread: --value([length], [percentage]);
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
@utility shimmer-angle-* {
|
|
657
|
+
--shimmer-angle: calc(--value(integer) * 1deg);
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
/* Kept for backwards compatibility. Unlayered, so it still wins over other
|
|
661
|
+
utilities on a plain .shimmer element. Variants are handled in the utility. */
|
|
662
|
+
@media (prefers-reduced-motion: reduce) {
|
|
663
|
+
.shimmer {
|
|
664
|
+
animation: none;
|
|
665
|
+
background-image: none;
|
|
666
|
+
-webkit-text-fill-color: currentColor;
|
|
667
|
+
}
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))ease-out; @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}
|
|
671
|
+
.cn-accordion { @apply flex w-full flex-col; }
|
|
672
|
+
.cn-accordion-trigger { @apply relative flex flex-1 items-start justify-between border border-transparent transition-all outline-none disabled:pointer-events-none disabled:opacity-50; }
|
|
673
|
+
.cn-accordion-content-inner { @apply h-(--radix-accordion-content-height) [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4; }
|
|
674
|
+
.cn-accordion-content { @apply overflow-hidden; }
|
|
675
|
+
.cn-alert-dialog-overlay { @apply fixed inset-0 z-50; }
|
|
676
|
+
.cn-alert-dialog-content { @apply fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none; }
|
|
677
|
+
.cn-alert-dialog-footer { @apply flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end; }
|
|
678
|
+
.cn-alert-title { @apply [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground; }
|
|
679
|
+
.cn-alert-description { @apply [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground; }
|
|
680
|
+
.cn-alert { @apply relative w-full; }
|
|
681
|
+
.cn-attachment-content { @apply max-w-full min-w-0 flex-1; }
|
|
682
|
+
.cn-attachment-title { @apply block max-w-full min-w-0 truncate; }
|
|
683
|
+
.cn-attachment-description { @apply block min-w-0 truncate text-muted-foreground group-data-[state=error]/attachment:text-destructive/80 max-w-full; }
|
|
684
|
+
.cn-attachment-actions { @apply flex shrink-0 items-center; }
|
|
685
|
+
.cn-attachment-trigger { @apply absolute inset-0 z-10 outline-none; }
|
|
686
|
+
.cn-attachment-group { @apply flex min-w-0 snap-x snap-mandatory overflow-x-auto overscroll-x-contain *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start; }
|
|
687
|
+
.cn-attachment { @apply relative flex max-w-full min-w-0 shrink-0 flex-wrap border bg-card text-card-foreground transition-colors has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed; }
|
|
688
|
+
.cn-attachment-orientation-horizontal { @apply items-center; }
|
|
689
|
+
.cn-attachment-orientation-vertical { @apply flex-col; }
|
|
690
|
+
.cn-attachment-media { @apply relative flex aspect-square shrink-0 items-center justify-center overflow-hidden group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive [&_svg]:pointer-events-none; }
|
|
691
|
+
.cn-attachment-media-variant-image { @apply *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover; }
|
|
692
|
+
.cn-avatar { @apply relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten; }
|
|
693
|
+
.cn-avatar-image { @apply aspect-square size-full object-cover; }
|
|
694
|
+
.cn-avatar-fallback { @apply flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs; }
|
|
695
|
+
.cn-avatar-badge { @apply absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2; }
|
|
696
|
+
.cn-avatar-group { @apply flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background; }
|
|
697
|
+
.cn-avatar-group-count { @apply relative flex shrink-0 items-center justify-center ring-2 ring-background; }
|
|
698
|
+
.cn-badge { @apply inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none; }
|
|
699
|
+
.cn-breadcrumb-list { @apply flex flex-wrap items-center wrap-break-word; }
|
|
700
|
+
.cn-breadcrumb-item { @apply inline-flex items-center; }
|
|
701
|
+
.cn-breadcrumb-ellipsis { @apply flex items-center justify-center; }
|
|
702
|
+
.cn-bubble-group { @apply flex min-w-0 flex-col; }
|
|
703
|
+
.cn-bubble-content { @apply w-fit max-w-full min-w-0 overflow-hidden wrap-break-word [button]:text-left [button,a]:transition-colors; }
|
|
704
|
+
.cn-bubble { @apply relative flex w-fit min-w-0 flex-col; }
|
|
705
|
+
.cn-bubble-reactions { @apply absolute z-10 flex w-fit items-center justify-center; }
|
|
706
|
+
.cn-button-group-text { @apply flex items-center [&_svg]:pointer-events-none; }
|
|
707
|
+
.cn-button-group-separator { @apply relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto; }
|
|
708
|
+
.cn-button-group { @apply flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1; }
|
|
709
|
+
.cn-button-group-orientation-horizontal { @apply [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none; }
|
|
710
|
+
.cn-button-group-orientation-vertical { @apply flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none; }
|
|
711
|
+
.cn-button { @apply inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
712
|
+
.cn-calendar { @apply bg-background in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent; }
|
|
713
|
+
.cn-calendar-dropdown-root { @apply relative rounded-(--cell-radius); }
|
|
714
|
+
.cn-calendar-caption { @apply font-medium select-none text-sm flex items-center gap-1 rounded-(--cell-radius) [&>svg]:size-3.5 [&>svg]:text-muted-foreground; }
|
|
715
|
+
.cn-calendar-day-button { @apply relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70; }
|
|
716
|
+
.cn-calendar-caption-label { @apply flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground; }
|
|
717
|
+
.cn-card { @apply flex flex-col; }
|
|
718
|
+
.cn-card-header { @apply grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]; }
|
|
719
|
+
.cn-card-action { @apply col-start-2 row-span-2 row-start-1 self-start justify-self-end; }
|
|
720
|
+
.cn-card-footer { @apply flex items-center; }
|
|
721
|
+
.cn-carousel-previous { @apply absolute touch-manipulation inset-y-0 -left-12 my-auto -top-12 left-1/2 -translate-x-1/2 rotate-90; }
|
|
722
|
+
.cn-carousel-next { @apply absolute touch-manipulation inset-y-0 -right-12 my-auto -bottom-12 left-1/2 -translate-x-1/2 rotate-90; }
|
|
723
|
+
.cn-chart { @apply flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden; }
|
|
724
|
+
.cn-chart-tooltip { @apply grid min-w-32 items-start; }
|
|
725
|
+
.cn-checkbox { @apply relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50; }
|
|
726
|
+
.cn-checkbox-indicator { @apply grid place-content-center text-current transition-none; }
|
|
727
|
+
.cn-combobox-input { @apply w-auto; }
|
|
728
|
+
.cn-combobox-content { @apply relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width); }
|
|
729
|
+
.cn-combobox-list { @apply overflow-y-auto overscroll-contain; }
|
|
730
|
+
.cn-combobox-item { @apply relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
731
|
+
.cn-combobox-chip { @apply has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50; }
|
|
732
|
+
.cn-combobox-chip-input { @apply min-w-16 flex-1 outline-none; }
|
|
733
|
+
.cn-combobox-trigger-icon { @apply pointer-events-none; }
|
|
734
|
+
.cn-combobox-clear-icon { @apply pointer-events-none; }
|
|
735
|
+
.cn-combobox-item-indicator-icon { @apply pointer-events-none; }
|
|
736
|
+
.cn-combobox-chip-indicator-icon { @apply pointer-events-none; }
|
|
737
|
+
.cn-command { @apply flex size-full flex-col overflow-hidden; }
|
|
738
|
+
.cn-command-dialog { @apply top-1/3 translate-y-0 overflow-hidden p-0; }
|
|
739
|
+
.cn-command-input { @apply outline-hidden disabled:cursor-not-allowed disabled:opacity-50; }
|
|
740
|
+
.cn-command-list { @apply overflow-x-hidden overflow-y-auto; }
|
|
741
|
+
.cn-command-item { @apply data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
742
|
+
.cn-command-item-indicator { @apply ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100; }
|
|
743
|
+
.cn-context-menu-trigger { @apply select-none; }
|
|
744
|
+
.cn-context-menu-content { @apply z-50 max-h-(--radix-context-menu-content-available-height) origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto; }
|
|
745
|
+
.cn-context-menu-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
746
|
+
.cn-context-menu-sub-trigger { @apply flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
747
|
+
.cn-context-menu-sub-content { @apply z-50 origin-(--radix-context-menu-content-transform-origin) overflow-hidden; }
|
|
748
|
+
.cn-context-menu-checkbox-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
749
|
+
.cn-context-menu-radio-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
750
|
+
.cn-context-menu-item-indicator { @apply pointer-events-none; }
|
|
751
|
+
.cn-dialog-overlay { @apply fixed inset-0 isolate z-50; }
|
|
752
|
+
.cn-dialog-content { @apply fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none; }
|
|
753
|
+
.cn-dialog-header { @apply flex flex-col; }
|
|
754
|
+
.cn-dialog-footer { @apply flex flex-col-reverse gap-2 sm:flex-row sm:justify-end; }
|
|
755
|
+
.cn-drawer-overlay { @apply fixed inset-0 z-50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0; }
|
|
756
|
+
.cn-drawer-content { @apply fixed z-50 data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm; }
|
|
757
|
+
.cn-drawer-header { @apply flex flex-col group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center; }
|
|
758
|
+
.cn-drawer-footer { @apply mt-auto flex flex-col; }
|
|
759
|
+
.cn-drawer-handle { @apply mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block; }
|
|
760
|
+
.cn-dropdown-menu-content { @apply z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden; }
|
|
761
|
+
.cn-dropdown-menu-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
762
|
+
.cn-dropdown-menu-checkbox-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
763
|
+
.cn-dropdown-menu-radio-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
764
|
+
.cn-dropdown-menu-sub-trigger { @apply flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
765
|
+
.cn-dropdown-menu-sub-content { @apply z-50 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden; }
|
|
766
|
+
.cn-dropdown-menu-item-indicator { @apply pointer-events-none; }
|
|
767
|
+
.cn-empty { @apply flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance; }
|
|
768
|
+
.cn-empty-header { @apply flex max-w-sm flex-col items-center; }
|
|
769
|
+
.cn-empty-description { @apply text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
770
|
+
.cn-empty-content { @apply flex w-full max-w-sm min-w-0 flex-col items-center text-balance; }
|
|
771
|
+
.cn-empty-media { @apply flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
772
|
+
.cn-field-set { @apply flex flex-col; }
|
|
773
|
+
.cn-field-group { @apply flex w-full flex-col; }
|
|
774
|
+
.cn-field-content { @apply flex flex-1 flex-col leading-snug; }
|
|
775
|
+
.cn-field-label { @apply flex w-fit has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col; }
|
|
776
|
+
.cn-field-title { @apply flex w-fit items-center; }
|
|
777
|
+
.cn-field-description { @apply leading-normal font-normal group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1 [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
778
|
+
.cn-field-separator { @apply relative; }
|
|
779
|
+
.cn-field-error { @apply font-normal; }
|
|
780
|
+
.cn-field-separator-content { @apply relative mx-auto block w-fit bg-background; }
|
|
781
|
+
.cn-field { @apply flex w-full; }
|
|
782
|
+
.cn-field-orientation-vertical { @apply flex-col *:w-full [&>.sr-only]:w-auto; }
|
|
783
|
+
.cn-field-orientation-horizontal { @apply flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px; }
|
|
784
|
+
.cn-field-orientation-responsive { @apply flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px; }
|
|
785
|
+
.cn-hover-card-content { @apply z-50 origin-(--radix-hover-card-content-transform-origin) outline-hidden; }
|
|
786
|
+
.cn-input-group { @apply relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto; }
|
|
787
|
+
.cn-input-group-text { @apply flex items-center [&_svg]:pointer-events-none; }
|
|
788
|
+
.cn-input-group-input { @apply flex-1; }
|
|
789
|
+
.cn-input-group-textarea { @apply flex-1 resize-none; }
|
|
790
|
+
.cn-input-group-addon { @apply flex cursor-text items-center justify-center select-none; }
|
|
791
|
+
.cn-input-group-addon-align-inline-start { @apply order-first; }
|
|
792
|
+
.cn-input-group-addon-align-inline-end { @apply order-last; }
|
|
793
|
+
.cn-input-group-addon-align-block-start { @apply order-first w-full justify-start; }
|
|
794
|
+
.cn-input-group-addon-align-block-end { @apply order-last w-full justify-start; }
|
|
795
|
+
.cn-input-group-button { @apply flex items-center shadow-none; }
|
|
796
|
+
.cn-input-otp { @apply flex items-center has-disabled:opacity-50; }
|
|
797
|
+
.cn-input-otp-input { @apply disabled:cursor-not-allowed; }
|
|
798
|
+
.cn-input-otp-group { @apply flex items-center; }
|
|
799
|
+
.cn-input-otp-slot { @apply relative flex items-center justify-center data-[active=true]:z-10; }
|
|
800
|
+
.cn-input-otp-caret { @apply pointer-events-none absolute inset-0 flex items-center justify-center; }
|
|
801
|
+
.cn-input-otp-separator { @apply flex items-center; }
|
|
802
|
+
.cn-input { @apply w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50; }
|
|
803
|
+
.cn-item-group { @apply flex w-full flex-col; }
|
|
804
|
+
.cn-item-content { @apply flex flex-1 flex-col [&+[data-slot=item-content]]:flex-none; }
|
|
805
|
+
.cn-item-title { @apply line-clamp-1 flex w-fit items-center; }
|
|
806
|
+
.cn-item-description { @apply line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
807
|
+
.cn-item-actions { @apply flex items-center; }
|
|
808
|
+
.cn-item-header { @apply flex basis-full items-center justify-between; }
|
|
809
|
+
.cn-item-footer { @apply flex basis-full items-center justify-between; }
|
|
810
|
+
.cn-item { @apply flex w-full flex-wrap items-center transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors; }
|
|
811
|
+
.cn-item-media { @apply flex shrink-0 items-center justify-center [&_svg]:pointer-events-none; }
|
|
812
|
+
.cn-kbd { @apply pointer-events-none inline-flex items-center justify-center select-none; }
|
|
813
|
+
.cn-kbd-group { @apply inline-flex items-center; }
|
|
814
|
+
.cn-label { @apply flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed; }
|
|
815
|
+
.cn-marker-icon { @apply shrink-0; }
|
|
816
|
+
.cn-marker-content { @apply min-w-0 wrap-break-word; }
|
|
817
|
+
.cn-marker { @apply relative flex w-full items-center; }
|
|
818
|
+
.cn-menubar { @apply flex items-center; }
|
|
819
|
+
.cn-menubar-trigger { @apply flex items-center outline-hidden select-none; }
|
|
820
|
+
.cn-menubar-content { @apply z-50 origin-(--radix-menubar-content-transform-origin) overflow-hidden; }
|
|
821
|
+
.cn-menubar-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
822
|
+
.cn-menubar-checkbox-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
823
|
+
.cn-menubar-radio-item { @apply relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
824
|
+
.cn-menubar-separator { @apply -mx-1 my-1 h-px; }
|
|
825
|
+
.cn-menubar-shortcut { @apply ml-auto; }
|
|
826
|
+
.cn-menubar-sub-trigger { @apply flex cursor-default items-center outline-none select-none; }
|
|
827
|
+
.cn-menubar-sub-content { @apply z-50 origin-(--radix-menubar-content-transform-origin) overflow-hidden; }
|
|
828
|
+
.cn-menubar-checkbox-item-indicator { @apply pointer-events-none absolute flex items-center justify-center; }
|
|
829
|
+
.cn-menubar-radio-item-indicator { @apply pointer-events-none absolute flex items-center justify-center; }
|
|
830
|
+
.cn-message-scroller { @apply relative flex size-full min-h-0 flex-col overflow-hidden; }
|
|
831
|
+
.cn-message-scroller-viewport { @apply size-full min-h-0 min-w-0 overflow-y-auto overscroll-contain data-pending-scroll:invisible; }
|
|
832
|
+
.cn-message-scroller-content { @apply flex h-max min-h-full flex-col; }
|
|
833
|
+
.cn-message-scroller-item { @apply min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]; }
|
|
834
|
+
.cn-message-scroller-button { @apply absolute -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full data-[direction=start]:[&_svg]:rotate-180; }
|
|
835
|
+
.cn-message-group { @apply flex min-w-0 flex-col; }
|
|
836
|
+
.cn-message { @apply relative flex w-full min-w-0 data-[align=end]:flex-row-reverse; }
|
|
837
|
+
.cn-message-avatar { @apply flex w-fit shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted; }
|
|
838
|
+
.cn-message-content { @apply flex w-full min-w-0 flex-col wrap-break-word; }
|
|
839
|
+
.cn-message-header { @apply flex max-w-full min-w-0 items-center; }
|
|
840
|
+
.cn-message-footer { @apply flex max-w-full min-w-0 items-center group-data-[align=end]/message:justify-end; }
|
|
841
|
+
.cn-native-select-wrapper { @apply relative w-fit has-[select:disabled]:opacity-50; }
|
|
842
|
+
.cn-native-select { @apply outline-none disabled:pointer-events-none disabled:cursor-not-allowed; }
|
|
843
|
+
.cn-native-select-icon { @apply pointer-events-none absolute select-none; }
|
|
844
|
+
.cn-navigation-menu { @apply relative flex max-w-max flex-1 items-center justify-center; }
|
|
845
|
+
.cn-navigation-menu-list { @apply flex flex-1 list-none items-center justify-center; }
|
|
846
|
+
.cn-navigation-menu-item { @apply relative; }
|
|
847
|
+
.cn-navigation-menu-content { @apply top-0 left-0 w-full group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto; }
|
|
848
|
+
.cn-navigation-menu-viewport-wrapper { @apply absolute top-full left-0 isolate z-50 flex justify-center; }
|
|
849
|
+
.cn-navigation-menu-viewport { @apply relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden md:w-(--radix-navigation-menu-viewport-width); }
|
|
850
|
+
.cn-navigation-menu-indicator { @apply top-full z-1 flex h-1.5 items-end justify-center overflow-hidden; }
|
|
851
|
+
.cn-navigation-menu-indicator-arrow { @apply relative top-[60%] h-2 w-2 rotate-45; }
|
|
852
|
+
.cn-navigation-menu-trigger { @apply inline-flex h-9 w-max items-center justify-center outline-none disabled:pointer-events-none; }
|
|
853
|
+
.cn-pagination { @apply mx-auto flex w-full justify-center; }
|
|
854
|
+
.cn-pagination-content { @apply flex items-center; }
|
|
855
|
+
.cn-pagination-ellipsis { @apply flex items-center justify-center; }
|
|
856
|
+
.cn-pagination-previous-text { @apply hidden sm:block; }
|
|
857
|
+
.cn-pagination-next-text { @apply hidden sm:block; }
|
|
858
|
+
.cn-popover-content { @apply z-50 w-72 origin-(--radix-popover-content-transform-origin) outline-hidden; }
|
|
859
|
+
.cn-progress { @apply relative flex w-full items-center overflow-x-hidden; }
|
|
860
|
+
.cn-progress-indicator { @apply size-full flex-1 transition-all; }
|
|
861
|
+
.cn-questionnaire { @apply flex w-full min-w-0 flex-col; }
|
|
862
|
+
.cn-questionnaire-progress { @apply min-h-[1lh] w-fit min-w-[14ch] font-medium text-muted-foreground tabular-nums; }
|
|
863
|
+
.cn-questionnaire-item { @apply min-w-0 border-0 p-0 outline-none; }
|
|
864
|
+
.cn-questionnaire-title { @apply text-pretty; }
|
|
865
|
+
.cn-questionnaire-description { @apply text-pretty text-muted-foreground; }
|
|
866
|
+
.cn-questionnaire-choices { @apply grid min-w-0; }
|
|
867
|
+
.cn-questionnaire-choice { @apply relative flex min-h-11 cursor-pointer items-start text-start transition-colors outline-none select-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50; }
|
|
868
|
+
.cn-questionnaire-input { @apply min-h-11 w-full min-w-0 transition-[color,box-shadow,background-color] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 sm:min-h-0 selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground; }
|
|
869
|
+
.cn-questionnaire-error { @apply text-destructive; }
|
|
870
|
+
.cn-questionnaire-actions { @apply grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center; }
|
|
871
|
+
.cn-questionnaire-previous { @apply col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0; }
|
|
872
|
+
.cn-questionnaire-skip { @apply col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0; }
|
|
873
|
+
.cn-questionnaire-next { @apply col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0; }
|
|
874
|
+
.cn-questionnaire-submit { @apply col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0; }
|
|
875
|
+
.cn-questionnaire-choice-input { @apply absolute inset-0 z-10 size-full cursor-pointer opacity-0; }
|
|
876
|
+
.cn-questionnaire-choice-indicator { @apply pointer-events-none relative flex shrink-0 items-center justify-center border group-data-[type=radio]/questionnaire-choice:rounded-full; }
|
|
877
|
+
.cn-questionnaire-choice-indicator-dot { @apply hidden rounded-full group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block; }
|
|
878
|
+
.cn-questionnaire-choice-indicator-check { @apply hidden group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block; }
|
|
879
|
+
.cn-questionnaire-choice-label { @apply flex min-w-0 flex-1 flex-col leading-snug; }
|
|
880
|
+
.cn-questionnaire-choice-shortcut { @apply pointer-events-none ms-auto hidden shrink-0 group-data-[shortcut]/questionnaire-choice:inline-flex; }
|
|
881
|
+
.cn-questionnaire-input-wrapper { @apply relative min-w-0; }
|
|
882
|
+
.cn-radio-group { @apply w-full; }
|
|
883
|
+
.cn-radio-group-item { @apply relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50; }
|
|
884
|
+
.cn-resizable-panel-group { @apply flex h-full w-full aria-[orientation=vertical]:flex-col; }
|
|
885
|
+
.cn-resizable-handle { @apply relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90; }
|
|
886
|
+
.cn-resizable-handle-icon { @apply z-10 flex shrink-0; }
|
|
887
|
+
.cn-scroll-area { @apply relative; }
|
|
888
|
+
.cn-scroll-area-scrollbar { @apply flex touch-none p-px transition-colors select-none; }
|
|
889
|
+
.cn-scroll-area-viewport { @apply size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1; }
|
|
890
|
+
.cn-scroll-area-thumb { @apply relative flex-1 bg-border; }
|
|
891
|
+
.cn-select-trigger { @apply flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
892
|
+
.cn-select-content { @apply relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1; }
|
|
893
|
+
.cn-select-viewport { @apply data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width); }
|
|
894
|
+
.cn-select-item { @apply relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
895
|
+
.cn-select-separator { @apply pointer-events-none; }
|
|
896
|
+
.cn-select-trigger-icon { @apply pointer-events-none; }
|
|
897
|
+
.cn-select-item-indicator-icon { @apply pointer-events-none; }
|
|
898
|
+
.cn-sheet-overlay { @apply fixed inset-0 z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0; }
|
|
899
|
+
.cn-sheet-content { @apply data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10; }
|
|
900
|
+
.cn-sheet-header { @apply flex flex-col; }
|
|
901
|
+
.cn-sheet-footer { @apply mt-auto flex flex-col; }
|
|
902
|
+
.cn-sidebar-gap { @apply relative w-(--sidebar-width) bg-transparent group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))] group-data-[collapsible=icon]:w-(--sidebar-width-icon); }
|
|
903
|
+
.cn-sidebar-rail { @apply absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=right][data-collapsible=offcanvas]_&]:-left-2; }
|
|
904
|
+
.cn-sidebar-inset { @apply relative flex w-full flex-1 flex-col; }
|
|
905
|
+
.cn-sidebar-header { @apply flex flex-col; }
|
|
906
|
+
.cn-sidebar-footer { @apply flex flex-col; }
|
|
907
|
+
.cn-sidebar-separator { @apply w-auto; }
|
|
908
|
+
.cn-sidebar-content { @apply flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden; }
|
|
909
|
+
.cn-sidebar-group { @apply relative flex w-full min-w-0 flex-col; }
|
|
910
|
+
.cn-sidebar-group-label { @apply flex shrink-0 items-center outline-hidden [&>svg]:shrink-0; }
|
|
911
|
+
.cn-sidebar-group-action { @apply flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0; }
|
|
912
|
+
.cn-sidebar-group-content { @apply w-full; }
|
|
913
|
+
.cn-sidebar-menu { @apply flex w-full min-w-0 flex-col; }
|
|
914
|
+
.cn-sidebar-menu-action { @apply flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0; }
|
|
915
|
+
.cn-sidebar-menu-badge { @apply flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden; }
|
|
916
|
+
.cn-sidebar-menu-skeleton { @apply flex items-center; }
|
|
917
|
+
.cn-sidebar-menu-sub { @apply flex min-w-0 flex-col; }
|
|
918
|
+
.cn-sidebar-menu-sub-button { @apply flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0; }
|
|
919
|
+
.cn-sidebar-inner { @apply flex size-full flex-col; }
|
|
920
|
+
.cn-sidebar-menu-skeleton-text { @apply max-w-(--skeleton-width) flex-1; }
|
|
921
|
+
.cn-sidebar-menu-button { @apply flex w-full items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate; }
|
|
922
|
+
.cn-skeleton { @apply animate-pulse; }
|
|
923
|
+
.cn-slider { @apply relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col; }
|
|
924
|
+
.cn-slider-track { @apply relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full; }
|
|
925
|
+
.cn-slider-range { @apply absolute select-none data-horizontal:h-full data-vertical:w-full; }
|
|
926
|
+
.cn-slider-thumb { @apply block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50; }
|
|
927
|
+
.cn-switch { @apply relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50; }
|
|
928
|
+
.cn-switch-thumb { @apply pointer-events-none block ring-0 transition-transform; }
|
|
929
|
+
.cn-table-row { @apply has-aria-expanded:bg-muted/50; }
|
|
930
|
+
.cn-tabs { @apply flex data-horizontal:flex-col; }
|
|
931
|
+
.cn-tabs-trigger { @apply relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100; }
|
|
932
|
+
.cn-tabs-content { @apply flex-1 outline-none; }
|
|
933
|
+
.cn-tabs-list { @apply inline-flex w-fit items-center justify-center text-muted-foreground group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col; }
|
|
934
|
+
.cn-tabs-list-variant-default { @apply bg-muted; }
|
|
935
|
+
.cn-tabs-list-variant-line { @apply gap-1 bg-transparent; }
|
|
936
|
+
.cn-textarea { @apply flex field-sizing-content min-h-16 w-full outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50; }
|
|
937
|
+
.cn-toggle-group { @apply flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch; }
|
|
938
|
+
.cn-toggle-group-item { @apply shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t; }
|
|
939
|
+
.cn-toggle { @apply inline-flex items-center justify-center whitespace-nowrap outline-none hover:bg-muted focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0; }
|
|
940
|
+
.cn-tooltip-content { @apply z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) bg-foreground text-background; }
|
|
941
|
+
.cn-tooltip-arrow { @apply z-50 translate-y-[calc(-50%_-_2px)] bg-foreground fill-foreground; }
|
|
942
|
+
.style-nova .cn-accordion-item { @apply not-last:border-b; }
|
|
943
|
+
.style-nova .cn-accordion-trigger { @apply focus-visible:ring-ring/50 focus-visible:border-ring focus-visible:after:border-ring **:data-[slot=accordion-trigger-icon]:text-muted-foreground rounded-lg py-2.5 text-left text-sm font-medium hover:underline focus-visible:ring-3 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4; }
|
|
944
|
+
.style-nova .cn-accordion-content { @apply data-open:animate-accordion-down data-closed:animate-accordion-up text-sm; }
|
|
945
|
+
.style-nova .cn-accordion-content-inner { @apply pt-0 pb-2.5; }
|
|
946
|
+
.style-nova .cn-alert { @apply grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4; }
|
|
947
|
+
.style-nova .cn-alert-variant-default { @apply bg-card text-card-foreground; }
|
|
948
|
+
.style-nova .cn-alert-variant-destructive { @apply text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current; }
|
|
949
|
+
.style-nova .cn-alert-title { @apply font-medium group-has-[>svg]/alert:col-start-2; }
|
|
950
|
+
.style-nova .cn-alert-description { @apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4; }
|
|
951
|
+
.style-nova .cn-alert-action { @apply absolute top-2 right-2; }
|
|
952
|
+
.style-nova .cn-alert-dialog-overlay { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs; }
|
|
953
|
+
.style-nova .cn-alert-dialog-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm; }
|
|
954
|
+
.style-nova .cn-alert-dialog-header { @apply grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]; }
|
|
955
|
+
.style-nova .cn-alert-dialog-media { @apply bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6; }
|
|
956
|
+
.style-nova .cn-alert-dialog-title { @apply text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2; }
|
|
957
|
+
.style-nova .cn-alert-dialog-description { @apply text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3; }
|
|
958
|
+
.style-nova .cn-alert-dialog-footer { @apply bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4; }
|
|
959
|
+
.style-nova .cn-avatar { @apply size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6; }
|
|
960
|
+
.style-nova .cn-avatar-fallback { @apply bg-muted text-muted-foreground rounded-full; }
|
|
961
|
+
.style-nova .cn-avatar-image { @apply rounded-full; }
|
|
962
|
+
.style-nova .cn-avatar-badge { @apply bg-primary text-primary-foreground ring-background; }
|
|
963
|
+
.style-nova .cn-avatar-group-count { @apply bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3; }
|
|
964
|
+
.style-nova .cn-badge { @apply h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3!; }
|
|
965
|
+
.style-nova .cn-badge-variant-default { @apply bg-primary text-primary-foreground [a]:hover:bg-primary/80; }
|
|
966
|
+
.style-nova .cn-badge-variant-secondary { @apply bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80; }
|
|
967
|
+
.style-nova .cn-badge-variant-outline { @apply border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground; }
|
|
968
|
+
.style-nova .cn-badge-variant-destructive { @apply bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20; }
|
|
969
|
+
.style-nova .cn-badge-variant-ghost { @apply hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50; }
|
|
970
|
+
.style-nova .cn-badge-variant-link { @apply text-primary underline-offset-4 hover:underline; }
|
|
971
|
+
.style-nova .cn-breadcrumb-list { @apply text-muted-foreground gap-1.5 text-sm; }
|
|
972
|
+
.style-nova .cn-breadcrumb-item { @apply gap-1; }
|
|
973
|
+
.style-nova .cn-breadcrumb-link { @apply hover:text-foreground transition-colors; }
|
|
974
|
+
.style-nova .cn-breadcrumb-page { @apply text-foreground font-normal; }
|
|
975
|
+
.style-nova .cn-breadcrumb-separator { @apply [&>svg]:size-3.5; }
|
|
976
|
+
.style-nova .cn-breadcrumb-ellipsis { @apply size-5 [&>svg]:size-4; }
|
|
977
|
+
.style-nova .cn-button { @apply focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 active:not-aria-[haspopup]:translate-y-px [&_svg:not([class*='size-'])]:size-4; }
|
|
978
|
+
.style-nova .cn-button-variant-default { @apply bg-primary text-primary-foreground hover:bg-primary/80; }
|
|
979
|
+
.style-nova .cn-button-variant-outline { @apply border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground; }
|
|
980
|
+
.style-nova .cn-button-variant-secondary { @apply bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground; }
|
|
981
|
+
.style-nova .cn-button-variant-ghost { @apply hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground; }
|
|
982
|
+
.style-nova .cn-button-variant-destructive { @apply bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30; }
|
|
983
|
+
.style-nova .cn-button-variant-link { @apply text-primary underline-offset-4 hover:underline; }
|
|
984
|
+
.style-nova .cn-button-size-xs { @apply h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3; }
|
|
985
|
+
.style-nova .cn-button-size-sm { @apply h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5; }
|
|
986
|
+
.style-nova .cn-button-size-default { @apply h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2; }
|
|
987
|
+
.style-nova .cn-button-size-lg { @apply h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2; }
|
|
988
|
+
.style-nova .cn-button-size-icon-xs { @apply size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3; }
|
|
989
|
+
.style-nova .cn-button-size-icon-sm { @apply size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg; }
|
|
990
|
+
.style-nova .cn-button-size-icon { @apply size-8; }
|
|
991
|
+
.style-nova .cn-button-size-icon-lg { @apply size-9; }
|
|
992
|
+
.style-nova .cn-button-group { @apply has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg; }
|
|
993
|
+
.style-nova .cn-button-group-orientation-horizontal { @apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!; }
|
|
994
|
+
.style-nova .cn-button-group-orientation-vertical { @apply [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!; }
|
|
995
|
+
.style-nova .cn-button-group-text { @apply bg-muted gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4; }
|
|
996
|
+
.style-nova .cn-button-group-separator { @apply bg-input; }
|
|
997
|
+
.style-nova .cn-calendar { @apply p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)]; }
|
|
998
|
+
.style-nova .cn-calendar-dropdown-root { @apply has-focus:border-ring border-input has-focus:ring-ring/50 border has-focus:ring-3; }
|
|
999
|
+
.style-nova .cn-calendar-caption-label { @apply h-6 pr-1 pl-1.5; }
|
|
1000
|
+
.style-nova .cn-card { @apply ring-foreground/10 bg-card text-card-foreground gap-(--card-spacing) overflow-hidden rounded-xl py-(--card-spacing) text-sm ring-1 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl; }
|
|
1001
|
+
.style-nova .cn-card-header { @apply gap-1 rounded-t-xl px-(--card-spacing) [.border-b]:pb-(--card-spacing); }
|
|
1002
|
+
.style-nova .cn-card-title { @apply text-base leading-snug font-medium group-data-[size=sm]/card:text-sm; }
|
|
1003
|
+
.style-nova .cn-card-description { @apply text-muted-foreground text-sm; }
|
|
1004
|
+
.style-nova .cn-card-content { @apply px-(--card-spacing); }
|
|
1005
|
+
.style-nova .cn-card-footer { @apply bg-muted/50 rounded-b-xl border-t p-(--card-spacing); }
|
|
1006
|
+
.style-nova .cn-carousel-previous { @apply rounded-full; }
|
|
1007
|
+
.style-nova .cn-carousel-next { @apply rounded-full; }
|
|
1008
|
+
.style-nova .cn-chart-tooltip { @apply border-border/50 bg-background gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl; }
|
|
1009
|
+
.style-nova .cn-checkbox { @apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input group-has-[:focus-visible]/field-label:data-checked:border-primary; }
|
|
1010
|
+
.style-nova .cn-checkbox-aria { @apply data-selected:bg-primary data-selected:text-primary-foreground dark:data-selected:bg-primary data-selected:border-primary data-focus-visible:border-ring data-focus-visible:ring-ring/50 data-focus-visible:ring-3 data-invalid:data-selected:border-primary data-invalid:border-destructive dark:data-invalid:border-destructive/50 data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 data-invalid:ring-3; }
|
|
1011
|
+
.style-nova .cn-checkbox-indicator { @apply [&>svg]:size-3.5; }
|
|
1012
|
+
.style-nova .cn-combobox-content { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none; }
|
|
1013
|
+
.style-nova .cn-combobox-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1014
|
+
.style-nova .cn-combobox-label { @apply text-muted-foreground px-2 py-1.5 text-xs; }
|
|
1015
|
+
.style-nova .cn-combobox-item { @apply data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4; }
|
|
1016
|
+
.style-nova .cn-combobox-item-aria { @apply data-focused:bg-accent data-focused:text-accent-foreground not-data-[variant=destructive]:data-focused:**:text-accent-foreground; }
|
|
1017
|
+
.style-nova .cn-combobox-item-indicator { @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center; }
|
|
1018
|
+
.style-nova .cn-combobox-empty { @apply text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex; }
|
|
1019
|
+
.style-nova .cn-combobox-list { @apply max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0; }
|
|
1020
|
+
.style-nova .cn-combobox-item-text { @apply flex flex-1 gap-2; }
|
|
1021
|
+
.style-nova .cn-combobox-separator { @apply bg-border -mx-1 my-1 h-px; }
|
|
1022
|
+
.style-nova .cn-combobox-trigger { @apply [&_svg:not([class*='size-'])]:size-4; }
|
|
1023
|
+
.style-nova .cn-combobox-trigger-icon { @apply text-muted-foreground size-4; }
|
|
1024
|
+
.style-nova .cn-combobox-chips { @apply dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1; }
|
|
1025
|
+
.style-nova .cn-combobox-chip { @apply bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pr-0; }
|
|
1026
|
+
.style-nova .cn-combobox-chip-remove { @apply -ml-1 opacity-50 hover:opacity-100; }
|
|
1027
|
+
.style-nova .cn-command { @apply bg-popover text-popover-foreground rounded-xl! p-1; }
|
|
1028
|
+
.style-nova .cn-command-dialog { @apply rounded-xl!; }
|
|
1029
|
+
.style-nova .cn-command-input-wrapper { @apply p-1 pb-0; }
|
|
1030
|
+
.style-nova .cn-command-input-group { @apply bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!; }
|
|
1031
|
+
.style-nova .cn-command-input-icon { @apply size-4 shrink-0 opacity-50; }
|
|
1032
|
+
.style-nova .cn-command-input { @apply w-full text-sm; }
|
|
1033
|
+
.style-nova .cn-command-list { @apply max-h-72 scroll-py-1 outline-none; }
|
|
1034
|
+
.style-nova .cn-command-empty { @apply py-6 text-center text-sm; }
|
|
1035
|
+
.style-nova .cn-command-group { @apply text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium; }
|
|
1036
|
+
.style-nova .cn-command-separator { @apply bg-border -mx-1 h-px; }
|
|
1037
|
+
.style-nova .cn-command-item { @apply data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_svg:not([class*='size-'])]:size-4; }
|
|
1038
|
+
.style-nova .cn-command-item-aria { @apply data-focused:bg-muted data-focused:text-foreground data-focused:*:[svg]:text-foreground; }
|
|
1039
|
+
.style-nova .cn-command-shortcut { @apply text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest; }
|
|
1040
|
+
.style-nova .cn-command-shortcut-aria { @apply group-data-focused/command-item:text-foreground; }
|
|
1041
|
+
.style-nova .cn-context-menu-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100; }
|
|
1042
|
+
.style-nova .cn-context-menu-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1043
|
+
.style-nova .cn-context-menu-item { @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1044
|
+
.style-nova .cn-context-menu-checkbox-item { @apply focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1045
|
+
.style-nova .cn-context-menu-radio-item { @apply focus:bg-accent focus:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1046
|
+
.style-nova .cn-context-menu-item-indicator { @apply absolute right-2; }
|
|
1047
|
+
.style-nova .cn-context-menu-label { @apply text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7; }
|
|
1048
|
+
.style-nova .cn-context-menu-separator { @apply bg-border -mx-1 my-1 h-px; }
|
|
1049
|
+
.style-nova .cn-context-menu-shortcut { @apply text-muted-foreground group-focus/context-menu-item:text-accent-foreground ml-auto text-xs tracking-widest; }
|
|
1050
|
+
.style-nova .cn-context-menu-sub-trigger { @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1051
|
+
.style-nova .cn-context-menu-sub-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100; }
|
|
1052
|
+
.style-nova .cn-context-menu-subcontent { @apply shadow-lg; }
|
|
1053
|
+
.style-nova .cn-dialog-overlay { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs; }
|
|
1054
|
+
.style-nova .cn-dialog-content { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm; }
|
|
1055
|
+
.style-nova .cn-dialog-close { @apply absolute top-2 right-2; }
|
|
1056
|
+
.style-nova .cn-dialog-header { @apply gap-2; }
|
|
1057
|
+
.style-nova .cn-dialog-footer { @apply bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4; }
|
|
1058
|
+
.style-nova .cn-dialog-title { @apply text-base leading-none font-medium; }
|
|
1059
|
+
.style-nova .cn-dialog-description { @apply text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3; }
|
|
1060
|
+
.style-nova .cn-drawer-overlay { @apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs; }
|
|
1061
|
+
.style-nova .cn-drawer-content { @apply bg-popover text-popover-foreground flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:rounded-r-xl data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:rounded-l-xl data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b; }
|
|
1062
|
+
.style-nova .cn-drawer-popup { @apply bg-popover text-popover-foreground text-sm data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b; }
|
|
1063
|
+
.style-nova .cn-drawer-handle { @apply bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full; }
|
|
1064
|
+
.style-nova .cn-drawer-swipe-handle { @apply after:block after:shrink-0 after:rounded-full after:bg-muted group-data-[swipe-axis=y]/drawer-popup:h-3 group-data-[swipe-axis=y]/drawer-popup:w-full group-data-[swipe-axis=y]/drawer-popup:justify-center group-data-[swipe-axis=y]/drawer-popup:after:h-1 group-data-[swipe-axis=y]/drawer-popup:after:w-24 group-data-[swipe-direction=down]/drawer-popup:items-end group-data-[swipe-direction=up]/drawer-popup:items-start group-data-[swipe-axis=x]/drawer-popup:h-full group-data-[swipe-axis=x]/drawer-popup:w-3 group-data-[swipe-axis=x]/drawer-popup:items-center group-data-[swipe-axis=x]/drawer-popup:after:h-24 group-data-[swipe-axis=x]/drawer-popup:after:w-1 group-data-[swipe-direction=left]/drawer-popup:justify-start group-data-[swipe-direction=right]/drawer-popup:justify-end; }
|
|
1065
|
+
.style-nova .cn-drawer-header { @apply gap-0.5 p-4 md:gap-0.5 md:text-left; }
|
|
1066
|
+
.style-nova .cn-drawer-header-base { @apply gap-0.5 p-4 pb-0 md:gap-0.5 md:text-left; }
|
|
1067
|
+
.style-nova .cn-drawer-title { @apply text-foreground text-base font-medium; }
|
|
1068
|
+
.style-nova .cn-drawer-description { @apply text-muted-foreground text-sm; }
|
|
1069
|
+
.style-nova .cn-drawer-footer { @apply gap-2 p-4; }
|
|
1070
|
+
.style-nova .cn-drawer-footer-base { @apply gap-2 p-4 pt-0; }
|
|
1071
|
+
.style-nova .cn-dropdown-menu-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100; }
|
|
1072
|
+
.style-nova .cn-dropdown-menu-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1073
|
+
.style-nova .cn-dropdown-menu-item { @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1074
|
+
.style-nova .cn-dropdown-menu-checkbox-item { @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1075
|
+
.style-nova .cn-dropdown-menu-radio-item { @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1076
|
+
.style-nova .cn-dropdown-menu-item-indicator { @apply absolute right-2 flex items-center justify-center; }
|
|
1077
|
+
.style-nova .cn-dropdown-menu-label { @apply text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7; }
|
|
1078
|
+
.style-nova .cn-dropdown-menu-separator { @apply bg-border -mx-1 my-1 h-px; }
|
|
1079
|
+
.style-nova .cn-dropdown-menu-shortcut { @apply text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest; }
|
|
1080
|
+
.style-nova .cn-dropdown-menu-sub-trigger { @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1081
|
+
.style-nova .cn-dropdown-menu-sub-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100; }
|
|
1082
|
+
.style-nova .cn-dropdown-menu-subcontent { @apply shadow-lg; }
|
|
1083
|
+
.style-nova .cn-empty { @apply gap-4 rounded-xl border-dashed p-6; }
|
|
1084
|
+
.style-nova .cn-empty-header { @apply gap-2; }
|
|
1085
|
+
.style-nova .cn-empty-media { @apply mb-2; }
|
|
1086
|
+
.style-nova .cn-empty-media-default { @apply bg-transparent; }
|
|
1087
|
+
.style-nova .cn-empty-media-icon { @apply bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4; }
|
|
1088
|
+
.style-nova .cn-empty-title { @apply text-sm font-medium tracking-tight; }
|
|
1089
|
+
.style-nova .cn-empty-description { @apply text-sm/relaxed; }
|
|
1090
|
+
.style-nova .cn-empty-content { @apply gap-2.5 text-sm; }
|
|
1091
|
+
.style-nova .cn-field-set { @apply gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3; }
|
|
1092
|
+
.style-nova .cn-field-legend { @apply mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base; }
|
|
1093
|
+
.style-nova .cn-field-group { @apply gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4; }
|
|
1094
|
+
.style-nova .cn-field { @apply data-[invalid=true]:text-destructive gap-2; }
|
|
1095
|
+
.style-nova .cn-field-content { @apply gap-0.5; }
|
|
1096
|
+
.style-nova .cn-field-label { @apply has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 *:data-[slot=field]:p-2.5; }
|
|
1097
|
+
.style-nova .cn-field-label-aria { @apply has-data-selected:bg-primary/5 has-data-selected:border-primary/30 dark:has-data-selected:border-primary/20 dark:has-data-selected:bg-primary/10; }
|
|
1098
|
+
.style-nova .cn-field-title { @apply gap-2 leading-snug text-sm font-medium group-data-[disabled=true]/field:opacity-50; }
|
|
1099
|
+
.style-nova .cn-field-description { @apply text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5; }
|
|
1100
|
+
.style-nova .cn-field-separator { @apply -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2; }
|
|
1101
|
+
.style-nova .cn-field-separator-content { @apply text-muted-foreground px-2; }
|
|
1102
|
+
.style-nova .cn-field-error { @apply text-destructive text-sm; }
|
|
1103
|
+
.style-nova .cn-hover-card-content { @apply data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100; }
|
|
1104
|
+
.style-nova .cn-hover-card-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1105
|
+
.style-nova .cn-input { @apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm; }
|
|
1106
|
+
.style-nova .cn-input-otp { @apply gap-2; }
|
|
1107
|
+
.style-nova .cn-input-otp-group { @apply has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive rounded-lg has-aria-invalid:ring-3; }
|
|
1108
|
+
.style-nova .cn-input-otp-slot { @apply dark:bg-input/30 border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive size-8 border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:ring-3; }
|
|
1109
|
+
.style-nova .cn-input-otp-caret-line { @apply animate-caret-blink bg-foreground h-4 w-px duration-1000; }
|
|
1110
|
+
.style-nova .cn-input-otp-separator { @apply [&_svg:not([class*='size-'])]:size-4; }
|
|
1111
|
+
.style-nova .cn-item { @apply [a]:hover:bg-muted rounded-lg border text-sm; }
|
|
1112
|
+
.style-nova .cn-item-variant-default { @apply border-transparent; }
|
|
1113
|
+
.style-nova .cn-item-variant-outline { @apply border-border; }
|
|
1114
|
+
.style-nova .cn-item-variant-muted { @apply bg-muted/50 border-transparent; }
|
|
1115
|
+
.style-nova .cn-item-size-default { @apply gap-2.5 px-3 py-2.5; }
|
|
1116
|
+
.style-nova .cn-item-size-sm { @apply gap-2.5 px-3 py-2.5; }
|
|
1117
|
+
.style-nova .cn-item-size-xs { @apply gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0; }
|
|
1118
|
+
.style-nova .cn-item-media { @apply gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start; }
|
|
1119
|
+
.style-nova .cn-item-media-variant-default { @apply bg-transparent; }
|
|
1120
|
+
.style-nova .cn-item-media-variant-icon { @apply [&_svg:not([class*='size-'])]:size-4; }
|
|
1121
|
+
.style-nova .cn-item-media-variant-image { @apply size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover; }
|
|
1122
|
+
.style-nova .cn-item-content { @apply gap-1 group-data-[size=xs]/item:gap-0; }
|
|
1123
|
+
.style-nova .cn-item-title { @apply gap-2 text-sm leading-snug font-medium underline-offset-4; }
|
|
1124
|
+
.style-nova .cn-item-description { @apply text-muted-foreground text-left text-sm leading-normal group-data-[size=xs]/item:text-xs; }
|
|
1125
|
+
.style-nova .cn-item-actions { @apply gap-2; }
|
|
1126
|
+
.style-nova .cn-item-header { @apply gap-2; }
|
|
1127
|
+
.style-nova .cn-item-footer { @apply gap-2; }
|
|
1128
|
+
.style-nova .cn-item-group { @apply gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2; }
|
|
1129
|
+
.style-nova .cn-item-separator { @apply my-2; }
|
|
1130
|
+
.style-nova .cn-kbd { @apply bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3; }
|
|
1131
|
+
.style-nova .cn-kbd-group { @apply gap-1; }
|
|
1132
|
+
.style-nova .cn-label { @apply gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50; }
|
|
1133
|
+
.style-nova .cn-label-aria { @apply peer-data-disabled:opacity-50; }
|
|
1134
|
+
.style-nova .cn-menubar { @apply h-8 gap-0.5 rounded-lg border p-[3px]; }
|
|
1135
|
+
.style-nova .cn-menubar-trigger { @apply hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-[2px] text-sm font-medium; }
|
|
1136
|
+
.style-nova .cn-menubar-content { @apply bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100; }
|
|
1137
|
+
.style-nova .cn-menubar-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1138
|
+
.style-nova .cn-menubar-item { @apply focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1139
|
+
.style-nova .cn-menubar-checkbox-item { @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-inset:pl-7; }
|
|
1140
|
+
.style-nova .cn-menubar-checkbox-item-indicator { @apply left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4; }
|
|
1141
|
+
.style-nova .cn-menubar-radio-item { @apply focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1142
|
+
.style-nova .cn-menubar-radio-item-indicator { @apply left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4; }
|
|
1143
|
+
.style-nova .cn-menubar-label { @apply px-1.5 py-1 text-sm font-medium data-inset:pl-7; }
|
|
1144
|
+
.style-nova .cn-menubar-separator { @apply bg-border; }
|
|
1145
|
+
.style-nova .cn-menubar-shortcut { @apply text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest; }
|
|
1146
|
+
.style-nova .cn-menubar-sub-trigger { @apply focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4; }
|
|
1147
|
+
.style-nova .cn-menubar-sub-content { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100; }
|
|
1148
|
+
.style-nova .cn-navigation-menu { @apply max-w-max; }
|
|
1149
|
+
.style-nova .cn-navigation-menu-list { @apply gap-0; }
|
|
1150
|
+
.style-nova .cn-navigation-menu-trigger { @apply hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all focus-visible:ring-3 focus-visible:outline-1 disabled:opacity-50; }
|
|
1151
|
+
.style-nova .cn-navigation-menu-link { @apply data-active:focus:bg-muted data-active:hover:bg-muted data-active:bg-muted/50 focus-visible:ring-ring/50 hover:bg-muted focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*='size-'])]:size-4; }
|
|
1152
|
+
.style-nova .cn-navigation-menu-trigger-icon { @apply relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180; }
|
|
1153
|
+
.style-nova .cn-navigation-menu-content { @apply data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:ring-foreground/10 p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300; }
|
|
1154
|
+
.style-nova .cn-navigation-menu-viewport { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:zoom-out-90 data-open:zoom-in-90 ring-foreground/10 rounded-lg shadow ring-1 duration-100; }
|
|
1155
|
+
.style-nova .cn-navigation-menu-indicator { @apply data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in; }
|
|
1156
|
+
.style-nova .cn-navigation-menu-indicator-arrow { @apply bg-border rounded-tl-sm shadow-md; }
|
|
1157
|
+
.style-nova .cn-navigation-menu-positioner { @apply transition-[top,left,right,bottom] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0; }
|
|
1158
|
+
.style-nova .cn-navigation-menu-popup { @apply bg-popover text-popover-foreground ring-foreground/10 rounded-lg shadow ring-1 transition-all ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0; }
|
|
1159
|
+
.style-nova .cn-native-select { @apply border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 pr-8 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5; }
|
|
1160
|
+
.style-nova .cn-native-select-icon { @apply text-muted-foreground top-1/2 right-2.5 size-4 -translate-y-1/2; }
|
|
1161
|
+
.style-nova .cn-pagination-content { @apply gap-0.5; }
|
|
1162
|
+
.style-nova .cn-pagination-ellipsis { @apply size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4; }
|
|
1163
|
+
.style-nova .cn-pagination-previous { @apply pl-1.5!; }
|
|
1164
|
+
.style-nova .cn-pagination-next { @apply pr-1.5!; }
|
|
1165
|
+
.style-nova .cn-popover-content { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100; }
|
|
1166
|
+
.style-nova .cn-popover-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1167
|
+
.style-nova .cn-popover-header { @apply flex flex-col gap-0.5 text-sm; }
|
|
1168
|
+
.style-nova .cn-popover-title { @apply font-medium; }
|
|
1169
|
+
.style-nova .cn-popover-description { @apply text-muted-foreground; }
|
|
1170
|
+
.style-nova .cn-progress { @apply bg-muted h-1 rounded-full; }
|
|
1171
|
+
.style-nova .cn-progress-track { @apply bg-muted h-1 rounded-full; }
|
|
1172
|
+
.style-nova .cn-progress-indicator { @apply bg-primary; }
|
|
1173
|
+
.style-nova .cn-progress-label { @apply text-sm font-medium; }
|
|
1174
|
+
.style-nova .cn-progress-value { @apply text-muted-foreground ml-auto text-sm tabular-nums; }
|
|
1175
|
+
.style-nova .cn-radio-group { @apply grid gap-2; }
|
|
1176
|
+
.style-nova .cn-radio-group-item { @apply border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 flex size-4 rounded-full focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input group-has-[:focus-visible]/field-label:data-checked:border-primary; }
|
|
1177
|
+
.style-nova .cn-radio-group-item-aria { @apply data-selected:bg-primary data-selected:text-primary-foreground dark:data-selected:bg-primary data-selected:border-primary data-focus-visible:border-ring data-focus-visible:ring-ring/50 data-focus-visible:ring-3 data-invalid:data-selected:border-primary data-invalid:border-destructive data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 dark:data-invalid:border-destructive/50 data-invalid:ring-3; }
|
|
1178
|
+
.style-nova .cn-radio-group-indicator { @apply flex size-4 items-center justify-center; }
|
|
1179
|
+
.style-nova .cn-radio-group-indicator-icon { @apply bg-primary-foreground absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full; }
|
|
1180
|
+
.style-nova .cn-resizable-handle-icon { @apply bg-border h-6 w-1 rounded-lg; }
|
|
1181
|
+
.style-nova .cn-scroll-area-scrollbar { @apply data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent; }
|
|
1182
|
+
.style-nova .cn-scroll-area-thumb { @apply rounded-full; }
|
|
1183
|
+
.style-nova .cn-select-trigger { @apply border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:flex *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4; }
|
|
1184
|
+
.style-nova .cn-select-value { @apply flex flex-1 text-left; }
|
|
1185
|
+
.style-nova .cn-select-value-aria { @apply data-placeholder:text-muted-foreground; }
|
|
1186
|
+
.style-nova .cn-select-trigger-icon { @apply text-muted-foreground size-4; }
|
|
1187
|
+
.style-nova .cn-select-content { @apply bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100; }
|
|
1188
|
+
.style-nova .cn-select-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1189
|
+
.style-nova .cn-select-label { @apply text-muted-foreground px-1.5 py-1 text-xs; }
|
|
1190
|
+
.style-nova .cn-select-item { @apply focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2; }
|
|
1191
|
+
.style-nova .cn-select-item-aria { @apply data-focused:bg-accent data-focused:text-accent-foreground; }
|
|
1192
|
+
.style-nova .cn-select-item-indicator { @apply pointer-events-none absolute right-2 flex size-4 items-center justify-center; }
|
|
1193
|
+
.style-nova .cn-select-group { @apply scroll-my-1 p-1; }
|
|
1194
|
+
.style-nova .cn-select-item-text { @apply flex flex-1 gap-2; }
|
|
1195
|
+
.style-nova .cn-select-separator { @apply bg-border -mx-1 my-1 h-px; }
|
|
1196
|
+
.style-nova .cn-select-scroll-up-button { @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4; }
|
|
1197
|
+
.style-nova .cn-select-scroll-down-button { @apply bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4; }
|
|
1198
|
+
.style-nova .cn-select-empty-aria { @apply text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/select-list:flex; }
|
|
1199
|
+
.style-nova .cn-separator { @apply bg-border shrink-0; }
|
|
1200
|
+
.style-nova .cn-separator-horizontal { @apply h-px w-full; }
|
|
1201
|
+
.style-nova .cn-separator-vertical { @apply h-full w-px; }
|
|
1202
|
+
.style-nova .cn-sheet-overlay { @apply bg-black/10 supports-backdrop-filter:backdrop-blur-xs; }
|
|
1203
|
+
.style-nova .cn-sheet-content { @apply bg-popover text-popover-foreground fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm; }
|
|
1204
|
+
.style-nova .cn-sheet-close { @apply absolute top-3 right-3; }
|
|
1205
|
+
.style-nova .cn-sheet-header { @apply gap-0.5 p-4; }
|
|
1206
|
+
.style-nova .cn-sheet-footer { @apply gap-2 p-4; }
|
|
1207
|
+
.style-nova .cn-sheet-title { @apply text-foreground text-base font-medium; }
|
|
1208
|
+
.style-nova .cn-sheet-description { @apply text-muted-foreground text-sm; }
|
|
1209
|
+
.style-nova .cn-sidebar-gap { @apply transition-[width] duration-200 ease-linear; }
|
|
1210
|
+
.style-nova .cn-sidebar-inner { @apply bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1; }
|
|
1211
|
+
.style-nova .cn-sidebar-rail { @apply hover:after:bg-sidebar-border; }
|
|
1212
|
+
.style-nova .cn-sidebar-inset { @apply bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2; }
|
|
1213
|
+
.style-nova .cn-sidebar-input { @apply bg-background h-8 w-full shadow-none; }
|
|
1214
|
+
.style-nova .cn-sidebar-header { @apply gap-2 p-2; }
|
|
1215
|
+
.style-nova .cn-sidebar-content { @apply gap-0; }
|
|
1216
|
+
.style-nova .cn-sidebar-footer { @apply gap-2 p-2; }
|
|
1217
|
+
.style-nova .cn-sidebar-separator { @apply bg-sidebar-border mx-2; }
|
|
1218
|
+
.style-nova .cn-sidebar-group { @apply p-2; }
|
|
1219
|
+
.style-nova .cn-sidebar-menu { @apply gap-0; }
|
|
1220
|
+
.style-nova .cn-sidebar-group-content { @apply text-sm; }
|
|
1221
|
+
.style-nova .cn-sidebar-group-label { @apply text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4; }
|
|
1222
|
+
.style-nova .cn-sidebar-group-action { @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4; }
|
|
1223
|
+
.style-nova .cn-sidebar-menu-button { @apply ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium; }
|
|
1224
|
+
.style-nova .cn-sidebar-menu-button-aria { @apply aria-expanded:hover:bg-sidebar-accent aria-expanded:hover:text-sidebar-accent-foreground; }
|
|
1225
|
+
.style-nova .cn-sidebar-menu-button-variant-default { @apply hover:bg-sidebar-accent hover:text-sidebar-accent-foreground; }
|
|
1226
|
+
.style-nova .cn-sidebar-menu-button-variant-outline { @apply bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]; }
|
|
1227
|
+
.style-nova .cn-sidebar-menu-button-size-default { @apply h-8 text-sm; }
|
|
1228
|
+
.style-nova .cn-sidebar-menu-button-size-sm { @apply h-7 text-xs; }
|
|
1229
|
+
.style-nova .cn-sidebar-menu-button-size-lg { @apply h-12 text-sm group-data-[collapsible=icon]:p-0!; }
|
|
1230
|
+
.style-nova .cn-sidebar-menu-action { @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4; }
|
|
1231
|
+
.style-nova .cn-sidebar-menu-badge { @apply text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1; }
|
|
1232
|
+
.style-nova .cn-sidebar-menu-skeleton { @apply h-8 gap-2 rounded-md px-2; }
|
|
1233
|
+
.style-nova .cn-sidebar-menu-skeleton-icon { @apply size-4 rounded-md; }
|
|
1234
|
+
.style-nova .cn-sidebar-menu-skeleton-text { @apply h-4; }
|
|
1235
|
+
.style-nova .cn-sidebar-menu-sub { @apply border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden; }
|
|
1236
|
+
.style-nova .cn-sidebar-menu-sub-button { @apply text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4; }
|
|
1237
|
+
.style-nova .cn-skeleton { @apply bg-muted rounded-md; }
|
|
1238
|
+
.style-nova .cn-slider { @apply data-vertical:min-h-40; }
|
|
1239
|
+
.style-nova .cn-slider-track { @apply bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1; }
|
|
1240
|
+
.style-nova .cn-slider-range { @apply bg-primary; }
|
|
1241
|
+
.style-nova .cn-slider-thumb { @apply border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3; }
|
|
1242
|
+
.style-nova .cn-toast { @apply rounded-2xl; }
|
|
1243
|
+
.style-nova .cn-switch { @apply data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 shrink-0 rounded-full border border-transparent focus-visible:ring-3 aria-invalid:ring-3 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:border-transparent data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]; }
|
|
1244
|
+
.style-nova .cn-switch-aria { @apply data-selected:bg-primary not-data-selected:bg-input data-focus-visible:border-ring data-focus-visible:ring-ring/50 dark:not-data-selected:bg-input/80 data-focus-visible:ring-3 data-invalid:ring-destructive/20 dark:data-invalid:ring-destructive/40 data-invalid:border-destructive dark:data-invalid:border-destructive/50 data-invalid:ring-3; }
|
|
1245
|
+
.style-nova .cn-switch-thumb { @apply bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground rounded-full group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0; }
|
|
1246
|
+
.style-nova .cn-switch-thumb-aria { @apply dark:not-data-selected:bg-foreground dark:data-selected:bg-primary-foreground group-data-[size=default]/switch:data-selected:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-selected:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:not-data-selected:translate-x-0 group-data-[size=sm]/switch:not-data-selected:translate-x-0; }
|
|
1247
|
+
.style-nova .cn-table-container { @apply relative w-full overflow-x-auto; }
|
|
1248
|
+
.style-nova .cn-table { @apply w-full caption-bottom text-sm; }
|
|
1249
|
+
.style-nova .cn-table-header { @apply [&_tr]:border-b; }
|
|
1250
|
+
.style-nova .cn-table-body { @apply [&_tr:last-child]:border-0; }
|
|
1251
|
+
.style-nova .cn-table-footer { @apply bg-muted/50 border-t font-medium [&>tr]:last:border-b-0; }
|
|
1252
|
+
.style-nova .cn-table-row { @apply hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors; }
|
|
1253
|
+
.style-nova .cn-table-row-aria { @apply data-selected:bg-muted; }
|
|
1254
|
+
.style-nova .cn-table-head { @apply text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0; }
|
|
1255
|
+
.style-nova .cn-table-head-aria { @apply [&:has([data-slot=checkbox])]:pr-0; }
|
|
1256
|
+
.style-nova .cn-table-cell { @apply p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0; }
|
|
1257
|
+
.style-nova .cn-table-cell-aria { @apply [&:has([data-slot=checkbox])]:pr-0; }
|
|
1258
|
+
.style-nova .cn-table-caption { @apply text-muted-foreground mt-4 text-sm; }
|
|
1259
|
+
.style-nova .cn-tabs { @apply gap-2; }
|
|
1260
|
+
.style-nova .cn-tabs-list { @apply rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none; }
|
|
1261
|
+
.style-nova .cn-tabs-trigger { @apply gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1; }
|
|
1262
|
+
.style-nova .cn-tabs-trigger-aria { @apply group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none; }
|
|
1263
|
+
.style-nova .cn-tabs-content { @apply text-sm; }
|
|
1264
|
+
.style-nova .cn-textarea { @apply border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 rounded-lg border bg-transparent px-2.5 py-2 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm; }
|
|
1265
|
+
.style-nova .cn-toggle { @apply hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4; }
|
|
1266
|
+
.style-nova .cn-toggle-aria { @apply data-selected:bg-muted; }
|
|
1267
|
+
.style-nova .cn-toggle-variant-default { @apply bg-transparent; }
|
|
1268
|
+
.style-nova .cn-toggle-variant-outline { @apply border-input hover:bg-muted border bg-transparent; }
|
|
1269
|
+
.style-nova .cn-toggle-size-default { @apply h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2; }
|
|
1270
|
+
.style-nova .cn-toggle-size-sm { @apply h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5; }
|
|
1271
|
+
.style-nova .cn-toggle-size-lg { @apply h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2; }
|
|
1272
|
+
.style-nova .cn-toggle-group { @apply rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)]; }
|
|
1273
|
+
.style-nova .cn-toggle-group-item { @apply group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg; }
|
|
1274
|
+
.style-nova .cn-tooltip-content { @apply data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm; }
|
|
1275
|
+
.style-nova .cn-tooltip-content-logical { @apply data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2; }
|
|
1276
|
+
.style-nova .cn-tooltip-arrow { @apply size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]; }
|
|
1277
|
+
.style-nova .cn-tooltip-arrow-logical { @apply data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2; }
|
|
1278
|
+
.style-nova .cn-input-group { @apply border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5; }
|
|
1279
|
+
.style-nova .cn-input-group-addon { @apply text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4; }
|
|
1280
|
+
.style-nova .cn-input-group-addon-align-inline-start { @apply pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]; }
|
|
1281
|
+
.style-nova .cn-input-group-addon-align-inline-end { @apply pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]; }
|
|
1282
|
+
.style-nova .cn-input-group-addon-align-block-start { @apply px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2; }
|
|
1283
|
+
.style-nova .cn-input-group-addon-align-block-end { @apply px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2; }
|
|
1284
|
+
.style-nova .cn-input-group-button { @apply gap-2 text-sm; }
|
|
1285
|
+
.style-nova .cn-input-group-button-size-xs { @apply h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5; }
|
|
1286
|
+
.style-nova .cn-input-group-button-size-icon-xs { @apply size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0; }
|
|
1287
|
+
.style-nova .cn-input-group-button-size-icon-sm { @apply size-8 p-0 has-[>svg]:p-0; }
|
|
1288
|
+
.style-nova .cn-input-group-text { @apply text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4; }
|
|
1289
|
+
.style-nova .cn-input-group-input { @apply rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent; }
|
|
1290
|
+
.style-nova .cn-input-group-textarea { @apply rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent; }
|
|
1291
|
+
.style-nova .cn-menu-translucent { @apply animate-none! relative bg-popover/70 before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150 **:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10 **:data-[slot$=-separator]:bg-foreground/5 **:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10! **:data-[variant=destructive]:focus:bg-foreground/10! **:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!; }
|
|
1292
|
+
.style-nova .cn-menu-translucent-aria { @apply **:data-[slot$=-item]:data-focused:bg-foreground/10; }
|
|
1293
|
+
.style-nova .cn-bubble { @apply gap-1 data-[align=end]:self-end max-w-[80%] data-[variant=ghost]:max-w-full group-data-[align=end]/message:self-end; }
|
|
1294
|
+
.style-nova .cn-bubble-content { @apply rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50 group-data-[align=end]/bubble:self-end; }
|
|
1295
|
+
.style-nova .cn-bubble-variant-default { @apply *:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80; }
|
|
1296
|
+
.style-nova .cn-bubble-variant-secondary { @apply *:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]; }
|
|
1297
|
+
.style-nova .cn-bubble-variant-muted { @apply *:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]; }
|
|
1298
|
+
.style-nova .cn-bubble-variant-tinted { @apply *:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]; }
|
|
1299
|
+
.style-nova .cn-bubble-variant-outline { @apply *:data-[slot=bubble-content]:bg-background *:data-[slot=bubble-content]:border-border [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30; }
|
|
1300
|
+
.style-nova .cn-bubble-variant-ghost { @apply *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50 border-none; }
|
|
1301
|
+
.style-nova .cn-bubble-variant-destructive { @apply *:data-[slot=bubble-content]:bg-destructive/10 dark:*:data-[slot=bubble-content]:bg-destructive/20 *:data-[slot=bubble-content]:text-destructive [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30; }
|
|
1302
|
+
.style-nova .cn-bubble-reactions { @apply rounded-full ring-3 ring-card bg-muted shrink-0 gap-1 px-1.5 py-0.5 has-[button]:p-0 text-sm; }
|
|
1303
|
+
.style-nova .cn-bubble-reactions-side-top { @apply top-0 -translate-y-3/4; }
|
|
1304
|
+
.style-nova .cn-bubble-reactions-side-bottom { @apply bottom-0 translate-y-3/4; }
|
|
1305
|
+
.style-nova .cn-bubble-reactions-align-start { @apply left-3; }
|
|
1306
|
+
.style-nova .cn-bubble-reactions-align-end { @apply right-3; }
|
|
1307
|
+
.style-nova .cn-bubble-group { @apply gap-2; }
|
|
1308
|
+
.style-nova .cn-attachment { @apply rounded-xl w-fit focus-within:ring-1 focus-within:ring-ring/50; }
|
|
1309
|
+
.style-nova .cn-attachment-orientation-horizontal { @apply min-w-40; }
|
|
1310
|
+
.style-nova .cn-attachment-orientation-vertical { @apply w-24 has-data-[slot=attachment-content]:w-30; }
|
|
1311
|
+
.style-nova .cn-attachment-size-default { @apply gap-2 has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2 text-sm; }
|
|
1312
|
+
.style-nova .cn-attachment-size-sm { @apply gap-2.5 has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5 text-xs; }
|
|
1313
|
+
.style-nova .cn-attachment-size-xs { @apply gap-1.5 has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1 text-xs rounded-lg; }
|
|
1314
|
+
.style-nova .cn-attachment-media { @apply bg-muted text-foreground w-10 rounded-lg group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md [&_svg:not([class*='size-'])]:size-4 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5 group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6!; }
|
|
1315
|
+
.style-nova .cn-attachment-media-variant-image { @apply opacity-60 group-data-[state=idle]/attachment:opacity-100 group-data-[state=done]/attachment:opacity-100; }
|
|
1316
|
+
.style-nova .cn-attachment-content { @apply leading-tight group-data-[orientation=vertical]/attachment:px-1; }
|
|
1317
|
+
.style-nova .cn-attachment-title { @apply font-medium; }
|
|
1318
|
+
.style-nova .cn-attachment-description { @apply mt-0.5 text-xs; }
|
|
1319
|
+
.style-nova .cn-attachment-actions { @apply group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 relative z-20 group-data-[orientation=vertical]/attachment:gap-1; }
|
|
1320
|
+
.style-nova .cn-attachment-group { @apply gap-3 scroll-px-1 py-1; }
|
|
1321
|
+
.style-nova .cn-attachment-trigger { @apply absolute inset-0 z-10 outline-none; }
|
|
1322
|
+
.style-nova .cn-marker { @apply gap-2 text-sm text-muted-foreground [a]:hover:text-foreground [a]:underline-offset-3 [a]:underline [&_svg:not([class*='size-'])]:size-4 min-h-4 text-left; }
|
|
1323
|
+
.style-nova .cn-marker-variant-separator { @apply before:h-px before:min-w-0 before:flex-1 before:bg-border after:h-px after:min-w-0 after:flex-1 after:bg-border before:mr-1 after:ml-1; }
|
|
1324
|
+
.style-nova .cn-marker-variant-border { @apply border-b border-border pb-2; }
|
|
1325
|
+
.style-nova .cn-marker-icon { @apply size-4 [&_svg:not([class*='size-'])]:size-4; }
|
|
1326
|
+
.style-nova .cn-marker-content { @apply group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:hover:text-foreground *:[a]:underline *:[a]:underline-offset-3; }
|
|
1327
|
+
.style-nova .cn-questionnaire { @apply gap-4; }
|
|
1328
|
+
.style-nova .cn-questionnaire-progress { @apply text-xs; }
|
|
1329
|
+
.style-nova .cn-questionnaire-item { @apply flex flex-col gap-4; }
|
|
1330
|
+
.style-nova .cn-questionnaire-title { @apply text-base leading-snug font-medium [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4; }
|
|
1331
|
+
.style-nova .cn-questionnaire-description { @apply text-muted-foreground text-sm; }
|
|
1332
|
+
.style-nova .cn-questionnaire-choices { @apply gap-2; }
|
|
1333
|
+
.style-nova .cn-questionnaire-choice { @apply border-input dark:bg-input/20 hover:bg-muted/50 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted data-invalid:border-destructive has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-ring/50 gap-2.5 rounded-lg border bg-transparent px-3 py-2.5 text-sm has-[>input:focus-visible]:ring-3; }
|
|
1334
|
+
.style-nova .cn-questionnaire-choice-indicator { @apply border-input dark:bg-input/30 group-data-checked/questionnaire-choice:bg-primary dark:group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground group-data-checked/questionnaire-choice:border-primary size-4 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 rounded-[4px]; }
|
|
1335
|
+
.style-nova .cn-questionnaire-choice-indicator-dot { @apply bg-primary-foreground size-2; }
|
|
1336
|
+
.style-nova .cn-questionnaire-choice-indicator-check { @apply size-3.5; }
|
|
1337
|
+
.style-nova .cn-questionnaire-choice-content { @apply gap-0.5; }
|
|
1338
|
+
.style-nova .cn-questionnaire-choice-description { @apply text-muted-foreground; }
|
|
1339
|
+
.style-nova .cn-questionnaire-shortcut { @apply border-input bg-background text-muted-foreground size-5 translate-y-[--spacing(0.45)] group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 items-center justify-center rounded-md border font-mono text-[0.625rem] font-medium leading-none; }
|
|
1340
|
+
.style-nova .cn-questionnaire-input-wrapper { @apply w-full; }
|
|
1341
|
+
.style-nova .cn-questionnaire-input { @apply dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base focus-visible:ring-3 aria-invalid:ring-3 md:text-sm; }
|
|
1342
|
+
.style-nova .cn-questionnaire-error { @apply mt-2 text-sm; }
|
|
1343
|
+
.style-nova .cn-questionnaire-actions { @apply gap-2 sm:min-h-8; }
|
|
1344
|
+
.style-nova .cn-message-scroller-content { @apply gap-6; }
|
|
1345
|
+
.style-nova .cn-message { @apply text-sm gap-2; }
|
|
1346
|
+
.style-nova .cn-message-avatar { @apply min-w-8 group-has-data-[slot=message-footer]/message:-translate-y-8; }
|
|
1347
|
+
.style-nova .cn-message-content { @apply gap-2.5 group-data-[align=end]/message:*:data-slot:self-end; }
|
|
1348
|
+
.style-nova .cn-message-header { @apply text-xs font-medium text-muted-foreground px-3 group-has-data-[variant=ghost]/message:px-0; }
|
|
1349
|
+
.style-nova .cn-message-footer { @apply text-xs font-medium text-muted-foreground px-3 group-has-data-[variant=ghost]/message:px-0; }
|
|
1350
|
+
.style-nova .cn-message-group { @apply gap-2; }
|
|
1351
|
+
.style-nova .cn-alert-dialog-overlay-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs; }
|
|
1352
|
+
.style-nova .cn-alert-dialog-content-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 bg-popover text-popover-foreground ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm; }
|
|
1353
|
+
.style-nova .cn-combobox-content-aria { @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none; }
|
|
1354
|
+
.style-nova .cn-context-menu-content-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100; }
|
|
1355
|
+
.style-nova .cn-dialog-overlay-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs; }
|
|
1356
|
+
.style-nova .cn-dialog-content-aria { @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm; }
|
|
1357
|
+
.style-nova .cn-dropdown-menu-content-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100; }
|
|
1358
|
+
.style-nova .cn-popover-content-aria { @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100; }
|
|
1359
|
+
.style-nova .cn-hover-card-content-aria { @apply data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100; }
|
|
1360
|
+
.style-nova .cn-select-content-aria { @apply bg-popover text-popover-foreground data-entering:animate-in data-exiting:animate-out data-exiting:fade-out-0 data-entering:fade-in-0 data-exiting:zoom-out-95 data-entering:zoom-in-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-lg shadow-md ring-1 duration-100; }
|
|
1361
|
+
.style-nova .cn-tooltip-content-aria { @apply data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm; }
|
|
1362
|
+
.style-nova .cn-context-menu-sub-content-aria { @apply bg-popover text-popover-foreground min-w-32 rounded-lg border p-1 shadow-lg duration-100; }
|
|
1363
|
+
.style-nova .cn-dropdown-menu-sub-content-aria { @apply ring-foreground/10 bg-popover text-popover-foreground min-w-[96px] rounded-lg p-1 shadow-lg ring-1 duration-100; }
|
|
1364
|
+
.style-nova .cn-attachment-group { @apply *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start; }
|
|
1365
|
+
.style-nova .cn-attachment-media-variant-image { @apply *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover; }
|
|
1366
|
+
.style-nova .cn-avatar-badge { @apply group-data-[size=sm]/avatar:[&>svg]:hidden group-data-[size=default]/avatar:[&>svg]:size-2 group-data-[size=lg]/avatar:[&>svg]:size-2; }
|
|
1367
|
+
.style-nova .cn-avatar-group { @apply *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background; }
|
|
1368
|
+
.style-nova .cn-badge { @apply [&>svg]:pointer-events-none; }
|
|
1369
|
+
.style-nova .cn-button-group { @apply *:focus-visible:relative *:focus-visible:z-10 [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1; }
|
|
1370
|
+
.style-nova .cn-button-group-orientation-horizontal { @apply [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none; }
|
|
1371
|
+
.style-nova .cn-button-group-orientation-vertical { @apply [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none; }
|
|
1372
|
+
.style-nova .cn-calendar-caption { @apply [&>svg]:size-3.5 [&>svg]:text-muted-foreground; }
|
|
1373
|
+
.style-nova .cn-calendar-day-button { @apply [&>span]:text-xs [&>span]:opacity-70; }
|
|
1374
|
+
.style-nova .cn-calendar-caption-label { @apply [&>svg]:size-3.5 [&>svg]:text-muted-foreground; }
|
|
1375
|
+
.style-nova .cn-empty-description { @apply [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
1376
|
+
.style-nova .cn-field-description { @apply [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
1377
|
+
.style-nova .cn-field-orientation-vertical { @apply *:w-full [&>.sr-only]:w-auto; }
|
|
1378
|
+
.style-nova .cn-field-orientation-horizontal { @apply *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px; }
|
|
1379
|
+
.style-nova .cn-field-orientation-responsive { @apply *:w-full [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px; }
|
|
1380
|
+
.style-nova .cn-item-description { @apply [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary; }
|
|
1381
|
+
.style-nova .cn-navigation-menu-content { @apply **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none; }
|
|
1382
|
+
.style-nova .cn-select-trigger { @apply *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center; }
|
|
1383
|
+
.style-nova .cn-sidebar-group-label { @apply [&>svg]:shrink-0; }
|
|
1384
|
+
.style-nova .cn-sidebar-group-action { @apply [&>svg]:shrink-0; }
|
|
1385
|
+
.style-nova .cn-sidebar-menu-action { @apply [&>svg]:shrink-0; }
|
|
1386
|
+
.style-nova .cn-sidebar-menu-sub-button { @apply [&>span:last-child]:truncate [&>svg]:shrink-0; }
|
|
1387
|
+
.style-nova .cn-sidebar-menu-button { @apply [&>span:last-child]:truncate; }
|