PluginProbe
ZIP AI – AI Website Builder & AI Agent / 0.0.13
ZIP AI – AI Website Builder & AI Agent v0.0.13
0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 trunk 0.0.4 0.0.5 0.0.6 0.0.7 0.0.8
zip-ai / assets / css / dist / chat-assistant.css

chat-assistant.css in ZIP AI – AI Website Builder & AI Agent 0.0.13, at assets/css/dist/chat-assistant.css

6,270 lines 220.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);
2 /* ── Popover / Floating card mode ────────────────────────────────────────────
3 * Panel renders as a compact floating card anchored to the bottom-right,
4 * above the FAB trigger. No body margin shift, no admin bar adjustment.
5 * The container shrinks from full-height sidebar to a fixed-size card.
6 */
7
8 /* Prevent WP content from shifting when popover is open */
9 body.zip-ai-popover-mode.zip-ai-assistant-open {
10 margin-right: 0 !important;
11 width: 100vw !important;
12 overflow-x: clip;
13 }
14
15 body.zip-ai-popover-mode.zip-ai-assistant-open #wpadminbar {
16 right: 0 !important;
17 }
18
19 body.zip-ai-popover-mode.zip-ai-assistant-open .interface-interface-skeleton,
20 .block-editor-page body.zip-ai-popover-mode.zip-ai-assistant-open .interface-interface-skeleton {
21 margin-right: 0 !important;
22 }
23
24 /* Card shape and size — double body class for specificity over block-editor rules */
25 body.zip-ai-popover-mode .zip-ai-iframe-container,
26 body.zip-ai-popover-mode.block-editor-page .zip-ai-iframe-container {
27 top: auto;
28 /* Default box mirrors the sidebar: from below the admin bar down to a 2px
29 bottom gap, flush right. The height default is admin-bar-aware (see the
30 rules just below) since the bar is 32px on desktop, 46px on mobile, and
31 absent on a front-end page with the toolbar off. */
32 bottom: 2px;
33 right: -420px;
34 /* Size: CSS vars so JS resize can override. !important keeps precedence
35 over sidebar width variables. */
36 width: var(--zipwp-popover-w, 420px) !important;
37 height: var(--zipwp-popover-h, calc(100vh - 34px)) !important;
38 max-height: var(--zipwp-popover-max-h, calc(100vh - 34px));
39 border-radius: 16px;
40 /* Even subtle border on all four sides (sidebar only bordered the left) */
41 border: 1px solid rgba(0, 0, 0, 0.1);
42 box-shadow:
43 0 25px 50px -12px rgba(0, 0, 0, 0.25),
44 0 12px 24px -8px rgba(0, 0, 0, 0.15);
45 /* No overflow:hidden — tooltips and dropdowns portal inside this container
46 and must not be clipped. Inner content handles its own overflow. */
47 overflow: visible;
48 }
49
50 /* Front-end with the toolbar off: no admin bar, so run full height (top 0).
51 Overrides the 34px default and main.css's body:not(.admin-bar) rule. */
52 body.zip-ai-popover-mode:not(.admin-bar) .zip-ai-iframe-container {
53 height: var(--zipwp-popover-h, calc(100vh - 2px)) !important;
54 max-height: var(--zipwp-popover-max-h, calc(100vh - 2px));
55 }
56
57 /* Mobile: the WP admin bar is 46px tall below 782px. */
58 @media screen and (max-width: 782px) {
59 body.zip-ai-popover-mode.admin-bar .zip-ai-iframe-container {
60 height: var(--zipwp-popover-h, calc(100vh - 48px)) !important;
61 max-height: var(--zipwp-popover-max-h, calc(100vh - 48px));
62 }
63 }
64
65 /* Inner React root clips content to the rounded card shape.
66 `clip`, not `hidden`: an overflow:hidden box is still a SCROLL CONTAINER, so
67 the browser's "scroll the focused element into view" could shift the whole
68 card up — taking the screen header with it, with no scrollbar to get back
69 (the import wizard's step 2 did exactly this). `clip` clips identically but
70 creates no scroll container, so nothing can scroll it. */
71 body.zip-ai-popover-mode .zip-ai-iframe-container #chat-assistant-root {
72 border-radius: 16px;
73 overflow: clip;
74 }
75
76 body.zip-ai-popover-mode .zip-ai-iframe-container.zip-ai-iframe-visible {
77 right: 0;
78 }
79
80 /* Fixed overlays (Radix dialogs, the fullscreen design-preview stage) are
81 React portals rendered INTO #chat-assistant-root so they keep the app's
82 scoped styles. In popover mode the container carries a transform from its
83 entry animation, which makes it the containing block for the portal's
84 `position: fixed` — trapping the overlay inside the card. While any overlay
85 is open, drop the transform so the fixed overlay escapes to the real
86 viewport. (The root keeps overflow:hidden — a viewport-fixed element isn't
87 clipped by it once the transform is gone — so the card corners stay
88 rounded even if the overlay flag lingers.) */
89 body.zip-ai-popover-mode.zip-ai-overlay-open .zip-ai-iframe-container {
90 transform: none !important;
91 animation: none !important;
92 }
93
94 /* Hide sidebar resize handle in popover mode */
95 body.zip-ai-popover-mode .zip-ai-resize-handle {
96 display: none !important;
97 }
98
99 /* Drag cursor on popover header */
100 body.zip-ai-popover-mode [data-popover-drag] {
101 cursor: grab;
102 }
103 body.zip-ai-popover-mode [data-popover-drag]:active {
104 cursor: grabbing;
105 }
106
107 /* Popover entry animation — only when not dragged to a custom position.
108 `backwards` (not `both`): the panel must NOT retain the animation's identity
109 transform at rest — a lingering transform makes the container a containing
110 block that traps `position: fixed` portals (Radix tooltips, dialogs) inside
111 the card. The to-state and the base style are both identity, so dropping the
112 forwards fill is visually identical. */
113 body.zip-ai-popover-mode .zip-ai-iframe-container.zip-ai-iframe-visible:not([style*="left"]) {
114 animation: zipwp-popover-in 0.25s cubic-bezier(0.32, 0.72, 0, 1) backwards;
115 }
116 @media (prefers-reduced-motion: reduce) {
117 body.zip-ai-popover-mode .zip-ai-iframe-container.zip-ai-iframe-visible:not([style*="left"]) {
118 animation: none;
119 }
120 }
121
122 /* ── Resize handles ────────────────────────────────────────────────────────
123 * Injected by popover-drag.js — 4 edges + 4 corners.
124 * Only active in popover mode; hidden elsewhere.
125 */
126 .zipwp-popover-resize {
127 display: none;
128 }
129 body.zip-ai-popover-mode .zipwp-popover-resize {
130 display: block;
131 position: absolute;
132 z-index: 10;
133 }
134 /* Edges — 6px thick, along the side */
135 body.zip-ai-popover-mode .zipwp-popover-resize--n { top: -3px; left: 12px; right: 12px; height: 6px; cursor: n-resize; }
136 body.zip-ai-popover-mode .zipwp-popover-resize--s { bottom: -3px; left: 12px; right: 12px; height: 6px; cursor: s-resize; }
137 body.zip-ai-popover-mode .zipwp-popover-resize--e { right: -3px; top: 12px; bottom: 12px; width: 6px; cursor: e-resize; }
138 body.zip-ai-popover-mode .zipwp-popover-resize--w { left: -3px; top: 12px; bottom: 12px; width: 6px; cursor: w-resize; }
139 /* Corners — 14x14, on top of edges */
140 body.zip-ai-popover-mode .zipwp-popover-resize--nw { top: -4px; left: -4px; width: 14px; height: 14px; cursor: nw-resize; }
141 body.zip-ai-popover-mode .zipwp-popover-resize--ne { top: -4px; right: -4px; width: 14px; height: 14px; cursor: ne-resize; }
142 body.zip-ai-popover-mode .zipwp-popover-resize--sw { bottom: -4px; left: -4px; width: 14px; height: 14px; cursor: sw-resize; }
143 body.zip-ai-popover-mode .zipwp-popover-resize--se { bottom: -4px; right: -4px; width: 14px; height: 14px; cursor: se-resize; }
144
145 @keyframes zipwp-popover-in {
146 from {
147 opacity: 0;
148 transform: translateY(12px) scale(0.96);
149 }
150 to {
151 opacity: 1;
152 transform: translateY(0) scale(1);
153 }
154 }
155
156 *, ::before, ::after{
157 --tw-border-spacing-x: 0;
158 --tw-border-spacing-y: 0;
159 --tw-translate-x: 0;
160 --tw-translate-y: 0;
161 --tw-rotate: 0;
162 --tw-skew-x: 0;
163 --tw-skew-y: 0;
164 --tw-scale-x: 1;
165 --tw-scale-y: 1;
166 --tw-pan-x: ;
167 --tw-pan-y: ;
168 --tw-pinch-zoom: ;
169 --tw-scroll-snap-strictness: proximity;
170 --tw-gradient-from-position: ;
171 --tw-gradient-via-position: ;
172 --tw-gradient-to-position: ;
173 --tw-ordinal: ;
174 --tw-slashed-zero: ;
175 --tw-numeric-figure: ;
176 --tw-numeric-spacing: ;
177 --tw-numeric-fraction: ;
178 --tw-ring-inset: ;
179 --tw-ring-offset-width: 0px;
180 --tw-ring-offset-color: #fff;
181 --tw-ring-color: rgb(59 130 246 / 0.5);
182 --tw-ring-offset-shadow: 0 0 #0000;
183 --tw-ring-shadow: 0 0 #0000;
184 --tw-shadow: 0 0 #0000;
185 --tw-shadow-colored: 0 0 #0000;
186 --tw-blur: ;
187 --tw-brightness: ;
188 --tw-contrast: ;
189 --tw-grayscale: ;
190 --tw-hue-rotate: ;
191 --tw-invert: ;
192 --tw-saturate: ;
193 --tw-sepia: ;
194 --tw-drop-shadow: ;
195 --tw-backdrop-blur: ;
196 --tw-backdrop-brightness: ;
197 --tw-backdrop-contrast: ;
198 --tw-backdrop-grayscale: ;
199 --tw-backdrop-hue-rotate: ;
200 --tw-backdrop-invert: ;
201 --tw-backdrop-opacity: ;
202 --tw-backdrop-saturate: ;
203 --tw-backdrop-sepia: ;
204 --tw-contain-size: ;
205 --tw-contain-layout: ;
206 --tw-contain-paint: ;
207 --tw-contain-style: ;
208 }
209
210 ::backdrop{
211 --tw-border-spacing-x: 0;
212 --tw-border-spacing-y: 0;
213 --tw-translate-x: 0;
214 --tw-translate-y: 0;
215 --tw-rotate: 0;
216 --tw-skew-x: 0;
217 --tw-skew-y: 0;
218 --tw-scale-x: 1;
219 --tw-scale-y: 1;
220 --tw-pan-x: ;
221 --tw-pan-y: ;
222 --tw-pinch-zoom: ;
223 --tw-scroll-snap-strictness: proximity;
224 --tw-gradient-from-position: ;
225 --tw-gradient-via-position: ;
226 --tw-gradient-to-position: ;
227 --tw-ordinal: ;
228 --tw-slashed-zero: ;
229 --tw-numeric-figure: ;
230 --tw-numeric-spacing: ;
231 --tw-numeric-fraction: ;
232 --tw-ring-inset: ;
233 --tw-ring-offset-width: 0px;
234 --tw-ring-offset-color: #fff;
235 --tw-ring-color: rgb(59 130 246 / 0.5);
236 --tw-ring-offset-shadow: 0 0 #0000;
237 --tw-ring-shadow: 0 0 #0000;
238 --tw-shadow: 0 0 #0000;
239 --tw-shadow-colored: 0 0 #0000;
240 --tw-blur: ;
241 --tw-brightness: ;
242 --tw-contrast: ;
243 --tw-grayscale: ;
244 --tw-hue-rotate: ;
245 --tw-invert: ;
246 --tw-saturate: ;
247 --tw-sepia: ;
248 --tw-drop-shadow: ;
249 --tw-backdrop-blur: ;
250 --tw-backdrop-brightness: ;
251 --tw-backdrop-contrast: ;
252 --tw-backdrop-grayscale: ;
253 --tw-backdrop-hue-rotate: ;
254 --tw-backdrop-invert: ;
255 --tw-backdrop-opacity: ;
256 --tw-backdrop-saturate: ;
257 --tw-backdrop-sepia: ;
258 --tw-contain-size: ;
259 --tw-contain-layout: ;
260 --tw-contain-paint: ;
261 --tw-contain-style: ;
262 }
263
264 /* Light — Era design tokens (bundle: era.html) */
265
266 :is(#chat-assistant-root, #zip-ai-snippets-root) {
267 --background: 0 0% 100%; /* app-container #FFFFFF */
268 --foreground: 222 47% 11%; /* app-heading #0F172A — crisp */
269 --card: 0 0% 100%;
270 --card-foreground: 222 47% 11%;
271 --popover: 0 0% 100%;
272 --popover-foreground: 222 47% 11%;
273 --primary: 234 41% 41%; /* #3D4592 — primary button/accent (as shipped) */
274 --primary-foreground: 0 0% 100%;
275 --secondary: 216 33% 97%; /* app-background #F5F7FA (subtle surface) */
276 --secondary-foreground: 222 47% 11%;/* app-heading */
277 --muted: 216 33% 97%;
278 --muted-foreground: 215 19% 35%; /* app-text #475569 */
279 --accent: 234 44% 95%; /* soft indigo hover surface */
280 --accent-foreground: 234 41% 41%; /* indigo on --accent */
281 --destructive: 0 84% 60%; /* alert-error #EF4444 */
282 --destructive-foreground: 0 0% 100%;
283 --border: 214 32% 91%; /* app-border #E2E8F0 */
284 --input: 214 32% 91%;
285 --ring: 234 41% 41%; /* focus outline */
286 --radius: 0.625rem;
287 /* App palette — ZipWP color design system (Color Tokens SSOT).
288 NOTE: primary button ships as #3D4592 (the sheet's $secondary); the
289 table's $app-primary #005AE0 is not what the live CTA uses. */
290 --app-primary: 234 41% 41%; /* #3D4592 — primary button (as shipped) */
291 --app-hover: 234 42% 49%; /* #4953B2 */
292 --app-secondary: 214 100% 97%; /* #EFF6FF — secondary button */
293 --app-secondary-hover: 214 95% 93%; /* #DBEAFE */
294 --app-heading: 222 47% 11%; /* #0F172A — crisp headings */
295 --app-text: 215 19% 35%; /* #475569 — text + input text */
296 --app-background: 216 33% 97%; /* #F5F7FA — main background */
297 --app-container: 0 0% 100%; /* #FFFFFF */
298 --app-border: 214 32% 91%; /* #E2E8F0 — border/separator */
299 --app-border-hover: 213 28% 86%; /* #D1DAE5 */
300 --app-inactive-icon: 215 20% 65%; /* #94A3B8 — icon + placeholder */
301 --app-active-icon: 215 19% 35%; /* #475569 */
302 --app-table-row: 214 47% 97%; /* #F4F7FB */
303 --alert-info: 217 91% 60%; /* #3B82F6 */
304 --alert-info-bg: 214 100% 97%; /* #EFF6FF */
305 --alert-info-text: 221 83% 53%; /* #2563EB */
306 --alert-success: 142 71% 45%; /* #22C55E */
307 --alert-success-bg: 138 76% 97%; /* #F0FDF4 */
308 --alert-success-text: 142 76% 36%; /* #16A34A */
309 --alert-warning: 48 96% 53%; /* #FACC15 */
310 --alert-warning-bg: 55 92% 95%; /* #FEFCE8 */
311 --alert-warning-text: 41 96% 40%; /* #CA8A04 */
312 --alert-error: 0 84% 60%; /* #EF4444 */
313 --alert-error-bg: 0 86% 97%; /* #FEF2F2 */
314 --alert-error-text: 0 72% 51%; /* #DC2626 */
315 --line-2: 213 28% 86%; /* #D1DAE5 */
316 --line-3: 214 20% 78%;
317 --bg-sunken: 216 33% 97%; /* #F5F7FA */
318 --ok: 142 71% 45%; /* alert-success #22C55E */
319 --ok-soft: 138 76% 97%; /* alert-success-bg */
320 --warn: 41 96% 40%; /* alert-warning-text #CA8A04 */
321 --warn-soft: 55 92% 95%; /* alert-warning-bg */
322 --accent-50: 234 44% 97%; /* soft indigo */
323 --chart-1: 12 76% 61%;
324 --chart-2: 173 58% 39%;
325 --chart-3: 197 37% 24%;
326 --chart-4: 43 74% 66%;
327 --chart-5: 27 87% 67%;
328
329 /* Legacy semantic tokens (markdown, inline styles, older components) */
330 --color-heading: hsl(var(--foreground));
331 --color-body: hsl(var(--foreground));
332 --color-medium: hsl(var(--muted-foreground));
333 --color-muted: hsl(var(--muted-foreground));
334 --color-faint: hsl(var(--muted-foreground));
335 --color-brand: hsl(var(--primary));
336 --color-brand-hover: hsl(234 42% 49%);
337 --color-brand-dark: hsl(234 42% 35%);
338 --color-surface: hsl(var(--background));
339 --color-surface-secondary: hsl(var(--muted));
340 --color-surface-hover: hsl(var(--accent));
341 --color-border-main: hsl(var(--border));
342 --color-border-light: hsl(var(--border));
343 --color-glass-border: hsl(var(--border) / 0.45);
344 --font-mono: "JetBrains Mono", "Fira Code", consolas, monospace;
345 --font-sans: "Figtree", -apple-system, blinkmacsystemfont, "Segoe UI",
346 sans-serif;
347 --radius-sm: 6px;
348 --radius-md: 8px;
349 --radius-lg: 10px;
350 --radius-xl: 12px;
351 --radius-2xl: 16px;
352 --color-surface-active: hsl(var(--accent));
353 --color-surface-blue: hsl(var(--primary) / 0.1);
354 /* Legacy — prefer border + bg-card / bg-primary in components */
355 --shadow-bubble-user: none;
356 --shadow-bubble-assistant: none;
357 }
358
359 /* Dark — Era tokens (elevated ink-1 + accent with contrast lift) */
360
361 :is(#chat-assistant-root.dark, #zip-ai-snippets-root.dark) {
362 --background: 216 24% 16%; /* dark-app-background #1F2733 */
363 --foreground: 240 20% 99%; /* dark-app-heading #FCFCFD */
364 --card: 215 24% 20%; /* dark-app-container #27313F */
365 --card-foreground: 240 20% 99%;
366 --popover: 215 24% 20%;
367 --popover-foreground: 240 20% 99%;
368 --primary: 234 55% 64%; /* #3D4592 lifted for dark */
369 --primary-foreground: 0 0% 100%;
370 --secondary: 215 24% 20%;
371 --secondary-foreground: 212 32% 92%;
372 --muted: 215 24% 20%;
373 --muted-foreground: 216 24% 64%;
374 --accent: 234 30% 24%; /* soft indigo */
375 --accent-foreground: 234 60% 80%;
376 --destructive: 0 84% 63%;
377 --destructive-foreground: 0 0% 100%;
378 --border: 219 23% 26%; /* dark-app-border #333E52 */
379 --input: 215 24% 24%; /* dark-app-input #2F3B4C */
380 --ring: 234 55% 64%;
381 /* App palette (dark) — dark values approximated from the design system's
382 dark panel (exact hex were not legible in the reference). */
383 --app-primary: 234 55% 64%;
384 --app-hover: 234 55% 72%;
385 --app-secondary: 215 24% 22%; /* secondary button (dark) */
386 --app-secondary-hover: 215 24% 28%;
387 --app-heading: 240 20% 99%; /* #FCFCFD */
388 --app-text: 212 32% 92%; /* #E4EAF1 */
389 --app-background: 216 24% 16%; /* #1F2733 */
390 --app-container: 215 24% 20%; /* #27313F */
391 --app-border: 219 23% 26%; /* #333E52 */
392 --app-border-hover: 217 24% 32%; /* #3E4D65 */
393 --app-inactive-icon: 216 31% 80%; /* #BCC9DC */
394 --app-active-icon: 212 32% 92%;
395 --app-table-row: 215 24% 22%;
396 --alert-info: 216 98% 62%;
397 --alert-info-bg: 216 40% 20%;
398 --alert-info-text: 216 98% 72%;
399 --alert-success: 142 65% 55%;
400 --alert-success-bg: 146 40% 16%;
401 --alert-success-text: 142 65% 65%;
402 --alert-warning: 48 90% 60%;
403 --alert-warning-bg: 34 45% 18%;
404 --alert-warning-text: 41 90% 62%;
405 --alert-error: 0 84% 63%;
406 --alert-error-bg: 0 40% 20%;
407 --alert-error-text: 0 84% 72%;
408 --line-2: 217 24% 32%;
409 --line-3: 217 24% 38%;
410 --bg-sunken: 215 24% 20%;
411 --ok: 142 65% 55%;
412 --ok-soft: 146 40% 16%;
413 --warn: 41 90% 62%;
414 --warn-soft: 34 45% 18%;
415 --accent-50: 234 30% 18%;
416 --chart-1: 220 70% 50%;
417 --chart-2: 160 60% 45%;
418 --chart-3: 30 80% 55%;
419 --chart-4: 280 65% 60%;
420 --chart-5: 340 75% 55%;
421 }
422 .container{
423 width: 100%;
424 }
425 @media (min-width: 640px){
426
427 .container{
428 max-width: 640px;
429 }
430 }
431 @media (min-width: 768px){
432
433 .container{
434 max-width: 768px;
435 }
436 }
437 @media (min-width: 1024px){
438
439 .container{
440 max-width: 1024px;
441 }
442 }
443 @media (min-width: 1280px){
444
445 .container{
446 max-width: 1280px;
447 }
448 }
449 @media (min-width: 1536px){
450
451 .container{
452 max-width: 1536px;
453 }
454 }
455 :is(#chat-assistant-root, #zip-ai-snippets-root) .sr-only{
456 position: absolute;
457 width: 1px;
458 height: 1px;
459 padding: 0;
460 margin: -1px;
461 overflow: hidden;
462 clip: rect(0, 0, 0, 0);
463 white-space: nowrap;
464 border-width: 0;
465 }
466 :is(#chat-assistant-root, #zip-ai-snippets-root) .pointer-events-none{
467 pointer-events: none;
468 }
469 :is(#chat-assistant-root, #zip-ai-snippets-root) .pointer-events-auto{
470 pointer-events: auto;
471 }
472 :is(#chat-assistant-root, #zip-ai-snippets-root) .visible{
473 visibility: visible;
474 }
475 :is(#chat-assistant-root, #zip-ai-snippets-root) .invisible{
476 visibility: hidden;
477 }
478 :is(#chat-assistant-root, #zip-ai-snippets-root) .collapse{
479 visibility: collapse;
480 }
481 :is(#chat-assistant-root, #zip-ai-snippets-root) .static{
482 position: static;
483 }
484 :is(#chat-assistant-root, #zip-ai-snippets-root) .fixed{
485 position: fixed;
486 }
487 :is(#chat-assistant-root, #zip-ai-snippets-root) .absolute{
488 position: absolute;
489 }
490 :is(#chat-assistant-root, #zip-ai-snippets-root) .relative{
491 position: relative;
492 }
493 :is(#chat-assistant-root, #zip-ai-snippets-root) .sticky{
494 position: sticky;
495 }
496 :is(#chat-assistant-root, #zip-ai-snippets-root) .inset-0{
497 inset: 0px;
498 }
499 :is(#chat-assistant-root, #zip-ai-snippets-root) .inset-x-0{
500 left: 0px;
501 right: 0px;
502 }
503 :is(#chat-assistant-root, #zip-ai-snippets-root) .inset-x-\[4\%\]{
504 left: 4%;
505 right: 4%;
506 }
507 :is(#chat-assistant-root, #zip-ai-snippets-root) .inset-y-0{
508 top: 0px;
509 bottom: 0px;
510 }
511 :is(#chat-assistant-root, #zip-ai-snippets-root) .-bottom-0\.5{
512 bottom: -0.125rem;
513 }
514 :is(#chat-assistant-root, #zip-ai-snippets-root) .-bottom-px{
515 bottom: -1px;
516 }
517 :is(#chat-assistant-root, #zip-ai-snippets-root) .-left-0\.5{
518 left: -0.125rem;
519 }
520 :is(#chat-assistant-root, #zip-ai-snippets-root) .-right-1\.5{
521 right: -0.375rem;
522 }
523 :is(#chat-assistant-root, #zip-ai-snippets-root) .-top-1\.5{
524 top: -0.375rem;
525 }
526 :is(#chat-assistant-root, #zip-ai-snippets-root) .bottom-0{
527 bottom: 0px;
528 }
529 :is(#chat-assistant-root, #zip-ai-snippets-root) .bottom-2{
530 bottom: 0.5rem;
531 }
532 :is(#chat-assistant-root, #zip-ai-snippets-root) .bottom-3{
533 bottom: 0.75rem;
534 }
535 :is(#chat-assistant-root, #zip-ai-snippets-root) .bottom-\[5\%\]{
536 bottom: 5%;
537 }
538 :is(#chat-assistant-root, #zip-ai-snippets-root) .bottom-full{
539 bottom: 100%;
540 }
541 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-0{
542 left: 0px;
543 }
544 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-0\.5{
545 left: 0.125rem;
546 }
547 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-1\/2{
548 left: 50%;
549 }
550 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-2{
551 left: 0.5rem;
552 }
553 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-3{
554 left: 0.75rem;
555 }
556 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-\[14px\]{
557 left: 14px;
558 }
559 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-\[50\%\]{
560 left: 50%;
561 }
562 :is(#chat-assistant-root, #zip-ai-snippets-root) .left-\[9px\]{
563 left: 9px;
564 }
565 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-0{
566 right: 0px;
567 }
568 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-1{
569 right: 0.25rem;
570 }
571 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-1\.5{
572 right: 0.375rem;
573 }
574 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-2{
575 right: 0.5rem;
576 }
577 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-3{
578 right: 0.75rem;
579 }
580 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-4{
581 right: 1rem;
582 }
583 :is(#chat-assistant-root, #zip-ai-snippets-root) .right-5{
584 right: 1.25rem;
585 }
586 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-0{
587 top: 0px;
588 }
589 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-0\.5{
590 top: 0.125rem;
591 }
592 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-1\.5{
593 top: 0.375rem;
594 }
595 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-2{
596 top: 0.5rem;
597 }
598 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-3{
599 top: 0.75rem;
600 }
601 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-4{
602 top: 1rem;
603 }
604 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-5{
605 top: 1.25rem;
606 }
607 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-\[32px\]{
608 top: 32px;
609 }
610 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-\[50\%\]{
611 top: 50%;
612 }
613 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-\[88px\]{
614 top: 88px;
615 }
616 :is(#chat-assistant-root, #zip-ai-snippets-root) .top-full{
617 top: 100%;
618 }
619 :is(#chat-assistant-root, #zip-ai-snippets-root) .isolate{
620 isolation: isolate;
621 }
622 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-10{
623 z-index: 10;
624 }
625 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-30{
626 z-index: 30;
627 }
628 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-50{
629 z-index: 50;
630 }
631 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[1000000\]{
632 z-index: 1000000;
633 }
634 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[1000001\]{
635 z-index: 1000001;
636 }
637 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[100\]{
638 z-index: 100;
639 }
640 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[1200\]{
641 z-index: 1200;
642 }
643 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[120\]{
644 z-index: 120;
645 }
646 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[125\]{
647 z-index: 125;
648 }
649 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[126\]{
650 z-index: 126;
651 }
652 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[128\]{
653 z-index: 128;
654 }
655 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[130\]{
656 z-index: 130;
657 }
658 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[150\]{
659 z-index: 150;
660 }
661 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[160\]{
662 z-index: 160;
663 }
664 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[1\]{
665 z-index: 1;
666 }
667 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[200\]{
668 z-index: 200;
669 }
670 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[2\]{
671 z-index: 2;
672 }
673 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-\[999998\]{
674 z-index: 999998;
675 }
676 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-annotation{
677 z-index: 100001;
678 }
679 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-modal{
680 z-index: 1000;
681 }
682 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-overlay{
683 z-index: 1100;
684 }
685 :is(#chat-assistant-root, #zip-ai-snippets-root) .z-tooltip{
686 z-index: 100002;
687 }
688 :is(#chat-assistant-root, #zip-ai-snippets-root) .col-span-full{
689 grid-column: 1 / -1;
690 }
691 :is(#chat-assistant-root, #zip-ai-snippets-root) .m-0{
692 margin: 0px;
693 }
694 :is(#chat-assistant-root, #zip-ai-snippets-root) .m-3{
695 margin: 0.75rem;
696 }
697 :is(#chat-assistant-root, #zip-ai-snippets-root) .-mx-1{
698 margin-left: -0.25rem;
699 margin-right: -0.25rem;
700 }
701 :is(#chat-assistant-root, #zip-ai-snippets-root) .-mx-2{
702 margin-left: -0.5rem;
703 margin-right: -0.5rem;
704 }
705 :is(#chat-assistant-root, #zip-ai-snippets-root) .-mx-3\.5{
706 margin-left: -0.875rem;
707 margin-right: -0.875rem;
708 }
709 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-0\.5{
710 margin-left: 0.125rem;
711 margin-right: 0.125rem;
712 }
713 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-1{
714 margin-left: 0.25rem;
715 margin-right: 0.25rem;
716 }
717 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-1\.5{
718 margin-left: 0.375rem;
719 margin-right: 0.375rem;
720 }
721 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-2{
722 margin-left: 0.5rem;
723 margin-right: 0.5rem;
724 }
725 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-2\.5{
726 margin-left: 0.625rem;
727 margin-right: 0.625rem;
728 }
729 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-3{
730 margin-left: 0.75rem;
731 margin-right: 0.75rem;
732 }
733 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-\[22px\]{
734 margin-left: 22px;
735 margin-right: 22px;
736 }
737 :is(#chat-assistant-root, #zip-ai-snippets-root) .mx-auto{
738 margin-left: auto;
739 margin-right: auto;
740 }
741 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-1{
742 margin-top: 0.25rem;
743 margin-bottom: 0.25rem;
744 }
745 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-1\.5{
746 margin-top: 0.375rem;
747 margin-bottom: 0.375rem;
748 }
749 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-2{
750 margin-top: 0.5rem;
751 margin-bottom: 0.5rem;
752 }
753 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-3{
754 margin-top: 0.75rem;
755 margin-bottom: 0.75rem;
756 }
757 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-3\.5{
758 margin-top: 0.875rem;
759 margin-bottom: 0.875rem;
760 }
761 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-4{
762 margin-top: 1rem;
763 margin-bottom: 1rem;
764 }
765 :is(#chat-assistant-root, #zip-ai-snippets-root) .my-5{
766 margin-top: 1.25rem;
767 margin-bottom: 1.25rem;
768 }
769 :is(#chat-assistant-root, #zip-ai-snippets-root) .-ml-1\.5{
770 margin-left: -0.375rem;
771 }
772 :is(#chat-assistant-root, #zip-ai-snippets-root) .-ml-2{
773 margin-left: -0.5rem;
774 }
775 :is(#chat-assistant-root, #zip-ai-snippets-root) .-mr-1{
776 margin-right: -0.25rem;
777 }
778 :is(#chat-assistant-root, #zip-ai-snippets-root) .-mt-0\.5{
779 margin-top: -0.125rem;
780 }
781 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-0{
782 margin-bottom: 0px;
783 }
784 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-0\.5{
785 margin-bottom: 0.125rem;
786 }
787 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-1{
788 margin-bottom: 0.25rem;
789 }
790 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-1\.5{
791 margin-bottom: 0.375rem;
792 }
793 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-2{
794 margin-bottom: 0.5rem;
795 }
796 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-2\.5{
797 margin-bottom: 0.625rem;
798 }
799 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-3{
800 margin-bottom: 0.75rem;
801 }
802 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-3\.5{
803 margin-bottom: 0.875rem;
804 }
805 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-4{
806 margin-bottom: 1rem;
807 }
808 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-5{
809 margin-bottom: 1.25rem;
810 }
811 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-6{
812 margin-bottom: 1.5rem;
813 }
814 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-8{
815 margin-bottom: 2rem;
816 }
817 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-\[18px\]{
818 margin-bottom: 18px;
819 }
820 :is(#chat-assistant-root, #zip-ai-snippets-root) .mb-\[22px\]{
821 margin-bottom: 22px;
822 }
823 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-0\.5{
824 margin-left: 0.125rem;
825 }
826 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-1{
827 margin-left: 0.25rem;
828 }
829 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-1\.5{
830 margin-left: 0.375rem;
831 }
832 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-2{
833 margin-left: 0.5rem;
834 }
835 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-3{
836 margin-left: 0.75rem;
837 }
838 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-9{
839 margin-left: 2.25rem;
840 }
841 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-\[9px\]{
842 margin-left: 9px;
843 }
844 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-auto{
845 margin-left: auto;
846 }
847 :is(#chat-assistant-root, #zip-ai-snippets-root) .ml-px{
848 margin-left: 1px;
849 }
850 :is(#chat-assistant-root, #zip-ai-snippets-root) .mr-0\.5{
851 margin-right: 0.125rem;
852 }
853 :is(#chat-assistant-root, #zip-ai-snippets-root) .mr-1{
854 margin-right: 0.25rem;
855 }
856 :is(#chat-assistant-root, #zip-ai-snippets-root) .mr-1\.5{
857 margin-right: 0.375rem;
858 }
859 :is(#chat-assistant-root, #zip-ai-snippets-root) .mr-auto{
860 margin-right: auto;
861 }
862 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-0{
863 margin-top: 0px;
864 }
865 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-0\.5{
866 margin-top: 0.125rem;
867 }
868 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-1{
869 margin-top: 0.25rem;
870 }
871 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-1\.5{
872 margin-top: 0.375rem;
873 }
874 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-2{
875 margin-top: 0.5rem;
876 }
877 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-2\.5{
878 margin-top: 0.625rem;
879 }
880 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-3{
881 margin-top: 0.75rem;
882 }
883 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-3\.5{
884 margin-top: 0.875rem;
885 }
886 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-4{
887 margin-top: 1rem;
888 }
889 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-5{
890 margin-top: 1.25rem;
891 }
892 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-6{
893 margin-top: 1.5rem;
894 }
895 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-7{
896 margin-top: 1.75rem;
897 }
898 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-\[3px\]{
899 margin-top: 3px;
900 }
901 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-\[7px\]{
902 margin-top: 7px;
903 }
904 :is(#chat-assistant-root, #zip-ai-snippets-root) .mt-px{
905 margin-top: 1px;
906 }
907 :is(#chat-assistant-root, #zip-ai-snippets-root) .box-border{
908 box-sizing: border-box;
909 }
910 :is(#chat-assistant-root, #zip-ai-snippets-root) .line-clamp-1{
911 overflow: hidden;
912 display: -webkit-box;
913 -webkit-box-orient: vertical;
914 -webkit-line-clamp: 1;
915 }
916 :is(#chat-assistant-root, #zip-ai-snippets-root) .line-clamp-2{
917 overflow: hidden;
918 display: -webkit-box;
919 -webkit-box-orient: vertical;
920 -webkit-line-clamp: 2;
921 }
922 :is(#chat-assistant-root, #zip-ai-snippets-root) .line-clamp-4{
923 overflow: hidden;
924 display: -webkit-box;
925 -webkit-box-orient: vertical;
926 -webkit-line-clamp: 4;
927 }
928 :is(#chat-assistant-root, #zip-ai-snippets-root) .block{
929 display: block;
930 }
931 :is(#chat-assistant-root, #zip-ai-snippets-root) .inline-block{
932 display: inline-block;
933 }
934 :is(#chat-assistant-root, #zip-ai-snippets-root) .inline{
935 display: inline;
936 }
937 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex{
938 display: flex;
939 }
940 :is(#chat-assistant-root, #zip-ai-snippets-root) .inline-flex{
941 display: inline-flex;
942 }
943 :is(#chat-assistant-root, #zip-ai-snippets-root) .table{
944 display: table;
945 }
946 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid{
947 display: grid;
948 }
949 :is(#chat-assistant-root, #zip-ai-snippets-root) .inline-grid{
950 display: inline-grid;
951 }
952 :is(#chat-assistant-root, #zip-ai-snippets-root) .contents{
953 display: contents;
954 }
955 :is(#chat-assistant-root, #zip-ai-snippets-root) .hidden{
956 display: none;
957 }
958 :is(#chat-assistant-root, #zip-ai-snippets-root) .aspect-\[4\/3\]{
959 aspect-ratio: 4/3;
960 }
961 :is(#chat-assistant-root, #zip-ai-snippets-root) .aspect-square{
962 aspect-ratio: 1 / 1;
963 }
964 :is(#chat-assistant-root, #zip-ai-snippets-root) .size-1{
965 width: 0.25rem;
966 height: 0.25rem;
967 }
968 :is(#chat-assistant-root, #zip-ai-snippets-root) .size-1\.5{
969 width: 0.375rem;
970 height: 0.375rem;
971 }
972 :is(#chat-assistant-root, #zip-ai-snippets-root) .size-2\.5{
973 width: 0.625rem;
974 height: 0.625rem;
975 }
976 :is(#chat-assistant-root, #zip-ai-snippets-root) .size-3{
977 width: 0.75rem;
978 height: 0.75rem;
979 }
980 :is(#chat-assistant-root, #zip-ai-snippets-root) .size-full{
981 width: 100%;
982 height: 100%;
983 }
984 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-0{
985 height: 0px;
986 }
987 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-1{
988 height: 0.25rem;
989 }
990 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-1\.5{
991 height: 0.375rem;
992 }
993 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-10{
994 height: 2.5rem;
995 }
996 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-11{
997 height: 2.75rem;
998 }
999 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-12{
1000 height: 3rem;
1001 }
1002 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-14{
1003 height: 3.5rem;
1004 }
1005 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-16{
1006 height: 4rem;
1007 }
1008 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-2{
1009 height: 0.5rem;
1010 }
1011 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-2\.5{
1012 height: 0.625rem;
1013 }
1014 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-20{
1015 height: 5rem;
1016 }
1017 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-28{
1018 height: 7rem;
1019 }
1020 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-3{
1021 height: 0.75rem;
1022 }
1023 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-3\.5{
1024 height: 0.875rem;
1025 }
1026 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-4{
1027 height: 1rem;
1028 }
1029 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-5{
1030 height: 1.25rem;
1031 }
1032 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-6{
1033 height: 1.5rem;
1034 }
1035 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-7{
1036 height: 1.75rem;
1037 }
1038 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-8{
1039 height: 2rem;
1040 }
1041 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-9{
1042 height: 2.25rem;
1043 }
1044 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[0\.95em\]{
1045 height: 0.95em;
1046 }
1047 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[11px\]{
1048 height: 11px;
1049 }
1050 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[13px\]{
1051 height: 13px;
1052 }
1053 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[14px\]{
1054 height: 14px;
1055 }
1056 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[15px\]{
1057 height: 15px;
1058 }
1059 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[18px\]{
1060 height: 18px;
1061 }
1062 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[20px\]{
1063 height: 20px;
1064 }
1065 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[22px\]{
1066 height: 22px;
1067 }
1068 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[26px\]{
1069 height: 26px;
1070 }
1071 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[28px\]{
1072 height: 28px;
1073 }
1074 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[2px\]{
1075 height: 2px;
1076 }
1077 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[30\%\]{
1078 height: 30%;
1079 }
1080 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[30px\]{
1081 height: 30px;
1082 }
1083 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[34px\]{
1084 height: 34px;
1085 }
1086 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[36px\]{
1087 height: 36px;
1088 }
1089 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[38px\]{
1090 height: 38px;
1091 }
1092 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[3px\]{
1093 height: 3px;
1094 }
1095 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[40\%\]{
1096 height: 40%;
1097 }
1098 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[40px\]{
1099 height: 40px;
1100 }
1101 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[44px\]{
1102 height: 44px;
1103 }
1104 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[52px\]{
1105 height: 52px;
1106 }
1107 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[5px\]{
1108 height: 5px;
1109 }
1110 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[60px\]{
1111 height: 60px;
1112 }
1113 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[7px\]{
1114 height: 7px;
1115 }
1116 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[86px\]{
1117 height: 86px;
1118 }
1119 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-\[calc\(100vh-152px\)\]{
1120 height: calc(100vh - 152px);
1121 }
1122 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-auto{
1123 height: auto;
1124 }
1125 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-full{
1126 height: 100%;
1127 }
1128 :is(#chat-assistant-root, #zip-ai-snippets-root) .h-px{
1129 height: 1px;
1130 }
1131 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-20{
1132 max-height: 5rem;
1133 }
1134 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-60{
1135 max-height: 15rem;
1136 }
1137 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-64{
1138 max-height: 16rem;
1139 }
1140 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-72{
1141 max-height: 18rem;
1142 }
1143 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[120px\]{
1144 max-height: 120px;
1145 }
1146 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[13\.5rem\]{
1147 max-height: 13.5rem;
1148 }
1149 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[160px\]{
1150 max-height: 160px;
1151 }
1152 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[200px\]{
1153 max-height: 200px;
1154 }
1155 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[240px\]{
1156 max-height: 240px;
1157 }
1158 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[280px\]{
1159 max-height: 280px;
1160 }
1161 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[80vh\]{
1162 max-height: 80vh;
1163 }
1164 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[85vh\]{
1165 max-height: 85vh;
1166 }
1167 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[88px\]{
1168 max-height: 88px;
1169 }
1170 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[96px\]{
1171 max-height: 96px;
1172 }
1173 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[min\(260px\2c 32vh\)\]{
1174 max-height: min(260px, 32vh);
1175 }
1176 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[min\(300px\2c 38vh\)\]{
1177 max-height: min(300px, 38vh);
1178 }
1179 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{
1180 max-height: var(--radix-dropdown-menu-content-available-height);
1181 }
1182 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-0{
1183 min-height: 0px;
1184 }
1185 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-4{
1186 min-height: 1rem;
1187 }
1188 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-8{
1189 min-height: 2rem;
1190 }
1191 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-9{
1192 min-height: 2.25rem;
1193 }
1194 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[120px\]{
1195 min-height: 120px;
1196 }
1197 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[168px\]{
1198 min-height: 168px;
1199 }
1200 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[26px\]{
1201 min-height: 26px;
1202 }
1203 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[40px\]{
1204 min-height: 40px;
1205 }
1206 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[440px\]{
1207 min-height: 440px;
1208 }
1209 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[44px\]{
1210 min-height: 44px;
1211 }
1212 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[560px\]{
1213 min-height: 560px;
1214 }
1215 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[58px\]{
1216 min-height: 58px;
1217 }
1218 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[80px\]{
1219 min-height: 80px;
1220 }
1221 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[84px\]{
1222 min-height: 84px;
1223 }
1224 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[96px\]{
1225 min-height: 96px;
1226 }
1227 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[98px\]{
1228 min-height: 98px;
1229 }
1230 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-\[calc\(100vh-32px\)\]{
1231 min-height: calc(100vh - 32px);
1232 }
1233 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-full{
1234 min-height: 100%;
1235 }
1236 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-h-screen{
1237 min-height: 100vh;
1238 }
1239 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-0{
1240 width: 0px;
1241 }
1242 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-1\.5{
1243 width: 0.375rem;
1244 }
1245 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-1\/3{
1246 width: 33.333333%;
1247 }
1248 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-10{
1249 width: 2.5rem;
1250 }
1251 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-11{
1252 width: 2.75rem;
1253 }
1254 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-12{
1255 width: 3rem;
1256 }
1257 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-16{
1258 width: 4rem;
1259 }
1260 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-2{
1261 width: 0.5rem;
1262 }
1263 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-2\.5{
1264 width: 0.625rem;
1265 }
1266 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-20{
1267 width: 5rem;
1268 }
1269 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-24{
1270 width: 6rem;
1271 }
1272 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-3{
1273 width: 0.75rem;
1274 }
1275 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-3\.5{
1276 width: 0.875rem;
1277 }
1278 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-3\/4{
1279 width: 75%;
1280 }
1281 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-4{
1282 width: 1rem;
1283 }
1284 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-40{
1285 width: 10rem;
1286 }
1287 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-5{
1288 width: 1.25rem;
1289 }
1290 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-5\/6{
1291 width: 83.333333%;
1292 }
1293 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-56{
1294 width: 14rem;
1295 }
1296 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-6{
1297 width: 1.5rem;
1298 }
1299 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-7{
1300 width: 1.75rem;
1301 }
1302 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-72{
1303 width: 18rem;
1304 }
1305 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-8{
1306 width: 2rem;
1307 }
1308 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-80{
1309 width: 20rem;
1310 }
1311 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-9{
1312 width: 2.25rem;
1313 }
1314 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[1\.5px\]{
1315 width: 1.5px;
1316 }
1317 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[100px\]{
1318 width: 100px;
1319 }
1320 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[112px\]{
1321 width: 112px;
1322 }
1323 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[11px\]{
1324 width: 11px;
1325 }
1326 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[13px\]{
1327 width: 13px;
1328 }
1329 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[14px\]{
1330 width: 14px;
1331 }
1332 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[150px\]{
1333 width: 150px;
1334 }
1335 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[15px\]{
1336 width: 15px;
1337 }
1338 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[16\%\]{
1339 width: 16%;
1340 }
1341 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[180px\]{
1342 width: 180px;
1343 }
1344 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[18px\]{
1345 width: 18px;
1346 }
1347 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[20px\]{
1348 width: 20px;
1349 }
1350 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[220px\]{
1351 width: 220px;
1352 }
1353 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[22px\]{
1354 width: 22px;
1355 }
1356 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[26px\]{
1357 width: 26px;
1358 }
1359 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[28px\]{
1360 width: 28px;
1361 }
1362 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[292px\]{
1363 width: 292px;
1364 }
1365 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[30px\]{
1366 width: 30px;
1367 }
1368 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[330px\]{
1369 width: 330px;
1370 }
1371 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[340px\]{
1372 width: 340px;
1373 }
1374 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[34px\]{
1375 width: 34px;
1376 }
1377 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[38px\]{
1378 width: 38px;
1379 }
1380 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[400px\]{
1381 width: 400px;
1382 }
1383 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[460px\]{
1384 width: 460px;
1385 }
1386 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[54px\]{
1387 width: 54px;
1388 }
1389 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[560px\]{
1390 width: 560px;
1391 }
1392 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[58px\]{
1393 width: 58px;
1394 }
1395 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[5px\]{
1396 width: 5px;
1397 }
1398 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[60px\]{
1399 width: 60px;
1400 }
1401 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[70px\]{
1402 width: 70px;
1403 }
1404 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[7px\]{
1405 width: 7px;
1406 }
1407 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[88\%\]{
1408 width: 88%;
1409 }
1410 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[9\%\]{
1411 width: 9%;
1412 }
1413 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[90px\]{
1414 width: 90px;
1415 }
1416 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-\[min\(100\%\2c 640px\)\]{
1417 width: min(100%, 640px);
1418 }
1419 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-auto{
1420 width: auto;
1421 }
1422 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-fit{
1423 width: -moz-fit-content;
1424 width: fit-content;
1425 }
1426 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-full{
1427 width: 100%;
1428 }
1429 :is(#chat-assistant-root, #zip-ai-snippets-root) .w-px{
1430 width: 1px;
1431 }
1432 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-0{
1433 min-width: 0px;
1434 }
1435 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[120px\]{
1436 min-width: 120px;
1437 }
1438 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[140px\]{
1439 min-width: 140px;
1440 }
1441 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[150px\]{
1442 min-width: 150px;
1443 }
1444 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[180px\]{
1445 min-width: 180px;
1446 }
1447 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[18px\]{
1448 min-width: 18px;
1449 }
1450 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[190px\]{
1451 min-width: 190px;
1452 }
1453 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[220px\]{
1454 min-width: 220px;
1455 }
1456 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[280px\]{
1457 min-width: 280px;
1458 }
1459 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[80px\]{
1460 min-width: 80px;
1461 }
1462 :is(#chat-assistant-root, #zip-ai-snippets-root) .min-w-\[8rem\]{
1463 min-width: 8rem;
1464 }
1465 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[140px\]{
1466 max-width: 140px;
1467 }
1468 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[16rem\]{
1469 max-width: 16rem;
1470 }
1471 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[180px\]{
1472 max-width: 180px;
1473 }
1474 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[200px\]{
1475 max-width: 200px;
1476 }
1477 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[260px\]{
1478 max-width: 260px;
1479 }
1480 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[280px\]{
1481 max-width: 280px;
1482 }
1483 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[340px\]{
1484 max-width: 340px;
1485 }
1486 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[380px\]{
1487 max-width: 380px;
1488 }
1489 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[420px\]{
1490 max-width: 420px;
1491 }
1492 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[440px\]{
1493 max-width: 440px;
1494 }
1495 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[44px\]{
1496 max-width: 44px;
1497 }
1498 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[460px\]{
1499 max-width: 460px;
1500 }
1501 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[480px\]{
1502 max-width: 480px;
1503 }
1504 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[520px\]{
1505 max-width: 520px;
1506 }
1507 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[60\%\]{
1508 max-width: 60%;
1509 }
1510 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[640px\]{
1511 max-width: 640px;
1512 }
1513 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[720px\]{
1514 max-width: 720px;
1515 }
1516 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[75\%\]{
1517 max-width: 75%;
1518 }
1519 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[760px\]{
1520 max-width: 760px;
1521 }
1522 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[85\%\]{
1523 max-width: 85%;
1524 }
1525 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[860px\]{
1526 max-width: 860px;
1527 }
1528 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[92\%\]{
1529 max-width: 92%;
1530 }
1531 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[calc\(100\%-24px\)\]{
1532 max-width: calc(100% - 24px);
1533 }
1534 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[calc\(100\%-32px\)\]{
1535 max-width: calc(100% - 32px);
1536 }
1537 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[calc\(100vw-24px\)\]{
1538 max-width: calc(100vw - 24px);
1539 }
1540 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[calc\(100vw-32px\)\]{
1541 max-width: calc(100vw - 32px);
1542 }
1543 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-\[min\(70vw\2c 26rem\)\]{
1544 max-width: min(70vw, 26rem);
1545 }
1546 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-full{
1547 max-width: 100%;
1548 }
1549 :is(#chat-assistant-root, #zip-ai-snippets-root) .max-w-lg{
1550 max-width: 32rem;
1551 }
1552 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-1{
1553 flex: 1 1 0%;
1554 }
1555 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-\[0_1_320px\]{
1556 flex: 0 1 320px;
1557 }
1558 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-none{
1559 flex: none;
1560 }
1561 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-shrink-0{
1562 flex-shrink: 0;
1563 }
1564 :is(#chat-assistant-root, #zip-ai-snippets-root) .shrink{
1565 flex-shrink: 1;
1566 }
1567 :is(#chat-assistant-root, #zip-ai-snippets-root) .shrink-0{
1568 flex-shrink: 0;
1569 }
1570 :is(#chat-assistant-root, #zip-ai-snippets-root) .grow{
1571 flex-grow: 1;
1572 }
1573 :is(#chat-assistant-root, #zip-ai-snippets-root) .grow-\[15\]{
1574 flex-grow: 15;
1575 }
1576 :is(#chat-assistant-root, #zip-ai-snippets-root) .grow-\[18\]{
1577 flex-grow: 18;
1578 }
1579 :is(#chat-assistant-root, #zip-ai-snippets-root) .grow-\[34\]{
1580 flex-grow: 34;
1581 }
1582 :is(#chat-assistant-root, #zip-ai-snippets-root) .basis-0{
1583 flex-basis: 0px;
1584 }
1585 :is(#chat-assistant-root, #zip-ai-snippets-root) .basis-\[9\%\]{
1586 flex-basis: 9%;
1587 }
1588 :is(#chat-assistant-root, #zip-ai-snippets-root) .basis-full{
1589 flex-basis: 100%;
1590 }
1591 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-collapse{
1592 border-collapse: collapse;
1593 }
1594 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-separate{
1595 border-collapse: separate;
1596 }
1597 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-spacing-0{
1598 --tw-border-spacing-x: 0px;
1599 --tw-border-spacing-y: 0px;
1600 border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1601 }
1602 :is(#chat-assistant-root, #zip-ai-snippets-root) .origin-\[var\(--radix-popover-content-transform-origin\)\]{
1603 transform-origin: var(--radix-popover-content-transform-origin);
1604 }
1605 :is(#chat-assistant-root, #zip-ai-snippets-root) .origin-left{
1606 transform-origin: left;
1607 }
1608 :is(#chat-assistant-root, #zip-ai-snippets-root) .origin-top-right{
1609 transform-origin: top right;
1610 }
1611 :is(#chat-assistant-root, #zip-ai-snippets-root) .-translate-x-1{
1612 --tw-translate-x: -0.25rem;
1613 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1614 }
1615 :is(#chat-assistant-root, #zip-ai-snippets-root) .-translate-x-1\/2{
1616 --tw-translate-x: -50%;
1617 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1618 }
1619 :is(#chat-assistant-root, #zip-ai-snippets-root) .-translate-y-1\/2{
1620 --tw-translate-y: -50%;
1621 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1622 }
1623 :is(#chat-assistant-root, #zip-ai-snippets-root) .-translate-y-2{
1624 --tw-translate-y: -0.5rem;
1625 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1626 }
1627 :is(#chat-assistant-root, #zip-ai-snippets-root) .-translate-y-6{
1628 --tw-translate-y: -1.5rem;
1629 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1630 }
1631 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-x-0{
1632 --tw-translate-x: 0px;
1633 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1634 }
1635 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-x-10{
1636 --tw-translate-x: 2.5rem;
1637 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1638 }
1639 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-x-\[-50\%\]{
1640 --tw-translate-x: -50%;
1641 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1642 }
1643 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-y-0{
1644 --tw-translate-y: 0px;
1645 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1646 }
1647 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-y-1{
1648 --tw-translate-y: 0.25rem;
1649 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1650 }
1651 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-y-\[-50\%\]{
1652 --tw-translate-y: -50%;
1653 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1654 }
1655 :is(#chat-assistant-root, #zip-ai-snippets-root) .translate-y-px{
1656 --tw-translate-y: 1px;
1657 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1658 }
1659 :is(#chat-assistant-root, #zip-ai-snippets-root) .-rotate-180{
1660 --tw-rotate: -180deg;
1661 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1662 }
1663 :is(#chat-assistant-root, #zip-ai-snippets-root) .-rotate-90{
1664 --tw-rotate: -90deg;
1665 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1666 }
1667 :is(#chat-assistant-root, #zip-ai-snippets-root) .rotate-0{
1668 --tw-rotate: 0deg;
1669 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1670 }
1671 :is(#chat-assistant-root, #zip-ai-snippets-root) .rotate-180{
1672 --tw-rotate: 180deg;
1673 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1674 }
1675 :is(#chat-assistant-root, #zip-ai-snippets-root) .rotate-90{
1676 --tw-rotate: 90deg;
1677 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1678 }
1679 :is(#chat-assistant-root, #zip-ai-snippets-root) .scale-100{
1680 --tw-scale-x: 1;
1681 --tw-scale-y: 1;
1682 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1683 }
1684 :is(#chat-assistant-root, #zip-ai-snippets-root) .scale-50{
1685 --tw-scale-x: .5;
1686 --tw-scale-y: .5;
1687 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1688 }
1689 :is(#chat-assistant-root, #zip-ai-snippets-root) .transform{
1690 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1691 }
1692 :is(#chat-assistant-root, #zip-ai-snippets-root) .transform-gpu{
1693 transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1694 }
1695 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-\[eraCaretBlink_0\.9s_steps\(2\2c jump-none\)_infinite\]{
1696 animation: eraCaretBlink 0.9s steps(2,jump-none) infinite;
1697 }
1698 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-\[slideInLeft_0\.2s_ease-out\]{
1699 animation: slideInLeft 0.2s ease-out;
1700 }
1701 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-\[slideInRight_0\.2s_ease-out\]{
1702 animation: slideInRight 0.2s ease-out;
1703 }
1704 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-\[zipAiShimmer_1\.4s_linear_infinite\]{
1705 animation: zipAiShimmer 1.4s linear infinite;
1706 }
1707 @keyframes barSheen{
1708
1709 0%{
1710 transform: translateX(-100%);
1711 }
1712
1713 100%{
1714 transform: translateX(100%);
1715 }
1716 }
1717 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-bar-sheen{
1718 animation: barSheen 1.8s ease-in-out infinite;
1719 }
1720 @keyframes ping{
1721
1722 75%, 100%{
1723 transform: scale(2);
1724 opacity: 0;
1725 }
1726 }
1727 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-ping{
1728 animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
1729 }
1730 @keyframes previewGlow{
1731
1732 0%, 100%{
1733 border-color: rgb(255 255 255 / 0.18);
1734 box-shadow: 0 0 0 0 rgb(255 255 255 / 0), 0 24px 64px -16px rgb(0 0 0 / 0.55);
1735 }
1736
1737 50%{
1738 border-color: rgb(255 255 255 / 0.5);
1739 box-shadow: 0 0 32px 2px rgb(255 255 255 / 0.18), 0 24px 64px -16px rgb(0 0 0 / 0.55);
1740 }
1741 }
1742 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-preview-glow{
1743 animation: previewGlow 3s ease-in-out infinite;
1744 }
1745 @keyframes pulse{
1746
1747 50%{
1748 opacity: .5;
1749 }
1750 }
1751 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-pulse{
1752 animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1753 }
1754 @keyframes shake{
1755
1756 0%, 100%{
1757 transform: translateX(0);
1758 }
1759
1760 20%, 60%{
1761 transform: translateX(-5px);
1762 }
1763
1764 40%, 80%{
1765 transform: translateX(5px);
1766 }
1767 }
1768 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-shake{
1769 animation: shake 0.4s ease-in-out;
1770 }
1771 @keyframes spin{
1772
1773 to{
1774 transform: rotate(360deg);
1775 }
1776 }
1777 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-spin{
1778 animation: spin 1s linear infinite;
1779 }
1780 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-default{
1781 cursor: default;
1782 }
1783 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-grab{
1784 cursor: grab;
1785 }
1786 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-help{
1787 cursor: help;
1788 }
1789 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-not-allowed{
1790 cursor: not-allowed;
1791 }
1792 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-ns-resize{
1793 cursor: ns-resize;
1794 }
1795 :is(#chat-assistant-root, #zip-ai-snippets-root) .cursor-pointer{
1796 cursor: pointer;
1797 }
1798 :is(#chat-assistant-root, #zip-ai-snippets-root) .touch-none{
1799 touch-action: none;
1800 }
1801 :is(#chat-assistant-root, #zip-ai-snippets-root) .select-none{
1802 -webkit-user-select: none;
1803 -moz-user-select: none;
1804 user-select: none;
1805 }
1806 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize-none{
1807 resize: none;
1808 }
1809 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize-y{
1810 resize: vertical;
1811 }
1812 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize{
1813 resize: both;
1814 }
1815 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-decimal{
1816 list-style-type: decimal;
1817 }
1818 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-disc{
1819 list-style-type: disc;
1820 }
1821 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-none{
1822 list-style-type: none;
1823 }
1824 :is(#chat-assistant-root, #zip-ai-snippets-root) .appearance-none{
1825 -webkit-appearance: none;
1826 -moz-appearance: none;
1827 appearance: none;
1828 }
1829 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-1{
1830 grid-template-columns: repeat(1, minmax(0, 1fr));
1831 }
1832 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-2{
1833 grid-template-columns: repeat(2, minmax(0, 1fr));
1834 }
1835 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-3{
1836 grid-template-columns: repeat(3, minmax(0, 1fr));
1837 }
1838 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-9{
1839 grid-template-columns: repeat(9, minmax(0, 1fr));
1840 }
1841 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[120px_1fr\]{
1842 grid-template-columns: 120px 1fr;
1843 }
1844 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[124px_1fr\]{
1845 grid-template-columns: 124px 1fr;
1846 }
1847 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[20px_80px_1fr_auto_auto\]{
1848 grid-template-columns: 20px 80px 1fr auto auto;
1849 }
1850 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[64px_1fr\]{
1851 grid-template-columns: 64px 1fr;
1852 }
1853 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-row{
1854 flex-direction: row;
1855 }
1856 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-col{
1857 flex-direction: column;
1858 }
1859 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-col-reverse{
1860 flex-direction: column-reverse;
1861 }
1862 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-wrap{
1863 flex-wrap: wrap;
1864 }
1865 :is(#chat-assistant-root, #zip-ai-snippets-root) .place-items-center{
1866 place-items: center;
1867 }
1868 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-start{
1869 align-items: flex-start;
1870 }
1871 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-end{
1872 align-items: flex-end;
1873 }
1874 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-center{
1875 align-items: center;
1876 }
1877 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-baseline{
1878 align-items: baseline;
1879 }
1880 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-stretch{
1881 align-items: stretch;
1882 }
1883 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-start{
1884 justify-content: flex-start;
1885 }
1886 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-end{
1887 justify-content: flex-end;
1888 }
1889 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-center{
1890 justify-content: center;
1891 }
1892 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-between{
1893 justify-content: space-between;
1894 }
1895 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-0{
1896 gap: 0px;
1897 }
1898 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-0\.5{
1899 gap: 0.125rem;
1900 }
1901 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-1{
1902 gap: 0.25rem;
1903 }
1904 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-1\.5{
1905 gap: 0.375rem;
1906 }
1907 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-2{
1908 gap: 0.5rem;
1909 }
1910 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-2\.5{
1911 gap: 0.625rem;
1912 }
1913 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-3{
1914 gap: 0.75rem;
1915 }
1916 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-3\.5{
1917 gap: 0.875rem;
1918 }
1919 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-4{
1920 gap: 1rem;
1921 }
1922 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-5{
1923 gap: 1.25rem;
1924 }
1925 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-6{
1926 gap: 1.5rem;
1927 }
1928 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[1\.5\%\]{
1929 gap: 1.5%;
1930 }
1931 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[10px\]{
1932 gap: 10px;
1933 }
1934 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[2\%\]{
1935 gap: 2%;
1936 }
1937 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[3px\]{
1938 gap: 3px;
1939 }
1940 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[5px\]{
1941 gap: 5px;
1942 }
1943 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[7px\]{
1944 gap: 7px;
1945 }
1946 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-px{
1947 gap: 1px;
1948 }
1949 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-x-1{
1950 -moz-column-gap: 0.25rem;
1951 column-gap: 0.25rem;
1952 }
1953 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-y-1{
1954 row-gap: 0.25rem;
1955 }
1956 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-y-1\.5{
1957 row-gap: 0.375rem;
1958 }
1959 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])){
1960 --tw-space-y-reverse: 0;
1961 margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1962 margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1963 }
1964 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){
1965 --tw-space-y-reverse: 0;
1966 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1967 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1968 }
1969 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-5 > :not([hidden]) ~ :not([hidden])){
1970 --tw-space-y-reverse: 0;
1971 margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
1972 margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
1973 }
1974 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.divide-y > :not([hidden]) ~ :not([hidden])){
1975 --tw-divide-y-reverse: 0;
1976 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1977 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1978 }
1979 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.divide-border > :not([hidden]) ~ :not([hidden])){
1980 border-color: hsl(var(--border));
1981 }
1982 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-start{
1983 align-self: flex-start;
1984 }
1985 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-end{
1986 align-self: flex-end;
1987 }
1988 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-center{
1989 align-self: center;
1990 }
1991 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-stretch{
1992 align-self: stretch;
1993 }
1994 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-self-center{
1995 justify-self: center;
1996 }
1997 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-hidden{
1998 overflow: hidden;
1999 }
2000 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-clip{
2001 overflow: clip;
2002 }
2003 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-visible{
2004 overflow: visible;
2005 }
2006 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-auto{
2007 overflow-x: auto;
2008 }
2009 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-y-auto{
2010 overflow-y: auto;
2011 }
2012 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-hidden{
2013 overflow-x: hidden;
2014 }
2015 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-y-hidden{
2016 overflow-y: hidden;
2017 }
2018 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-visible{
2019 overflow-x: visible;
2020 }
2021 :is(#chat-assistant-root, #zip-ai-snippets-root) .overscroll-contain{
2022 overscroll-behavior: contain;
2023 }
2024 :is(#chat-assistant-root, #zip-ai-snippets-root) .truncate{
2025 overflow: hidden;
2026 text-overflow: ellipsis;
2027 white-space: nowrap;
2028 }
2029 :is(#chat-assistant-root, #zip-ai-snippets-root) .whitespace-nowrap{
2030 white-space: nowrap;
2031 }
2032 :is(#chat-assistant-root, #zip-ai-snippets-root) .whitespace-pre-wrap{
2033 white-space: pre-wrap;
2034 }
2035 :is(#chat-assistant-root, #zip-ai-snippets-root) .break-words{
2036 overflow-wrap: break-word;
2037 }
2038 :is(#chat-assistant-root, #zip-ai-snippets-root) .break-all{
2039 word-break: break-all;
2040 }
2041 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded{
2042 border-radius: var(--radius);
2043 }
2044 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-2xl{
2045 border-radius: 16px;
2046 }
2047 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[10px\]{
2048 border-radius: 10px;
2049 }
2050 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[12px\]{
2051 border-radius: 12px;
2052 }
2053 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[14px\]{
2054 border-radius: 14px;
2055 }
2056 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[1px\]{
2057 border-radius: 1px;
2058 }
2059 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[2px\]{
2060 border-radius: 2px;
2061 }
2062 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[3px\]{
2063 border-radius: 3px;
2064 }
2065 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[4px\]{
2066 border-radius: 4px;
2067 }
2068 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[5px\]{
2069 border-radius: 5px;
2070 }
2071 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[7px\]{
2072 border-radius: 7px;
2073 }
2074 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[8\.33px\]{
2075 border-radius: 8.33px;
2076 }
2077 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[9px\]{
2078 border-radius: 9px;
2079 }
2080 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[inherit\]{
2081 border-radius: inherit;
2082 }
2083 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-full{
2084 border-radius: 9999px;
2085 }
2086 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-lg{
2087 border-radius: var(--radius);
2088 }
2089 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-md{
2090 border-radius: calc(var(--radius) - 2px);
2091 }
2092 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-none{
2093 border-radius: 0px;
2094 }
2095 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-sm{
2096 border-radius: calc(var(--radius) - 4px);
2097 }
2098 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xl{
2099 border-radius: calc(var(--radius) + 2px);
2100 }
2101 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xs{
2102 border-radius: 4px;
2103 }
2104 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xxs{
2105 border-radius: 3px;
2106 }
2107 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-b-md{
2108 border-bottom-right-radius: calc(var(--radius) - 2px);
2109 border-bottom-left-radius: calc(var(--radius) - 2px);
2110 }
2111 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-l-lg{
2112 border-top-left-radius: var(--radius);
2113 border-bottom-left-radius: var(--radius);
2114 }
2115 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-l-md{
2116 border-top-left-radius: calc(var(--radius) - 2px);
2117 border-bottom-left-radius: calc(var(--radius) - 2px);
2118 }
2119 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-r-md{
2120 border-top-right-radius: calc(var(--radius) - 2px);
2121 border-bottom-right-radius: calc(var(--radius) - 2px);
2122 }
2123 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-t-xl{
2124 border-top-left-radius: calc(var(--radius) + 2px);
2125 border-top-right-radius: calc(var(--radius) + 2px);
2126 }
2127 :is(#chat-assistant-root, #zip-ai-snippets-root) .border{
2128 border-width: 1px;
2129 }
2130 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-0{
2131 border-width: 0px;
2132 }
2133 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-2{
2134 border-width: 2px;
2135 }
2136 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[1\.5px\]{
2137 border-width: 1.5px;
2138 }
2139 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[1\.6px\]{
2140 border-width: 1.6px;
2141 }
2142 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-b{
2143 border-bottom-width: 1px;
2144 }
2145 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-b-2{
2146 border-bottom-width: 2px;
2147 }
2148 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l{
2149 border-left-width: 1px;
2150 }
2151 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-2{
2152 border-left-width: 2px;
2153 }
2154 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-\[3px\]{
2155 border-left-width: 3px;
2156 }
2157 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-r{
2158 border-right-width: 1px;
2159 }
2160 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t{
2161 border-top-width: 1px;
2162 }
2163 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-2{
2164 border-top-width: 2px;
2165 }
2166 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-solid{
2167 border-style: solid;
2168 }
2169 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-dashed{
2170 border-style: dashed;
2171 }
2172 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-dotted{
2173 border-style: dotted;
2174 }
2175 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-none{
2176 border-style: none;
2177 }
2178 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#232128\]{
2179 --tw-border-opacity: 1;
2180 border-color: rgb(35 33 40 / var(--tw-border-opacity, 1));
2181 }
2182 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#2A2830\]{
2183 --tw-border-opacity: 1;
2184 border-color: rgb(42 40 48 / var(--tw-border-opacity, 1));
2185 }
2186 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#3A3741\]{
2187 --tw-border-opacity: 1;
2188 border-color: rgb(58 55 65 / var(--tw-border-opacity, 1));
2189 }
2190 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--destructive\)\/0\.3\)\]{
2191 border-color: hsl(var(--destructive)/0.3);
2192 }
2193 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--ok\)\/0\.3\)\]{
2194 border-color: hsl(var(--ok)/0.3);
2195 }
2196 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--primary\)\/0\.22\)\]{
2197 border-color: hsl(var(--primary)/0.22);
2198 }
2199 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--ring\)\)\]{
2200 border-color: hsl(var(--ring));
2201 }
2202 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--warn\)\/0\.3\)\]{
2203 border-color: hsl(var(--warn)/0.3);
2204 }
2205 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--warn\)\/0\.4\)\]{
2206 border-color: hsl(var(--warn)/0.4);
2207 }
2208 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(139\2c 146\2c 163\2c 0\.15\)\]{
2209 border-color: rgba(139,146,163,0.15);
2210 }
2211 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(22\2c 163\2c 74\2c 0\.15\)\]{
2212 border-color: rgba(22,163,74,0.15);
2213 }
2214 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(245\2c 158\2c 11\2c 0\.5\)\]{
2215 border-color: rgba(245,158,11,0.5);
2216 }
2217 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-accent{
2218 border-color: hsl(var(--accent));
2219 }
2220 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-accent-ink{
2221 border-color: hsl(var(--accent-foreground));
2222 }
2223 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-alert-error\/25{
2224 border-color: hsl(var(--alert-error) / 0.25);
2225 }
2226 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-amber-200{
2227 --tw-border-opacity: 1;
2228 border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
2229 }
2230 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-amber-400\/40{
2231 border-color: rgb(251 191 36 / 0.4);
2232 }
2233 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-app-body-text{
2234 border-color: hsl(var(--app-text));
2235 }
2236 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-app-primary{
2237 border-color: hsl(var(--app-primary));
2238 }
2239 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background{
2240 border-color: hsl(var(--background));
2241 }
2242 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background\/20{
2243 border-color: hsl(var(--background) / 0.2);
2244 }
2245 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background\/30{
2246 border-color: hsl(var(--background) / 0.3);
2247 }
2248 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-black\/5{
2249 border-color: rgb(0 0 0 / 0.05);
2250 }
2251 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border{
2252 border-color: hsl(var(--border));
2253 }
2254 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-dark{
2255 border-color: hsl(var(--line-3));
2256 }
2257 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-main{
2258 border-color: hsl(var(--border));
2259 }
2260 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-main\/70{
2261 border-color: hsl(var(--border) / 0.7);
2262 }
2263 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/30{
2264 border-color: hsl(var(--border) / 0.3);
2265 }
2266 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/40{
2267 border-color: hsl(var(--border) / 0.4);
2268 }
2269 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/50{
2270 border-color: hsl(var(--border) / 0.5);
2271 }
2272 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/60{
2273 border-color: hsl(var(--border) / 0.6);
2274 }
2275 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/70{
2276 border-color: hsl(var(--border) / 0.7);
2277 }
2278 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand{
2279 border-color: hsl(var(--primary));
2280 }
2281 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand\/20{
2282 border-color: hsl(var(--primary) / 0.2);
2283 }
2284 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand\/25{
2285 border-color: hsl(var(--primary) / 0.25);
2286 }
2287 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-danger{
2288 border-color: hsl(var(--destructive));
2289 }
2290 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive{
2291 border-color: hsl(var(--destructive));
2292 }
2293 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive\/20{
2294 border-color: hsl(var(--destructive) / 0.2);
2295 }
2296 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive\/30{
2297 border-color: hsl(var(--destructive) / 0.3);
2298 }
2299 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-foreground{
2300 border-color: hsl(var(--foreground));
2301 }
2302 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-foreground\/30{
2303 border-color: hsl(var(--foreground) / 0.3);
2304 }
2305 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line{
2306 border-color: hsl(var(--border));
2307 }
2308 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line-2{
2309 border-color: hsl(var(--line-2));
2310 }
2311 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line-3{
2312 border-color: hsl(var(--line-3));
2313 }
2314 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-muted-foreground\/50{
2315 border-color: hsl(var(--muted-foreground) / 0.5);
2316 }
2317 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary{
2318 border-color: hsl(var(--primary));
2319 }
2320 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary-foreground\/30{
2321 border-color: hsl(var(--primary-foreground) / 0.3);
2322 }
2323 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/15{
2324 border-color: hsl(var(--primary) / 0.15);
2325 }
2326 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/20{
2327 border-color: hsl(var(--primary) / 0.2);
2328 }
2329 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/25{
2330 border-color: hsl(var(--primary) / 0.25);
2331 }
2332 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/55{
2333 border-color: hsl(var(--primary) / 0.55);
2334 }
2335 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/60{
2336 border-color: hsl(var(--primary) / 0.6);
2337 }
2338 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop{
2339 border-color: hsl(var(--destructive));
2340 }
2341 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop\/30{
2342 border-color: hsl(var(--destructive) / 0.3);
2343 }
2344 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop\/60{
2345 border-color: hsl(var(--destructive) / 0.6);
2346 }
2347 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-transparent{
2348 border-color: transparent;
2349 }
2350 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warn{
2351 border-color: hsl(var(--warn));
2352 }
2353 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warn\/40{
2354 border-color: hsl(var(--warn) / 0.4);
2355 }
2356 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warning-border{
2357 border-color: hsl(var(--warn));
2358 }
2359 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warning-border\/40{
2360 border-color: hsl(var(--warn) / 0.4);
2361 }
2362 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/10{
2363 border-color: rgb(255 255 255 / 0.1);
2364 }
2365 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/15{
2366 border-color: rgb(255 255 255 / 0.15);
2367 }
2368 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/20{
2369 border-color: rgb(255 255 255 / 0.2);
2370 }
2371 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/25{
2372 border-color: rgb(255 255 255 / 0.25);
2373 }
2374 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/30{
2375 border-color: rgb(255 255 255 / 0.3);
2376 }
2377 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-transparent{
2378 border-left-color: transparent;
2379 }
2380 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-warning-border{
2381 border-left-color: hsl(var(--warn));
2382 }
2383 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-background{
2384 border-top-color: hsl(var(--background));
2385 }
2386 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-foreground{
2387 border-top-color: hsl(var(--foreground));
2388 }
2389 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-muted-foreground{
2390 border-top-color: hsl(var(--muted-foreground));
2391 }
2392 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-ok{
2393 border-top-color: hsl(var(--ok));
2394 }
2395 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-primary{
2396 border-top-color: hsl(var(--primary));
2397 }
2398 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-primary-foreground{
2399 border-top-color: hsl(var(--primary-foreground));
2400 }
2401 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-transparent{
2402 border-top-color: transparent;
2403 }
2404 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-white{
2405 --tw-border-opacity: 1;
2406 border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2407 }
2408 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#0E0D11\]{
2409 --tw-bg-opacity: 1;
2410 background-color: rgb(14 13 17 / var(--tw-bg-opacity, 1));
2411 }
2412 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#1B1A1F\]{
2413 --tw-bg-opacity: 1;
2414 background-color: rgb(27 26 31 / var(--tw-bg-opacity, 1));
2415 }
2416 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#22C55E\]{
2417 --tw-bg-opacity: 1;
2418 background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
2419 }
2420 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#252329\]{
2421 --tw-bg-opacity: 1;
2422 background-color: rgb(37 35 41 / var(--tw-bg-opacity, 1));
2423 }
2424 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#F5C475\]{
2425 --tw-bg-opacity: 1;
2426 background-color: rgb(245 196 117 / var(--tw-bg-opacity, 1));
2427 }
2428 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#eef0f3\]{
2429 --tw-bg-opacity: 1;
2430 background-color: rgb(238 240 243 / var(--tw-bg-opacity, 1));
2431 }
2432 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(152_60\%_94\%\)\]{
2433 --tw-bg-opacity: 1;
2434 background-color: hsl(152 60% 94% / var(--tw-bg-opacity, 1));
2435 }
2436 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(214_94\%_60\%\)\]{
2437 --tw-bg-opacity: 1;
2438 background-color: hsl(214 94% 60% / var(--tw-bg-opacity, 1));
2439 }
2440 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(214_94\%_94\%\)\]{
2441 --tw-bg-opacity: 1;
2442 background-color: hsl(214 94% 94% / var(--tw-bg-opacity, 1));
2443 }
2444 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(222_47\%_11\%\)\]{
2445 --tw-bg-opacity: 1;
2446 background-color: hsl(222 47% 11% / var(--tw-bg-opacity, 1));
2447 }
2448 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--app-placeholder\)\)\]{
2449 background-color: hsl(var(--app-placeholder));
2450 }
2451 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.06\)\]{
2452 background-color: hsl(var(--destructive)/0.06);
2453 }
2454 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.08\)\]{
2455 background-color: hsl(var(--destructive)/0.08);
2456 }
2457 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.1\)\]{
2458 background-color: hsl(var(--destructive)/0.1);
2459 }
2460 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.15\)\]{
2461 background-color: hsl(var(--destructive)/0.15);
2462 }
2463 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--foreground\)\/0\.4\)\]{
2464 background-color: hsl(var(--foreground)/0.4);
2465 }
2466 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--foreground\)\/0\.45\)\]{
2467 background-color: hsl(var(--foreground)/0.45);
2468 }
2469 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--ring\)\)\]{
2470 background-color: hsl(var(--ring));
2471 }
2472 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(139\2c 146\2c 163\2c 0\.06\)\]{
2473 background-color: rgba(139,146,163,0.06);
2474 }
2475 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(168\2c 224\2c 125\2c 0\.1\)\]{
2476 background-color: rgba(168,224,125,0.1);
2477 }
2478 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(22\2c 163\2c 74\2c 0\.06\)\]{
2479 background-color: rgba(22,163,74,0.06);
2480 }
2481 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(22\2c 163\2c 74\2c 0\.12\)\]{
2482 background-color: rgba(22,163,74,0.12);
2483 }
2484 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(245\2c 196\2c 117\2c 0\.1\)\]{
2485 background-color: rgba(245,196,117,0.1);
2486 }
2487 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent{
2488 background-color: hsl(var(--accent));
2489 }
2490 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-50{
2491 background-color: hsl(var(--accent-50));
2492 }
2493 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-foreground{
2494 background-color: hsl(var(--accent-foreground));
2495 }
2496 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-soft{
2497 background-color: hsl(var(--accent));
2498 }
2499 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-alert-error-bg{
2500 background-color: hsl(var(--alert-error-bg));
2501 }
2502 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-400\/15{
2503 background-color: rgb(251 191 36 / 0.15);
2504 }
2505 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-50{
2506 --tw-bg-opacity: 1;
2507 background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
2508 }
2509 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-900\/10{
2510 background-color: rgb(120 53 15 / 0.1);
2511 }
2512 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-body-text{
2513 background-color: hsl(var(--app-text));
2514 }
2515 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-body-text-2{
2516 background-color: hsl(var(--app-heading));
2517 }
2518 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-placeholder{
2519 background-color: hsl(var(--app-inactive-icon));
2520 }
2521 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-primary{
2522 background-color: hsl(var(--app-primary));
2523 }
2524 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-text{
2525 background-color: hsl(var(--app-text));
2526 }
2527 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background{
2528 background-color: hsl(var(--background));
2529 }
2530 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/20{
2531 background-color: hsl(var(--background) / 0.2);
2532 }
2533 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/25{
2534 background-color: hsl(var(--background) / 0.25);
2535 }
2536 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/85{
2537 background-color: hsl(var(--background) / 0.85);
2538 }
2539 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/90{
2540 background-color: hsl(var(--background) / 0.9);
2541 }
2542 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/95{
2543 background-color: hsl(var(--background) / 0.95);
2544 }
2545 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black{
2546 --tw-bg-opacity: 1;
2547 background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2548 }
2549 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/10{
2550 background-color: rgb(0 0 0 / 0.1);
2551 }
2552 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/15{
2553 background-color: rgb(0 0 0 / 0.15);
2554 }
2555 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/20{
2556 background-color: rgb(0 0 0 / 0.2);
2557 }
2558 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/55{
2559 background-color: rgb(0 0 0 / 0.55);
2560 }
2561 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/60{
2562 background-color: rgb(0 0 0 / 0.6);
2563 }
2564 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border{
2565 background-color: hsl(var(--border));
2566 }
2567 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border-dark{
2568 background-color: hsl(var(--line-3));
2569 }
2570 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border-main{
2571 background-color: hsl(var(--border));
2572 }
2573 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand{
2574 background-color: hsl(var(--primary));
2575 }
2576 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand\/10{
2577 background-color: hsl(var(--primary) / 0.1);
2578 }
2579 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand\/\[0\.06\]{
2580 background-color: hsl(var(--primary) / 0.06);
2581 }
2582 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card{
2583 background-color: hsl(var(--card));
2584 }
2585 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/40{
2586 background-color: hsl(var(--card) / 0.4);
2587 }
2588 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/60{
2589 background-color: hsl(var(--card) / 0.6);
2590 }
2591 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/95{
2592 background-color: hsl(var(--card) / 0.95);
2593 }
2594 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-destructive{
2595 background-color: hsl(var(--destructive));
2596 }
2597 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-destructive\/10{
2598 background-color: hsl(var(--destructive) / 0.1);
2599 }
2600 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-emerald-300{
2601 --tw-bg-opacity: 1;
2602 background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
2603 }
2604 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-emerald-400\/15{
2605 background-color: rgb(52 211 153 / 0.15);
2606 }
2607 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground{
2608 background-color: hsl(var(--foreground));
2609 }
2610 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground\/40{
2611 background-color: hsl(var(--foreground) / 0.4);
2612 }
2613 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground\/\[0\.035\]{
2614 background-color: hsl(var(--foreground) / 0.035);
2615 }
2616 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line{
2617 background-color: hsl(var(--border));
2618 }
2619 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-2{
2620 background-color: hsl(var(--line-2));
2621 }
2622 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-2\/50{
2623 background-color: hsl(var(--line-2) / 0.5);
2624 }
2625 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3{
2626 background-color: hsl(var(--line-3));
2627 }
2628 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/20{
2629 background-color: hsl(var(--line-3) / 0.2);
2630 }
2631 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/25{
2632 background-color: hsl(var(--line-3) / 0.25);
2633 }
2634 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/40{
2635 background-color: hsl(var(--line-3) / 0.4);
2636 }
2637 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/45{
2638 background-color: hsl(var(--line-3) / 0.45);
2639 }
2640 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted{
2641 background-color: hsl(var(--muted));
2642 }
2643 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/30{
2644 background-color: hsl(var(--muted) / 0.3);
2645 }
2646 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/40{
2647 background-color: hsl(var(--muted) / 0.4);
2648 }
2649 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/60{
2650 background-color: hsl(var(--muted) / 0.6);
2651 }
2652 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/70{
2653 background-color: hsl(var(--muted) / 0.7);
2654 }
2655 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-neutral-900\/95{
2656 background-color: rgb(23 23 23 / 0.95);
2657 }
2658 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-ok{
2659 background-color: hsl(var(--ok));
2660 }
2661 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-ok-soft{
2662 background-color: hsl(var(--ok-soft));
2663 }
2664 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-popover{
2665 background-color: hsl(var(--popover));
2666 }
2667 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary{
2668 background-color: hsl(var(--primary));
2669 }
2670 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary-foreground{
2671 background-color: hsl(var(--primary-foreground));
2672 }
2673 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/10{
2674 background-color: hsl(var(--primary) / 0.1);
2675 }
2676 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/5{
2677 background-color: hsl(var(--primary) / 0.05);
2678 }
2679 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/\[0\.08\]{
2680 background-color: hsl(var(--primary) / 0.08);
2681 }
2682 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-red-600{
2683 --tw-bg-opacity: 1;
2684 background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2685 }
2686 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sky-300{
2687 --tw-bg-opacity: 1;
2688 background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1));
2689 }
2690 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop{
2691 background-color: hsl(var(--destructive));
2692 }
2693 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop\/10{
2694 background-color: hsl(var(--destructive) / 0.1);
2695 }
2696 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop\/5{
2697 background-color: hsl(var(--destructive) / 0.05);
2698 }
2699 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-success{
2700 background-color: hsl(var(--ok));
2701 }
2702 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-success\/10{
2703 background-color: hsl(var(--ok) / 0.1);
2704 }
2705 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken{
2706 background-color: hsl(var(--bg-sunken));
2707 }
2708 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/30{
2709 background-color: hsl(var(--bg-sunken) / 0.3);
2710 }
2711 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/40{
2712 background-color: hsl(var(--bg-sunken) / 0.4);
2713 }
2714 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/60{
2715 background-color: hsl(var(--bg-sunken) / 0.6);
2716 }
2717 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/70{
2718 background-color: hsl(var(--bg-sunken) / 0.7);
2719 }
2720 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-transparent{
2721 background-color: transparent;
2722 }
2723 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn{
2724 background-color: hsl(var(--warn));
2725 }
2726 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn-soft{
2727 background-color: hsl(var(--warn-soft));
2728 }
2729 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn\/10{
2730 background-color: hsl(var(--warn) / 0.1);
2731 }
2732 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-bg{
2733 background-color: hsl(var(--warn-soft));
2734 }
2735 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-bg\/50{
2736 background-color: hsl(var(--warn-soft) / 0.5);
2737 }
2738 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-border{
2739 background-color: hsl(var(--warn));
2740 }
2741 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white{
2742 --tw-bg-opacity: 1;
2743 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2744 }
2745 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/15{
2746 background-color: rgb(255 255 255 / 0.15);
2747 }
2748 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/35{
2749 background-color: rgb(255 255 255 / 0.35);
2750 }
2751 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/5{
2752 background-color: rgb(255 255 255 / 0.05);
2753 }
2754 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/\[0\.14\]{
2755 background-color: rgb(255 255 255 / 0.14);
2756 }
2757 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[linear-gradient\(110deg\2c transparent_30\%\2c hsl\(0_0\%_100\%_\/_0\.55\)_50\%\2c transparent_70\%\)\]{
2758 background-image: linear-gradient(110deg,transparent 30%,hsl(0 0% 100% / 0.55) 50%,transparent 70%);
2759 }
2760 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-b{
2761 background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
2762 }
2763 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-r{
2764 background-image: linear-gradient(to right, var(--tw-gradient-stops));
2765 }
2766 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-t{
2767 background-image: linear-gradient(to top, var(--tw-gradient-stops));
2768 }
2769 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-none{
2770 background-image: none;
2771 }
2772 :is(#chat-assistant-root, #zip-ai-snippets-root) .from-black\/25{
2773 --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
2774 --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
2775 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2776 }
2777 :is(#chat-assistant-root, #zip-ai-snippets-root) .from-card{
2778 --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
2779 --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
2780 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2781 }
2782 :is(#chat-assistant-root, #zip-ai-snippets-root) .from-primary\/85{
2783 --tw-gradient-from: hsl(var(--primary) / 0.85) var(--tw-gradient-from-position);
2784 --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
2785 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2786 }
2787 :is(#chat-assistant-root, #zip-ai-snippets-root) .from-transparent{
2788 --tw-gradient-from: transparent var(--tw-gradient-from-position);
2789 --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
2790 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2791 }
2792 :is(#chat-assistant-root, #zip-ai-snippets-root) .via-border{
2793 --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
2794 --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to);
2795 }
2796 :is(#chat-assistant-root, #zip-ai-snippets-root) .via-white\/30{
2797 --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2798 --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
2799 }
2800 :is(#chat-assistant-root, #zip-ai-snippets-root) .to-primary{
2801 --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
2802 }
2803 :is(#chat-assistant-root, #zip-ai-snippets-root) .to-transparent{
2804 --tw-gradient-to: transparent var(--tw-gradient-to-position);
2805 }
2806 :is(#chat-assistant-root, #zip-ai-snippets-root) .fill-current{
2807 fill: currentColor;
2808 }
2809 :is(#chat-assistant-root, #zip-ai-snippets-root) .fill-ok{
2810 fill: hsl(var(--ok));
2811 }
2812 :is(#chat-assistant-root, #zip-ai-snippets-root) .stroke-white{
2813 stroke: #fff;
2814 }
2815 :is(#chat-assistant-root, #zip-ai-snippets-root) .object-contain{
2816 -o-object-fit: contain;
2817 object-fit: contain;
2818 }
2819 :is(#chat-assistant-root, #zip-ai-snippets-root) .object-cover{
2820 -o-object-fit: cover;
2821 object-fit: cover;
2822 }
2823 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-0{
2824 padding: 0px;
2825 }
2826 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-0\.5{
2827 padding: 0.125rem;
2828 }
2829 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-1{
2830 padding: 0.25rem;
2831 }
2832 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-1\.5{
2833 padding: 0.375rem;
2834 }
2835 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-2{
2836 padding: 0.5rem;
2837 }
2838 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-2\.5{
2839 padding: 0.625rem;
2840 }
2841 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-3{
2842 padding: 0.75rem;
2843 }
2844 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-3\.5{
2845 padding: 0.875rem;
2846 }
2847 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-4{
2848 padding: 1rem;
2849 }
2850 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-5{
2851 padding: 1.25rem;
2852 }
2853 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-6{
2854 padding: 1.5rem;
2855 }
2856 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-7{
2857 padding: 1.75rem;
2858 }
2859 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-\[1px\]{
2860 padding: 1px;
2861 }
2862 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-\[22px\]{
2863 padding: 22px;
2864 }
2865 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-0{
2866 padding-left: 0px;
2867 padding-right: 0px;
2868 }
2869 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-0\.5{
2870 padding-left: 0.125rem;
2871 padding-right: 0.125rem;
2872 }
2873 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-1{
2874 padding-left: 0.25rem;
2875 padding-right: 0.25rem;
2876 }
2877 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-1\.5{
2878 padding-left: 0.375rem;
2879 padding-right: 0.375rem;
2880 }
2881 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-2{
2882 padding-left: 0.5rem;
2883 padding-right: 0.5rem;
2884 }
2885 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-2\.5{
2886 padding-left: 0.625rem;
2887 padding-right: 0.625rem;
2888 }
2889 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-3{
2890 padding-left: 0.75rem;
2891 padding-right: 0.75rem;
2892 }
2893 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-3\.5{
2894 padding-left: 0.875rem;
2895 padding-right: 0.875rem;
2896 }
2897 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-4{
2898 padding-left: 1rem;
2899 padding-right: 1rem;
2900 }
2901 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-5{
2902 padding-left: 1.25rem;
2903 padding-right: 1.25rem;
2904 }
2905 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-6{
2906 padding-left: 1.5rem;
2907 padding-right: 1.5rem;
2908 }
2909 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-8{
2910 padding-left: 2rem;
2911 padding-right: 2rem;
2912 }
2913 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[18px\]{
2914 padding-left: 18px;
2915 padding-right: 18px;
2916 }
2917 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[22px\]{
2918 padding-left: 22px;
2919 padding-right: 22px;
2920 }
2921 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[4\%\]{
2922 padding-left: 4%;
2923 padding-right: 4%;
2924 }
2925 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[5px\]{
2926 padding-left: 5px;
2927 padding-right: 5px;
2928 }
2929 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[8\%\]{
2930 padding-left: 8%;
2931 padding-right: 8%;
2932 }
2933 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-0{
2934 padding-top: 0px;
2935 padding-bottom: 0px;
2936 }
2937 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-0\.5{
2938 padding-top: 0.125rem;
2939 padding-bottom: 0.125rem;
2940 }
2941 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-1{
2942 padding-top: 0.25rem;
2943 padding-bottom: 0.25rem;
2944 }
2945 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-1\.5{
2946 padding-top: 0.375rem;
2947 padding-bottom: 0.375rem;
2948 }
2949 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-10{
2950 padding-top: 2.5rem;
2951 padding-bottom: 2.5rem;
2952 }
2953 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-12{
2954 padding-top: 3rem;
2955 padding-bottom: 3rem;
2956 }
2957 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-2{
2958 padding-top: 0.5rem;
2959 padding-bottom: 0.5rem;
2960 }
2961 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-2\.5{
2962 padding-top: 0.625rem;
2963 padding-bottom: 0.625rem;
2964 }
2965 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-20{
2966 padding-top: 5rem;
2967 padding-bottom: 5rem;
2968 }
2969 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-3{
2970 padding-top: 0.75rem;
2971 padding-bottom: 0.75rem;
2972 }
2973 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-3\.5{
2974 padding-top: 0.875rem;
2975 padding-bottom: 0.875rem;
2976 }
2977 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-4{
2978 padding-top: 1rem;
2979 padding-bottom: 1rem;
2980 }
2981 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-5{
2982 padding-top: 1.25rem;
2983 padding-bottom: 1.25rem;
2984 }
2985 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-6{
2986 padding-top: 1.5rem;
2987 padding-bottom: 1.5rem;
2988 }
2989 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-8{
2990 padding-top: 2rem;
2991 padding-bottom: 2rem;
2992 }
2993 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[0\.5px\]{
2994 padding-top: 0.5px;
2995 padding-bottom: 0.5px;
2996 }
2997 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[11px\]{
2998 padding-top: 11px;
2999 padding-bottom: 11px;
3000 }
3001 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[14px\]{
3002 padding-top: 14px;
3003 padding-bottom: 14px;
3004 }
3005 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[18px\]{
3006 padding-top: 18px;
3007 padding-bottom: 18px;
3008 }
3009 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[2px\]{
3010 padding-top: 2px;
3011 padding-bottom: 2px;
3012 }
3013 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[3\%\]{
3014 padding-top: 3%;
3015 padding-bottom: 3%;
3016 }
3017 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[3px\]{
3018 padding-top: 3px;
3019 padding-bottom: 3px;
3020 }
3021 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[5px\]{
3022 padding-top: 5px;
3023 padding-bottom: 5px;
3024 }
3025 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[7px\]{
3026 padding-top: 7px;
3027 padding-bottom: 7px;
3028 }
3029 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[9px\]{
3030 padding-top: 9px;
3031 padding-bottom: 9px;
3032 }
3033 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-px{
3034 padding-top: 1px;
3035 padding-bottom: 1px;
3036 }
3037 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-0{
3038 padding-bottom: 0px;
3039 }
3040 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-1{
3041 padding-bottom: 0.25rem;
3042 }
3043 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-1\.5{
3044 padding-bottom: 0.375rem;
3045 }
3046 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-10{
3047 padding-bottom: 2.5rem;
3048 }
3049 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-2{
3050 padding-bottom: 0.5rem;
3051 }
3052 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-2\.5{
3053 padding-bottom: 0.625rem;
3054 }
3055 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-3{
3056 padding-bottom: 0.75rem;
3057 }
3058 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-3\.5{
3059 padding-bottom: 0.875rem;
3060 }
3061 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-4{
3062 padding-bottom: 1rem;
3063 }
3064 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-5{
3065 padding-bottom: 1.25rem;
3066 }
3067 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-6{
3068 padding-bottom: 1.5rem;
3069 }
3070 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-0{
3071 padding-left: 0px;
3072 }
3073 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-1{
3074 padding-left: 0.25rem;
3075 }
3076 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-1\.5{
3077 padding-left: 0.375rem;
3078 }
3079 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-2{
3080 padding-left: 0.5rem;
3081 }
3082 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-2\.5{
3083 padding-left: 0.625rem;
3084 }
3085 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-3{
3086 padding-left: 0.75rem;
3087 }
3088 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-4{
3089 padding-left: 1rem;
3090 }
3091 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-5{
3092 padding-left: 1.25rem;
3093 }
3094 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-7{
3095 padding-left: 1.75rem;
3096 }
3097 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-8{
3098 padding-left: 2rem;
3099 }
3100 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-\[26px\]{
3101 padding-left: 26px;
3102 }
3103 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-1{
3104 padding-right: 0.25rem;
3105 }
3106 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-1\.5{
3107 padding-right: 0.375rem;
3108 }
3109 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-11{
3110 padding-right: 2.75rem;
3111 }
3112 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-2{
3113 padding-right: 0.5rem;
3114 }
3115 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-2\.5{
3116 padding-right: 0.625rem;
3117 }
3118 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-20{
3119 padding-right: 5rem;
3120 }
3121 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-5{
3122 padding-right: 1.25rem;
3123 }
3124 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-6{
3125 padding-right: 1.5rem;
3126 }
3127 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-0{
3128 padding-top: 0px;
3129 }
3130 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-0\.5{
3131 padding-top: 0.125rem;
3132 }
3133 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-1{
3134 padding-top: 0.25rem;
3135 }
3136 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-1\.5{
3137 padding-top: 0.375rem;
3138 }
3139 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-2{
3140 padding-top: 0.5rem;
3141 }
3142 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-2\.5{
3143 padding-top: 0.625rem;
3144 }
3145 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-3{
3146 padding-top: 0.75rem;
3147 }
3148 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-3\.5{
3149 padding-top: 0.875rem;
3150 }
3151 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-4{
3152 padding-top: 1rem;
3153 }
3154 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-5{
3155 padding-top: 1.25rem;
3156 }
3157 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-6{
3158 padding-top: 1.5rem;
3159 }
3160 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-px{
3161 padding-top: 1px;
3162 }
3163 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-left{
3164 text-align: left;
3165 }
3166 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-center{
3167 text-align: center;
3168 }
3169 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-right{
3170 text-align: right;
3171 }
3172 :is(#chat-assistant-root, #zip-ai-snippets-root) .align-top{
3173 vertical-align: top;
3174 }
3175 :is(#chat-assistant-root, #zip-ai-snippets-root) .align-middle{
3176 vertical-align: middle;
3177 }
3178 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-\[inherit\]{
3179 font-family: inherit;
3180 }
3181 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-mono{
3182 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
3183 }
3184 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-sans{
3185 font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
3186 }
3187 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-2xs{
3188 font-size: 10px;
3189 line-height: 14px;
3190 }
3191 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-3xl{
3192 font-size: 30px;
3193 line-height: 36px;
3194 }
3195 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[0\.9em\]{
3196 font-size: 0.9em;
3197 }
3198 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[10\.5px\]{
3199 font-size: 10.5px;
3200 }
3201 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[10px\]{
3202 font-size: 10px;
3203 }
3204 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[11\.5px\]{
3205 font-size: 11.5px;
3206 }
3207 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[11px\]{
3208 font-size: 11px;
3209 }
3210 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[12\.5px\]{
3211 font-size: 12.5px;
3212 }
3213 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[12px\]{
3214 font-size: 12px;
3215 }
3216 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[13\.5px\]{
3217 font-size: 13.5px;
3218 }
3219 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[13px\]{
3220 font-size: 13px;
3221 }
3222 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[14\.5px\]{
3223 font-size: 14.5px;
3224 }
3225 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[14px\]{
3226 font-size: 14px;
3227 }
3228 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[15\.5px\]{
3229 font-size: 15.5px;
3230 }
3231 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[15px\]{
3232 font-size: 15px;
3233 }
3234 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[16px\]{
3235 font-size: 16px;
3236 }
3237 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[17px\]{
3238 font-size: 17px;
3239 }
3240 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[18px\]{
3241 font-size: 18px;
3242 }
3243 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[20px\]{
3244 font-size: 20px;
3245 }
3246 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[22px\]{
3247 font-size: 22px;
3248 }
3249 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[28px\]{
3250 font-size: 28px;
3251 }
3252 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[8\.5px\]{
3253 font-size: 8.5px;
3254 }
3255 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[9\.5px\]{
3256 font-size: 9.5px;
3257 }
3258 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[9px\]{
3259 font-size: 9px;
3260 }
3261 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-base{
3262 font-size: 16px;
3263 line-height: 24px;
3264 }
3265 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-lg{
3266 font-size: 18px;
3267 line-height: 28px;
3268 }
3269 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-md{
3270 font-size: 15px;
3271 line-height: 22px;
3272 }
3273 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-sm{
3274 font-size: 14px;
3275 line-height: 20px;
3276 }
3277 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-xs{
3278 font-size: 12px;
3279 line-height: 16px;
3280 }
3281 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-\[450\]{
3282 font-weight: 450;
3283 }
3284 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-bold{
3285 font-weight: 700;
3286 }
3287 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-medium{
3288 font-weight: 500;
3289 }
3290 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-normal{
3291 font-weight: 400;
3292 }
3293 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-semibold{
3294 font-weight: 600;
3295 }
3296 :is(#chat-assistant-root, #zip-ai-snippets-root) .uppercase{
3297 text-transform: uppercase;
3298 }
3299 :is(#chat-assistant-root, #zip-ai-snippets-root) .capitalize{
3300 text-transform: capitalize;
3301 }
3302 :is(#chat-assistant-root, #zip-ai-snippets-root) .normal-case{
3303 text-transform: none;
3304 }
3305 :is(#chat-assistant-root, #zip-ai-snippets-root) .italic{
3306 font-style: italic;
3307 }
3308 :is(#chat-assistant-root, #zip-ai-snippets-root) .tabular-nums{
3309 --tw-numeric-spacing: tabular-nums;
3310 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
3311 }
3312 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-4{
3313 line-height: 1rem;
3314 }
3315 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-6{
3316 line-height: 1.5rem;
3317 }
3318 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.25\]{
3319 line-height: 1.25;
3320 }
3321 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.2\]{
3322 line-height: 1.2;
3323 }
3324 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.35\]{
3325 line-height: 1.35;
3326 }
3327 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.3\]{
3328 line-height: 1.3;
3329 }
3330 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.45\]{
3331 line-height: 1.45;
3332 }
3333 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.4\]{
3334 line-height: 1.4;
3335 }
3336 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.55\]{
3337 line-height: 1.55;
3338 }
3339 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.5\]{
3340 line-height: 1.5;
3341 }
3342 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.65\]{
3343 line-height: 1.65;
3344 }
3345 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.6\]{
3346 line-height: 1.6;
3347 }
3348 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.75\]{
3349 line-height: 1.75;
3350 }
3351 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.78\]{
3352 line-height: 1.78;
3353 }
3354 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.7\]{
3355 line-height: 1.7;
3356 }
3357 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[14px\]{
3358 line-height: 14px;
3359 }
3360 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[18px\]{
3361 line-height: 18px;
3362 }
3363 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-none{
3364 line-height: 1;
3365 }
3366 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-normal{
3367 line-height: 1.5;
3368 }
3369 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-relaxed{
3370 line-height: 1.625;
3371 }
3372 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-snug{
3373 line-height: 1.375;
3374 }
3375 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-tight{
3376 line-height: 1.25;
3377 }
3378 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.003em\]{
3379 letter-spacing: -0.003em;
3380 }
3381 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.005em\]{
3382 letter-spacing: -0.005em;
3383 }
3384 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.015em\]{
3385 letter-spacing: -0.015em;
3386 }
3387 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.01em\]{
3388 letter-spacing: -0.01em;
3389 }
3390 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.02em\]{
3391 letter-spacing: -0.02em;
3392 }
3393 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.02em\]{
3394 letter-spacing: 0.02em;
3395 }
3396 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.04em\]{
3397 letter-spacing: 0.04em;
3398 }
3399 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.06em\]{
3400 letter-spacing: 0.06em;
3401 }
3402 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.08em\]{
3403 letter-spacing: 0.08em;
3404 }
3405 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.09em\]{
3406 letter-spacing: 0.09em;
3407 }
3408 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.12em\]{
3409 letter-spacing: 0.12em;
3410 }
3411 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.14em\]{
3412 letter-spacing: 0.14em;
3413 }
3414 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.16em\]{
3415 letter-spacing: 0.16em;
3416 }
3417 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.1em\]{
3418 letter-spacing: 0.1em;
3419 }
3420 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.5px\]{
3421 letter-spacing: 0.5px;
3422 }
3423 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-normal{
3424 letter-spacing: 0em;
3425 }
3426 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-tight{
3427 letter-spacing: -0.025em;
3428 }
3429 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-wide{
3430 letter-spacing: 0.025em;
3431 }
3432 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-wider{
3433 letter-spacing: 0.05em;
3434 }
3435 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#7A7880\]{
3436 --tw-text-opacity: 1;
3437 color: rgb(122 120 128 / var(--tw-text-opacity, 1));
3438 }
3439 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#9A98A3\]{
3440 --tw-text-opacity: 1;
3441 color: rgb(154 152 163 / var(--tw-text-opacity, 1));
3442 }
3443 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#A8E07D\]{
3444 --tw-text-opacity: 1;
3445 color: rgb(168 224 125 / var(--tw-text-opacity, 1));
3446 }
3447 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#E5E3EA\]{
3448 --tw-text-opacity: 1;
3449 color: rgb(229 227 234 / var(--tw-text-opacity, 1));
3450 }
3451 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#F5C475\]{
3452 --tw-text-opacity: 1;
3453 color: rgb(245 196 117 / var(--tw-text-opacity, 1));
3454 }
3455 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(160_84\%_27\%\)\]{
3456 --tw-text-opacity: 1;
3457 color: hsl(160 84% 27% / var(--tw-text-opacity, 1));
3458 }
3459 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(210_20\%_98\%\)\]{
3460 --tw-text-opacity: 1;
3461 color: hsl(210 20% 98% / var(--tw-text-opacity, 1));
3462 }
3463 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(217_91\%_42\%\)\]{
3464 --tw-text-opacity: 1;
3465 color: hsl(217 91% 42% / var(--tw-text-opacity, 1));
3466 }
3467 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(var\(--foreground\)_\/_0\.86\)\]{
3468 color: hsl(var(--foreground) / 0.86);
3469 }
3470 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-foreground{
3471 color: hsl(var(--accent-foreground));
3472 }
3473 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-foreground\/70{
3474 color: hsl(var(--accent-foreground) / 0.7);
3475 }
3476 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-ink{
3477 color: hsl(var(--accent-foreground));
3478 }
3479 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error{
3480 color: hsl(var(--alert-error));
3481 }
3482 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error-text{
3483 color: hsl(var(--alert-error-text));
3484 }
3485 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error-text\/80{
3486 color: hsl(var(--alert-error-text) / 0.8);
3487 }
3488 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-amber-200{
3489 --tw-text-opacity: 1;
3490 color: rgb(253 230 138 / var(--tw-text-opacity, 1));
3491 }
3492 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-amber-900{
3493 --tw-text-opacity: 1;
3494 color: rgb(120 53 15 / var(--tw-text-opacity, 1));
3495 }
3496 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text{
3497 color: hsl(var(--app-text));
3498 }
3499 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text-2{
3500 color: hsl(var(--app-heading));
3501 }
3502 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text-2\/70{
3503 color: hsl(var(--app-heading) / 0.7);
3504 }
3505 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text\/70{
3506 color: hsl(var(--app-text) / 0.7);
3507 }
3508 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text\/80{
3509 color: hsl(var(--app-text) / 0.8);
3510 }
3511 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-heading{
3512 color: hsl(var(--app-heading));
3513 }
3514 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-placeholder{
3515 color: hsl(var(--app-inactive-icon));
3516 }
3517 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-text{
3518 color: hsl(var(--app-text));
3519 }
3520 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-text\/60{
3521 color: hsl(var(--app-text) / 0.6);
3522 }
3523 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background{
3524 color: hsl(var(--background));
3525 }
3526 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background\/60{
3527 color: hsl(var(--background) / 0.6);
3528 }
3529 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background\/80{
3530 color: hsl(var(--background) / 0.8);
3531 }
3532 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-black{
3533 --tw-text-opacity: 1;
3534 color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3535 }
3536 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-black\/40{
3537 color: rgb(0 0 0 / 0.4);
3538 }
3539 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-brand{
3540 color: hsl(var(--primary));
3541 }
3542 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-brand-dark{
3543 color: hsl(var(--primary));
3544 }
3545 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-danger{
3546 color: hsl(var(--destructive));
3547 }
3548 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-destructive{
3549 color: hsl(var(--destructive));
3550 }
3551 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-emerald-200{
3552 --tw-text-opacity: 1;
3553 color: rgb(167 243 208 / var(--tw-text-opacity, 1));
3554 }
3555 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-error-text{
3556 color: hsl(var(--destructive));
3557 }
3558 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground{
3559 color: hsl(var(--foreground));
3560 }
3561 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/55{
3562 color: hsl(var(--foreground) / 0.55);
3563 }
3564 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/70{
3565 color: hsl(var(--foreground) / 0.7);
3566 }
3567 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/80{
3568 color: hsl(var(--foreground) / 0.8);
3569 }
3570 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/85{
3571 color: hsl(var(--foreground) / 0.85);
3572 }
3573 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/90{
3574 color: hsl(var(--foreground) / 0.9);
3575 }
3576 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/95{
3577 color: hsl(var(--foreground) / 0.95);
3578 }
3579 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-inherit{
3580 color: inherit;
3581 }
3582 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-line-3{
3583 color: hsl(var(--line-3));
3584 }
3585 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground{
3586 color: hsl(var(--muted-foreground));
3587 }
3588 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/40{
3589 color: hsl(var(--muted-foreground) / 0.4);
3590 }
3591 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/50{
3592 color: hsl(var(--muted-foreground) / 0.5);
3593 }
3594 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/60{
3595 color: hsl(var(--muted-foreground) / 0.6);
3596 }
3597 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/70{
3598 color: hsl(var(--muted-foreground) / 0.7);
3599 }
3600 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/75{
3601 color: hsl(var(--muted-foreground) / 0.75);
3602 }
3603 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/80{
3604 color: hsl(var(--muted-foreground) / 0.8);
3605 }
3606 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-neutral-900{
3607 --tw-text-opacity: 1;
3608 color: rgb(23 23 23 / var(--tw-text-opacity, 1));
3609 }
3610 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-ok{
3611 color: hsl(var(--ok));
3612 }
3613 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-popover-foreground{
3614 color: hsl(var(--popover-foreground));
3615 }
3616 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary{
3617 color: hsl(var(--primary));
3618 }
3619 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground{
3620 color: hsl(var(--primary-foreground));
3621 }
3622 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/40{
3623 color: hsl(var(--primary-foreground) / 0.4);
3624 }
3625 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/60{
3626 color: hsl(var(--primary-foreground) / 0.6);
3627 }
3628 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/70{
3629 color: hsl(var(--primary-foreground) / 0.7);
3630 }
3631 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary\/70{
3632 color: hsl(var(--primary) / 0.7);
3633 }
3634 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-stop{
3635 color: hsl(var(--destructive));
3636 }
3637 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-success{
3638 color: hsl(var(--ok));
3639 }
3640 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warn{
3641 color: hsl(var(--warn));
3642 }
3643 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warn-soft{
3644 color: hsl(var(--warn-soft));
3645 }
3646 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-border{
3647 color: hsl(var(--warn));
3648 }
3649 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-text{
3650 color: hsl(var(--warn));
3651 }
3652 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-text\/80{
3653 color: hsl(var(--warn) / 0.8);
3654 }
3655 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white{
3656 --tw-text-opacity: 1;
3657 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3658 }
3659 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/40{
3660 color: rgb(255 255 255 / 0.4);
3661 }
3662 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/50{
3663 color: rgb(255 255 255 / 0.5);
3664 }
3665 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/55{
3666 color: rgb(255 255 255 / 0.55);
3667 }
3668 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/60{
3669 color: rgb(255 255 255 / 0.6);
3670 }
3671 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/70{
3672 color: rgb(255 255 255 / 0.7);
3673 }
3674 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/75{
3675 color: rgb(255 255 255 / 0.75);
3676 }
3677 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/80{
3678 color: rgb(255 255 255 / 0.8);
3679 }
3680 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/90{
3681 color: rgb(255 255 255 / 0.9);
3682 }
3683 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline{
3684 text-decoration-line: underline;
3685 }
3686 :is(#chat-assistant-root, #zip-ai-snippets-root) .line-through{
3687 text-decoration-line: line-through;
3688 }
3689 :is(#chat-assistant-root, #zip-ai-snippets-root) .no-underline{
3690 text-decoration-line: none;
3691 }
3692 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-line-3{
3693 text-decoration-color: hsl(var(--line-3));
3694 }
3695 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-primary\/40{
3696 text-decoration-color: hsl(var(--primary) / 0.4);
3697 }
3698 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-1{
3699 text-decoration-thickness: 1px;
3700 }
3701 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline-offset-2{
3702 text-underline-offset: 2px;
3703 }
3704 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline-offset-4{
3705 text-underline-offset: 4px;
3706 }
3707 :is(#chat-assistant-root, #zip-ai-snippets-root) .accent-primary{
3708 accent-color: hsl(var(--primary));
3709 }
3710 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-0{
3711 opacity: 0;
3712 }
3713 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-100{
3714 opacity: 1;
3715 }
3716 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-40{
3717 opacity: 0.4;
3718 }
3719 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-50{
3720 opacity: 0.5;
3721 }
3722 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-55{
3723 opacity: 0.55;
3724 }
3725 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-60{
3726 opacity: 0.6;
3727 }
3728 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-70{
3729 opacity: 0.7;
3730 }
3731 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-75{
3732 opacity: 0.75;
3733 }
3734 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-80{
3735 opacity: 0.8;
3736 }
3737 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-90{
3738 opacity: 0.9;
3739 }
3740 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow{
3741 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3742 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3743 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3744 }
3745 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-2xl{
3746 --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3747 --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
3748 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3749 }
3750 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[0_0_0_3px_hsl\(var\(--warn\)\/0\.18\)\]{
3751 --tw-shadow: 0 0 0 3px hsl(var(--warn)/0.18);
3752 --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
3753 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3754 }
3755 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[0_18px_50px_-12px_rgba\(15\2c 18\2c 35\2c 0\.35\)\]{
3756 --tw-shadow: 0 18px 50px -12px rgba(15,18,35,0.35);
3757 --tw-shadow-colored: 0 18px 50px -12px var(--tw-shadow-color);
3758 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3759 }
3760 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
3761 --tw-shadow: 0 1px 2px rgba(0,0,0,0.18);
3762 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
3763 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3764 }
3765 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[0_1px_3px_rgba\(17\2c 24\2c 39\2c 0\.12\)\]{
3766 --tw-shadow: 0 1px 3px rgba(17,24,39,0.12);
3767 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
3768 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3769 }
3770 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.10\)\]{
3771 --tw-shadow: 0 2px 8px rgba(0,0,0,0.10);
3772 --tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);
3773 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3774 }
3775 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[inset_0_0_0_1px_hsl\(var\(--border\)\)\]{
3776 --tw-shadow: inset 0 0 0 1px hsl(var(--border));
3777 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
3778 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3779 }
3780 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
3781 --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.08);
3782 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
3783 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3784 }
3785 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[inset_0_0_0_1px_rgba\(17\2c 24\2c 39\2c 0\.08\)\]{
3786 --tw-shadow: inset 0 0 0 1px rgba(17,24,39,0.08);
3787 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
3788 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3789 }
3790 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.12\)\]{
3791 --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
3792 --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
3793 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3794 }
3795 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-\[inset_2px_0_0_hsl\(var\(--ring\)\)\]{
3796 --tw-shadow: inset 2px 0 0 hsl(var(--ring));
3797 --tw-shadow-colored: inset 2px 0 0 var(--tw-shadow-color);
3798 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3799 }
3800 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-card{
3801 --tw-shadow: 0 1px 2px hsl(0 0% 0% / 0.04);
3802 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
3803 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3804 }
3805 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-inner{
3806 --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
3807 --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
3808 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3809 }
3810 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-lg{
3811 --tw-shadow: 0 4px 16px -4px hsl(var(--foreground) / 0.10), 0 2px 6px -2px hsl(var(--foreground) / 0.04);
3812 --tw-shadow-colored: 0 4px 16px -4px var(--tw-shadow-color), 0 2px 6px -2px var(--tw-shadow-color);
3813 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3814 }
3815 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-md{
3816 --tw-shadow: 0 2px 8px -2px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.04);
3817 --tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
3818 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3819 }
3820 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-none{
3821 --tw-shadow: 0 0 #0000;
3822 --tw-shadow-colored: 0 0 #0000;
3823 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3824 }
3825 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-popover{
3826 --tw-shadow: 0 16px 36px -12px rgb(0 0 0 / 0.18), 0 2px 6px -2px rgb(0 0 0 / 0.06);
3827 --tw-shadow-colored: 0 16px 36px -12px var(--tw-shadow-color), 0 2px 6px -2px var(--tw-shadow-color);
3828 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3829 }
3830 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-sm{
3831 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
3832 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
3833 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3834 }
3835 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-xl{
3836 --tw-shadow: 0 8px 30px -6px hsl(var(--foreground) / 0.12), 0 4px 10px -4px hsl(var(--foreground) / 0.04);
3837 --tw-shadow-colored: 0 8px 30px -6px var(--tw-shadow-color), 0 4px 10px -4px var(--tw-shadow-color);
3838 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3839 }
3840 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-xs{
3841 --tw-shadow: 0 1px 2px hsl(var(--foreground) / 0.03);
3842 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
3843 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3844 }
3845 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-card{
3846 --tw-shadow-color: hsl(var(--card));
3847 --tw-shadow: var(--tw-shadow-colored);
3848 }
3849 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-popover{
3850 --tw-shadow-color: hsl(var(--popover));
3851 --tw-shadow: var(--tw-shadow-colored);
3852 }
3853 :is(#chat-assistant-root, #zip-ai-snippets-root) .outline-none{
3854 outline: 2px solid transparent;
3855 outline-offset: 2px;
3856 }
3857 :is(#chat-assistant-root, #zip-ai-snippets-root) .outline{
3858 outline-style: solid;
3859 }
3860 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring{
3861 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3862 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3863 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3864 }
3865 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-0{
3866 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3867 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3868 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3869 }
3870 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-1{
3871 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3872 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3873 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3874 }
3875 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-2{
3876 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3877 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3878 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3879 }
3880 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-inset{
3881 --tw-ring-inset: inset;
3882 }
3883 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-amber-300\/40{
3884 --tw-ring-color: rgb(252 211 77 / 0.4);
3885 }
3886 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-background{
3887 --tw-ring-color: hsl(var(--background));
3888 }
3889 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-black\/10{
3890 --tw-ring-color: rgb(0 0 0 / 0.1);
3891 }
3892 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-black\/5{
3893 --tw-ring-color: rgb(0 0 0 / 0.05);
3894 }
3895 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-border{
3896 --tw-ring-color: hsl(var(--border));
3897 }
3898 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-border-main{
3899 --tw-ring-color: hsl(var(--border));
3900 }
3901 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-brand\/15{
3902 --tw-ring-color: hsl(var(--primary) / 0.15);
3903 }
3904 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-brand\/40{
3905 --tw-ring-color: hsl(var(--primary) / 0.4);
3906 }
3907 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-card{
3908 --tw-ring-color: hsl(var(--card));
3909 }
3910 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-danger\/25{
3911 --tw-ring-color: hsl(var(--destructive) / 0.25);
3912 }
3913 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-emerald-300\/40{
3914 --tw-ring-color: rgb(110 231 183 / 0.4);
3915 }
3916 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-foreground\/10{
3917 --tw-ring-color: hsl(var(--foreground) / 0.1);
3918 }
3919 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-foreground\/25{
3920 --tw-ring-color: hsl(var(--foreground) / 0.25);
3921 }
3922 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary{
3923 --tw-ring-color: hsl(var(--primary));
3924 }
3925 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary\/25{
3926 --tw-ring-color: hsl(var(--primary) / 0.25);
3927 }
3928 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary\/30{
3929 --tw-ring-color: hsl(var(--primary) / 0.3);
3930 }
3931 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white{
3932 --tw-ring-opacity: 1;
3933 --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
3934 }
3935 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/15{
3936 --tw-ring-color: rgb(255 255 255 / 0.15);
3937 }
3938 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/20{
3939 --tw-ring-color: rgb(255 255 255 / 0.2);
3940 }
3941 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/60{
3942 --tw-ring-color: rgb(255 255 255 / 0.6);
3943 }
3944 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-offset-1{
3945 --tw-ring-offset-width: 1px;
3946 }
3947 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-offset-background{
3948 --tw-ring-offset-color: hsl(var(--background));
3949 }
3950 :is(#chat-assistant-root, #zip-ai-snippets-root) .blur{
3951 --tw-blur: blur(8px);
3952 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3953 }
3954 :is(#chat-assistant-root, #zip-ai-snippets-root) .invert{
3955 --tw-invert: invert(100%);
3956 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3957 }
3958 :is(#chat-assistant-root, #zip-ai-snippets-root) .saturate-50{
3959 --tw-saturate: saturate(.5);
3960 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3961 }
3962 :is(#chat-assistant-root, #zip-ai-snippets-root) .filter{
3963 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3964 }
3965 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur{
3966 --tw-backdrop-blur: blur(8px);
3967 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3968 }
3969 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur-\[2px\]{
3970 --tw-backdrop-blur: blur(2px);
3971 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3972 }
3973 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur-sm{
3974 --tw-backdrop-blur: blur(4px);
3975 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3976 }
3977 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition{
3978 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3979 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3980 transition-duration: 150ms;
3981 }
3982 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[background\2c border\2c box-shadow\]{
3983 transition-property: background,border,box-shadow;
3984 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3985 transition-duration: 150ms;
3986 }
3987 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[background\2c border\]{
3988 transition-property: background,border;
3989 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3990 transition-duration: 150ms;
3991 }
3992 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[border-color\2c box-shadow\]{
3993 transition-property: border-color,box-shadow;
3994 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3995 transition-duration: 150ms;
3996 }
3997 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[border-color\]{
3998 transition-property: border-color;
3999 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4000 transition-duration: 150ms;
4001 }
4002 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[clip-path\]{
4003 transition-property: clip-path;
4004 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4005 transition-duration: 150ms;
4006 }
4007 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[color\2c background\2c border-color\]{
4008 transition-property: color,background,border-color;
4009 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4010 transition-duration: 150ms;
4011 }
4012 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[color\2c background\]{
4013 transition-property: color,background;
4014 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4015 transition-duration: 150ms;
4016 }
4017 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[left\]{
4018 transition-property: left;
4019 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4020 transition-duration: 150ms;
4021 }
4022 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[opacity\2c filter\]{
4023 transition-property: opacity,filter;
4024 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4025 transition-duration: 150ms;
4026 }
4027 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[opacity\2c transform\]{
4028 transition-property: opacity,transform;
4029 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4030 transition-duration: 150ms;
4031 }
4032 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-\[width\]{
4033 transition-property: width;
4034 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4035 transition-duration: 150ms;
4036 }
4037 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-all{
4038 transition-property: all;
4039 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4040 transition-duration: 150ms;
4041 }
4042 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-colors{
4043 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4044 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4045 transition-duration: 150ms;
4046 }
4047 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-none{
4048 transition-property: none;
4049 }
4050 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-opacity{
4051 transition-property: opacity;
4052 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4053 transition-duration: 150ms;
4054 }
4055 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-shadow{
4056 transition-property: box-shadow;
4057 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4058 transition-duration: 150ms;
4059 }
4060 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-transform{
4061 transition-property: transform;
4062 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4063 transition-duration: 150ms;
4064 }
4065 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-100{
4066 transition-duration: 100ms;
4067 }
4068 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-150{
4069 transition-duration: 150ms;
4070 }
4071 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-200{
4072 transition-duration: 200ms;
4073 }
4074 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-300{
4075 transition-duration: 300ms;
4076 }
4077 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-500{
4078 transition-duration: 500ms;
4079 }
4080 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-700{
4081 transition-duration: 700ms;
4082 }
4083 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-in-out{
4084 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4085 }
4086 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-out{
4087 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4088 }
4089 :is(#chat-assistant-root, #zip-ai-snippets-root) .will-change-\[opacity\2c transform\]{
4090 will-change: opacity,transform;
4091 }
4092 :is(#chat-assistant-root, #zip-ai-snippets-root) .will-change-transform{
4093 will-change: transform;
4094 }
4095 @keyframes enter{
4096
4097 from{
4098 opacity: var(--tw-enter-opacity, 1);
4099 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));
4100 }
4101 }
4102 @keyframes exit{
4103
4104 to{
4105 opacity: var(--tw-exit-opacity, 1);
4106 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));
4107 }
4108 }
4109 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-in{
4110 animation-name: enter;
4111 animation-duration: 150ms;
4112 --tw-enter-opacity: initial;
4113 --tw-enter-scale: initial;
4114 --tw-enter-rotate: initial;
4115 --tw-enter-translate-x: initial;
4116 --tw-enter-translate-y: initial;
4117 }
4118 :is(#chat-assistant-root, #zip-ai-snippets-root) .fade-in{
4119 --tw-enter-opacity: 0;
4120 }
4121 :is(#chat-assistant-root, #zip-ai-snippets-root) .fade-in-0{
4122 --tw-enter-opacity: 0;
4123 }
4124 :is(#chat-assistant-root, #zip-ai-snippets-root) .zoom-in-95{
4125 --tw-enter-scale: .95;
4126 }
4127 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-100{
4128 animation-duration: 100ms;
4129 }
4130 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-150{
4131 animation-duration: 150ms;
4132 }
4133 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-200{
4134 animation-duration: 200ms;
4135 }
4136 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-300{
4137 animation-duration: 300ms;
4138 }
4139 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-500{
4140 animation-duration: 500ms;
4141 }
4142 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-700{
4143 animation-duration: 700ms;
4144 }
4145 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-in-out{
4146 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4147 }
4148 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-out{
4149 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4150 }
4151 :is(#chat-assistant-root, #zip-ai-snippets-root) .running{
4152 animation-play-state: running;
4153 }
4154 :is(#chat-assistant-root, #zip-ai-snippets-root) .paused{
4155 animation-play-state: paused;
4156 }
4157 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[border\:none\]{
4158 border: none;
4159 }
4160 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[box-shadow\:none\]{
4161 box-shadow: none;
4162 }
4163 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[outline\:none\]{
4164 outline: none;
4165 }
4166 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-gutter\:stable\]{
4167 scrollbar-gutter: stable;
4168 }
4169 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-width\:none\]{
4170 scrollbar-width: none;
4171 }
4172 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-width\:thin\]{
4173 scrollbar-width: thin;
4174 }
4175
4176 /* ── Spectra-style purple theme (shadcn HSL tokens) + legacy aliases ── */
4177
4178 #chat-assistant-root [data-message-list] {
4179 scrollbar-width: thin;
4180 scrollbar-color: hsl(var(--muted-foreground) / 0.35) transparent;
4181 overflow-anchor: auto;
4182 }
4183
4184 /* Native browser scroll anchoring — pin only the chosen anchor element. */
4185 #chat-assistant-root [data-message-list] [data-msg-role] {
4186 overflow-anchor: none;
4187 }
4188 #chat-assistant-root [data-message-list] [data-msg-role][data-anchor="true"],
4189 #chat-assistant-root [data-message-list] [data-approval-card][data-anchor="true"] {
4190 overflow-anchor: auto;
4191 scroll-margin-top: 16px;
4192 }
4193
4194 /* ── Keyframe animations (minimal) ── */
4195 @keyframes spin {
4196 to {
4197 transform: rotate(360deg);
4198 }
4199 }
4200
4201 @keyframes fadeIn {
4202 from {
4203 opacity: 0;
4204 }
4205 to {
4206 opacity: 1;
4207 }
4208 }
4209
4210 @keyframes dotPulse {
4211 0%, 80%, 100% {
4212 opacity: 0.25;
4213 transform: scale(0.7);
4214 }
4215 40% {
4216 opacity: 1;
4217 transform: scale(1.1);
4218 }
4219 }
4220
4221 /* Keyframes consumed by `shared/ShimmerLoader.jsx` via Tailwind's
4222 `animate-[name_…]` arbitrary value. The component owns all layout/color
4223 via utility classes — only the keyframes live here. */
4224 @keyframes zipAiShimmer {
4225 0% { transform: translateX(-120%); }
4226 100% { transform: translateX(120%); }
4227 }
4228 @keyframes eraCaretBlink {
4229 to { opacity: 0; }
4230 }
4231
4232 /* ── Spinner classes ── */
4233 .spinner {
4234 width: 24px;
4235 height: 24px;
4236 border: 3px solid hsl(var(--line-2));
4237 border-top-color: hsl(var(--foreground));
4238 border-radius: 50%;
4239 animation: spin 0.8s linear infinite;
4240 }
4241
4242 .spinner-small {
4243 width: 16px;
4244 height: 16px;
4245 border: 2px solid hsl(var(--line-2));
4246 border-top-color: hsl(var(--foreground));
4247 border-radius: 50%;
4248 animation: spin 0.8s linear infinite;
4249 }
4250
4251 .spinner-tiny {
4252 width: 12px;
4253 height: 12px;
4254 border: 2px solid hsl(var(--line-2));
4255 border-top-color: hsl(var(--foreground));
4256 border-radius: 50%;
4257 animation: spin 0.8s linear infinite;
4258 }
4259
4260 /* ── Scoped base styles (inside #chat-assistant-root only) ── */
4261 .sr-only {
4262 position: absolute;
4263 width: 1px;
4264 height: 1px;
4265 padding: 0;
4266 margin: -1px;
4267 overflow: hidden;
4268 clip: rect(0, 0, 0, 0);
4269 white-space: nowrap;
4270 border: 0;
4271 }
4272
4273 /* ── Root container reset ──
4274 Applies preflight + WP-admin isolation to BOTH SPA roots so that the
4275 chat iframe and the Snippets admin page get the same baseline. */
4276 :is(#chat-assistant-root, #zip-ai-snippets-root) {
4277 /* Isolate from WP admin styles without using `all: initial`
4278 which breaks Tailwind utility specificity on child elements */
4279 background-color: hsl(var(--background));
4280 font-family:
4281 Figtree,
4282 -apple-system,
4283 BlinkMacSystemFont,
4284 "Segoe UI",
4285 sans-serif;
4286 font-size: 14px;
4287 line-height: 1.5;
4288 -webkit-font-smoothing: antialiased;
4289 -moz-osx-font-smoothing: grayscale;
4290 color: hsl(var(--foreground));
4291 box-sizing: border-box;
4292 /* Reset common inherited WP admin styles */
4293 text-align: left;
4294 letter-spacing: normal;
4295 word-spacing: normal;
4296 text-transform: none;
4297 text-indent: 0;
4298 text-decoration: none;
4299 direction: ltr;
4300
4301 /* Scoped preflight — replaces @import "tailwindcss/preflight" which leaks globally.
4302 Uses :where() for zero specificity so Tailwind utility classes always win. */
4303 & :where(*),
4304 & :where(::before, ::after) {
4305 box-sizing: border-box;
4306 margin: 0;
4307 padding: 0;
4308 border: 0 solid;
4309 }
4310
4311 & :where(h1, h2, h3, h4, h5, h6) {
4312 font-size: inherit;
4313 font-weight: inherit;
4314 line-height: inherit;
4315 }
4316
4317 & :where(a) {
4318 color: inherit;
4319 text-decoration: inherit;
4320 }
4321
4322 & :where(img, svg, video, canvas) {
4323 display: block;
4324 max-width: 100%;
4325 height: auto;
4326 }
4327
4328 & :where(button) {
4329 font-family: inherit;
4330 font-size: inherit;
4331 line-height: inherit;
4332 color: inherit;
4333 cursor: pointer;
4334 background: transparent;
4335 border: none;
4336 }
4337
4338 & :where(input, textarea, select) {
4339 font-family: inherit;
4340 font-size: inherit;
4341 line-height: inherit;
4342 color: inherit;
4343 background: transparent;
4344 }
4345
4346 & :where(ul, ol) {
4347 list-style: none;
4348 padding: 0;
4349 margin: 0;
4350 }
4351
4352 & :where(table) {
4353 border-collapse: collapse;
4354 }
4355 }
4356
4357 /* Chat iframe takes full viewport. Snippets admin page lives inside
4358 `.wrap` — it must NOT be position:absolute. */
4359 #chat-assistant-root {
4360 position: absolute;
4361 inset: 0;
4362 overflow: hidden;
4363 }
4364
4365 /* ── WP-admin form isolation for #zip-ai-snippets-root ──
4366 WP core ships heavy styles for native form controls (min-height:30px,
4367 1px borders, default box-shadow, padding, hardcoded backgrounds). Those
4368 selectors use `input[type="text"]` (specificity 0,1,1) which beats the
4369 zero-specificity `:where()` preflight above. We can't rely on Tailwind
4370 utility !important alone because some of those props (min-height, native
4371 appearance, box-shadow defaults) aren't always set by our utility class
4372 strings. Reset them here with admin-scoped selectors that match WP's
4373 specificity. */
4374 #zip-ai-snippets-root :where(input[type="text"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], input[type="password"], textarea, select) {
4375 min-height: 0;
4376 box-shadow: none;
4377 border-radius: 0;
4378 -webkit-appearance: auto;
4379 -moz-appearance: auto;
4380 appearance: auto;
4381 }
4382 #zip-ai-snippets-root :where(input[type="checkbox"], input[type="radio"]) {
4383 -webkit-appearance: auto;
4384 -moz-appearance: auto;
4385 appearance: auto;
4386 min-height: 0;
4387 min-width: 0;
4388 }
4389 #zip-ai-snippets-root :where(button) {
4390 -webkit-appearance: none;
4391 -moz-appearance: none;
4392 appearance: none;
4393 background-image: none;
4394 text-shadow: none;
4395 box-shadow: none;
4396 border-radius: 0;
4397 }
4398 #zip-ai-snippets-root :where(table) {
4399 border-spacing: 0;
4400 }
4401 #zip-ai-snippets-root :where(a) {
4402 box-shadow: none;
4403 }
4404 #zip-ai-snippets-root :where(a):focus,
4405 #zip-ai-snippets-root :where(button):focus,
4406 #zip-ai-snippets-root :where(input):focus,
4407 #zip-ai-snippets-root :where(textarea):focus,
4408 #zip-ai-snippets-root :where(select):focus {
4409 box-shadow: none;
4410 outline: none;
4411 }
4412
4413 /* ── Frontend theme isolation ──
4414 On the frontend, theme stylesheets often target plain element selectors
4415 (e.g. `body p { font-family: ... }`, `body { font-size: 18px }`) which beat
4416 the zero-specificity `:where()` preflight and the inherited root rules.
4417 Force every descendant of `#chat-assistant-root` to inherit typography from
4418 the root so theme rules can't leak in. Tailwind utilities (`.font-mono`,
4419 `.text-sm`, etc.) keep higher specificity (class beats `*`), so they still
4420 override these baselines where needed. */
4421 :is(#chat-assistant-root, #zip-ai-snippets-root) * {
4422 font-family: inherit;
4423 font-size: inherit;
4424 line-height: inherit;
4425 letter-spacing: inherit;
4426 }
4427
4428 /* ── Tooltip system (data-attribute based, needs global CSS) ── */
4429 [data-tooltip] {
4430 position: relative;
4431
4432 &::after {
4433 content: attr(data-tooltip);
4434 position: absolute;
4435 bottom: calc(100% + 8px);
4436 left: 50%;
4437 transform: translateX(-50%) scale(0.9);
4438 padding: 5px 10px;
4439 background: hsl(var(--foreground));
4440 color: hsl(var(--background));
4441 font-size: 11px;
4442 font-weight: 500;
4443 line-height: 1.3;
4444 /* Short labels stay one line (max-content); long ones wrap instead of
4445 overflowing the panel. */
4446 width: -moz-max-content;
4447 width: max-content;
4448 max-width: 220px;
4449 white-space: normal;
4450 text-align: center;
4451 border-radius: var(--radius-md);
4452 pointer-events: none;
4453 opacity: 0;
4454 transition:
4455 opacity 0.15s ease,
4456 transform 0.15s ease;
4457 z-index: 100001;
4458 }
4459
4460 &::before {
4461 content: "";
4462 position: absolute;
4463 bottom: calc(100% + 2px);
4464 left: 50%;
4465 transform: translateX(-50%) scale(0.9);
4466 border: 5px solid transparent;
4467 border-top-color: hsl(var(--foreground));
4468 pointer-events: none;
4469 opacity: 0;
4470 transition:
4471 opacity 0.15s ease,
4472 transform 0.15s ease;
4473 z-index: 100001;
4474 }
4475
4476 &:hover::after,
4477 &:hover::before {
4478 opacity: 1;
4479 transform: translateX(-50%) scale(1);
4480 }
4481 }
4482
4483 /* Left-anchored tooltip — for controls near the panel's left edge (e.g. the
4484 Editor Mode pill) where a centered tooltip would overflow + clip. Grows
4485 rightward from the element's left edge instead of centering. */
4486 [data-tooltip-align="start"] {
4487 &::after {
4488 left: 0;
4489 transform: translateX(0) scale(0.9);
4490 }
4491 &::before {
4492 left: 14px;
4493 }
4494 &:hover::after {
4495 transform: translateX(0) scale(1);
4496 }
4497 }
4498
4499 [data-tooltip-pos="below"] {
4500 &::after {
4501 bottom: auto;
4502 top: calc(100% + 8px);
4503 }
4504 &::before {
4505 bottom: auto;
4506 top: calc(100% + -2px);
4507 border-top-color: transparent;
4508 border-bottom-color: var(--color-heading);
4509 }
4510 }
4511
4512 [data-tooltip-pos="left"] {
4513 &::after {
4514 bottom: auto;
4515 top: 50%;
4516 left: auto;
4517 right: calc(100% + 10px);
4518 transform: translateY(-50%) scale(0.9);
4519 }
4520 &::before {
4521 bottom: auto;
4522 top: 50%;
4523 left: auto;
4524 right: calc(100% + 0px);
4525 transform: translateY(-50%) scale(0.9);
4526 border-top-color: transparent;
4527 border-left-color: var(--color-heading);
4528 }
4529 &:hover::after,
4530 &:hover::before {
4531 transform: translateY(-50%) scale(1);
4532 }
4533 }
4534
4535 [data-tooltip-pos="right"] {
4536 &::after {
4537 bottom: auto;
4538 top: 50%;
4539 left: calc(100% + 10px);
4540 right: auto;
4541 transform: translateY(-50%) scale(0.9);
4542 }
4543 &::before {
4544 bottom: auto;
4545 top: 50%;
4546 left: calc(100% + 0px);
4547 right: auto;
4548 transform: translateY(-50%) scale(0.9);
4549 border-top-color: transparent;
4550 border-right-color: var(--color-heading);
4551 }
4552 &:hover::after,
4553 &:hover::before {
4554 transform: translateY(-50%) scale(1);
4555 }
4556 }
4557
4558 /* ── Message markdown styles now handled by SmartMarkdown.jsx (Tailwind) ── */
4559
4560 /* ── Message fade-in ── */
4561 @keyframes msg-in {
4562 from {
4563 opacity: 0;
4564 transform: translateY(6px);
4565 }
4566 to {
4567 opacity: 1;
4568 transform: translateY(0);
4569 }
4570 }
4571 .animate-msg-in {
4572 animation: msg-in 0.25s ease-out both;
4573 }
4574
4575 /* ── Tool calls summary — SSE-driven choreography ── */
4576 @keyframes tool-row-in {
4577 from {
4578 opacity: 0;
4579 transform: translateX(-6px);
4580 filter: blur(2px);
4581 }
4582 to {
4583 opacity: 1;
4584 transform: translateX(0);
4585 filter: blur(0);
4586 }
4587 }
4588
4589 .animate-tool-row-in {
4590 animation: tool-row-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
4591 }
4592
4593 /* Respect reduced-motion: skip message + row entrance animations */
4594 @media (prefers-reduced-motion: reduce) {
4595 .animate-msg-in,
4596 .animate-tool-row-in {
4597 animation: none;
4598 }
4599 }
4600
4601 /* ── Import success — one orchestrated entrance (no scattered micro-anims) ── */
4602 @keyframes success-pop {
4603 from { opacity: 0; transform: scale(0.96); }
4604 to { opacity: 1; transform: scale(1); }
4605 }
4606 .animate-success-pop {
4607 animation: success-pop 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
4608 }
4609 @keyframes success-check {
4610 from { opacity: 0; transform: scale(0.5); }
4611 to { opacity: 1; transform: scale(1); }
4612 }
4613 .animate-success-check {
4614 /* slight delay so the check lands just after the card settles; smooth
4615 ease-out (no overshoot/bounce). */
4616 animation: success-check 0.4s 0.1s cubic-bezier(0.22, 1, 0.36, 1) both;
4617 transform-origin: center;
4618 }
4619 @media (prefers-reduced-motion: reduce) {
4620 .animate-success-pop,
4621 .animate-success-check {
4622 animation: none;
4623 }
4624 }
4625
4626 /* ── Website build celebration — confetti falling over the chat panel ── */
4627 @keyframes confetti-fall {
4628 0% { opacity: 0; }
4629 8%, 85% { opacity: 1; }
4630 100% { opacity: 0; transform: translate3d(var(--zip-ai-confetti-drift), 110vh, 0) rotate(var(--zip-ai-confetti-spin)); }
4631 }
4632 .zip-ai-confetti-piece {
4633 position: absolute;
4634 top: -20px;
4635 animation-name: confetti-fall;
4636 animation-timing-function: cubic-bezier(0.35, 0.15, 0.5, 1);
4637 animation-fill-mode: both;
4638 }
4639 /* tailwindcss-animate's animate-in / animate-out (overlay enter+exit on
4640 tooltip, dialog, popover, dropdown, select) run unconditionally — the plugin
4641 ships no reduced-motion guard. Disable them app-wide for motion-sensitive
4642 users. !important to beat the scoped (:is(#root)) utility specificity. */
4643 @media (prefers-reduced-motion: reduce) {
4644 .animate-in,
4645 .animate-out {
4646 animation: none !important;
4647 }
4648 }
4649
4650 /* ── Resize handle states (outside #chat-assistant-root, needs plain CSS) ── */
4651 .zip-ai-resize-handle .resize-dots {
4652 opacity: 0;
4653 }
4654 .zip-ai-resize-handle:hover {
4655 background-color: hsl(var(--primary, 18 100% 53%) / 0.12);
4656 }
4657 .zip-ai-resize-handle:hover .resize-dots,
4658 .zip-ai-resize-handle.dragging .resize-dots {
4659 opacity: 1;
4660 }
4661 .zip-ai-resize-handle.dragging {
4662 background-color: hsl(var(--primary, 18 100% 53%) / 0.22);
4663 }
4664
4665 /* ══════════════════════════════════════════════════════════════════
4666 WP DOM targeting styles — these MUST be global CSS because they
4667 style WordPress elements (body, admin bar, block editor) that
4668 live outside the React app. Toggled by vanilla JS in wp-bridge-host.js.
4669 ══════════════════════════════════════════════════════════════════ */
4670
4671 :root {
4672 /* Matches the popover default width (ZIPWP_LAYOUT.popover.defaultWidth). */
4673 --zipwp-sidebar-width: 420px;
4674 }
4675
4676 /* ── Full-page assistant admin screen ──────────────────────────────────── */
4677
4678 /* Strip WP admin content-area chrome so chat can go edge-to-edge */
4679 body.zip-ai-fullpage-page #wpcontent {
4680 padding-left: 0 !important;
4681 }
4682
4683 body.zip-ai-fullpage-page #wpbody-content {
4684 padding-top: 0 !important;
4685 padding-bottom: 0 !important;
4686 }
4687
4688 /* Hide WP footer version text on the fullpage assistant screen */
4689 body.zip-ai-fullpage-page #wpfooter {
4690 display: none !important;
4691 }
4692
4693 /* Hide all WP admin notices on the fullpage assistant screen */
4694 body.zip-ai-fullpage-page .notice,
4695 body.zip-ai-fullpage-page .error,
4696 body.zip-ai-fullpage-page .updated,
4697 body.zip-ai-fullpage-page .update-nag,
4698 body.zip-ai-fullpage-page .wp-header-end ~ .notice,
4699 body.zip-ai-fullpage-page #wpbody-content > .notice,
4700 body.zip-ai-fullpage-page #wpbody-content > .error,
4701 body.zip-ai-fullpage-page #wpbody-content > .updated {
4702 display: none !important;
4703 }
4704
4705 /* Outer screen wrapper — fills available viewport below the admin bar */
4706 .zip-ai-fullpage-screen {
4707 margin: 0;
4708 padding: 0;
4709 height: calc(100vh - 32px); /* 32px = WP admin bar height */
4710 overflow: hidden;
4711 }
4712
4713 /* Without admin bar (e.g. ?noheader or custom screens) */
4714 body:not(.admin-bar) .zip-ai-fullpage-screen {
4715 height: 100vh;
4716 }
4717
4718 /* Inner container: fills the screen wrapper, no radius at this level */
4719 .zip-ai-fullpage-container {
4720 position: relative;
4721 height: 100%;
4722 min-height: 480px;
4723 border-radius: 0;
4724 overflow: hidden;
4725 background: transparent;
4726 padding: 0;
4727 }
4728
4729 /* Hide trigger when sidebar is open (trigger is React portal on body) */
4730 body.zip-ai-assistant-open .zip-ai-floating-trigger {
4731 opacity: 0;
4732 visibility: hidden;
4733 pointer-events: none;
4734 transform: scale(0.5);
4735 transition:
4736 transform 0.2s ease,
4737 opacity 0.2s ease,
4738 visibility 0s 0.2s;
4739 }
4740
4741 /* Sidebar container (PHP-rendered, toggled by vanilla JS) */
4742 .zip-ai-iframe-container {
4743 position: fixed;
4744 right: calc(-1 * var(--zipwp-sidebar-width));
4745 /* Hidden by default, slides in from right */
4746 top: 32px;
4747 /* WordPress admin bar height */
4748 width: var(--zipwp-sidebar-width);
4749 height: calc(100vh - 32px);
4750 background: #fff;
4751 /* Subtle left hairline so the white panel stays distinct from a white page. */
4752 border-left: 1px solid rgba(0, 0, 0, 0.14);
4753 box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
4754 /* Match the launcher's band so third-party widgets (e.g. SureCart's)
4755 don't poke through the open chat panel either. */
4756 z-index: 2147483646;
4757 display: flex;
4758 flex-direction: column;
4759 transition:
4760 right 0.3s ease-in-out,
4761 width 0.05s ease-out;
4762 visibility: hidden;
4763 /* Hide when off-screen */
4764 opacity: 0;
4765 }
4766
4767 /* Visible state - slide in */
4768 .zip-ai-iframe-container.zip-ai-iframe-visible {
4769 right: 0;
4770 visibility: visible;
4771 opacity: 1;
4772 transition:
4773 right 0.3s ease-in-out,
4774 opacity 0.3s ease-in-out;
4775 }
4776
4777 /* Push WordPress content to the left when assistant is open */
4778 /* Default: no margin (hidden state) */
4779 body {
4780 margin-right: 0;
4781 transition: margin-right 0.3s ease-in-out;
4782 }
4783
4784 body.zip-ai-assistant-open {
4785 margin-right: var(--zipwp-sidebar-width);
4786 overflow-x: clip;
4787 width: calc(100vw - var(--zipwp-sidebar-width));
4788 }
4789
4790 /* Fix for alignfull blocks - recalculate width accounting for assistant panel */
4791 /* These blocks use calc(-50vw + 50%) which doesn't account for body margin */
4792 body.zip-ai-assistant-open .alignfull,
4793 body.zip-ai-assistant-open .uagb-is-root-container.alignfull,
4794 body.zip-ai-assistant-open .spectra-is-root-container.alignfull,
4795 body.zip-ai-assistant-open .wp-block-uagb-container.alignfull,
4796 body.zip-ai-assistant-open .wp-block-spectra-container.alignfull,
4797 body.zip-ai-assistant-open .wp-block-cover.alignfull,
4798 body.zip-ai-assistant-open .wp-block-group.alignfull {
4799 width: 100% !important;
4800 max-width: 100% !important;
4801 margin-left: 0 !important;
4802 margin-right: 0 !important;
4803 }
4804
4805 /* Astra theme header - constrain to available width */
4806 body.zip-ai-assistant-open .site-header,
4807 body.zip-ai-assistant-open .ast-primary-header-bar,
4808 body.zip-ai-assistant-open .ast-main-header-wrap,
4809 body.zip-ai-assistant-open .site-primary-header-wrap {
4810 max-width: 100% !important;
4811 width: 100% !important;
4812 }
4813
4814 /* Main content containers */
4815 body.zip-ai-assistant-open #page,
4816 body.zip-ai-assistant-open .site,
4817 body.zip-ai-assistant-open #content,
4818 body.zip-ai-assistant-open .site-content,
4819 body.zip-ai-assistant-open .ast-container {
4820 max-width: 100% !important;
4821 overflow-x: clip !important;
4822 }
4823
4824 /* Plugin install cards (wp-admin/plugin-install.php) — when the assistant
4825 sidebar narrows the admin content area, the default 2/3-column grid squeezes
4826 the title column until text wraps character-by-character. Collapse to a
4827 single column so cards stay legible. Excluded in popover mode (body keeps
4828 full width there, so default WP grid still fits). */
4829 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .wp-list-table.plugin-install .plugin-card,
4830 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .plugin-install .plugin-card {
4831 width: 100% !important;
4832 margin-right: 0 !important;
4833 margin-left: 0 !important;
4834 float: none !important;
4835 }
4836
4837 /* Also transition the admin bar */
4838 #wpadminbar {
4839 right: 0;
4840 transition: right 0.3s ease-in-out;
4841 }
4842
4843 body.zip-ai-assistant-open #wpadminbar {
4844 right: var(--zipwp-sidebar-width);
4845 }
4846
4847 /* Adjust for frontend (no admin bar) */
4848 body:not(.admin-bar) .zip-ai-iframe-container {
4849 top: 0;
4850 height: 100vh;
4851 }
4852
4853 /* Block Editor (Gutenberg) specific adjustments */
4854 /* Always apply transition to skeleton, not just when open */
4855 .block-editor-page .interface-interface-skeleton,
4856 .edit-post .interface-interface-skeleton,
4857 body.block-editor-page .interface-interface-skeleton {
4858 margin-right: 0;
4859 transition: margin-right 0.3s ease-in-out;
4860 }
4861
4862 /* Apply margin when assistant is open */
4863 .block-editor-page body.zip-ai-assistant-open .interface-interface-skeleton,
4864 .edit-post body.zip-ai-assistant-open .interface-interface-skeleton,
4865 body.block-editor-page.zip-ai-assistant-open .interface-interface-skeleton {
4866 margin-right: var(--zipwp-sidebar-width);
4867 }
4868
4869 /* Reset body margin in block editor (let skeleton handle it) */
4870 .block-editor-page body.zip-ai-assistant-open,
4871 .edit-post body.zip-ai-assistant-open,
4872 body.block-editor-page.zip-ai-assistant-open {
4873 margin-right: 0 !important;
4874 }
4875
4876 /* Adjust editor content area */
4877 .block-editor-page .interface-interface-skeleton__content,
4878 .edit-post .interface-interface-skeleton__content {
4879 transition: margin-right 0.3s ease-in-out;
4880 }
4881
4882 /* Full height iframe in block editor */
4883 .block-editor-page .zip-ai-iframe-container,
4884 .edit-post .zip-ai-iframe-container,
4885 body.block-editor-page .zip-ai-iframe-container {
4886 top: 0;
4887 height: 100vh;
4888 }
4889
4890 /* Post-publish panel — shift left so it doesn't hide under chat sidebar.
4891 Gutenberg slides `.editor-post-publish-panel` in from viewport right.
4892 In some versions it's portal'd to body (position: fixed; right: 0), so the
4893 skeleton's margin-right doesn't push it. Only applies in sidebar mode —
4894 popover mode is a floating card that doesn't occupy the full right edge. */
4895 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .editor-post-publish-panel {
4896 right: var(--zipwp-sidebar-width) !important;
4897 transition: right 0.3s ease-in-out;
4898 }
4899
4900 /* ── Popover / Floating card mode (see src/styles/popover.css) ────────────── */
4901 /* stylelint-disable-next-line no-invalid-position-at-import-rule -- intentional load point; kept here to preserve the existing cascade order. */
4902
4903 /* Prevent text selection during resize */
4904 body.zip-ai-resizing {
4905 cursor: ew-resize !important;
4906 -moz-user-select: none !important;
4907 user-select: none !important;
4908 -webkit-user-select: none !important;
4909 }
4910
4911 body.zip-ai-resizing iframe {
4912 pointer-events: none;
4913 }
4914
4915 /* Fullscreen mode - iframe takes over entire viewport */
4916 .zip-ai-iframe-container.zip-ai-iframe-fullscreen {
4917 width: 100vw !important;
4918 height: 100vh !important;
4919 top: 0 !important;
4920 right: 0 !important;
4921 box-shadow: none !important;
4922 transition:
4923 width 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4924 height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4925 top 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4926 box-shadow 0.3s ease;
4927 }
4928
4929 /* Hide resize handle in fullscreen */
4930 .zip-ai-iframe-container.zip-ai-iframe-fullscreen
4931 .zip-ai-resize-handle {
4932 opacity: 0;
4933 pointer-events: none;
4934 transition: opacity 0.15s ease;
4935 }
4936
4937 /* Smooth exit back to sidebar */
4938 .zip-ai-iframe-container.zip-ai-iframe-visible:not(
4939 .zip-ai-iframe-fullscreen
4940 ) {
4941 transition:
4942 right 0.3s ease-in-out,
4943 opacity 0.3s ease-in-out,
4944 width 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4945 height 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4946 top 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4947 box-shadow 0.3s ease;
4948 }
4949
4950 /* Remove body margin push in fullscreen */
4951 body.zip-ai-assistant-fullscreen,
4952 body.zip-ai-iframe-fullscreen {
4953 margin-right: 0 !important;
4954 width: 100vw !important;
4955 overflow: hidden;
4956 }
4957
4958 body.zip-ai-assistant-fullscreen #wpadminbar,
4959 body.zip-ai-iframe-fullscreen #wpadminbar {
4960 right: 0 !important;
4961 transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
4962 }
4963
4964 /* Block editor: remove skeleton margin in fullscreen */
4965 body.zip-ai-assistant-fullscreen .interface-interface-skeleton,
4966 body.zip-ai-iframe-fullscreen .interface-interface-skeleton {
4967 margin-right: 0 !important;
4968 transition: margin-right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
4969 }
4970
4971 /* Fullscreen preview stage open: hide wp-admin's fixed chrome. The admin bar
4972 (z 99999) and admin menu (z 9990) paint OVER the edge-to-edge stage, clipping
4973 the previewed page's own header and left edge. NOT keyed on
4974 `zip-ai-overlay-open` — every Radix dialog sets that, and small dialogs must
4975 not tear the admin chrome away. */
4976 body.zip-ai-stage-open #wpadminbar,
4977 body.zip-ai-stage-open #adminmenumain {
4978 display: none !important;
4979 }
4980
4981 body.zip-ai-stage-open {
4982 overflow: hidden;
4983 }
4984
4985 /* ===== Block Context Picker ===== */
4986
4987 /* Floating "+" pin button — repositions on hover over blocks */
4988 .zipwp-context-pin {
4989 display: none;
4990 position: absolute;
4991 z-index: 100000;
4992 align-items: center;
4993 justify-content: center;
4994 width: 28px;
4995 height: 28px;
4996 padding: 0;
4997 border: none;
4998 border-radius: 12px;
4999 background: hsl(var(--primary, 18 100% 53%));
5000 color: #fff;
5001 cursor: pointer;
5002 box-shadow: 0 2px 8px hsl(var(--primary, 18 100% 53%) / 0.35);
5003 transition:
5004 background-color 0.15s ease,
5005 box-shadow 0.15s ease;
5006 }
5007
5008 .zipwp-context-pin:hover {
5009 background: hsl(var(--primary, 18 100% 53%) / 0.88);
5010 box-shadow: 0 4px 12px hsl(var(--primary, 18 100% 53%) / 0.4);
5011 }
5012
5013 .zipwp-context-pin svg {
5014 width: 16px;
5015 height: 16px;
5016 display: block;
5017 pointer-events: none;
5018 }
5019
5020 /* Active state — block already pinned, show checkmark */
5021 .zipwp-context-pin--active {
5022 background: #16a34a;
5023 }
5024
5025 .zipwp-context-pin--active:hover {
5026 background: #dc2626;
5027 }
5028
5029 /* Highlight on pinned blocks — uses box-shadow
5030 so it doesn't conflict with Gutenberg's outline */
5031 .zipwp-context-selected {
5032 box-shadow: 0 0 0 2px hsl(var(--primary, 18 100% 53%)) !important;
5033 border-radius: 2px;
5034 }
5035
5036 /* Count badge on ERA FAB button */
5037 .zipwp-context-badge {
5038 position: absolute;
5039 top: -4px;
5040 right: -4px;
5041 min-width: 20px;
5042 height: 20px;
5043 padding: 0 5px;
5044 background: #ef4444;
5045 color: #fff;
5046 font-size: 11px;
5047 font-weight: 700;
5048 line-height: 20px;
5049 text-align: center;
5050 border-radius: 10px;
5051 pointer-events: none;
5052 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
5053 font-family:
5054 Figtree,
5055 -apple-system,
5056 BlinkMacSystemFont,
5057 "Segoe UI",
5058 sans-serif;
5059 }
5060
5061 /* Mobile responsive */
5062 @media (max-width: 768px) {
5063 .zip-ai-fullpage-screen.wrap {
5064 margin: 8px 10px 0 0;
5065 height: calc(100vh - 48px);
5066 }
5067
5068 .zip-ai-fullpage-container {
5069 min-height: 520px;
5070 border-radius: 16px;
5071 }
5072
5073 .zip-ai-iframe-container {
5074 width: 100%;
5075 max-width: 360px;
5076 }
5077
5078 /* On mobile, use overlay instead of pushing content */
5079 body.zip-ai-assistant-open {
5080 margin-right: 0;
5081 overflow: hidden;
5082 /* Prevent scrolling when assistant is open */
5083 }
5084
5085 body.zip-ai-assistant-open #wpadminbar {
5086 right: 0;
5087 }
5088 }
5089
5090 /* Tablet and larger screens - slightly wider assistant panel */
5091 @media (min-width: 1024px) {
5092 .zip-ai-iframe-container {
5093 width: var(--zipwp-sidebar-width);
5094 right: calc(-1 * var(--zipwp-sidebar-width));
5095 /* Keep hidden position in sync with persisted resized widths */
5096 }
5097
5098 .zip-ai-iframe-container.zip-ai-iframe-visible {
5099 right: 0;
5100 }
5101
5102 body.zip-ai-assistant-open {
5103 margin-right: var(--zipwp-sidebar-width);
5104 width: calc(100vw - var(--zipwp-sidebar-width));
5105 }
5106
5107 body.zip-ai-assistant-open #wpadminbar {
5108 right: var(--zipwp-sidebar-width);
5109 }
5110
5111 /* Block editor adjustments for larger screens */
5112 .block-editor-page
5113 body.zip-ai-assistant-open
5114 .interface-interface-skeleton,
5115 .edit-post body.zip-ai-assistant-open .interface-interface-skeleton,
5116 body.block-editor-page.zip-ai-assistant-open
5117 .interface-interface-skeleton {
5118 margin-right: var(--zipwp-sidebar-width);
5119 }
5120
5121 /* Ensure skeleton still has transition on larger screens */
5122 .block-editor-page .interface-interface-skeleton,
5123 .edit-post .interface-interface-skeleton,
5124 body.block-editor-page .interface-interface-skeleton {
5125 margin-right: 0;
5126 }
5127 }
5128
5129 /* Colour wheel (ColorPickerPopover): panel CSS bloats react-colorful's thumbs; scope-reset to a compact wheel. */
5130 .zip-ai-color-wheel .react-colorful {
5131 width: 100%;
5132 height: 150px;
5133 }
5134 .zip-ai-color-wheel .react-colorful__saturation {
5135 border-radius: 10px 10px 0 0;
5136 }
5137 .zip-ai-color-wheel .react-colorful__hue {
5138 height: 18px;
5139 border-radius: 0 0 10px 10px;
5140 }
5141 .zip-ai-color-wheel .react-colorful__pointer {
5142 width: 16px;
5143 height: 16px;
5144 border: 2px solid #fff;
5145 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
5146 }
5147 .zip-ai-color-wheel .react-colorful__pointer-fill {
5148 border-radius: 50%;
5149 }
5150
5151 /* Indeterminate progress sliver — slides across when a total isn't known
5152 (wp-cli id-list sweeps). Determinate bars fill by width instead. */
5153 @keyframes zipaiProgressIndeterminate {
5154 0% { transform: translateX(-100%); }
5155 100% { transform: translateX(300%); }
5156 }
5157 .zipai-progress-indeterminate {
5158 animation: zipaiProgressIndeterminate 1.1s ease-in-out infinite;
5159 }
5160 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:font-mono *)::marker{
5161 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
5162 }
5163 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:text-\[12px\] *)::marker{
5164 font-size: 12px;
5165 }
5166 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:text-app-body-text *)::marker{
5167 color: hsl(var(--app-text));
5168 }
5169 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:font-mono::marker{
5170 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
5171 }
5172 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:text-\[12px\]::marker{
5173 font-size: 12px;
5174 }
5175 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:text-app-body-text::marker{
5176 color: hsl(var(--app-text));
5177 }
5178 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:bg-accent *)::-moz-selection{
5179 background-color: hsl(var(--accent));
5180 }
5181 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:bg-accent *)::selection{
5182 background-color: hsl(var(--accent));
5183 }
5184 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:text-accent-foreground *)::-moz-selection{
5185 color: hsl(var(--accent-foreground));
5186 }
5187 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:text-accent-foreground *)::selection{
5188 color: hsl(var(--accent-foreground));
5189 }
5190 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:bg-accent::-moz-selection{
5191 background-color: hsl(var(--accent));
5192 }
5193 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:bg-accent::selection{
5194 background-color: hsl(var(--accent));
5195 }
5196 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:text-accent-foreground::-moz-selection{
5197 color: hsl(var(--accent-foreground));
5198 }
5199 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:text-accent-foreground::selection{
5200 color: hsl(var(--accent-foreground));
5201 }
5202 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-body-text::-moz-placeholder{
5203 color: hsl(var(--app-text));
5204 }
5205 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-body-text::placeholder{
5206 color: hsl(var(--app-text));
5207 }
5208 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-placeholder::-moz-placeholder{
5209 color: hsl(var(--app-inactive-icon));
5210 }
5211 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-placeholder::placeholder{
5212 color: hsl(var(--app-inactive-icon));
5213 }
5214 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-text::-moz-placeholder{
5215 color: hsl(var(--app-text));
5216 }
5217 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-text::placeholder{
5218 color: hsl(var(--app-text));
5219 }
5220 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground::-moz-placeholder{
5221 color: hsl(var(--muted-foreground));
5222 }
5223 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground::placeholder{
5224 color: hsl(var(--muted-foreground));
5225 }
5226 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/40::-moz-placeholder{
5227 color: hsl(var(--muted-foreground) / 0.4);
5228 }
5229 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/40::placeholder{
5230 color: hsl(var(--muted-foreground) / 0.4);
5231 }
5232 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/50::-moz-placeholder{
5233 color: hsl(var(--muted-foreground) / 0.5);
5234 }
5235 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/50::placeholder{
5236 color: hsl(var(--muted-foreground) / 0.5);
5237 }
5238 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/70::-moz-placeholder{
5239 color: hsl(var(--muted-foreground) / 0.7);
5240 }
5241 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/70::placeholder{
5242 color: hsl(var(--muted-foreground) / 0.7);
5243 }
5244 :is(#chat-assistant-root, #zip-ai-snippets-root) .first\:mt-0:first-child{
5245 margin-top: 0px;
5246 }
5247 :is(#chat-assistant-root, #zip-ai-snippets-root) .last\:mb-0:last-child{
5248 margin-bottom: 0px;
5249 }
5250 :is(#chat-assistant-root, #zip-ai-snippets-root) .last\:border-b-0:last-child{
5251 border-bottom-width: 0px;
5252 }
5253 :is(#chat-assistant-root, #zip-ai-snippets-root) .odd\:bg-sunken:nth-child(odd){
5254 background-color: hsl(var(--bg-sunken));
5255 }
5256 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-line-2:focus-within{
5257 border-color: hsl(var(--line-2));
5258 }
5259 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-line-3:focus-within{
5260 border-color: hsl(var(--line-3));
5261 }
5262 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-primary:focus-within{
5263 border-color: hsl(var(--primary));
5264 }
5265 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-primary\/50:focus-within{
5266 border-color: hsl(var(--primary) / 0.5);
5267 }
5268 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-background:focus-within{
5269 background-color: hsl(var(--background));
5270 }
5271 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-card:focus-within{
5272 background-color: hsl(var(--card));
5273 }
5274 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-sunken:focus-within{
5275 background-color: hsl(var(--bg-sunken));
5276 }
5277 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:opacity-100:focus-within{
5278 opacity: 1;
5279 }
5280 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:shadow-\[0_0_0_3px_hsl\(var\(--primary\)\/0\.12\)\]:focus-within{
5281 --tw-shadow: 0 0 0 3px hsl(var(--primary)/0.12);
5282 --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
5283 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5284 }
5285 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:shadow-sm:focus-within{
5286 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
5287 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
5288 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5289 }
5290 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-2:focus-within{
5291 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5292 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5293 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5294 }
5295 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-\[3px\]:focus-within{
5296 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5297 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5298 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5299 }
5300 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-primary\/15:focus-within{
5301 --tw-ring-color: hsl(var(--primary) / 0.15);
5302 }
5303 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-ring\/15:focus-within{
5304 --tw-ring-color: hsl(var(--ring) / 0.15);
5305 }
5306 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:-translate-y-px:hover{
5307 --tw-translate-y: -1px;
5308 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5309 }
5310 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:scale-105:hover{
5311 --tw-scale-x: 1.05;
5312 --tw-scale-y: 1.05;
5313 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5314 }
5315 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border:hover{
5316 border-width: 1px;
5317 }
5318 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-\[\#3A3741\]:hover{
5319 --tw-border-opacity: 1;
5320 border-color: rgb(58 55 65 / var(--tw-border-opacity, 1));
5321 }
5322 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-app-body-text:hover{
5323 border-color: hsl(var(--app-text));
5324 }
5325 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-border:hover{
5326 border-color: hsl(var(--border));
5327 }
5328 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-border-dark:hover{
5329 border-color: hsl(var(--line-3));
5330 }
5331 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-danger:hover{
5332 border-color: hsl(var(--destructive));
5333 }
5334 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-danger-dark:hover{
5335 border-color: hsl(var(--destructive));
5336 }
5337 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-foreground:hover{
5338 border-color: hsl(var(--foreground));
5339 }
5340 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-line-2:hover{
5341 border-color: hsl(var(--line-2));
5342 }
5343 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-line-3:hover{
5344 border-color: hsl(var(--line-3));
5345 }
5346 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-ok\/40:hover{
5347 border-color: hsl(var(--ok) / 0.4);
5348 }
5349 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-primary:hover{
5350 border-color: hsl(var(--primary));
5351 }
5352 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-primary\/40:hover{
5353 border-color: hsl(var(--primary) / 0.4);
5354 }
5355 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-stop:hover{
5356 border-color: hsl(var(--destructive));
5357 }
5358 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-warn:hover{
5359 border-color: hsl(var(--warn));
5360 }
5361 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-warning-border:hover{
5362 border-color: hsl(var(--warn));
5363 }
5364 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[\#252329\]:hover{
5365 --tw-bg-opacity: 1;
5366 background-color: rgb(37 35 41 / var(--tw-bg-opacity, 1));
5367 }
5368 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--destructive\)\/0\.08\)\]:hover{
5369 background-color: hsl(var(--destructive)/0.08);
5370 }
5371 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--ring\)\/0\.18\)\]:hover{
5372 background-color: hsl(var(--ring)/0.18);
5373 }
5374 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--warn\)\/0\.08\)\]:hover{
5375 background-color: hsl(var(--warn)/0.08);
5376 }
5377 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--warn\)\/0\.18\)\]:hover{
5378 background-color: hsl(var(--warn)/0.18);
5379 }
5380 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.08\)\]:hover{
5381 background-color: rgba(239,68,68,0.08);
5382 }
5383 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.15\)\]:hover{
5384 background-color: rgba(239,68,68,0.15);
5385 }
5386 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(245\2c 158\2c 11\2c 0\.15\)\]:hover{
5387 background-color: rgba(245,158,11,0.15);
5388 }
5389 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent:hover{
5390 background-color: hsl(var(--accent));
5391 }
5392 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent-foreground\/10:hover{
5393 background-color: hsl(var(--accent-foreground) / 0.1);
5394 }
5395 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent-foreground\/15:hover{
5396 background-color: hsl(var(--accent-foreground) / 0.15);
5397 }
5398 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent\/80:hover{
5399 background-color: hsl(var(--accent) / 0.8);
5400 }
5401 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-amber-400\/25:hover{
5402 background-color: rgb(251 191 36 / 0.25);
5403 }
5404 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-amber-900\/20:hover{
5405 background-color: rgb(120 53 15 / 0.2);
5406 }
5407 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-app-hover:hover{
5408 background-color: hsl(var(--app-hover));
5409 }
5410 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-background\/10:hover{
5411 background-color: hsl(var(--background) / 0.1);
5412 }
5413 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-brand\/15:hover{
5414 background-color: hsl(var(--primary) / 0.15);
5415 }
5416 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-card:hover{
5417 background-color: hsl(var(--card));
5418 }
5419 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-card\/50:hover{
5420 background-color: hsl(var(--card) / 0.5);
5421 }
5422 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-danger:hover{
5423 background-color: hsl(var(--destructive));
5424 }
5425 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-destructive\/10:hover{
5426 background-color: hsl(var(--destructive) / 0.1);
5427 }
5428 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-destructive\/5:hover{
5429 background-color: hsl(var(--destructive) / 0.05);
5430 }
5431 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-emerald-400\/25:hover{
5432 background-color: rgb(52 211 153 / 0.25);
5433 }
5434 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-muted:hover{
5435 background-color: hsl(var(--muted));
5436 }
5437 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-muted\/50:hover{
5438 background-color: hsl(var(--muted) / 0.5);
5439 }
5440 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-ok-soft:hover{
5441 background-color: hsl(var(--ok-soft));
5442 }
5443 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary:hover{
5444 background-color: hsl(var(--primary));
5445 }
5446 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary\/10:hover{
5447 background-color: hsl(var(--primary) / 0.1);
5448 }
5449 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary\/5:hover{
5450 background-color: hsl(var(--primary) / 0.05);
5451 }
5452 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-stop\/10:hover{
5453 background-color: hsl(var(--destructive) / 0.1);
5454 }
5455 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-success-dark:hover{
5456 background-color: hsl(var(--ok));
5457 }
5458 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-sunken:hover{
5459 background-color: hsl(var(--bg-sunken));
5460 }
5461 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-sunken\/40:hover{
5462 background-color: hsl(var(--bg-sunken) / 0.4);
5463 }
5464 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-transparent:hover{
5465 background-color: transparent;
5466 }
5467 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-warning-bg:hover{
5468 background-color: hsl(var(--warn-soft));
5469 }
5470 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/10:hover{
5471 background-color: rgb(255 255 255 / 0.1);
5472 }
5473 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/90:hover{
5474 background-color: rgb(255 255 255 / 0.9);
5475 }
5476 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/\[0\.06\]:hover{
5477 background-color: rgb(255 255 255 / 0.06);
5478 }
5479 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-\[\#E5E3EA\]:hover{
5480 --tw-text-opacity: 1;
5481 color: rgb(229 227 234 / var(--tw-text-opacity, 1));
5482 }
5483 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-accent-foreground:hover{
5484 color: hsl(var(--accent-foreground));
5485 }
5486 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-app-body-text-2:hover{
5487 color: hsl(var(--app-heading));
5488 }
5489 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-app-heading:hover{
5490 color: hsl(var(--app-heading));
5491 }
5492 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-background:hover{
5493 color: hsl(var(--background));
5494 }
5495 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-brand-hover:hover{
5496 color: hsl(var(--primary));
5497 }
5498 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-danger:hover{
5499 color: hsl(var(--destructive));
5500 }
5501 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-danger-dark:hover{
5502 color: hsl(var(--destructive));
5503 }
5504 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-destructive:hover{
5505 color: hsl(var(--destructive));
5506 }
5507 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-foreground:hover{
5508 color: hsl(var(--foreground));
5509 }
5510 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-muted-foreground:hover{
5511 color: hsl(var(--muted-foreground));
5512 }
5513 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-ok:hover{
5514 color: hsl(var(--ok));
5515 }
5516 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-primary:hover{
5517 color: hsl(var(--primary));
5518 }
5519 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-primary-foreground:hover{
5520 color: hsl(var(--primary-foreground));
5521 }
5522 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-stop:hover{
5523 color: hsl(var(--destructive));
5524 }
5525 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-warning-text:hover{
5526 color: hsl(var(--warn));
5527 }
5528 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-white:hover{
5529 --tw-text-opacity: 1;
5530 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5531 }
5532 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-white\/80:hover{
5533 color: rgb(255 255 255 / 0.8);
5534 }
5535 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:underline:hover{
5536 text-decoration-line: underline;
5537 }
5538 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:no-underline:hover{
5539 text-decoration-line: none;
5540 }
5541 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:decoration-brand-hover:hover{
5542 text-decoration-color: hsl(var(--primary));
5543 }
5544 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:decoration-primary:hover{
5545 text-decoration-color: hsl(var(--primary));
5546 }
5547 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:\!opacity-100:hover{
5548 opacity: 1 !important;
5549 }
5550 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-70:hover{
5551 opacity: 0.7;
5552 }
5553 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-80:hover{
5554 opacity: 0.8;
5555 }
5556 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-90:hover{
5557 opacity: 0.9;
5558 }
5559 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-95:hover{
5560 opacity: 0.95;
5561 }
5562 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-\[0\.94\]:hover{
5563 opacity: 0.94;
5564 }
5565 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-\[0\.96\]:hover{
5566 opacity: 0.96;
5567 }
5568 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.14\)\]:hover{
5569 --tw-shadow: 0 4px 12px rgba(0,0,0,0.14);
5570 --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
5571 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5572 }
5573 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-\[inset_0_0_0_1px_hsl\(var\(--accent-foreground\)\/0\.35\)\]:hover{
5574 --tw-shadow: inset 0 0 0 1px hsl(var(--accent-foreground)/0.35);
5575 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
5576 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5577 }
5578 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-md:hover{
5579 --tw-shadow: 0 2px 8px -2px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.04);
5580 --tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
5581 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5582 }
5583 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:ring-white\/60:hover{
5584 --tw-ring-color: rgb(255 255 255 / 0.6);
5585 }
5586 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-0:focus{
5587 border-width: 0px;
5588 }
5589 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-none:focus{
5590 border-style: none;
5591 }
5592 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-accent-foreground:focus{
5593 border-color: hsl(var(--accent-foreground));
5594 }
5595 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-primary:focus{
5596 border-color: hsl(var(--primary));
5597 }
5598 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-ring:focus{
5599 border-color: hsl(var(--ring));
5600 }
5601 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-stop:focus{
5602 border-color: hsl(var(--destructive));
5603 }
5604 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-transparent:focus{
5605 border-color: transparent;
5606 }
5607 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:bg-card:focus{
5608 background-color: hsl(var(--card));
5609 }
5610 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:bg-sunken:focus{
5611 background-color: hsl(var(--bg-sunken));
5612 }
5613 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:opacity-100:focus{
5614 opacity: 1;
5615 }
5616 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:shadow-\[0_0_0_3px_hsl\(var\(--primary\)\/0\.15\)\]:focus{
5617 --tw-shadow: 0 0 0 3px hsl(var(--primary)/0.15);
5618 --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
5619 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5620 }
5621 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:shadow-none:focus{
5622 --tw-shadow: 0 0 #0000;
5623 --tw-shadow-colored: 0 0 #0000;
5624 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5625 }
5626 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:outline-none:focus{
5627 outline: 2px solid transparent;
5628 outline-offset: 2px;
5629 }
5630 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-0:focus{
5631 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5632 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5633 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5634 }
5635 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-1:focus{
5636 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5637 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5638 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5639 }
5640 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-2:focus{
5641 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5642 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5643 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5644 }
5645 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-\[3px\]:focus{
5646 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5647 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5648 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5649 }
5650 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-primary\/15:focus{
5651 --tw-ring-color: hsl(var(--primary) / 0.15);
5652 }
5653 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-ring:focus{
5654 --tw-ring-color: hsl(var(--ring));
5655 }
5656 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-ring\/20:focus{
5657 --tw-ring-color: hsl(var(--ring) / 0.2);
5658 }
5659 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[border\:none\]:focus{
5660 border: none;
5661 }
5662 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[box-shadow\:none\]:focus{
5663 box-shadow: none;
5664 }
5665 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[outline\:none\]:focus{
5666 outline: none;
5667 }
5668 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:bg-sunken:focus-visible{
5669 background-color: hsl(var(--bg-sunken));
5670 }
5671 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:bg-sunken\/40:focus-visible{
5672 background-color: hsl(var(--bg-sunken) / 0.4);
5673 }
5674 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:text-foreground:focus-visible{
5675 color: hsl(var(--foreground));
5676 }
5677 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:\!opacity-100:focus-visible{
5678 opacity: 1 !important;
5679 }
5680 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:opacity-100:focus-visible{
5681 opacity: 1;
5682 }
5683 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-none:focus-visible{
5684 outline: 2px solid transparent;
5685 outline-offset: 2px;
5686 }
5687 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline:focus-visible{
5688 outline-style: solid;
5689 }
5690 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-2:focus-visible{
5691 outline-width: 2px;
5692 }
5693 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-offset-2:focus-visible{
5694 outline-offset: 2px;
5695 }
5696 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-current:focus-visible{
5697 outline-color: currentColor;
5698 }
5699 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-1:focus-visible{
5700 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5701 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5702 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5703 }
5704 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-2:focus-visible{
5705 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5706 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5707 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5708 }
5709 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-inset:focus-visible{
5710 --tw-ring-inset: inset;
5711 }
5712 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-\[hsl\(var\(--destructive\)\)\]:focus-visible{
5713 --tw-ring-color: hsl(var(--destructive));
5714 }
5715 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-\[hsl\(var\(--ring\)\)\]:focus-visible{
5716 --tw-ring-color: hsl(var(--ring));
5717 }
5718 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-app-primary:focus-visible{
5719 --tw-ring-color: hsl(var(--app-primary));
5720 }
5721 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-border-focus:focus-visible{
5722 --tw-ring-color: hsl(var(--ring) / 0.35);
5723 }
5724 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-foreground\/15:focus-visible{
5725 --tw-ring-color: hsl(var(--foreground) / 0.15);
5726 }
5727 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring:focus-visible{
5728 --tw-ring-color: hsl(var(--ring));
5729 }
5730 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring\/30:focus-visible{
5731 --tw-ring-color: hsl(var(--ring) / 0.3);
5732 }
5733 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring\/50:focus-visible{
5734 --tw-ring-color: hsl(var(--ring) / 0.5);
5735 }
5736 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-1:focus-visible{
5737 --tw-ring-offset-width: 1px;
5738 }
5739 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-2:focus-visible{
5740 --tw-ring-offset-width: 2px;
5741 }
5742 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-background:focus-visible{
5743 --tw-ring-offset-color: hsl(var(--background));
5744 }
5745 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:scale-\[0\.97\]:active{
5746 --tw-scale-x: 0.97;
5747 --tw-scale-y: 0.97;
5748 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5749 }
5750 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:scale-\[0\.98\]:active{
5751 --tw-scale-x: 0.98;
5752 --tw-scale-y: 0.98;
5753 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5754 }
5755 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:cursor-grabbing:active{
5756 cursor: grabbing;
5757 }
5758 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:border-line-3:enabled:hover{
5759 border-color: hsl(var(--line-3));
5760 }
5761 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-muted\/60:enabled:hover{
5762 background-color: hsl(var(--muted) / 0.6);
5763 }
5764 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-white\/10:enabled:hover{
5765 background-color: rgb(255 255 255 / 0.1);
5766 }
5767 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-white\/\[0\.24\]:enabled:hover{
5768 background-color: rgb(255 255 255 / 0.24);
5769 }
5770 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:text-foreground:enabled:hover{
5771 color: hsl(var(--foreground));
5772 }
5773 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:pointer-events-none:disabled{
5774 pointer-events: none;
5775 }
5776 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:cursor-default:disabled{
5777 cursor: default;
5778 }
5779 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:cursor-not-allowed:disabled{
5780 cursor: not-allowed;
5781 }
5782 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:bg-transparent:disabled{
5783 background-color: transparent;
5784 }
5785 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-40:disabled{
5786 opacity: 0.4;
5787 }
5788 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-50:disabled{
5789 opacity: 0.5;
5790 }
5791 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-60:disabled{
5792 opacity: 0.6;
5793 }
5794 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-65:disabled{
5795 opacity: 0.65;
5796 }
5797 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-70:disabled{
5798 opacity: 0.7;
5799 }
5800 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:border-line:hover:disabled{
5801 border-color: hsl(var(--border));
5802 }
5803 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:bg-background:hover:disabled{
5804 background-color: hsl(var(--background));
5805 }
5806 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:bg-sunken:hover:disabled{
5807 background-color: hsl(var(--bg-sunken));
5808 }
5809 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:text-app-body-text-2:hover:disabled{
5810 color: hsl(var(--app-heading));
5811 }
5812 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/swatch:focus-within .group-focus-within\/swatch\:opacity-100){
5813 opacity: 1;
5814 }
5815 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .group-focus-within\:opacity-100){
5816 opacity: 1;
5817 }
5818 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .group-focus-within\:opacity-60){
5819 opacity: 0.6;
5820 }
5821 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:border-line-2){
5822 border-color: hsl(var(--line-2));
5823 }
5824 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:border-app-text){
5825 border-color: hsl(var(--app-text));
5826 }
5827 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:bg-sunken){
5828 background-color: hsl(var(--bg-sunken));
5829 }
5830 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:text-foreground\/85){
5831 color: hsl(var(--foreground) / 0.85);
5832 }
5833 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:text-app-text){
5834 color: hsl(var(--app-text));
5835 }
5836 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/msg:hover .group-hover\/msg\:opacity-100){
5837 opacity: 1;
5838 }
5839 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:opacity-100){
5840 opacity: 1;
5841 }
5842 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/swatch:hover .group-hover\/swatch\:opacity-100){
5843 opacity: 1;
5844 }
5845 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:opacity-100){
5846 opacity: 1;
5847 }
5848 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:opacity-60){
5849 opacity: 0.6;
5850 }
5851 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:ring-2){
5852 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5853 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5854 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5855 }
5856 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:ring-white\/40){
5857 --tw-ring-color: rgb(255 255 255 / 0.4);
5858 }
5859 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:border-primary){
5860 border-color: hsl(var(--primary));
5861 }
5862 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:bg-primary){
5863 background-color: hsl(var(--primary));
5864 }
5865 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:focus-visible ~ .peer-focus-visible\:ring-2){
5866 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5867 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5868 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5869 }
5870 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:focus-visible ~ .peer-focus-visible\:ring-primary){
5871 --tw-ring-color: hsl(var(--primary));
5872 }
5873 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed){
5874 cursor: not-allowed;
5875 }
5876 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:disabled ~ .peer-disabled\:opacity-70){
5877 opacity: 0.7;
5878 }
5879 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[disabled\]\:pointer-events-none[data-disabled]{
5880 pointer-events: none;
5881 }
5882 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
5883 --tw-translate-x: 1rem;
5884 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5885 }
5886 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
5887 --tw-translate-x: 0px;
5888 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5889 }
5890 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=checked\]\:bg-primary[data-state="checked"]{
5891 background-color: hsl(var(--primary));
5892 }
5893 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:bg-sunken[data-state="open"]{
5894 background-color: hsl(var(--bg-sunken));
5895 }
5896 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=unchecked\]\:bg-line-2[data-state="unchecked"]{
5897 background-color: hsl(var(--line-2));
5898 }
5899 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:text-foreground[data-state="open"]{
5900 color: hsl(var(--foreground));
5901 }
5902 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[disabled\]\:opacity-50[data-disabled]{
5903 opacity: 0.5;
5904 }
5905 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:duration-200[data-state="closed"]{
5906 transition-duration: 200ms;
5907 }
5908 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:duration-200[data-state="open"]{
5909 transition-duration: 200ms;
5910 }
5911 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:animate-in[data-state="open"]{
5912 animation-name: enter;
5913 animation-duration: 150ms;
5914 --tw-enter-opacity: initial;
5915 --tw-enter-scale: initial;
5916 --tw-enter-rotate: initial;
5917 --tw-enter-translate-x: initial;
5918 --tw-enter-translate-y: initial;
5919 }
5920 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:animate-out[data-state="closed"]{
5921 animation-name: exit;
5922 animation-duration: 150ms;
5923 --tw-exit-opacity: initial;
5924 --tw-exit-scale: initial;
5925 --tw-exit-rotate: initial;
5926 --tw-exit-translate-x: initial;
5927 --tw-exit-translate-y: initial;
5928 }
5929 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
5930 --tw-exit-opacity: 0;
5931 }
5932 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:fade-in-0[data-state="open"]{
5933 --tw-enter-opacity: 0;
5934 }
5935 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:zoom-out-75[data-state="closed"]{
5936 --tw-exit-scale: .75;
5937 }
5938 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
5939 --tw-exit-scale: .95;
5940 }
5941 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:zoom-in-90[data-state="open"]{
5942 --tw-enter-scale: .9;
5943 }
5944 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:zoom-in-95[data-state="open"]{
5945 --tw-enter-scale: .95;
5946 }
5947 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
5948 --tw-enter-translate-y: -0.5rem;
5949 }
5950 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
5951 --tw-enter-translate-x: 0.5rem;
5952 }
5953 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
5954 --tw-enter-translate-x: -0.5rem;
5955 }
5956 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
5957 --tw-enter-translate-y: 0.5rem;
5958 }
5959 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
5960 --tw-exit-translate-x: -50%;
5961 }
5962 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
5963 --tw-exit-translate-y: -48%;
5964 }
5965 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
5966 --tw-enter-translate-x: -50%;
5967 }
5968 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
5969 --tw-enter-translate-y: -48%;
5970 }
5971 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:duration-200[data-state="closed"]{
5972 animation-duration: 200ms;
5973 }
5974 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:duration-200[data-state="open"]{
5975 animation-duration: 200ms;
5976 }
5977 @media (prefers-reduced-motion: no-preference){
5978
5979 @keyframes ping{
5980
5981 75%, 100%{
5982 transform: scale(2);
5983 opacity: 0;
5984 }
5985 }
5986
5987 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:animate-ping{
5988 animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
5989 }
5990
5991 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:transition-all{
5992 transition-property: all;
5993 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5994 transition-duration: 150ms;
5995 }
5996
5997 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:duration-300{
5998 transition-duration: 300ms;
5999 }
6000
6001 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:ease-out{
6002 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
6003 }
6004
6005 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:animate-in{
6006 animation-name: enter;
6007 animation-duration: 150ms;
6008 --tw-enter-opacity: initial;
6009 --tw-enter-scale: initial;
6010 --tw-enter-rotate: initial;
6011 --tw-enter-translate-x: initial;
6012 --tw-enter-translate-y: initial;
6013 }
6014
6015 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:zoom-in-50{
6016 --tw-enter-scale: .5;
6017 }
6018
6019 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:duration-300{
6020 animation-duration: 300ms;
6021 }
6022
6023 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:ease-out{
6024 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
6025 }
6026 }
6027 @media (prefers-reduced-motion: reduce){
6028
6029 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-reduce\:hidden{
6030 display: none;
6031 }
6032
6033 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-reduce\:transition-none{
6034 transition-property: none;
6035 }
6036 }
6037 @media (min-width: 640px){
6038
6039 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:block{
6040 display: block;
6041 }
6042
6043 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:flex-row{
6044 flex-direction: row;
6045 }
6046
6047 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:justify-end{
6048 justify-content: flex-end;
6049 }
6050
6051 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:gap-2{
6052 gap: 0.5rem;
6053 }
6054
6055 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:text-left{
6056 text-align: left;
6057 }
6058
6059 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:text-\[36px\]{
6060 font-size: 36px;
6061 }
6062
6063 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:opacity-0{
6064 opacity: 0;
6065 }
6066
6067 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .sm\:group-focus-within\:opacity-100){
6068 opacity: 1;
6069 }
6070
6071 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .sm\:group-hover\:opacity-100){
6072 opacity: 1;
6073 }
6074 }
6075 @media (min-width: 1024px){
6076
6077 :is(#chat-assistant-root, #zip-ai-snippets-root) .lg\:grid-cols-\[420px_1fr\]{
6078 grid-template-columns: 420px 1fr;
6079 }
6080 }
6081 @media (prefers-color-scheme: dark){
6082
6083 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:border-amber-900\/60{
6084 border-color: rgb(120 53 15 / 0.6);
6085 }
6086
6087 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:bg-amber-100\/10{
6088 background-color: rgb(254 243 199 / 0.1);
6089 }
6090
6091 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:bg-amber-950\/30{
6092 background-color: rgb(69 26 3 / 0.3);
6093 }
6094
6095 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:text-amber-100{
6096 --tw-text-opacity: 1;
6097 color: rgb(254 243 199 / var(--tw-text-opacity, 1));
6098 }
6099
6100 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:hover\:bg-amber-100\/20:hover{
6101 background-color: rgb(254 243 199 / 0.2);
6102 }
6103 }
6104 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\+\&\]\:border-t+.\[\&\+\&\]\:border-t){
6105 border-top-width: 1px;
6106 }
6107 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\+\&\]\:border-border+.\[\&\+\&\]\:border-border){
6108 border-color: hsl(var(--border));
6109 }
6110 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
6111 display: none;
6112 }
6113 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\:last-child\>td\]\:border-b-0:last-child>td){
6114 border-bottom-width: 0px;
6115 }
6116 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\*\:first-child\]\:mt-0>*:first-child){
6117 margin-top: 0px;
6118 }
6119 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\*\:last-child\]\:mb-0>*:last-child){
6120 margin-bottom: 0px;
6121 }
6122 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\:first-child\]\:\!mt-0>:first-child){
6123 margin-top: 0px !important;
6124 }
6125 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\:last-child\]\:\!mb-0>:last-child){
6126 margin-bottom: 0px !important;
6127 }
6128 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>p\:last-child\]\:mb-0>p:last-child){
6129 margin-bottom: 0px;
6130 }
6131 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>p\]\:mb-1\.5>p){
6132 margin-bottom: 0.375rem;
6133 }
6134 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:h-3\.5>svg){
6135 height: 0.875rem;
6136 }
6137 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:w-3\.5>svg){
6138 width: 0.875rem;
6139 }
6140 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:transition-transform>svg){
6141 transition-property: transform;
6142 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6143 transition-duration: 150ms;
6144 }
6145 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:duration-200>svg){
6146 transition-duration: 200ms;
6147 animation-duration: 200ms;
6148 }
6149 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.hover\:\[\&\>svg\]\:rotate-90>svg:hover){
6150 --tw-rotate: 90deg;
6151 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
6152 }
6153 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>tr\:last-child\>td\]\:border-b-0>tr:last-child>td){
6154 border-bottom-width: 0px;
6155 }
6156 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\*\]\:\!my-1 *){
6157 margin-top: 0.25rem !important;
6158 margin-bottom: 0.25rem !important;
6159 }
6160 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:h-full .cm-editor){
6161 height: 100%;
6162 }
6163 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:bg-transparent .cm-editor){
6164 background-color: transparent;
6165 }
6166 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:outline-none .cm-editor){
6167 outline: 2px solid transparent;
6168 outline-offset: 2px;
6169 }
6170 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-scroller\]\:overflow-auto .cm-scroller){
6171 overflow: auto;
6172 }
6173 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:border-border .msg-content){
6174 border-color: hsl(var(--border));
6175 }
6176 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:bg-background .msg-content){
6177 background-color: hsl(var(--background));
6178 }
6179 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:text-foreground .msg-content){
6180 color: hsl(var(--foreground));
6181 }
6182 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_a\]\:text-inherit a){
6183 color: inherit;
6184 }
6185 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:border-0 code){
6186 border-width: 0px;
6187 }
6188 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:bg-transparent code){
6189 background-color: transparent;
6190 }
6191 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:p-0 code){
6192 padding: 0px;
6193 }
6194 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:text-inherit code){
6195 color: inherit;
6196 }
6197 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:my-1 img){
6198 margin-top: 0.25rem;
6199 margin-bottom: 0.25rem;
6200 }
6201 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:h-auto img){
6202 height: auto;
6203 }
6204 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:max-h-\[80px\] img){
6205 max-height: 80px;
6206 }
6207 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:w-auto img){
6208 width: auto;
6209 }
6210 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:max-w-\[80px\] img){
6211 max-width: 80px;
6212 }
6213 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:rounded img){
6214 border-radius: var(--radius);
6215 }
6216 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:object-cover img){
6217 -o-object-fit: cover;
6218 object-fit: cover;
6219 }
6220 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:shadow-sm img){
6221 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
6222 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
6223 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6224 }
6225 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_input\]\:mt-1 input){
6226 margin-top: 0.25rem;
6227 }
6228 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:flex li){
6229 display: flex;
6230 }
6231 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:items-start li){
6232 align-items: flex-start;
6233 }
6234 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:gap-2 li){
6235 gap: 0.5rem;
6236 }
6237 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:mb-2 p){
6238 margin-bottom: 0.5rem;
6239 }
6240 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:\!leading-relaxed p){
6241 line-height: 1.625 !important;
6242 }
6243 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:leading-\[1\.7\] p){
6244 line-height: 1.7;
6245 }
6246 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_strong\]\:capitalize strong){
6247 text-transform: capitalize;
6248 }
6249 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_strong\]\:text-foreground strong){
6250 color: hsl(var(--foreground));
6251 }
6252 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_svg\]\:shrink-0 svg){
6253 flex-shrink: 0;
6254 }
6255 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_svg\]\:text-foreground svg){
6256 color: hsl(var(--foreground));
6257 }
6258 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:\[\&_svg\]\:opacity-100 svg){
6259 opacity: 1;
6260 }
6261 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(ol .\[ol_\&\]\:my-1\.5){
6262 margin-top: 0.375rem;
6263 margin-bottom: 0.375rem;
6264 }
6265 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(ul .\[ul_\&\]\:my-1\.5){
6266 margin-top: 0.375rem;
6267 margin-bottom: 0.375rem;
6268 }
6269
6270