PluginProbe
ZIP AI – AI Website Builder & AI Agent / trunk
ZIP AI – AI Website Builder & AI Agent vtrunk
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 trunk, at assets/css/dist/chat-assistant.css

6,299 lines 221.3 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) .select-all{
1807 -webkit-user-select: all;
1808 -moz-user-select: all;
1809 user-select: all;
1810 }
1811 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize-none{
1812 resize: none;
1813 }
1814 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize-y{
1815 resize: vertical;
1816 }
1817 :is(#chat-assistant-root, #zip-ai-snippets-root) .resize{
1818 resize: both;
1819 }
1820 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-decimal{
1821 list-style-type: decimal;
1822 }
1823 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-disc{
1824 list-style-type: disc;
1825 }
1826 :is(#chat-assistant-root, #zip-ai-snippets-root) .list-none{
1827 list-style-type: none;
1828 }
1829 :is(#chat-assistant-root, #zip-ai-snippets-root) .appearance-none{
1830 -webkit-appearance: none;
1831 -moz-appearance: none;
1832 appearance: none;
1833 }
1834 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-1{
1835 grid-template-columns: repeat(1, minmax(0, 1fr));
1836 }
1837 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-2{
1838 grid-template-columns: repeat(2, minmax(0, 1fr));
1839 }
1840 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-3{
1841 grid-template-columns: repeat(3, minmax(0, 1fr));
1842 }
1843 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-9{
1844 grid-template-columns: repeat(9, minmax(0, 1fr));
1845 }
1846 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[120px_1fr\]{
1847 grid-template-columns: 120px 1fr;
1848 }
1849 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[124px_1fr\]{
1850 grid-template-columns: 124px 1fr;
1851 }
1852 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[20px_80px_1fr_auto_auto\]{
1853 grid-template-columns: 20px 80px 1fr auto auto;
1854 }
1855 :is(#chat-assistant-root, #zip-ai-snippets-root) .grid-cols-\[64px_1fr\]{
1856 grid-template-columns: 64px 1fr;
1857 }
1858 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-row{
1859 flex-direction: row;
1860 }
1861 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-col{
1862 flex-direction: column;
1863 }
1864 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-col-reverse{
1865 flex-direction: column-reverse;
1866 }
1867 :is(#chat-assistant-root, #zip-ai-snippets-root) .flex-wrap{
1868 flex-wrap: wrap;
1869 }
1870 :is(#chat-assistant-root, #zip-ai-snippets-root) .place-items-center{
1871 place-items: center;
1872 }
1873 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-start{
1874 align-items: flex-start;
1875 }
1876 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-end{
1877 align-items: flex-end;
1878 }
1879 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-center{
1880 align-items: center;
1881 }
1882 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-baseline{
1883 align-items: baseline;
1884 }
1885 :is(#chat-assistant-root, #zip-ai-snippets-root) .items-stretch{
1886 align-items: stretch;
1887 }
1888 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-start{
1889 justify-content: flex-start;
1890 }
1891 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-end{
1892 justify-content: flex-end;
1893 }
1894 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-center{
1895 justify-content: center;
1896 }
1897 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-between{
1898 justify-content: space-between;
1899 }
1900 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-0{
1901 gap: 0px;
1902 }
1903 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-0\.5{
1904 gap: 0.125rem;
1905 }
1906 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-1{
1907 gap: 0.25rem;
1908 }
1909 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-1\.5{
1910 gap: 0.375rem;
1911 }
1912 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-2{
1913 gap: 0.5rem;
1914 }
1915 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-2\.5{
1916 gap: 0.625rem;
1917 }
1918 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-3{
1919 gap: 0.75rem;
1920 }
1921 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-3\.5{
1922 gap: 0.875rem;
1923 }
1924 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-4{
1925 gap: 1rem;
1926 }
1927 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-5{
1928 gap: 1.25rem;
1929 }
1930 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-6{
1931 gap: 1.5rem;
1932 }
1933 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[1\.5\%\]{
1934 gap: 1.5%;
1935 }
1936 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[10px\]{
1937 gap: 10px;
1938 }
1939 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[2\%\]{
1940 gap: 2%;
1941 }
1942 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[3px\]{
1943 gap: 3px;
1944 }
1945 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[5px\]{
1946 gap: 5px;
1947 }
1948 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-\[7px\]{
1949 gap: 7px;
1950 }
1951 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-px{
1952 gap: 1px;
1953 }
1954 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-x-1{
1955 -moz-column-gap: 0.25rem;
1956 column-gap: 0.25rem;
1957 }
1958 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-y-1{
1959 row-gap: 0.25rem;
1960 }
1961 :is(#chat-assistant-root, #zip-ai-snippets-root) .gap-y-1\.5{
1962 row-gap: 0.375rem;
1963 }
1964 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])){
1965 --tw-space-y-reverse: 0;
1966 margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1967 margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1968 }
1969 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){
1970 --tw-space-y-reverse: 0;
1971 margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1972 margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1973 }
1974 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.space-y-5 > :not([hidden]) ~ :not([hidden])){
1975 --tw-space-y-reverse: 0;
1976 margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
1977 margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
1978 }
1979 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.divide-y > :not([hidden]) ~ :not([hidden])){
1980 --tw-divide-y-reverse: 0;
1981 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1982 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1983 }
1984 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.divide-border > :not([hidden]) ~ :not([hidden])){
1985 border-color: hsl(var(--border));
1986 }
1987 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-start{
1988 align-self: flex-start;
1989 }
1990 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-end{
1991 align-self: flex-end;
1992 }
1993 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-center{
1994 align-self: center;
1995 }
1996 :is(#chat-assistant-root, #zip-ai-snippets-root) .self-stretch{
1997 align-self: stretch;
1998 }
1999 :is(#chat-assistant-root, #zip-ai-snippets-root) .justify-self-center{
2000 justify-self: center;
2001 }
2002 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-hidden{
2003 overflow: hidden;
2004 }
2005 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-clip{
2006 overflow: clip;
2007 }
2008 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-visible{
2009 overflow: visible;
2010 }
2011 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-auto{
2012 overflow-x: auto;
2013 }
2014 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-y-auto{
2015 overflow-y: auto;
2016 }
2017 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-hidden{
2018 overflow-x: hidden;
2019 }
2020 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-y-hidden{
2021 overflow-y: hidden;
2022 }
2023 :is(#chat-assistant-root, #zip-ai-snippets-root) .overflow-x-visible{
2024 overflow-x: visible;
2025 }
2026 :is(#chat-assistant-root, #zip-ai-snippets-root) .overscroll-contain{
2027 overscroll-behavior: contain;
2028 }
2029 :is(#chat-assistant-root, #zip-ai-snippets-root) .truncate{
2030 overflow: hidden;
2031 text-overflow: ellipsis;
2032 white-space: nowrap;
2033 }
2034 :is(#chat-assistant-root, #zip-ai-snippets-root) .whitespace-nowrap{
2035 white-space: nowrap;
2036 }
2037 :is(#chat-assistant-root, #zip-ai-snippets-root) .whitespace-pre-wrap{
2038 white-space: pre-wrap;
2039 }
2040 :is(#chat-assistant-root, #zip-ai-snippets-root) .break-words{
2041 overflow-wrap: break-word;
2042 }
2043 :is(#chat-assistant-root, #zip-ai-snippets-root) .break-all{
2044 word-break: break-all;
2045 }
2046 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded{
2047 border-radius: var(--radius);
2048 }
2049 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-2xl{
2050 border-radius: 16px;
2051 }
2052 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[10px\]{
2053 border-radius: 10px;
2054 }
2055 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[12px\]{
2056 border-radius: 12px;
2057 }
2058 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[14px\]{
2059 border-radius: 14px;
2060 }
2061 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[1px\]{
2062 border-radius: 1px;
2063 }
2064 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[2px\]{
2065 border-radius: 2px;
2066 }
2067 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[3px\]{
2068 border-radius: 3px;
2069 }
2070 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[4px\]{
2071 border-radius: 4px;
2072 }
2073 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[5px\]{
2074 border-radius: 5px;
2075 }
2076 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[7px\]{
2077 border-radius: 7px;
2078 }
2079 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[8\.33px\]{
2080 border-radius: 8.33px;
2081 }
2082 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[9px\]{
2083 border-radius: 9px;
2084 }
2085 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-\[inherit\]{
2086 border-radius: inherit;
2087 }
2088 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-full{
2089 border-radius: 9999px;
2090 }
2091 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-lg{
2092 border-radius: var(--radius);
2093 }
2094 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-md{
2095 border-radius: calc(var(--radius) - 2px);
2096 }
2097 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-none{
2098 border-radius: 0px;
2099 }
2100 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-sm{
2101 border-radius: calc(var(--radius) - 4px);
2102 }
2103 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xl{
2104 border-radius: calc(var(--radius) + 2px);
2105 }
2106 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xs{
2107 border-radius: 4px;
2108 }
2109 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-xxs{
2110 border-radius: 3px;
2111 }
2112 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-b-md{
2113 border-bottom-right-radius: calc(var(--radius) - 2px);
2114 border-bottom-left-radius: calc(var(--radius) - 2px);
2115 }
2116 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-l-lg{
2117 border-top-left-radius: var(--radius);
2118 border-bottom-left-radius: var(--radius);
2119 }
2120 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-l-md{
2121 border-top-left-radius: calc(var(--radius) - 2px);
2122 border-bottom-left-radius: calc(var(--radius) - 2px);
2123 }
2124 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-r-md{
2125 border-top-right-radius: calc(var(--radius) - 2px);
2126 border-bottom-right-radius: calc(var(--radius) - 2px);
2127 }
2128 :is(#chat-assistant-root, #zip-ai-snippets-root) .rounded-t-xl{
2129 border-top-left-radius: calc(var(--radius) + 2px);
2130 border-top-right-radius: calc(var(--radius) + 2px);
2131 }
2132 :is(#chat-assistant-root, #zip-ai-snippets-root) .border{
2133 border-width: 1px;
2134 }
2135 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-0{
2136 border-width: 0px;
2137 }
2138 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-2{
2139 border-width: 2px;
2140 }
2141 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[1\.5px\]{
2142 border-width: 1.5px;
2143 }
2144 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[1\.6px\]{
2145 border-width: 1.6px;
2146 }
2147 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-b{
2148 border-bottom-width: 1px;
2149 }
2150 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-b-2{
2151 border-bottom-width: 2px;
2152 }
2153 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l{
2154 border-left-width: 1px;
2155 }
2156 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-2{
2157 border-left-width: 2px;
2158 }
2159 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-\[3px\]{
2160 border-left-width: 3px;
2161 }
2162 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-r{
2163 border-right-width: 1px;
2164 }
2165 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t{
2166 border-top-width: 1px;
2167 }
2168 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-2{
2169 border-top-width: 2px;
2170 }
2171 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-solid{
2172 border-style: solid;
2173 }
2174 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-dashed{
2175 border-style: dashed;
2176 }
2177 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-dotted{
2178 border-style: dotted;
2179 }
2180 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-none{
2181 border-style: none;
2182 }
2183 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#232128\]{
2184 --tw-border-opacity: 1;
2185 border-color: rgb(35 33 40 / var(--tw-border-opacity, 1));
2186 }
2187 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#2A2830\]{
2188 --tw-border-opacity: 1;
2189 border-color: rgb(42 40 48 / var(--tw-border-opacity, 1));
2190 }
2191 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[\#3A3741\]{
2192 --tw-border-opacity: 1;
2193 border-color: rgb(58 55 65 / var(--tw-border-opacity, 1));
2194 }
2195 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--destructive\)\/0\.3\)\]{
2196 border-color: hsl(var(--destructive)/0.3);
2197 }
2198 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--ok\)\/0\.3\)\]{
2199 border-color: hsl(var(--ok)/0.3);
2200 }
2201 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--primary\)\/0\.22\)\]{
2202 border-color: hsl(var(--primary)/0.22);
2203 }
2204 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--ring\)\)\]{
2205 border-color: hsl(var(--ring));
2206 }
2207 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--warn\)\/0\.3\)\]{
2208 border-color: hsl(var(--warn)/0.3);
2209 }
2210 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[hsl\(var\(--warn\)\/0\.4\)\]{
2211 border-color: hsl(var(--warn)/0.4);
2212 }
2213 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(139\2c 146\2c 163\2c 0\.15\)\]{
2214 border-color: rgba(139,146,163,0.15);
2215 }
2216 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(22\2c 163\2c 74\2c 0\.15\)\]{
2217 border-color: rgba(22,163,74,0.15);
2218 }
2219 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-\[rgba\(245\2c 158\2c 11\2c 0\.5\)\]{
2220 border-color: rgba(245,158,11,0.5);
2221 }
2222 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-accent{
2223 border-color: hsl(var(--accent));
2224 }
2225 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-accent-ink{
2226 border-color: hsl(var(--accent-foreground));
2227 }
2228 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-alert-error\/25{
2229 border-color: hsl(var(--alert-error) / 0.25);
2230 }
2231 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-amber-200{
2232 --tw-border-opacity: 1;
2233 border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
2234 }
2235 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-amber-400\/40{
2236 border-color: rgb(251 191 36 / 0.4);
2237 }
2238 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-app-body-text{
2239 border-color: hsl(var(--app-text));
2240 }
2241 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-app-primary{
2242 border-color: hsl(var(--app-primary));
2243 }
2244 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background{
2245 border-color: hsl(var(--background));
2246 }
2247 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background\/20{
2248 border-color: hsl(var(--background) / 0.2);
2249 }
2250 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-background\/30{
2251 border-color: hsl(var(--background) / 0.3);
2252 }
2253 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-black\/5{
2254 border-color: rgb(0 0 0 / 0.05);
2255 }
2256 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border{
2257 border-color: hsl(var(--border));
2258 }
2259 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-dark{
2260 border-color: hsl(var(--line-3));
2261 }
2262 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-main{
2263 border-color: hsl(var(--border));
2264 }
2265 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border-main\/70{
2266 border-color: hsl(var(--border) / 0.7);
2267 }
2268 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/30{
2269 border-color: hsl(var(--border) / 0.3);
2270 }
2271 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/40{
2272 border-color: hsl(var(--border) / 0.4);
2273 }
2274 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/50{
2275 border-color: hsl(var(--border) / 0.5);
2276 }
2277 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/60{
2278 border-color: hsl(var(--border) / 0.6);
2279 }
2280 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-border\/70{
2281 border-color: hsl(var(--border) / 0.7);
2282 }
2283 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand{
2284 border-color: hsl(var(--primary));
2285 }
2286 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand\/20{
2287 border-color: hsl(var(--primary) / 0.2);
2288 }
2289 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-brand\/25{
2290 border-color: hsl(var(--primary) / 0.25);
2291 }
2292 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-danger{
2293 border-color: hsl(var(--destructive));
2294 }
2295 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive{
2296 border-color: hsl(var(--destructive));
2297 }
2298 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive\/20{
2299 border-color: hsl(var(--destructive) / 0.2);
2300 }
2301 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-destructive\/30{
2302 border-color: hsl(var(--destructive) / 0.3);
2303 }
2304 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-foreground{
2305 border-color: hsl(var(--foreground));
2306 }
2307 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-foreground\/30{
2308 border-color: hsl(var(--foreground) / 0.3);
2309 }
2310 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line{
2311 border-color: hsl(var(--border));
2312 }
2313 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line-2{
2314 border-color: hsl(var(--line-2));
2315 }
2316 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-line-3{
2317 border-color: hsl(var(--line-3));
2318 }
2319 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-muted-foreground\/50{
2320 border-color: hsl(var(--muted-foreground) / 0.5);
2321 }
2322 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary{
2323 border-color: hsl(var(--primary));
2324 }
2325 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary-foreground\/30{
2326 border-color: hsl(var(--primary-foreground) / 0.3);
2327 }
2328 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/15{
2329 border-color: hsl(var(--primary) / 0.15);
2330 }
2331 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/20{
2332 border-color: hsl(var(--primary) / 0.2);
2333 }
2334 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/25{
2335 border-color: hsl(var(--primary) / 0.25);
2336 }
2337 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/55{
2338 border-color: hsl(var(--primary) / 0.55);
2339 }
2340 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-primary\/60{
2341 border-color: hsl(var(--primary) / 0.6);
2342 }
2343 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop{
2344 border-color: hsl(var(--destructive));
2345 }
2346 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop\/30{
2347 border-color: hsl(var(--destructive) / 0.3);
2348 }
2349 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-stop\/60{
2350 border-color: hsl(var(--destructive) / 0.6);
2351 }
2352 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-transparent{
2353 border-color: transparent;
2354 }
2355 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warn{
2356 border-color: hsl(var(--warn));
2357 }
2358 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warn\/40{
2359 border-color: hsl(var(--warn) / 0.4);
2360 }
2361 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warning-border{
2362 border-color: hsl(var(--warn));
2363 }
2364 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-warning-border\/40{
2365 border-color: hsl(var(--warn) / 0.4);
2366 }
2367 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/10{
2368 border-color: rgb(255 255 255 / 0.1);
2369 }
2370 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/15{
2371 border-color: rgb(255 255 255 / 0.15);
2372 }
2373 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/20{
2374 border-color: rgb(255 255 255 / 0.2);
2375 }
2376 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/25{
2377 border-color: rgb(255 255 255 / 0.25);
2378 }
2379 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-white\/30{
2380 border-color: rgb(255 255 255 / 0.3);
2381 }
2382 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-transparent{
2383 border-left-color: transparent;
2384 }
2385 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-l-warning-border{
2386 border-left-color: hsl(var(--warn));
2387 }
2388 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-background{
2389 border-top-color: hsl(var(--background));
2390 }
2391 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-foreground{
2392 border-top-color: hsl(var(--foreground));
2393 }
2394 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-muted-foreground{
2395 border-top-color: hsl(var(--muted-foreground));
2396 }
2397 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-ok{
2398 border-top-color: hsl(var(--ok));
2399 }
2400 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-primary{
2401 border-top-color: hsl(var(--primary));
2402 }
2403 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-primary-foreground{
2404 border-top-color: hsl(var(--primary-foreground));
2405 }
2406 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-transparent{
2407 border-top-color: transparent;
2408 }
2409 :is(#chat-assistant-root, #zip-ai-snippets-root) .border-t-white{
2410 --tw-border-opacity: 1;
2411 border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2412 }
2413 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#0E0D11\]{
2414 --tw-bg-opacity: 1;
2415 background-color: rgb(14 13 17 / var(--tw-bg-opacity, 1));
2416 }
2417 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#1B1A1F\]{
2418 --tw-bg-opacity: 1;
2419 background-color: rgb(27 26 31 / var(--tw-bg-opacity, 1));
2420 }
2421 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#22C55E\]{
2422 --tw-bg-opacity: 1;
2423 background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
2424 }
2425 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#252329\]{
2426 --tw-bg-opacity: 1;
2427 background-color: rgb(37 35 41 / var(--tw-bg-opacity, 1));
2428 }
2429 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#F5C475\]{
2430 --tw-bg-opacity: 1;
2431 background-color: rgb(245 196 117 / var(--tw-bg-opacity, 1));
2432 }
2433 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[\#eef0f3\]{
2434 --tw-bg-opacity: 1;
2435 background-color: rgb(238 240 243 / var(--tw-bg-opacity, 1));
2436 }
2437 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(152_60\%_94\%\)\]{
2438 --tw-bg-opacity: 1;
2439 background-color: hsl(152 60% 94% / var(--tw-bg-opacity, 1));
2440 }
2441 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(214_94\%_60\%\)\]{
2442 --tw-bg-opacity: 1;
2443 background-color: hsl(214 94% 60% / var(--tw-bg-opacity, 1));
2444 }
2445 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(214_94\%_94\%\)\]{
2446 --tw-bg-opacity: 1;
2447 background-color: hsl(214 94% 94% / var(--tw-bg-opacity, 1));
2448 }
2449 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(222_47\%_11\%\)\]{
2450 --tw-bg-opacity: 1;
2451 background-color: hsl(222 47% 11% / var(--tw-bg-opacity, 1));
2452 }
2453 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--app-placeholder\)\)\]{
2454 background-color: hsl(var(--app-placeholder));
2455 }
2456 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.06\)\]{
2457 background-color: hsl(var(--destructive)/0.06);
2458 }
2459 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.08\)\]{
2460 background-color: hsl(var(--destructive)/0.08);
2461 }
2462 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.1\)\]{
2463 background-color: hsl(var(--destructive)/0.1);
2464 }
2465 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--destructive\)\/0\.15\)\]{
2466 background-color: hsl(var(--destructive)/0.15);
2467 }
2468 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--foreground\)\/0\.4\)\]{
2469 background-color: hsl(var(--foreground)/0.4);
2470 }
2471 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--foreground\)\/0\.45\)\]{
2472 background-color: hsl(var(--foreground)/0.45);
2473 }
2474 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[hsl\(var\(--ring\)\)\]{
2475 background-color: hsl(var(--ring));
2476 }
2477 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(139\2c 146\2c 163\2c 0\.06\)\]{
2478 background-color: rgba(139,146,163,0.06);
2479 }
2480 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(168\2c 224\2c 125\2c 0\.1\)\]{
2481 background-color: rgba(168,224,125,0.1);
2482 }
2483 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(22\2c 163\2c 74\2c 0\.06\)\]{
2484 background-color: rgba(22,163,74,0.06);
2485 }
2486 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(22\2c 163\2c 74\2c 0\.12\)\]{
2487 background-color: rgba(22,163,74,0.12);
2488 }
2489 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-\[rgba\(245\2c 196\2c 117\2c 0\.1\)\]{
2490 background-color: rgba(245,196,117,0.1);
2491 }
2492 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent{
2493 background-color: hsl(var(--accent));
2494 }
2495 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-50{
2496 background-color: hsl(var(--accent-50));
2497 }
2498 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-foreground{
2499 background-color: hsl(var(--accent-foreground));
2500 }
2501 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-accent-soft{
2502 background-color: hsl(var(--accent));
2503 }
2504 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-alert-error-bg{
2505 background-color: hsl(var(--alert-error-bg));
2506 }
2507 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-400\/15{
2508 background-color: rgb(251 191 36 / 0.15);
2509 }
2510 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-50{
2511 --tw-bg-opacity: 1;
2512 background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
2513 }
2514 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-amber-900\/10{
2515 background-color: rgb(120 53 15 / 0.1);
2516 }
2517 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-body-text{
2518 background-color: hsl(var(--app-text));
2519 }
2520 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-body-text-2{
2521 background-color: hsl(var(--app-heading));
2522 }
2523 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-placeholder{
2524 background-color: hsl(var(--app-inactive-icon));
2525 }
2526 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-primary{
2527 background-color: hsl(var(--app-primary));
2528 }
2529 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-app-text{
2530 background-color: hsl(var(--app-text));
2531 }
2532 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background{
2533 background-color: hsl(var(--background));
2534 }
2535 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/20{
2536 background-color: hsl(var(--background) / 0.2);
2537 }
2538 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/25{
2539 background-color: hsl(var(--background) / 0.25);
2540 }
2541 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/85{
2542 background-color: hsl(var(--background) / 0.85);
2543 }
2544 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/90{
2545 background-color: hsl(var(--background) / 0.9);
2546 }
2547 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-background\/95{
2548 background-color: hsl(var(--background) / 0.95);
2549 }
2550 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black{
2551 --tw-bg-opacity: 1;
2552 background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2553 }
2554 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/10{
2555 background-color: rgb(0 0 0 / 0.1);
2556 }
2557 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/15{
2558 background-color: rgb(0 0 0 / 0.15);
2559 }
2560 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/20{
2561 background-color: rgb(0 0 0 / 0.2);
2562 }
2563 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/55{
2564 background-color: rgb(0 0 0 / 0.55);
2565 }
2566 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-black\/60{
2567 background-color: rgb(0 0 0 / 0.6);
2568 }
2569 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border{
2570 background-color: hsl(var(--border));
2571 }
2572 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border-dark{
2573 background-color: hsl(var(--line-3));
2574 }
2575 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-border-main{
2576 background-color: hsl(var(--border));
2577 }
2578 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand{
2579 background-color: hsl(var(--primary));
2580 }
2581 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand\/10{
2582 background-color: hsl(var(--primary) / 0.1);
2583 }
2584 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-brand\/\[0\.06\]{
2585 background-color: hsl(var(--primary) / 0.06);
2586 }
2587 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card{
2588 background-color: hsl(var(--card));
2589 }
2590 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/40{
2591 background-color: hsl(var(--card) / 0.4);
2592 }
2593 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/60{
2594 background-color: hsl(var(--card) / 0.6);
2595 }
2596 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-card\/95{
2597 background-color: hsl(var(--card) / 0.95);
2598 }
2599 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-destructive{
2600 background-color: hsl(var(--destructive));
2601 }
2602 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-destructive\/10{
2603 background-color: hsl(var(--destructive) / 0.1);
2604 }
2605 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-emerald-300{
2606 --tw-bg-opacity: 1;
2607 background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
2608 }
2609 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-emerald-400\/15{
2610 background-color: rgb(52 211 153 / 0.15);
2611 }
2612 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground{
2613 background-color: hsl(var(--foreground));
2614 }
2615 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground\/40{
2616 background-color: hsl(var(--foreground) / 0.4);
2617 }
2618 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-foreground\/\[0\.035\]{
2619 background-color: hsl(var(--foreground) / 0.035);
2620 }
2621 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line{
2622 background-color: hsl(var(--border));
2623 }
2624 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-2{
2625 background-color: hsl(var(--line-2));
2626 }
2627 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-2\/50{
2628 background-color: hsl(var(--line-2) / 0.5);
2629 }
2630 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3{
2631 background-color: hsl(var(--line-3));
2632 }
2633 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/20{
2634 background-color: hsl(var(--line-3) / 0.2);
2635 }
2636 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/25{
2637 background-color: hsl(var(--line-3) / 0.25);
2638 }
2639 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/40{
2640 background-color: hsl(var(--line-3) / 0.4);
2641 }
2642 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-line-3\/45{
2643 background-color: hsl(var(--line-3) / 0.45);
2644 }
2645 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted{
2646 background-color: hsl(var(--muted));
2647 }
2648 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/30{
2649 background-color: hsl(var(--muted) / 0.3);
2650 }
2651 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/40{
2652 background-color: hsl(var(--muted) / 0.4);
2653 }
2654 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/60{
2655 background-color: hsl(var(--muted) / 0.6);
2656 }
2657 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-muted\/70{
2658 background-color: hsl(var(--muted) / 0.7);
2659 }
2660 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-neutral-900\/95{
2661 background-color: rgb(23 23 23 / 0.95);
2662 }
2663 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-ok{
2664 background-color: hsl(var(--ok));
2665 }
2666 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-ok-soft{
2667 background-color: hsl(var(--ok-soft));
2668 }
2669 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-popover{
2670 background-color: hsl(var(--popover));
2671 }
2672 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary{
2673 background-color: hsl(var(--primary));
2674 }
2675 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary-foreground{
2676 background-color: hsl(var(--primary-foreground));
2677 }
2678 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/10{
2679 background-color: hsl(var(--primary) / 0.1);
2680 }
2681 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/5{
2682 background-color: hsl(var(--primary) / 0.05);
2683 }
2684 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-primary\/\[0\.08\]{
2685 background-color: hsl(var(--primary) / 0.08);
2686 }
2687 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-red-600{
2688 --tw-bg-opacity: 1;
2689 background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2690 }
2691 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sky-300{
2692 --tw-bg-opacity: 1;
2693 background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1));
2694 }
2695 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop{
2696 background-color: hsl(var(--destructive));
2697 }
2698 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop\/10{
2699 background-color: hsl(var(--destructive) / 0.1);
2700 }
2701 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-stop\/5{
2702 background-color: hsl(var(--destructive) / 0.05);
2703 }
2704 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-success{
2705 background-color: hsl(var(--ok));
2706 }
2707 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-success\/10{
2708 background-color: hsl(var(--ok) / 0.1);
2709 }
2710 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken{
2711 background-color: hsl(var(--bg-sunken));
2712 }
2713 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/30{
2714 background-color: hsl(var(--bg-sunken) / 0.3);
2715 }
2716 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/40{
2717 background-color: hsl(var(--bg-sunken) / 0.4);
2718 }
2719 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/60{
2720 background-color: hsl(var(--bg-sunken) / 0.6);
2721 }
2722 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-sunken\/70{
2723 background-color: hsl(var(--bg-sunken) / 0.7);
2724 }
2725 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-transparent{
2726 background-color: transparent;
2727 }
2728 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn{
2729 background-color: hsl(var(--warn));
2730 }
2731 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn-soft{
2732 background-color: hsl(var(--warn-soft));
2733 }
2734 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warn\/10{
2735 background-color: hsl(var(--warn) / 0.1);
2736 }
2737 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-bg{
2738 background-color: hsl(var(--warn-soft));
2739 }
2740 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-bg\/50{
2741 background-color: hsl(var(--warn-soft) / 0.5);
2742 }
2743 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-warning-border{
2744 background-color: hsl(var(--warn));
2745 }
2746 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white{
2747 --tw-bg-opacity: 1;
2748 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2749 }
2750 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/15{
2751 background-color: rgb(255 255 255 / 0.15);
2752 }
2753 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/35{
2754 background-color: rgb(255 255 255 / 0.35);
2755 }
2756 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/5{
2757 background-color: rgb(255 255 255 / 0.05);
2758 }
2759 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-white\/\[0\.14\]{
2760 background-color: rgb(255 255 255 / 0.14);
2761 }
2762 :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\%\)\]{
2763 background-image: linear-gradient(110deg,transparent 30%,hsl(0 0% 100% / 0.55) 50%,transparent 70%);
2764 }
2765 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-b{
2766 background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
2767 }
2768 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-r{
2769 background-image: linear-gradient(to right, var(--tw-gradient-stops));
2770 }
2771 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-gradient-to-t{
2772 background-image: linear-gradient(to top, var(--tw-gradient-stops));
2773 }
2774 :is(#chat-assistant-root, #zip-ai-snippets-root) .bg-none{
2775 background-image: none;
2776 }
2777 :is(#chat-assistant-root, #zip-ai-snippets-root) .from-black\/25{
2778 --tw-gradient-from: rgb(0 0 0 / 0.25) var(--tw-gradient-from-position);
2779 --tw-gradient-to: rgb(0 0 0 / 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-card{
2783 --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
2784 --tw-gradient-to: hsl(var(--card) / 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-primary\/85{
2788 --tw-gradient-from: hsl(var(--primary) / 0.85) var(--tw-gradient-from-position);
2789 --tw-gradient-to: hsl(var(--primary) / 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) .from-transparent{
2793 --tw-gradient-from: transparent var(--tw-gradient-from-position);
2794 --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
2795 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2796 }
2797 :is(#chat-assistant-root, #zip-ai-snippets-root) .via-border{
2798 --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
2799 --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to);
2800 }
2801 :is(#chat-assistant-root, #zip-ai-snippets-root) .via-white\/30{
2802 --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
2803 --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
2804 }
2805 :is(#chat-assistant-root, #zip-ai-snippets-root) .to-primary{
2806 --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
2807 }
2808 :is(#chat-assistant-root, #zip-ai-snippets-root) .to-transparent{
2809 --tw-gradient-to: transparent var(--tw-gradient-to-position);
2810 }
2811 :is(#chat-assistant-root, #zip-ai-snippets-root) .fill-current{
2812 fill: currentColor;
2813 }
2814 :is(#chat-assistant-root, #zip-ai-snippets-root) .fill-ok{
2815 fill: hsl(var(--ok));
2816 }
2817 :is(#chat-assistant-root, #zip-ai-snippets-root) .stroke-white{
2818 stroke: #fff;
2819 }
2820 :is(#chat-assistant-root, #zip-ai-snippets-root) .object-contain{
2821 -o-object-fit: contain;
2822 object-fit: contain;
2823 }
2824 :is(#chat-assistant-root, #zip-ai-snippets-root) .object-cover{
2825 -o-object-fit: cover;
2826 object-fit: cover;
2827 }
2828 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-0{
2829 padding: 0px;
2830 }
2831 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-0\.5{
2832 padding: 0.125rem;
2833 }
2834 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-1{
2835 padding: 0.25rem;
2836 }
2837 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-1\.5{
2838 padding: 0.375rem;
2839 }
2840 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-2{
2841 padding: 0.5rem;
2842 }
2843 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-2\.5{
2844 padding: 0.625rem;
2845 }
2846 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-3{
2847 padding: 0.75rem;
2848 }
2849 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-3\.5{
2850 padding: 0.875rem;
2851 }
2852 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-4{
2853 padding: 1rem;
2854 }
2855 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-5{
2856 padding: 1.25rem;
2857 }
2858 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-6{
2859 padding: 1.5rem;
2860 }
2861 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-7{
2862 padding: 1.75rem;
2863 }
2864 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-\[1px\]{
2865 padding: 1px;
2866 }
2867 :is(#chat-assistant-root, #zip-ai-snippets-root) .p-\[22px\]{
2868 padding: 22px;
2869 }
2870 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-0{
2871 padding-left: 0px;
2872 padding-right: 0px;
2873 }
2874 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-0\.5{
2875 padding-left: 0.125rem;
2876 padding-right: 0.125rem;
2877 }
2878 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-1{
2879 padding-left: 0.25rem;
2880 padding-right: 0.25rem;
2881 }
2882 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-1\.5{
2883 padding-left: 0.375rem;
2884 padding-right: 0.375rem;
2885 }
2886 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-2{
2887 padding-left: 0.5rem;
2888 padding-right: 0.5rem;
2889 }
2890 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-2\.5{
2891 padding-left: 0.625rem;
2892 padding-right: 0.625rem;
2893 }
2894 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-3{
2895 padding-left: 0.75rem;
2896 padding-right: 0.75rem;
2897 }
2898 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-3\.5{
2899 padding-left: 0.875rem;
2900 padding-right: 0.875rem;
2901 }
2902 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-4{
2903 padding-left: 1rem;
2904 padding-right: 1rem;
2905 }
2906 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-5{
2907 padding-left: 1.25rem;
2908 padding-right: 1.25rem;
2909 }
2910 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-6{
2911 padding-left: 1.5rem;
2912 padding-right: 1.5rem;
2913 }
2914 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-8{
2915 padding-left: 2rem;
2916 padding-right: 2rem;
2917 }
2918 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[18px\]{
2919 padding-left: 18px;
2920 padding-right: 18px;
2921 }
2922 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[22px\]{
2923 padding-left: 22px;
2924 padding-right: 22px;
2925 }
2926 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[4\%\]{
2927 padding-left: 4%;
2928 padding-right: 4%;
2929 }
2930 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[5px\]{
2931 padding-left: 5px;
2932 padding-right: 5px;
2933 }
2934 :is(#chat-assistant-root, #zip-ai-snippets-root) .px-\[8\%\]{
2935 padding-left: 8%;
2936 padding-right: 8%;
2937 }
2938 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-0{
2939 padding-top: 0px;
2940 padding-bottom: 0px;
2941 }
2942 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-0\.5{
2943 padding-top: 0.125rem;
2944 padding-bottom: 0.125rem;
2945 }
2946 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-1{
2947 padding-top: 0.25rem;
2948 padding-bottom: 0.25rem;
2949 }
2950 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-1\.5{
2951 padding-top: 0.375rem;
2952 padding-bottom: 0.375rem;
2953 }
2954 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-10{
2955 padding-top: 2.5rem;
2956 padding-bottom: 2.5rem;
2957 }
2958 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-12{
2959 padding-top: 3rem;
2960 padding-bottom: 3rem;
2961 }
2962 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-2{
2963 padding-top: 0.5rem;
2964 padding-bottom: 0.5rem;
2965 }
2966 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-2\.5{
2967 padding-top: 0.625rem;
2968 padding-bottom: 0.625rem;
2969 }
2970 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-20{
2971 padding-top: 5rem;
2972 padding-bottom: 5rem;
2973 }
2974 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-3{
2975 padding-top: 0.75rem;
2976 padding-bottom: 0.75rem;
2977 }
2978 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-3\.5{
2979 padding-top: 0.875rem;
2980 padding-bottom: 0.875rem;
2981 }
2982 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-4{
2983 padding-top: 1rem;
2984 padding-bottom: 1rem;
2985 }
2986 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-5{
2987 padding-top: 1.25rem;
2988 padding-bottom: 1.25rem;
2989 }
2990 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-6{
2991 padding-top: 1.5rem;
2992 padding-bottom: 1.5rem;
2993 }
2994 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-8{
2995 padding-top: 2rem;
2996 padding-bottom: 2rem;
2997 }
2998 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[0\.5px\]{
2999 padding-top: 0.5px;
3000 padding-bottom: 0.5px;
3001 }
3002 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[11px\]{
3003 padding-top: 11px;
3004 padding-bottom: 11px;
3005 }
3006 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[14px\]{
3007 padding-top: 14px;
3008 padding-bottom: 14px;
3009 }
3010 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[18px\]{
3011 padding-top: 18px;
3012 padding-bottom: 18px;
3013 }
3014 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[2px\]{
3015 padding-top: 2px;
3016 padding-bottom: 2px;
3017 }
3018 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[3\%\]{
3019 padding-top: 3%;
3020 padding-bottom: 3%;
3021 }
3022 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[3px\]{
3023 padding-top: 3px;
3024 padding-bottom: 3px;
3025 }
3026 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[5px\]{
3027 padding-top: 5px;
3028 padding-bottom: 5px;
3029 }
3030 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[7px\]{
3031 padding-top: 7px;
3032 padding-bottom: 7px;
3033 }
3034 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-\[9px\]{
3035 padding-top: 9px;
3036 padding-bottom: 9px;
3037 }
3038 :is(#chat-assistant-root, #zip-ai-snippets-root) .py-px{
3039 padding-top: 1px;
3040 padding-bottom: 1px;
3041 }
3042 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-0{
3043 padding-bottom: 0px;
3044 }
3045 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-1{
3046 padding-bottom: 0.25rem;
3047 }
3048 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-1\.5{
3049 padding-bottom: 0.375rem;
3050 }
3051 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-10{
3052 padding-bottom: 2.5rem;
3053 }
3054 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-2{
3055 padding-bottom: 0.5rem;
3056 }
3057 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-2\.5{
3058 padding-bottom: 0.625rem;
3059 }
3060 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-3{
3061 padding-bottom: 0.75rem;
3062 }
3063 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-3\.5{
3064 padding-bottom: 0.875rem;
3065 }
3066 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-4{
3067 padding-bottom: 1rem;
3068 }
3069 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-5{
3070 padding-bottom: 1.25rem;
3071 }
3072 :is(#chat-assistant-root, #zip-ai-snippets-root) .pb-6{
3073 padding-bottom: 1.5rem;
3074 }
3075 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-0{
3076 padding-left: 0px;
3077 }
3078 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-1{
3079 padding-left: 0.25rem;
3080 }
3081 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-1\.5{
3082 padding-left: 0.375rem;
3083 }
3084 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-2{
3085 padding-left: 0.5rem;
3086 }
3087 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-2\.5{
3088 padding-left: 0.625rem;
3089 }
3090 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-3{
3091 padding-left: 0.75rem;
3092 }
3093 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-4{
3094 padding-left: 1rem;
3095 }
3096 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-5{
3097 padding-left: 1.25rem;
3098 }
3099 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-7{
3100 padding-left: 1.75rem;
3101 }
3102 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-8{
3103 padding-left: 2rem;
3104 }
3105 :is(#chat-assistant-root, #zip-ai-snippets-root) .pl-\[26px\]{
3106 padding-left: 26px;
3107 }
3108 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-1{
3109 padding-right: 0.25rem;
3110 }
3111 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-1\.5{
3112 padding-right: 0.375rem;
3113 }
3114 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-11{
3115 padding-right: 2.75rem;
3116 }
3117 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-2{
3118 padding-right: 0.5rem;
3119 }
3120 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-2\.5{
3121 padding-right: 0.625rem;
3122 }
3123 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-20{
3124 padding-right: 5rem;
3125 }
3126 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-5{
3127 padding-right: 1.25rem;
3128 }
3129 :is(#chat-assistant-root, #zip-ai-snippets-root) .pr-6{
3130 padding-right: 1.5rem;
3131 }
3132 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-0{
3133 padding-top: 0px;
3134 }
3135 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-0\.5{
3136 padding-top: 0.125rem;
3137 }
3138 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-1{
3139 padding-top: 0.25rem;
3140 }
3141 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-1\.5{
3142 padding-top: 0.375rem;
3143 }
3144 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-2{
3145 padding-top: 0.5rem;
3146 }
3147 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-2\.5{
3148 padding-top: 0.625rem;
3149 }
3150 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-3{
3151 padding-top: 0.75rem;
3152 }
3153 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-3\.5{
3154 padding-top: 0.875rem;
3155 }
3156 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-4{
3157 padding-top: 1rem;
3158 }
3159 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-5{
3160 padding-top: 1.25rem;
3161 }
3162 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-6{
3163 padding-top: 1.5rem;
3164 }
3165 :is(#chat-assistant-root, #zip-ai-snippets-root) .pt-px{
3166 padding-top: 1px;
3167 }
3168 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-left{
3169 text-align: left;
3170 }
3171 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-center{
3172 text-align: center;
3173 }
3174 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-right{
3175 text-align: right;
3176 }
3177 :is(#chat-assistant-root, #zip-ai-snippets-root) .align-top{
3178 vertical-align: top;
3179 }
3180 :is(#chat-assistant-root, #zip-ai-snippets-root) .align-middle{
3181 vertical-align: middle;
3182 }
3183 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-\[inherit\]{
3184 font-family: inherit;
3185 }
3186 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-mono{
3187 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
3188 }
3189 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-sans{
3190 font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
3191 }
3192 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-2xs{
3193 font-size: 10px;
3194 line-height: 14px;
3195 }
3196 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-3xl{
3197 font-size: 30px;
3198 line-height: 36px;
3199 }
3200 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[0\.9em\]{
3201 font-size: 0.9em;
3202 }
3203 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[10\.5px\]{
3204 font-size: 10.5px;
3205 }
3206 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[10px\]{
3207 font-size: 10px;
3208 }
3209 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[11\.5px\]{
3210 font-size: 11.5px;
3211 }
3212 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[11px\]{
3213 font-size: 11px;
3214 }
3215 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[12\.5px\]{
3216 font-size: 12.5px;
3217 }
3218 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[12px\]{
3219 font-size: 12px;
3220 }
3221 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[13\.5px\]{
3222 font-size: 13.5px;
3223 }
3224 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[13px\]{
3225 font-size: 13px;
3226 }
3227 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[14\.5px\]{
3228 font-size: 14.5px;
3229 }
3230 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[14px\]{
3231 font-size: 14px;
3232 }
3233 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[15\.5px\]{
3234 font-size: 15.5px;
3235 }
3236 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[15px\]{
3237 font-size: 15px;
3238 }
3239 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[16px\]{
3240 font-size: 16px;
3241 }
3242 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[17px\]{
3243 font-size: 17px;
3244 }
3245 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[18px\]{
3246 font-size: 18px;
3247 }
3248 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[20px\]{
3249 font-size: 20px;
3250 }
3251 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[22px\]{
3252 font-size: 22px;
3253 }
3254 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[28px\]{
3255 font-size: 28px;
3256 }
3257 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[8\.5px\]{
3258 font-size: 8.5px;
3259 }
3260 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[9\.5px\]{
3261 font-size: 9.5px;
3262 }
3263 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[9px\]{
3264 font-size: 9px;
3265 }
3266 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-base{
3267 font-size: 16px;
3268 line-height: 24px;
3269 }
3270 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-lg{
3271 font-size: 18px;
3272 line-height: 28px;
3273 }
3274 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-md{
3275 font-size: 15px;
3276 line-height: 22px;
3277 }
3278 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-sm{
3279 font-size: 14px;
3280 line-height: 20px;
3281 }
3282 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-xs{
3283 font-size: 12px;
3284 line-height: 16px;
3285 }
3286 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-\[450\]{
3287 font-weight: 450;
3288 }
3289 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-bold{
3290 font-weight: 700;
3291 }
3292 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-medium{
3293 font-weight: 500;
3294 }
3295 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-normal{
3296 font-weight: 400;
3297 }
3298 :is(#chat-assistant-root, #zip-ai-snippets-root) .font-semibold{
3299 font-weight: 600;
3300 }
3301 :is(#chat-assistant-root, #zip-ai-snippets-root) .uppercase{
3302 text-transform: uppercase;
3303 }
3304 :is(#chat-assistant-root, #zip-ai-snippets-root) .capitalize{
3305 text-transform: capitalize;
3306 }
3307 :is(#chat-assistant-root, #zip-ai-snippets-root) .normal-case{
3308 text-transform: none;
3309 }
3310 :is(#chat-assistant-root, #zip-ai-snippets-root) .italic{
3311 font-style: italic;
3312 }
3313 :is(#chat-assistant-root, #zip-ai-snippets-root) .tabular-nums{
3314 --tw-numeric-spacing: tabular-nums;
3315 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
3316 }
3317 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-4{
3318 line-height: 1rem;
3319 }
3320 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-6{
3321 line-height: 1.5rem;
3322 }
3323 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.25\]{
3324 line-height: 1.25;
3325 }
3326 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.2\]{
3327 line-height: 1.2;
3328 }
3329 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.35\]{
3330 line-height: 1.35;
3331 }
3332 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.3\]{
3333 line-height: 1.3;
3334 }
3335 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.45\]{
3336 line-height: 1.45;
3337 }
3338 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.4\]{
3339 line-height: 1.4;
3340 }
3341 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.55\]{
3342 line-height: 1.55;
3343 }
3344 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.5\]{
3345 line-height: 1.5;
3346 }
3347 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.65\]{
3348 line-height: 1.65;
3349 }
3350 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.6\]{
3351 line-height: 1.6;
3352 }
3353 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.75\]{
3354 line-height: 1.75;
3355 }
3356 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.78\]{
3357 line-height: 1.78;
3358 }
3359 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[1\.7\]{
3360 line-height: 1.7;
3361 }
3362 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[14px\]{
3363 line-height: 14px;
3364 }
3365 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-\[18px\]{
3366 line-height: 18px;
3367 }
3368 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-none{
3369 line-height: 1;
3370 }
3371 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-normal{
3372 line-height: 1.5;
3373 }
3374 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-relaxed{
3375 line-height: 1.625;
3376 }
3377 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-snug{
3378 line-height: 1.375;
3379 }
3380 :is(#chat-assistant-root, #zip-ai-snippets-root) .leading-tight{
3381 line-height: 1.25;
3382 }
3383 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.003em\]{
3384 letter-spacing: -0.003em;
3385 }
3386 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.005em\]{
3387 letter-spacing: -0.005em;
3388 }
3389 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.015em\]{
3390 letter-spacing: -0.015em;
3391 }
3392 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.01em\]{
3393 letter-spacing: -0.01em;
3394 }
3395 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[-0\.02em\]{
3396 letter-spacing: -0.02em;
3397 }
3398 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.02em\]{
3399 letter-spacing: 0.02em;
3400 }
3401 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.04em\]{
3402 letter-spacing: 0.04em;
3403 }
3404 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.06em\]{
3405 letter-spacing: 0.06em;
3406 }
3407 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.08em\]{
3408 letter-spacing: 0.08em;
3409 }
3410 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.09em\]{
3411 letter-spacing: 0.09em;
3412 }
3413 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.12em\]{
3414 letter-spacing: 0.12em;
3415 }
3416 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.14em\]{
3417 letter-spacing: 0.14em;
3418 }
3419 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.16em\]{
3420 letter-spacing: 0.16em;
3421 }
3422 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.1em\]{
3423 letter-spacing: 0.1em;
3424 }
3425 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-\[0\.5px\]{
3426 letter-spacing: 0.5px;
3427 }
3428 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-normal{
3429 letter-spacing: 0em;
3430 }
3431 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-tight{
3432 letter-spacing: -0.025em;
3433 }
3434 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-wide{
3435 letter-spacing: 0.025em;
3436 }
3437 :is(#chat-assistant-root, #zip-ai-snippets-root) .tracking-wider{
3438 letter-spacing: 0.05em;
3439 }
3440 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#7A7880\]{
3441 --tw-text-opacity: 1;
3442 color: rgb(122 120 128 / var(--tw-text-opacity, 1));
3443 }
3444 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#9A98A3\]{
3445 --tw-text-opacity: 1;
3446 color: rgb(154 152 163 / var(--tw-text-opacity, 1));
3447 }
3448 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#A8E07D\]{
3449 --tw-text-opacity: 1;
3450 color: rgb(168 224 125 / var(--tw-text-opacity, 1));
3451 }
3452 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#E5E3EA\]{
3453 --tw-text-opacity: 1;
3454 color: rgb(229 227 234 / var(--tw-text-opacity, 1));
3455 }
3456 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[\#F5C475\]{
3457 --tw-text-opacity: 1;
3458 color: rgb(245 196 117 / var(--tw-text-opacity, 1));
3459 }
3460 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(160_84\%_27\%\)\]{
3461 --tw-text-opacity: 1;
3462 color: hsl(160 84% 27% / var(--tw-text-opacity, 1));
3463 }
3464 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(210_20\%_98\%\)\]{
3465 --tw-text-opacity: 1;
3466 color: hsl(210 20% 98% / var(--tw-text-opacity, 1));
3467 }
3468 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(217_91\%_42\%\)\]{
3469 --tw-text-opacity: 1;
3470 color: hsl(217 91% 42% / var(--tw-text-opacity, 1));
3471 }
3472 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-\[hsl\(var\(--foreground\)_\/_0\.86\)\]{
3473 color: hsl(var(--foreground) / 0.86);
3474 }
3475 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-foreground{
3476 color: hsl(var(--accent-foreground));
3477 }
3478 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-foreground\/70{
3479 color: hsl(var(--accent-foreground) / 0.7);
3480 }
3481 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-accent-ink{
3482 color: hsl(var(--accent-foreground));
3483 }
3484 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error{
3485 color: hsl(var(--alert-error));
3486 }
3487 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error-text{
3488 color: hsl(var(--alert-error-text));
3489 }
3490 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-alert-error-text\/80{
3491 color: hsl(var(--alert-error-text) / 0.8);
3492 }
3493 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-amber-200{
3494 --tw-text-opacity: 1;
3495 color: rgb(253 230 138 / var(--tw-text-opacity, 1));
3496 }
3497 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-amber-900{
3498 --tw-text-opacity: 1;
3499 color: rgb(120 53 15 / var(--tw-text-opacity, 1));
3500 }
3501 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text{
3502 color: hsl(var(--app-text));
3503 }
3504 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text-2{
3505 color: hsl(var(--app-heading));
3506 }
3507 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text-2\/70{
3508 color: hsl(var(--app-heading) / 0.7);
3509 }
3510 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text\/70{
3511 color: hsl(var(--app-text) / 0.7);
3512 }
3513 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-body-text\/80{
3514 color: hsl(var(--app-text) / 0.8);
3515 }
3516 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-heading{
3517 color: hsl(var(--app-heading));
3518 }
3519 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-placeholder{
3520 color: hsl(var(--app-inactive-icon));
3521 }
3522 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-text{
3523 color: hsl(var(--app-text));
3524 }
3525 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-app-text\/60{
3526 color: hsl(var(--app-text) / 0.6);
3527 }
3528 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background{
3529 color: hsl(var(--background));
3530 }
3531 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background\/60{
3532 color: hsl(var(--background) / 0.6);
3533 }
3534 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-background\/80{
3535 color: hsl(var(--background) / 0.8);
3536 }
3537 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-black{
3538 --tw-text-opacity: 1;
3539 color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3540 }
3541 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-black\/40{
3542 color: rgb(0 0 0 / 0.4);
3543 }
3544 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-brand{
3545 color: hsl(var(--primary));
3546 }
3547 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-brand-dark{
3548 color: hsl(var(--primary));
3549 }
3550 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-danger{
3551 color: hsl(var(--destructive));
3552 }
3553 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-destructive{
3554 color: hsl(var(--destructive));
3555 }
3556 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-emerald-200{
3557 --tw-text-opacity: 1;
3558 color: rgb(167 243 208 / var(--tw-text-opacity, 1));
3559 }
3560 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-error-text{
3561 color: hsl(var(--destructive));
3562 }
3563 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground{
3564 color: hsl(var(--foreground));
3565 }
3566 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/55{
3567 color: hsl(var(--foreground) / 0.55);
3568 }
3569 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/70{
3570 color: hsl(var(--foreground) / 0.7);
3571 }
3572 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/80{
3573 color: hsl(var(--foreground) / 0.8);
3574 }
3575 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/85{
3576 color: hsl(var(--foreground) / 0.85);
3577 }
3578 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/90{
3579 color: hsl(var(--foreground) / 0.9);
3580 }
3581 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-foreground\/95{
3582 color: hsl(var(--foreground) / 0.95);
3583 }
3584 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-inherit{
3585 color: inherit;
3586 }
3587 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-line-3{
3588 color: hsl(var(--line-3));
3589 }
3590 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground{
3591 color: hsl(var(--muted-foreground));
3592 }
3593 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/40{
3594 color: hsl(var(--muted-foreground) / 0.4);
3595 }
3596 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/50{
3597 color: hsl(var(--muted-foreground) / 0.5);
3598 }
3599 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/60{
3600 color: hsl(var(--muted-foreground) / 0.6);
3601 }
3602 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/70{
3603 color: hsl(var(--muted-foreground) / 0.7);
3604 }
3605 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/75{
3606 color: hsl(var(--muted-foreground) / 0.75);
3607 }
3608 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-muted-foreground\/80{
3609 color: hsl(var(--muted-foreground) / 0.8);
3610 }
3611 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-neutral-900{
3612 --tw-text-opacity: 1;
3613 color: rgb(23 23 23 / var(--tw-text-opacity, 1));
3614 }
3615 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-ok{
3616 color: hsl(var(--ok));
3617 }
3618 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-popover-foreground{
3619 color: hsl(var(--popover-foreground));
3620 }
3621 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary{
3622 color: hsl(var(--primary));
3623 }
3624 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground{
3625 color: hsl(var(--primary-foreground));
3626 }
3627 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/40{
3628 color: hsl(var(--primary-foreground) / 0.4);
3629 }
3630 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/60{
3631 color: hsl(var(--primary-foreground) / 0.6);
3632 }
3633 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary-foreground\/70{
3634 color: hsl(var(--primary-foreground) / 0.7);
3635 }
3636 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-primary\/70{
3637 color: hsl(var(--primary) / 0.7);
3638 }
3639 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-stop{
3640 color: hsl(var(--destructive));
3641 }
3642 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-success{
3643 color: hsl(var(--ok));
3644 }
3645 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warn{
3646 color: hsl(var(--warn));
3647 }
3648 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warn-soft{
3649 color: hsl(var(--warn-soft));
3650 }
3651 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-border{
3652 color: hsl(var(--warn));
3653 }
3654 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-text{
3655 color: hsl(var(--warn));
3656 }
3657 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-warning-text\/80{
3658 color: hsl(var(--warn) / 0.8);
3659 }
3660 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white{
3661 --tw-text-opacity: 1;
3662 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3663 }
3664 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/40{
3665 color: rgb(255 255 255 / 0.4);
3666 }
3667 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/50{
3668 color: rgb(255 255 255 / 0.5);
3669 }
3670 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/55{
3671 color: rgb(255 255 255 / 0.55);
3672 }
3673 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/60{
3674 color: rgb(255 255 255 / 0.6);
3675 }
3676 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/70{
3677 color: rgb(255 255 255 / 0.7);
3678 }
3679 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/75{
3680 color: rgb(255 255 255 / 0.75);
3681 }
3682 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/80{
3683 color: rgb(255 255 255 / 0.8);
3684 }
3685 :is(#chat-assistant-root, #zip-ai-snippets-root) .text-white\/90{
3686 color: rgb(255 255 255 / 0.9);
3687 }
3688 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline{
3689 text-decoration-line: underline;
3690 }
3691 :is(#chat-assistant-root, #zip-ai-snippets-root) .line-through{
3692 text-decoration-line: line-through;
3693 }
3694 :is(#chat-assistant-root, #zip-ai-snippets-root) .no-underline{
3695 text-decoration-line: none;
3696 }
3697 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-line-3{
3698 text-decoration-color: hsl(var(--line-3));
3699 }
3700 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-primary\/40{
3701 text-decoration-color: hsl(var(--primary) / 0.4);
3702 }
3703 :is(#chat-assistant-root, #zip-ai-snippets-root) .decoration-1{
3704 text-decoration-thickness: 1px;
3705 }
3706 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline-offset-2{
3707 text-underline-offset: 2px;
3708 }
3709 :is(#chat-assistant-root, #zip-ai-snippets-root) .underline-offset-4{
3710 text-underline-offset: 4px;
3711 }
3712 :is(#chat-assistant-root, #zip-ai-snippets-root) .accent-primary{
3713 accent-color: hsl(var(--primary));
3714 }
3715 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-0{
3716 opacity: 0;
3717 }
3718 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-100{
3719 opacity: 1;
3720 }
3721 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-40{
3722 opacity: 0.4;
3723 }
3724 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-50{
3725 opacity: 0.5;
3726 }
3727 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-55{
3728 opacity: 0.55;
3729 }
3730 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-60{
3731 opacity: 0.6;
3732 }
3733 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-70{
3734 opacity: 0.7;
3735 }
3736 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-75{
3737 opacity: 0.75;
3738 }
3739 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-80{
3740 opacity: 0.8;
3741 }
3742 :is(#chat-assistant-root, #zip-ai-snippets-root) .opacity-90{
3743 opacity: 0.9;
3744 }
3745 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow{
3746 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3747 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{
3751 --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
3752 --tw-shadow-colored: 0 25px 50px -12px 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_0_0_3px_hsl\(var\(--warn\)\/0\.18\)\]{
3756 --tw-shadow: 0 0 0 3px hsl(var(--warn)/0.18);
3757 --tw-shadow-colored: 0 0 0 3px 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_18px_50px_-12px_rgba\(15\2c 18\2c 35\2c 0\.35\)\]{
3761 --tw-shadow: 0 18px 50px -12px rgba(15,18,35,0.35);
3762 --tw-shadow-colored: 0 18px 50px -12px 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_2px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
3766 --tw-shadow: 0 1px 2px rgba(0,0,0,0.18);
3767 --tw-shadow-colored: 0 1px 2px 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_1px_3px_rgba\(17\2c 24\2c 39\2c 0\.12\)\]{
3771 --tw-shadow: 0 1px 3px rgba(17,24,39,0.12);
3772 --tw-shadow-colored: 0 1px 3px 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-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.10\)\]{
3776 --tw-shadow: 0 2px 8px rgba(0,0,0,0.10);
3777 --tw-shadow-colored: 0 2px 8px 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_hsl\(var\(--border\)\)\]{
3781 --tw-shadow: inset 0 0 0 1px hsl(var(--border));
3782 --tw-shadow-colored: inset 0 0 0 1px 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\(0\2c 0\2c 0\2c 0\.08\)\2c 0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
3786 --tw-shadow: inset 0 0 0 1px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.08);
3787 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 1px 3px 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_0_0_1px_rgba\(17\2c 24\2c 39\2c 0\.08\)\]{
3791 --tw-shadow: inset 0 0 0 1px rgba(17,24,39,0.08);
3792 --tw-shadow-colored: inset 0 0 0 1px 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_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.12\)\]{
3796 --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
3797 --tw-shadow-colored: inset 0 1px 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-\[inset_2px_0_0_hsl\(var\(--ring\)\)\]{
3801 --tw-shadow: inset 2px 0 0 hsl(var(--ring));
3802 --tw-shadow-colored: inset 2px 0 0 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-card{
3806 --tw-shadow: 0 1px 2px hsl(0 0% 0% / 0.04);
3807 --tw-shadow-colored: 0 1px 2px 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-inner{
3811 --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
3812 --tw-shadow-colored: inset 0 2px 4px 0 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-lg{
3816 --tw-shadow: 0 4px 16px -4px hsl(var(--foreground) / 0.10), 0 2px 6px -2px hsl(var(--foreground) / 0.04);
3817 --tw-shadow-colored: 0 4px 16px -4px var(--tw-shadow-color), 0 2px 6px -2px 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-md{
3821 --tw-shadow: 0 2px 8px -2px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.04);
3822 --tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
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-none{
3826 --tw-shadow: 0 0 #0000;
3827 --tw-shadow-colored: 0 0 #0000;
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-popover{
3831 --tw-shadow: 0 16px 36px -12px rgb(0 0 0 / 0.18), 0 2px 6px -2px rgb(0 0 0 / 0.06);
3832 --tw-shadow-colored: 0 16px 36px -12px var(--tw-shadow-color), 0 2px 6px -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-sm{
3836 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
3837 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px 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-xl{
3841 --tw-shadow: 0 8px 30px -6px hsl(var(--foreground) / 0.12), 0 4px 10px -4px hsl(var(--foreground) / 0.04);
3842 --tw-shadow-colored: 0 8px 30px -6px var(--tw-shadow-color), 0 4px 10px -4px 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-xs{
3846 --tw-shadow: 0 1px 2px hsl(var(--foreground) / 0.03);
3847 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
3848 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3849 }
3850 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-card{
3851 --tw-shadow-color: hsl(var(--card));
3852 --tw-shadow: var(--tw-shadow-colored);
3853 }
3854 :is(#chat-assistant-root, #zip-ai-snippets-root) .shadow-popover{
3855 --tw-shadow-color: hsl(var(--popover));
3856 --tw-shadow: var(--tw-shadow-colored);
3857 }
3858 :is(#chat-assistant-root, #zip-ai-snippets-root) .outline-none{
3859 outline: 2px solid transparent;
3860 outline-offset: 2px;
3861 }
3862 :is(#chat-assistant-root, #zip-ai-snippets-root) .outline{
3863 outline-style: solid;
3864 }
3865 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring{
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(3px + 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-0{
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(0px + 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-1{
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(1px + 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-2{
3881 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3882 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3883 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3884 }
3885 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-inset{
3886 --tw-ring-inset: inset;
3887 }
3888 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-amber-300\/40{
3889 --tw-ring-color: rgb(252 211 77 / 0.4);
3890 }
3891 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-background{
3892 --tw-ring-color: hsl(var(--background));
3893 }
3894 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-black\/10{
3895 --tw-ring-color: rgb(0 0 0 / 0.1);
3896 }
3897 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-black\/5{
3898 --tw-ring-color: rgb(0 0 0 / 0.05);
3899 }
3900 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-border{
3901 --tw-ring-color: hsl(var(--border));
3902 }
3903 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-border-main{
3904 --tw-ring-color: hsl(var(--border));
3905 }
3906 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-brand\/15{
3907 --tw-ring-color: hsl(var(--primary) / 0.15);
3908 }
3909 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-brand\/40{
3910 --tw-ring-color: hsl(var(--primary) / 0.4);
3911 }
3912 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-card{
3913 --tw-ring-color: hsl(var(--card));
3914 }
3915 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-danger\/25{
3916 --tw-ring-color: hsl(var(--destructive) / 0.25);
3917 }
3918 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-emerald-300\/40{
3919 --tw-ring-color: rgb(110 231 183 / 0.4);
3920 }
3921 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-foreground\/10{
3922 --tw-ring-color: hsl(var(--foreground) / 0.1);
3923 }
3924 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-foreground\/25{
3925 --tw-ring-color: hsl(var(--foreground) / 0.25);
3926 }
3927 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary{
3928 --tw-ring-color: hsl(var(--primary));
3929 }
3930 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary\/25{
3931 --tw-ring-color: hsl(var(--primary) / 0.25);
3932 }
3933 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-primary\/30{
3934 --tw-ring-color: hsl(var(--primary) / 0.3);
3935 }
3936 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white{
3937 --tw-ring-opacity: 1;
3938 --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
3939 }
3940 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/15{
3941 --tw-ring-color: rgb(255 255 255 / 0.15);
3942 }
3943 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/20{
3944 --tw-ring-color: rgb(255 255 255 / 0.2);
3945 }
3946 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-white\/60{
3947 --tw-ring-color: rgb(255 255 255 / 0.6);
3948 }
3949 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-offset-1{
3950 --tw-ring-offset-width: 1px;
3951 }
3952 :is(#chat-assistant-root, #zip-ai-snippets-root) .ring-offset-background{
3953 --tw-ring-offset-color: hsl(var(--background));
3954 }
3955 :is(#chat-assistant-root, #zip-ai-snippets-root) .blur{
3956 --tw-blur: blur(8px);
3957 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);
3958 }
3959 :is(#chat-assistant-root, #zip-ai-snippets-root) .invert{
3960 --tw-invert: invert(100%);
3961 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);
3962 }
3963 :is(#chat-assistant-root, #zip-ai-snippets-root) .saturate-50{
3964 --tw-saturate: saturate(.5);
3965 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);
3966 }
3967 :is(#chat-assistant-root, #zip-ai-snippets-root) .filter{
3968 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);
3969 }
3970 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur{
3971 --tw-backdrop-blur: blur(8px);
3972 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);
3973 }
3974 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur-\[2px\]{
3975 --tw-backdrop-blur: blur(2px);
3976 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);
3977 }
3978 :is(#chat-assistant-root, #zip-ai-snippets-root) .backdrop-blur-sm{
3979 --tw-backdrop-blur: blur(4px);
3980 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);
3981 }
3982 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition{
3983 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
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\2c box-shadow\]{
3988 transition-property: background,border,box-shadow;
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-\[background\2c border\]{
3993 transition-property: background,border;
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\2c box-shadow\]{
3998 transition-property: border-color,box-shadow;
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-\[border-color\]{
4003 transition-property: border-color;
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-\[clip-path\]{
4008 transition-property: clip-path;
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\2c border-color\]{
4013 transition-property: color,background,border-color;
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-\[color\2c background\]{
4018 transition-property: color,background;
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-\[left\]{
4023 transition-property: left;
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 filter\]{
4028 transition-property: opacity,filter;
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-\[opacity\2c transform\]{
4033 transition-property: opacity,transform;
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-\[width\]{
4038 transition-property: width;
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-all{
4043 transition-property: all;
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-colors{
4048 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4049 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4050 transition-duration: 150ms;
4051 }
4052 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-none{
4053 transition-property: none;
4054 }
4055 :is(#chat-assistant-root, #zip-ai-snippets-root) .transition-opacity{
4056 transition-property: opacity;
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-shadow{
4061 transition-property: box-shadow;
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) .transition-transform{
4066 transition-property: transform;
4067 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4068 transition-duration: 150ms;
4069 }
4070 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-100{
4071 transition-duration: 100ms;
4072 }
4073 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-150{
4074 transition-duration: 150ms;
4075 }
4076 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-200{
4077 transition-duration: 200ms;
4078 }
4079 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-300{
4080 transition-duration: 300ms;
4081 }
4082 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-500{
4083 transition-duration: 500ms;
4084 }
4085 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-700{
4086 transition-duration: 700ms;
4087 }
4088 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-in-out{
4089 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4090 }
4091 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-out{
4092 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4093 }
4094 :is(#chat-assistant-root, #zip-ai-snippets-root) .will-change-\[opacity\2c transform\]{
4095 will-change: opacity,transform;
4096 }
4097 :is(#chat-assistant-root, #zip-ai-snippets-root) .will-change-transform{
4098 will-change: transform;
4099 }
4100 @keyframes enter{
4101
4102 from{
4103 opacity: var(--tw-enter-opacity, 1);
4104 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));
4105 }
4106 }
4107 @keyframes exit{
4108
4109 to{
4110 opacity: var(--tw-exit-opacity, 1);
4111 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));
4112 }
4113 }
4114 :is(#chat-assistant-root, #zip-ai-snippets-root) .animate-in{
4115 animation-name: enter;
4116 animation-duration: 150ms;
4117 --tw-enter-opacity: initial;
4118 --tw-enter-scale: initial;
4119 --tw-enter-rotate: initial;
4120 --tw-enter-translate-x: initial;
4121 --tw-enter-translate-y: initial;
4122 }
4123 :is(#chat-assistant-root, #zip-ai-snippets-root) .fade-in{
4124 --tw-enter-opacity: 0;
4125 }
4126 :is(#chat-assistant-root, #zip-ai-snippets-root) .fade-in-0{
4127 --tw-enter-opacity: 0;
4128 }
4129 :is(#chat-assistant-root, #zip-ai-snippets-root) .zoom-in-95{
4130 --tw-enter-scale: .95;
4131 }
4132 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-100{
4133 animation-duration: 100ms;
4134 }
4135 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-150{
4136 animation-duration: 150ms;
4137 }
4138 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-200{
4139 animation-duration: 200ms;
4140 }
4141 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-300{
4142 animation-duration: 300ms;
4143 }
4144 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-500{
4145 animation-duration: 500ms;
4146 }
4147 :is(#chat-assistant-root, #zip-ai-snippets-root) .duration-700{
4148 animation-duration: 700ms;
4149 }
4150 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-in-out{
4151 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4152 }
4153 :is(#chat-assistant-root, #zip-ai-snippets-root) .ease-out{
4154 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4155 }
4156 :is(#chat-assistant-root, #zip-ai-snippets-root) .running{
4157 animation-play-state: running;
4158 }
4159 :is(#chat-assistant-root, #zip-ai-snippets-root) .paused{
4160 animation-play-state: paused;
4161 }
4162 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[border\:none\]{
4163 border: none;
4164 }
4165 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[box-shadow\:none\]{
4166 box-shadow: none;
4167 }
4168 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[outline\:none\]{
4169 outline: none;
4170 }
4171 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-gutter\:stable\]{
4172 scrollbar-gutter: stable;
4173 }
4174 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-width\:none\]{
4175 scrollbar-width: none;
4176 }
4177 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[scrollbar-width\:thin\]{
4178 scrollbar-width: thin;
4179 }
4180
4181 /* ── Spectra-style purple theme (shadcn HSL tokens) + legacy aliases ── */
4182
4183 #chat-assistant-root [data-message-list] {
4184 scrollbar-width: thin;
4185 scrollbar-color: hsl(var(--muted-foreground) / 0.35) transparent;
4186 overflow-anchor: auto;
4187 }
4188
4189 /* Native browser scroll anchoring — pin only the chosen anchor element. */
4190 #chat-assistant-root [data-message-list] [data-msg-role] {
4191 overflow-anchor: none;
4192 }
4193 #chat-assistant-root [data-message-list] [data-msg-role][data-anchor="true"],
4194 #chat-assistant-root [data-message-list] [data-approval-card][data-anchor="true"] {
4195 overflow-anchor: auto;
4196 scroll-margin-top: 16px;
4197 }
4198
4199 /* ── Keyframe animations (minimal) ── */
4200 @keyframes spin {
4201 to {
4202 transform: rotate(360deg);
4203 }
4204 }
4205
4206 @keyframes fadeIn {
4207 from {
4208 opacity: 0;
4209 }
4210 to {
4211 opacity: 1;
4212 }
4213 }
4214
4215 @keyframes dotPulse {
4216 0%, 80%, 100% {
4217 opacity: 0.25;
4218 transform: scale(0.7);
4219 }
4220 40% {
4221 opacity: 1;
4222 transform: scale(1.1);
4223 }
4224 }
4225
4226 /* Keyframes consumed by `shared/ShimmerLoader.jsx` via Tailwind's
4227 `animate-[name_…]` arbitrary value. The component owns all layout/color
4228 via utility classes — only the keyframes live here. */
4229 @keyframes zipAiShimmer {
4230 0% { transform: translateX(-120%); }
4231 100% { transform: translateX(120%); }
4232 }
4233 @keyframes eraCaretBlink {
4234 to { opacity: 0; }
4235 }
4236
4237 /* ── Spinner classes ── */
4238 .spinner {
4239 width: 24px;
4240 height: 24px;
4241 border: 3px solid hsl(var(--line-2));
4242 border-top-color: hsl(var(--foreground));
4243 border-radius: 50%;
4244 animation: spin 0.8s linear infinite;
4245 }
4246
4247 .spinner-small {
4248 width: 16px;
4249 height: 16px;
4250 border: 2px solid hsl(var(--line-2));
4251 border-top-color: hsl(var(--foreground));
4252 border-radius: 50%;
4253 animation: spin 0.8s linear infinite;
4254 }
4255
4256 .spinner-tiny {
4257 width: 12px;
4258 height: 12px;
4259 border: 2px solid hsl(var(--line-2));
4260 border-top-color: hsl(var(--foreground));
4261 border-radius: 50%;
4262 animation: spin 0.8s linear infinite;
4263 }
4264
4265 /* WP core's common.css styles `.spinner` too (hidden, floated, margin, gif). */
4266 :is(#chat-assistant-root, #zip-ai-snippets-root) .spinner {
4267 visibility: visible;
4268 float: none;
4269 margin: 0;
4270 background: none;
4271 opacity: 1;
4272 }
4273
4274 /* ── Scoped base styles (inside #chat-assistant-root only) ── */
4275 .sr-only {
4276 position: absolute;
4277 width: 1px;
4278 height: 1px;
4279 padding: 0;
4280 margin: -1px;
4281 overflow: hidden;
4282 clip: rect(0, 0, 0, 0);
4283 white-space: nowrap;
4284 border: 0;
4285 }
4286
4287 /* ── Root container reset ──
4288 Applies preflight + WP-admin isolation to BOTH SPA roots so that the
4289 chat iframe and the Snippets admin page get the same baseline. */
4290 :is(#chat-assistant-root, #zip-ai-snippets-root) {
4291 /* Isolate from WP admin styles without using `all: initial`
4292 which breaks Tailwind utility specificity on child elements */
4293 background-color: hsl(var(--background));
4294 font-family:
4295 Figtree,
4296 -apple-system,
4297 BlinkMacSystemFont,
4298 "Segoe UI",
4299 sans-serif;
4300 font-size: 14px;
4301 line-height: 1.5;
4302 -webkit-font-smoothing: antialiased;
4303 -moz-osx-font-smoothing: grayscale;
4304 color: hsl(var(--foreground));
4305 box-sizing: border-box;
4306 /* Reset common inherited WP admin styles */
4307 text-align: left;
4308 letter-spacing: normal;
4309 word-spacing: normal;
4310 text-transform: none;
4311 text-indent: 0;
4312 text-decoration: none;
4313 direction: ltr;
4314
4315 /* Box reset for the elements wp-admin styles by type (`p`, `li`, `h1`,
4316 `input[type="text"]`, `.wp-core-ui select`). `&` is ID-weight (1,0,0)
4317 so it beats those; Tailwind utilities are ID+class and still win. The
4318 snippet editor's CodeMirror subtree keeps this weight too: its look is
4319 tuned against the reset. */
4320 & :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li, dd, blockquote, figure, hr, code, kbd, img, iframe, fieldset, input, textarea, select, button, .cm-editor, .cm-editor *) {
4321 box-sizing: border-box;
4322 margin: 0;
4323 padding: 0;
4324 border: 0 solid;
4325 }
4326
4327 & :where(h1, h2, h3, h4, h5, h6) {
4328 font-size: inherit;
4329 font-weight: inherit;
4330 line-height: inherit;
4331 }
4332
4333 & :where(a) {
4334 color: inherit;
4335 text-decoration: inherit;
4336 }
4337
4338 & :where(img, svg, video, canvas) {
4339 display: block;
4340 max-width: 100%;
4341 height: auto;
4342 }
4343
4344 & :where(button) {
4345 font-family: inherit;
4346 font-size: inherit;
4347 line-height: inherit;
4348 color: inherit;
4349 cursor: pointer;
4350 background: transparent;
4351 border: none;
4352 }
4353
4354 & :where(input, textarea, select) {
4355 font-family: inherit;
4356 font-size: inherit;
4357 line-height: inherit;
4358 color: inherit;
4359 background: transparent;
4360 }
4361
4362 & :where(ul, ol) {
4363 list-style: none;
4364 padding: 0;
4365 margin: 0;
4366 }
4367
4368 & :where(table) {
4369 border-collapse: collapse;
4370 }
4371 }
4372
4373 /* Scoped preflight box reset for every other element — replaces
4374 @import "tailwindcss/preflight" which leaks globally. Zero specificity
4375 (root inside :where) so any class rule wins: .spinner, react-colorful,
4376 CodeMirror. */
4377 :where(#chat-assistant-root, #zip-ai-snippets-root) :where(*),
4378 :where(#chat-assistant-root, #zip-ai-snippets-root) :where(::before, ::after) {
4379 box-sizing: border-box;
4380 margin: 0;
4381 padding: 0;
4382 border: 0 solid;
4383 }
4384
4385 /* Chat iframe takes full viewport. Snippets admin page lives inside
4386 `.wrap` — it must NOT be position:absolute. */
4387 #chat-assistant-root {
4388 position: absolute;
4389 inset: 0;
4390 overflow: hidden;
4391 }
4392
4393 /* ── WP-admin form isolation for #zip-ai-snippets-root ──
4394 WP core ships heavy styles for native form controls (min-height:30px,
4395 1px borders, default box-shadow, padding, hardcoded backgrounds). Those
4396 selectors use `input[type="text"]` (specificity 0,1,1) which beats the
4397 zero-specificity `:where()` preflight above. We can't rely on Tailwind
4398 utility !important alone because some of those props (min-height, native
4399 appearance, box-shadow defaults) aren't always set by our utility class
4400 strings. Reset them here with admin-scoped selectors that match WP's
4401 specificity. */
4402 #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) {
4403 min-height: 0;
4404 box-shadow: none;
4405 border-radius: 0;
4406 -webkit-appearance: auto;
4407 -moz-appearance: auto;
4408 appearance: auto;
4409 }
4410 #zip-ai-snippets-root :where(input[type="checkbox"], input[type="radio"]) {
4411 -webkit-appearance: auto;
4412 -moz-appearance: auto;
4413 appearance: auto;
4414 min-height: 0;
4415 min-width: 0;
4416 }
4417 #zip-ai-snippets-root :where(button) {
4418 -webkit-appearance: none;
4419 -moz-appearance: none;
4420 appearance: none;
4421 background-image: none;
4422 text-shadow: none;
4423 box-shadow: none;
4424 border-radius: 0;
4425 }
4426 #zip-ai-snippets-root :where(table) {
4427 border-spacing: 0;
4428 }
4429 #zip-ai-snippets-root :where(a) {
4430 box-shadow: none;
4431 }
4432 #zip-ai-snippets-root :where(a):focus,
4433 #zip-ai-snippets-root :where(button):focus,
4434 #zip-ai-snippets-root :where(input):focus,
4435 #zip-ai-snippets-root :where(textarea):focus,
4436 #zip-ai-snippets-root :where(select):focus {
4437 box-shadow: none;
4438 outline: none;
4439 }
4440
4441 /* ── Frontend theme isolation ──
4442 On the frontend, theme stylesheets often target plain element selectors
4443 (e.g. `body p { font-family: ... }`, `body { font-size: 18px }`) which beat
4444 the zero-specificity `:where()` preflight and the inherited root rules.
4445 Force every descendant of `#chat-assistant-root` to inherit typography from
4446 the root so theme rules can't leak in. Tailwind utilities (`.font-mono`,
4447 `.text-sm`, etc.) keep higher specificity (class beats `*`), so they still
4448 override these baselines where needed. */
4449 :is(#chat-assistant-root, #zip-ai-snippets-root) * {
4450 font-family: inherit;
4451 font-size: inherit;
4452 line-height: inherit;
4453 letter-spacing: inherit;
4454 }
4455
4456 /* ── Tooltip system (data-attribute based, needs global CSS) ── */
4457 [data-tooltip] {
4458 position: relative;
4459
4460 &::after {
4461 content: attr(data-tooltip);
4462 position: absolute;
4463 bottom: calc(100% + 8px);
4464 left: 50%;
4465 transform: translateX(-50%) scale(0.9);
4466 padding: 5px 10px;
4467 background: hsl(var(--foreground));
4468 color: hsl(var(--background));
4469 font-size: 11px;
4470 font-weight: 500;
4471 line-height: 1.3;
4472 /* Short labels stay one line (max-content); long ones wrap instead of
4473 overflowing the panel. */
4474 width: -moz-max-content;
4475 width: max-content;
4476 max-width: 220px;
4477 white-space: normal;
4478 text-align: center;
4479 border-radius: var(--radius-md);
4480 pointer-events: none;
4481 opacity: 0;
4482 transition:
4483 opacity 0.15s ease,
4484 transform 0.15s ease;
4485 z-index: 100001;
4486 }
4487
4488 &::before {
4489 content: "";
4490 position: absolute;
4491 bottom: calc(100% + 2px);
4492 left: 50%;
4493 transform: translateX(-50%) scale(0.9);
4494 border: 5px solid transparent;
4495 border-top-color: hsl(var(--foreground));
4496 pointer-events: none;
4497 opacity: 0;
4498 transition:
4499 opacity 0.15s ease,
4500 transform 0.15s ease;
4501 z-index: 100001;
4502 }
4503
4504 &:hover::after,
4505 &:hover::before {
4506 opacity: 1;
4507 transform: translateX(-50%) scale(1);
4508 }
4509 }
4510
4511 /* Left-anchored tooltip — for controls near the panel's left edge (e.g. the
4512 Editor Mode pill) where a centered tooltip would overflow + clip. Grows
4513 rightward from the element's left edge instead of centering. */
4514 [data-tooltip-align="start"] {
4515 &::after {
4516 left: 0;
4517 transform: translateX(0) scale(0.9);
4518 }
4519 &::before {
4520 left: 14px;
4521 }
4522 &:hover::after {
4523 transform: translateX(0) scale(1);
4524 }
4525 }
4526
4527 [data-tooltip-pos="below"] {
4528 &::after {
4529 bottom: auto;
4530 top: calc(100% + 8px);
4531 }
4532 &::before {
4533 bottom: auto;
4534 top: calc(100% + -2px);
4535 border-top-color: transparent;
4536 border-bottom-color: var(--color-heading);
4537 }
4538 }
4539
4540 [data-tooltip-pos="left"] {
4541 &::after {
4542 bottom: auto;
4543 top: 50%;
4544 left: auto;
4545 right: calc(100% + 10px);
4546 transform: translateY(-50%) scale(0.9);
4547 }
4548 &::before {
4549 bottom: auto;
4550 top: 50%;
4551 left: auto;
4552 right: calc(100% + 0px);
4553 transform: translateY(-50%) scale(0.9);
4554 border-top-color: transparent;
4555 border-left-color: var(--color-heading);
4556 }
4557 &:hover::after,
4558 &:hover::before {
4559 transform: translateY(-50%) scale(1);
4560 }
4561 }
4562
4563 [data-tooltip-pos="right"] {
4564 &::after {
4565 bottom: auto;
4566 top: 50%;
4567 left: calc(100% + 10px);
4568 right: auto;
4569 transform: translateY(-50%) scale(0.9);
4570 }
4571 &::before {
4572 bottom: auto;
4573 top: 50%;
4574 left: calc(100% + 0px);
4575 right: auto;
4576 transform: translateY(-50%) scale(0.9);
4577 border-top-color: transparent;
4578 border-right-color: var(--color-heading);
4579 }
4580 &:hover::after,
4581 &:hover::before {
4582 transform: translateY(-50%) scale(1);
4583 }
4584 }
4585
4586 /* ── Message markdown styles now handled by SmartMarkdown.jsx (Tailwind) ── */
4587
4588 /* ── Message fade-in ── */
4589 @keyframes msg-in {
4590 from {
4591 opacity: 0;
4592 transform: translateY(6px);
4593 }
4594 to {
4595 opacity: 1;
4596 transform: translateY(0);
4597 }
4598 }
4599 .animate-msg-in {
4600 animation: msg-in 0.25s ease-out both;
4601 }
4602
4603 /* ── Tool calls summary — SSE-driven choreography ── */
4604 @keyframes tool-row-in {
4605 from {
4606 opacity: 0;
4607 transform: translateX(-6px);
4608 filter: blur(2px);
4609 }
4610 to {
4611 opacity: 1;
4612 transform: translateX(0);
4613 filter: blur(0);
4614 }
4615 }
4616
4617 .animate-tool-row-in {
4618 animation: tool-row-in 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
4619 }
4620
4621 /* Respect reduced-motion: skip message + row entrance animations */
4622 @media (prefers-reduced-motion: reduce) {
4623 .animate-msg-in,
4624 .animate-tool-row-in {
4625 animation: none;
4626 }
4627 }
4628
4629 /* ── Import success — one orchestrated entrance (no scattered micro-anims) ── */
4630 @keyframes success-pop {
4631 from { opacity: 0; transform: scale(0.96); }
4632 to { opacity: 1; transform: scale(1); }
4633 }
4634 .animate-success-pop {
4635 animation: success-pop 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
4636 }
4637 @keyframes success-check {
4638 from { opacity: 0; transform: scale(0.5); }
4639 to { opacity: 1; transform: scale(1); }
4640 }
4641 .animate-success-check {
4642 /* slight delay so the check lands just after the card settles; smooth
4643 ease-out (no overshoot/bounce). */
4644 animation: success-check 0.4s 0.1s cubic-bezier(0.22, 1, 0.36, 1) both;
4645 transform-origin: center;
4646 }
4647 @media (prefers-reduced-motion: reduce) {
4648 .animate-success-pop,
4649 .animate-success-check {
4650 animation: none;
4651 }
4652 }
4653
4654 /* ── Website build celebration — confetti falling over the chat panel ── */
4655 @keyframes confetti-fall {
4656 0% { opacity: 0; }
4657 8%, 85% { opacity: 1; }
4658 100% { opacity: 0; transform: translate3d(var(--zip-ai-confetti-drift), 110vh, 0) rotate(var(--zip-ai-confetti-spin)); }
4659 }
4660 .zip-ai-confetti-piece {
4661 position: absolute;
4662 top: -20px;
4663 animation-name: confetti-fall;
4664 animation-timing-function: cubic-bezier(0.35, 0.15, 0.5, 1);
4665 animation-fill-mode: both;
4666 }
4667 /* tailwindcss-animate's animate-in / animate-out (overlay enter+exit on
4668 tooltip, dialog, popover, dropdown, select) run unconditionally — the plugin
4669 ships no reduced-motion guard. Disable them app-wide for motion-sensitive
4670 users. !important to beat the scoped (:is(#root)) utility specificity. */
4671 @media (prefers-reduced-motion: reduce) {
4672 .animate-in,
4673 .animate-out {
4674 animation: none !important;
4675 }
4676 }
4677
4678 /* ── Resize handle states (outside #chat-assistant-root, needs plain CSS) ── */
4679 .zip-ai-resize-handle .resize-dots {
4680 opacity: 0;
4681 }
4682 .zip-ai-resize-handle:hover {
4683 background-color: hsl(var(--primary, 18 100% 53%) / 0.12);
4684 }
4685 .zip-ai-resize-handle:hover .resize-dots,
4686 .zip-ai-resize-handle.dragging .resize-dots {
4687 opacity: 1;
4688 }
4689 .zip-ai-resize-handle.dragging {
4690 background-color: hsl(var(--primary, 18 100% 53%) / 0.22);
4691 }
4692
4693 /* ══════════════════════════════════════════════════════════════════
4694 WP DOM targeting styles — these MUST be global CSS because they
4695 style WordPress elements (body, admin bar, block editor) that
4696 live outside the React app. Toggled by vanilla JS in wp-bridge-host.js.
4697 ══════════════════════════════════════════════════════════════════ */
4698
4699 :root {
4700 /* Matches the popover default width (ZIPWP_LAYOUT.popover.defaultWidth). */
4701 --zipwp-sidebar-width: 420px;
4702 }
4703
4704 /* ── Full-page assistant admin screen ──────────────────────────────────── */
4705
4706 /* Strip WP admin content-area chrome so chat can go edge-to-edge */
4707 body.zip-ai-fullpage-page #wpcontent {
4708 padding-left: 0 !important;
4709 }
4710
4711 body.zip-ai-fullpage-page #wpbody-content {
4712 padding-top: 0 !important;
4713 padding-bottom: 0 !important;
4714 }
4715
4716 /* Hide WP footer version text on the fullpage assistant screen */
4717 body.zip-ai-fullpage-page #wpfooter {
4718 display: none !important;
4719 }
4720
4721 /* Hide all WP admin notices on the fullpage assistant screen */
4722 body.zip-ai-fullpage-page .notice,
4723 body.zip-ai-fullpage-page .error,
4724 body.zip-ai-fullpage-page .updated,
4725 body.zip-ai-fullpage-page .update-nag,
4726 body.zip-ai-fullpage-page .wp-header-end ~ .notice,
4727 body.zip-ai-fullpage-page #wpbody-content > .notice,
4728 body.zip-ai-fullpage-page #wpbody-content > .error,
4729 body.zip-ai-fullpage-page #wpbody-content > .updated {
4730 display: none !important;
4731 }
4732
4733 /* Outer screen wrapper — fills available viewport below the admin bar */
4734 .zip-ai-fullpage-screen {
4735 margin: 0;
4736 padding: 0;
4737 height: calc(100vh - 32px); /* 32px = WP admin bar height */
4738 overflow: hidden;
4739 }
4740
4741 /* Without admin bar (e.g. ?noheader or custom screens) */
4742 body:not(.admin-bar) .zip-ai-fullpage-screen {
4743 height: 100vh;
4744 }
4745
4746 /* Inner container: fills the screen wrapper, no radius at this level */
4747 .zip-ai-fullpage-container {
4748 position: relative;
4749 height: 100%;
4750 min-height: 480px;
4751 border-radius: 0;
4752 overflow: hidden;
4753 background: transparent;
4754 padding: 0;
4755 }
4756
4757 /* Hide trigger when sidebar is open (trigger is React portal on body) */
4758 body.zip-ai-assistant-open .zip-ai-floating-trigger {
4759 opacity: 0;
4760 visibility: hidden;
4761 pointer-events: none;
4762 transform: scale(0.5);
4763 transition:
4764 transform 0.2s ease,
4765 opacity 0.2s ease,
4766 visibility 0s 0.2s;
4767 }
4768
4769 /* Sidebar container (PHP-rendered, toggled by vanilla JS) */
4770 .zip-ai-iframe-container {
4771 position: fixed;
4772 right: calc(-1 * var(--zipwp-sidebar-width));
4773 /* Hidden by default, slides in from right */
4774 top: 32px;
4775 /* WordPress admin bar height */
4776 width: var(--zipwp-sidebar-width);
4777 height: calc(100vh - 32px);
4778 background: #fff;
4779 /* Subtle left hairline so the white panel stays distinct from a white page. */
4780 border-left: 1px solid rgba(0, 0, 0, 0.14);
4781 box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
4782 /* Match the launcher's band so third-party widgets (e.g. SureCart's)
4783 don't poke through the open chat panel either. */
4784 z-index: 2147483646;
4785 display: flex;
4786 flex-direction: column;
4787 transition:
4788 right 0.3s ease-in-out,
4789 width 0.05s ease-out;
4790 visibility: hidden;
4791 /* Hide when off-screen */
4792 opacity: 0;
4793 }
4794
4795 /* Visible state - slide in */
4796 .zip-ai-iframe-container.zip-ai-iframe-visible {
4797 right: 0;
4798 visibility: visible;
4799 opacity: 1;
4800 transition:
4801 right 0.3s ease-in-out,
4802 opacity 0.3s ease-in-out;
4803 }
4804
4805 /* Push WordPress content to the left when assistant is open */
4806 /* Default: no margin (hidden state) */
4807 body {
4808 margin-right: 0;
4809 transition: margin-right 0.3s ease-in-out;
4810 }
4811
4812 body.zip-ai-assistant-open {
4813 margin-right: var(--zipwp-sidebar-width);
4814 overflow-x: clip;
4815 width: calc(100vw - var(--zipwp-sidebar-width));
4816 }
4817
4818 /* Fix for alignfull blocks - recalculate width accounting for assistant panel */
4819 /* These blocks use calc(-50vw + 50%) which doesn't account for body margin */
4820 body.zip-ai-assistant-open .alignfull,
4821 body.zip-ai-assistant-open .uagb-is-root-container.alignfull,
4822 body.zip-ai-assistant-open .spectra-is-root-container.alignfull,
4823 body.zip-ai-assistant-open .wp-block-uagb-container.alignfull,
4824 body.zip-ai-assistant-open .wp-block-spectra-container.alignfull,
4825 body.zip-ai-assistant-open .wp-block-cover.alignfull,
4826 body.zip-ai-assistant-open .wp-block-group.alignfull {
4827 width: 100% !important;
4828 max-width: 100% !important;
4829 margin-left: 0 !important;
4830 margin-right: 0 !important;
4831 }
4832
4833 /* Astra theme header - constrain to available width */
4834 body.zip-ai-assistant-open .site-header,
4835 body.zip-ai-assistant-open .ast-primary-header-bar,
4836 body.zip-ai-assistant-open .ast-main-header-wrap,
4837 body.zip-ai-assistant-open .site-primary-header-wrap {
4838 max-width: 100% !important;
4839 width: 100% !important;
4840 }
4841
4842 /* Main content containers */
4843 body.zip-ai-assistant-open #page,
4844 body.zip-ai-assistant-open .site,
4845 body.zip-ai-assistant-open #content,
4846 body.zip-ai-assistant-open .site-content,
4847 body.zip-ai-assistant-open .ast-container {
4848 max-width: 100% !important;
4849 overflow-x: clip !important;
4850 }
4851
4852 /* Plugin install cards (wp-admin/plugin-install.php) — when the assistant
4853 sidebar narrows the admin content area, the default 2/3-column grid squeezes
4854 the title column until text wraps character-by-character. Collapse to a
4855 single column so cards stay legible. Excluded in popover mode (body keeps
4856 full width there, so default WP grid still fits). */
4857 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .wp-list-table.plugin-install .plugin-card,
4858 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .plugin-install .plugin-card {
4859 width: 100% !important;
4860 margin-right: 0 !important;
4861 margin-left: 0 !important;
4862 float: none !important;
4863 }
4864
4865 /* Also transition the admin bar */
4866 #wpadminbar {
4867 right: 0;
4868 transition: right 0.3s ease-in-out;
4869 }
4870
4871 body.zip-ai-assistant-open #wpadminbar {
4872 right: var(--zipwp-sidebar-width);
4873 }
4874
4875 /* Adjust for frontend (no admin bar) */
4876 body:not(.admin-bar) .zip-ai-iframe-container {
4877 top: 0;
4878 height: 100vh;
4879 }
4880
4881 /* Block Editor (Gutenberg) specific adjustments */
4882 /* Always apply transition to skeleton, not just when open */
4883 .block-editor-page .interface-interface-skeleton,
4884 .edit-post .interface-interface-skeleton,
4885 body.block-editor-page .interface-interface-skeleton {
4886 margin-right: 0;
4887 transition: margin-right 0.3s ease-in-out;
4888 }
4889
4890 /* Apply margin when assistant is open */
4891 .block-editor-page body.zip-ai-assistant-open .interface-interface-skeleton,
4892 .edit-post body.zip-ai-assistant-open .interface-interface-skeleton,
4893 body.block-editor-page.zip-ai-assistant-open .interface-interface-skeleton {
4894 margin-right: var(--zipwp-sidebar-width);
4895 }
4896
4897 /* Reset body margin in block editor (let skeleton handle it) */
4898 .block-editor-page body.zip-ai-assistant-open,
4899 .edit-post body.zip-ai-assistant-open,
4900 body.block-editor-page.zip-ai-assistant-open {
4901 margin-right: 0 !important;
4902 }
4903
4904 /* Adjust editor content area */
4905 .block-editor-page .interface-interface-skeleton__content,
4906 .edit-post .interface-interface-skeleton__content {
4907 transition: margin-right 0.3s ease-in-out;
4908 }
4909
4910 /* Full height iframe in block editor */
4911 .block-editor-page .zip-ai-iframe-container,
4912 .edit-post .zip-ai-iframe-container,
4913 body.block-editor-page .zip-ai-iframe-container {
4914 top: 0;
4915 height: 100vh;
4916 }
4917
4918 /* Post-publish panel — shift left so it doesn't hide under chat sidebar.
4919 Gutenberg slides `.editor-post-publish-panel` in from viewport right.
4920 In some versions it's portal'd to body (position: fixed; right: 0), so the
4921 skeleton's margin-right doesn't push it. Only applies in sidebar mode —
4922 popover mode is a floating card that doesn't occupy the full right edge. */
4923 body.zip-ai-assistant-open:not(.zip-ai-popover-mode) .editor-post-publish-panel {
4924 right: var(--zipwp-sidebar-width) !important;
4925 transition: right 0.3s ease-in-out;
4926 }
4927
4928 /* ── Popover / Floating card mode (see src/styles/popover.css) ────────────── */
4929 /* stylelint-disable-next-line no-invalid-position-at-import-rule -- intentional load point; kept here to preserve the existing cascade order. */
4930
4931 /* Prevent text selection during resize */
4932 body.zip-ai-resizing {
4933 cursor: ew-resize !important;
4934 -moz-user-select: none !important;
4935 user-select: none !important;
4936 -webkit-user-select: none !important;
4937 }
4938
4939 body.zip-ai-resizing iframe {
4940 pointer-events: none;
4941 }
4942
4943 /* Fullscreen mode - iframe takes over entire viewport */
4944 .zip-ai-iframe-container.zip-ai-iframe-fullscreen {
4945 width: 100vw !important;
4946 height: 100vh !important;
4947 top: 0 !important;
4948 right: 0 !important;
4949 box-shadow: none !important;
4950 transition:
4951 width 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4952 height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4953 top 0.4s cubic-bezier(0.16, 1, 0.3, 1),
4954 box-shadow 0.3s ease;
4955 }
4956
4957 /* Hide resize handle in fullscreen */
4958 .zip-ai-iframe-container.zip-ai-iframe-fullscreen
4959 .zip-ai-resize-handle {
4960 opacity: 0;
4961 pointer-events: none;
4962 transition: opacity 0.15s ease;
4963 }
4964
4965 /* Smooth exit back to sidebar */
4966 .zip-ai-iframe-container.zip-ai-iframe-visible:not(
4967 .zip-ai-iframe-fullscreen
4968 ) {
4969 transition:
4970 right 0.3s ease-in-out,
4971 opacity 0.3s ease-in-out,
4972 width 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4973 height 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4974 top 0.35s cubic-bezier(0.33, 1, 0.68, 1),
4975 box-shadow 0.3s ease;
4976 }
4977
4978 /* Remove body margin push in fullscreen */
4979 body.zip-ai-assistant-fullscreen,
4980 body.zip-ai-iframe-fullscreen {
4981 margin-right: 0 !important;
4982 width: 100vw !important;
4983 overflow: hidden;
4984 }
4985
4986 body.zip-ai-assistant-fullscreen #wpadminbar,
4987 body.zip-ai-iframe-fullscreen #wpadminbar {
4988 right: 0 !important;
4989 transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
4990 }
4991
4992 /* Block editor: remove skeleton margin in fullscreen */
4993 body.zip-ai-assistant-fullscreen .interface-interface-skeleton,
4994 body.zip-ai-iframe-fullscreen .interface-interface-skeleton {
4995 margin-right: 0 !important;
4996 transition: margin-right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
4997 }
4998
4999 /* Fullscreen preview stage open: hide wp-admin's fixed chrome. The admin bar
5000 (z 99999) and admin menu (z 9990) paint OVER the edge-to-edge stage, clipping
5001 the previewed page's own header and left edge. NOT keyed on
5002 `zip-ai-overlay-open` — every Radix dialog sets that, and small dialogs must
5003 not tear the admin chrome away. */
5004 body.zip-ai-stage-open #wpadminbar,
5005 body.zip-ai-stage-open #adminmenumain {
5006 display: none !important;
5007 }
5008
5009 body.zip-ai-stage-open {
5010 overflow: hidden;
5011 }
5012
5013 /* ===== Block Context Picker ===== */
5014
5015 /* Floating "+" pin button — repositions on hover over blocks */
5016 .zipwp-context-pin {
5017 display: none;
5018 position: absolute;
5019 z-index: 100000;
5020 align-items: center;
5021 justify-content: center;
5022 width: 28px;
5023 height: 28px;
5024 padding: 0;
5025 border: none;
5026 border-radius: 12px;
5027 background: hsl(var(--primary, 18 100% 53%));
5028 color: #fff;
5029 cursor: pointer;
5030 box-shadow: 0 2px 8px hsl(var(--primary, 18 100% 53%) / 0.35);
5031 transition:
5032 background-color 0.15s ease,
5033 box-shadow 0.15s ease;
5034 }
5035
5036 .zipwp-context-pin:hover {
5037 background: hsl(var(--primary, 18 100% 53%) / 0.88);
5038 box-shadow: 0 4px 12px hsl(var(--primary, 18 100% 53%) / 0.4);
5039 }
5040
5041 .zipwp-context-pin svg {
5042 width: 16px;
5043 height: 16px;
5044 display: block;
5045 pointer-events: none;
5046 }
5047
5048 /* Active state — block already pinned, show checkmark */
5049 .zipwp-context-pin--active {
5050 background: #16a34a;
5051 }
5052
5053 .zipwp-context-pin--active:hover {
5054 background: #dc2626;
5055 }
5056
5057 /* Highlight on pinned blocks — uses box-shadow
5058 so it doesn't conflict with Gutenberg's outline */
5059 .zipwp-context-selected {
5060 box-shadow: 0 0 0 2px hsl(var(--primary, 18 100% 53%)) !important;
5061 border-radius: 2px;
5062 }
5063
5064 /* Count badge on ERA FAB button */
5065 .zipwp-context-badge {
5066 position: absolute;
5067 top: -4px;
5068 right: -4px;
5069 min-width: 20px;
5070 height: 20px;
5071 padding: 0 5px;
5072 background: #ef4444;
5073 color: #fff;
5074 font-size: 11px;
5075 font-weight: 700;
5076 line-height: 20px;
5077 text-align: center;
5078 border-radius: 10px;
5079 pointer-events: none;
5080 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
5081 font-family:
5082 Figtree,
5083 -apple-system,
5084 BlinkMacSystemFont,
5085 "Segoe UI",
5086 sans-serif;
5087 }
5088
5089 /* Mobile responsive */
5090 @media (max-width: 768px) {
5091 .zip-ai-fullpage-screen.wrap {
5092 margin: 8px 10px 0 0;
5093 height: calc(100vh - 48px);
5094 }
5095
5096 .zip-ai-fullpage-container {
5097 min-height: 520px;
5098 border-radius: 16px;
5099 }
5100
5101 .zip-ai-iframe-container {
5102 width: 100%;
5103 max-width: 360px;
5104 }
5105
5106 /* On mobile, use overlay instead of pushing content */
5107 body.zip-ai-assistant-open {
5108 margin-right: 0;
5109 overflow: hidden;
5110 /* Prevent scrolling when assistant is open */
5111 }
5112
5113 body.zip-ai-assistant-open #wpadminbar {
5114 right: 0;
5115 }
5116 }
5117
5118 /* Tablet and larger screens - slightly wider assistant panel */
5119 @media (min-width: 1024px) {
5120 .zip-ai-iframe-container {
5121 width: var(--zipwp-sidebar-width);
5122 right: calc(-1 * var(--zipwp-sidebar-width));
5123 /* Keep hidden position in sync with persisted resized widths */
5124 }
5125
5126 .zip-ai-iframe-container.zip-ai-iframe-visible {
5127 right: 0;
5128 }
5129
5130 body.zip-ai-assistant-open {
5131 margin-right: var(--zipwp-sidebar-width);
5132 width: calc(100vw - var(--zipwp-sidebar-width));
5133 }
5134
5135 body.zip-ai-assistant-open #wpadminbar {
5136 right: var(--zipwp-sidebar-width);
5137 }
5138
5139 /* Block editor adjustments for larger screens */
5140 .block-editor-page
5141 body.zip-ai-assistant-open
5142 .interface-interface-skeleton,
5143 .edit-post body.zip-ai-assistant-open .interface-interface-skeleton,
5144 body.block-editor-page.zip-ai-assistant-open
5145 .interface-interface-skeleton {
5146 margin-right: var(--zipwp-sidebar-width);
5147 }
5148
5149 /* Ensure skeleton still has transition on larger screens */
5150 .block-editor-page .interface-interface-skeleton,
5151 .edit-post .interface-interface-skeleton,
5152 body.block-editor-page .interface-interface-skeleton {
5153 margin-right: 0;
5154 }
5155 }
5156
5157 /* Colour wheel (ColorPickerPopover): panel CSS bloats react-colorful's thumbs; scope-reset to a compact wheel. */
5158 .zip-ai-color-wheel .react-colorful {
5159 width: 100%;
5160 height: 150px;
5161 }
5162 .zip-ai-color-wheel .react-colorful__saturation {
5163 border-radius: 10px 10px 0 0;
5164 border-bottom: 0;
5165 }
5166 .zip-ai-color-wheel .react-colorful__hue {
5167 height: 18px;
5168 border-radius: 0 0 10px 10px;
5169 }
5170 .zip-ai-color-wheel .react-colorful__pointer {
5171 width: 16px;
5172 height: 16px;
5173 border: 2px solid #fff;
5174 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
5175 }
5176 .zip-ai-color-wheel .react-colorful__pointer-fill {
5177 border-radius: 50%;
5178 }
5179
5180 /* Indeterminate progress sliver — slides across when a total isn't known
5181 (wp-cli id-list sweeps). Determinate bars fill by width instead. */
5182 @keyframes zipaiProgressIndeterminate {
5183 0% { transform: translateX(-100%); }
5184 100% { transform: translateX(300%); }
5185 }
5186 .zipai-progress-indeterminate {
5187 animation: zipaiProgressIndeterminate 1.1s ease-in-out infinite;
5188 }
5189 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:font-mono *)::marker{
5190 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
5191 }
5192 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:text-\[12px\] *)::marker{
5193 font-size: 12px;
5194 }
5195 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.marker\:text-app-body-text *)::marker{
5196 color: hsl(var(--app-text));
5197 }
5198 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:font-mono::marker{
5199 font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
5200 }
5201 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:text-\[12px\]::marker{
5202 font-size: 12px;
5203 }
5204 :is(#chat-assistant-root, #zip-ai-snippets-root) .marker\:text-app-body-text::marker{
5205 color: hsl(var(--app-text));
5206 }
5207 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:bg-accent *)::-moz-selection{
5208 background-color: hsl(var(--accent));
5209 }
5210 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:bg-accent *)::selection{
5211 background-color: hsl(var(--accent));
5212 }
5213 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:text-accent-foreground *)::-moz-selection{
5214 color: hsl(var(--accent-foreground));
5215 }
5216 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.selection\:text-accent-foreground *)::selection{
5217 color: hsl(var(--accent-foreground));
5218 }
5219 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:bg-accent::-moz-selection{
5220 background-color: hsl(var(--accent));
5221 }
5222 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:bg-accent::selection{
5223 background-color: hsl(var(--accent));
5224 }
5225 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:text-accent-foreground::-moz-selection{
5226 color: hsl(var(--accent-foreground));
5227 }
5228 :is(#chat-assistant-root, #zip-ai-snippets-root) .selection\:text-accent-foreground::selection{
5229 color: hsl(var(--accent-foreground));
5230 }
5231 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-body-text::-moz-placeholder{
5232 color: hsl(var(--app-text));
5233 }
5234 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-body-text::placeholder{
5235 color: hsl(var(--app-text));
5236 }
5237 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-placeholder::-moz-placeholder{
5238 color: hsl(var(--app-inactive-icon));
5239 }
5240 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-placeholder::placeholder{
5241 color: hsl(var(--app-inactive-icon));
5242 }
5243 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-text::-moz-placeholder{
5244 color: hsl(var(--app-text));
5245 }
5246 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-app-text::placeholder{
5247 color: hsl(var(--app-text));
5248 }
5249 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground::-moz-placeholder{
5250 color: hsl(var(--muted-foreground));
5251 }
5252 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground::placeholder{
5253 color: hsl(var(--muted-foreground));
5254 }
5255 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/40::-moz-placeholder{
5256 color: hsl(var(--muted-foreground) / 0.4);
5257 }
5258 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/40::placeholder{
5259 color: hsl(var(--muted-foreground) / 0.4);
5260 }
5261 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/50::-moz-placeholder{
5262 color: hsl(var(--muted-foreground) / 0.5);
5263 }
5264 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/50::placeholder{
5265 color: hsl(var(--muted-foreground) / 0.5);
5266 }
5267 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/70::-moz-placeholder{
5268 color: hsl(var(--muted-foreground) / 0.7);
5269 }
5270 :is(#chat-assistant-root, #zip-ai-snippets-root) .placeholder\:text-muted-foreground\/70::placeholder{
5271 color: hsl(var(--muted-foreground) / 0.7);
5272 }
5273 :is(#chat-assistant-root, #zip-ai-snippets-root) .first\:mt-0:first-child{
5274 margin-top: 0px;
5275 }
5276 :is(#chat-assistant-root, #zip-ai-snippets-root) .last\:mb-0:last-child{
5277 margin-bottom: 0px;
5278 }
5279 :is(#chat-assistant-root, #zip-ai-snippets-root) .last\:border-b-0:last-child{
5280 border-bottom-width: 0px;
5281 }
5282 :is(#chat-assistant-root, #zip-ai-snippets-root) .odd\:bg-sunken:nth-child(odd){
5283 background-color: hsl(var(--bg-sunken));
5284 }
5285 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-line-2:focus-within{
5286 border-color: hsl(var(--line-2));
5287 }
5288 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-line-3:focus-within{
5289 border-color: hsl(var(--line-3));
5290 }
5291 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-primary:focus-within{
5292 border-color: hsl(var(--primary));
5293 }
5294 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:border-primary\/50:focus-within{
5295 border-color: hsl(var(--primary) / 0.5);
5296 }
5297 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-background:focus-within{
5298 background-color: hsl(var(--background));
5299 }
5300 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-card:focus-within{
5301 background-color: hsl(var(--card));
5302 }
5303 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:bg-sunken:focus-within{
5304 background-color: hsl(var(--bg-sunken));
5305 }
5306 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:opacity-100:focus-within{
5307 opacity: 1;
5308 }
5309 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:shadow-\[0_0_0_3px_hsl\(var\(--primary\)\/0\.12\)\]:focus-within{
5310 --tw-shadow: 0 0 0 3px hsl(var(--primary)/0.12);
5311 --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
5312 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5313 }
5314 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:shadow-sm:focus-within{
5315 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
5316 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
5317 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5318 }
5319 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-2:focus-within{
5320 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5321 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5322 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5323 }
5324 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-\[3px\]:focus-within{
5325 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5326 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5327 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5328 }
5329 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-primary\/15:focus-within{
5330 --tw-ring-color: hsl(var(--primary) / 0.15);
5331 }
5332 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-within\:ring-ring\/15:focus-within{
5333 --tw-ring-color: hsl(var(--ring) / 0.15);
5334 }
5335 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:-translate-y-px:hover{
5336 --tw-translate-y: -1px;
5337 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));
5338 }
5339 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:scale-105:hover{
5340 --tw-scale-x: 1.05;
5341 --tw-scale-y: 1.05;
5342 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));
5343 }
5344 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border:hover{
5345 border-width: 1px;
5346 }
5347 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-\[\#3A3741\]:hover{
5348 --tw-border-opacity: 1;
5349 border-color: rgb(58 55 65 / var(--tw-border-opacity, 1));
5350 }
5351 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-app-body-text:hover{
5352 border-color: hsl(var(--app-text));
5353 }
5354 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-border:hover{
5355 border-color: hsl(var(--border));
5356 }
5357 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-border-dark:hover{
5358 border-color: hsl(var(--line-3));
5359 }
5360 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-danger:hover{
5361 border-color: hsl(var(--destructive));
5362 }
5363 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-danger-dark:hover{
5364 border-color: hsl(var(--destructive));
5365 }
5366 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-foreground:hover{
5367 border-color: hsl(var(--foreground));
5368 }
5369 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-line-2:hover{
5370 border-color: hsl(var(--line-2));
5371 }
5372 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-line-3:hover{
5373 border-color: hsl(var(--line-3));
5374 }
5375 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-ok\/40:hover{
5376 border-color: hsl(var(--ok) / 0.4);
5377 }
5378 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-primary:hover{
5379 border-color: hsl(var(--primary));
5380 }
5381 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-primary\/40:hover{
5382 border-color: hsl(var(--primary) / 0.4);
5383 }
5384 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-stop:hover{
5385 border-color: hsl(var(--destructive));
5386 }
5387 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-warn:hover{
5388 border-color: hsl(var(--warn));
5389 }
5390 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:border-warning-border:hover{
5391 border-color: hsl(var(--warn));
5392 }
5393 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[\#252329\]:hover{
5394 --tw-bg-opacity: 1;
5395 background-color: rgb(37 35 41 / var(--tw-bg-opacity, 1));
5396 }
5397 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--destructive\)\/0\.08\)\]:hover{
5398 background-color: hsl(var(--destructive)/0.08);
5399 }
5400 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--ring\)\/0\.18\)\]:hover{
5401 background-color: hsl(var(--ring)/0.18);
5402 }
5403 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--warn\)\/0\.08\)\]:hover{
5404 background-color: hsl(var(--warn)/0.08);
5405 }
5406 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[hsl\(var\(--warn\)\/0\.18\)\]:hover{
5407 background-color: hsl(var(--warn)/0.18);
5408 }
5409 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.08\)\]:hover{
5410 background-color: rgba(239,68,68,0.08);
5411 }
5412 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(239\2c 68\2c 68\2c 0\.15\)\]:hover{
5413 background-color: rgba(239,68,68,0.15);
5414 }
5415 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-\[rgba\(245\2c 158\2c 11\2c 0\.15\)\]:hover{
5416 background-color: rgba(245,158,11,0.15);
5417 }
5418 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent:hover{
5419 background-color: hsl(var(--accent));
5420 }
5421 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent-foreground\/10:hover{
5422 background-color: hsl(var(--accent-foreground) / 0.1);
5423 }
5424 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent-foreground\/15:hover{
5425 background-color: hsl(var(--accent-foreground) / 0.15);
5426 }
5427 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-accent\/80:hover{
5428 background-color: hsl(var(--accent) / 0.8);
5429 }
5430 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-amber-400\/25:hover{
5431 background-color: rgb(251 191 36 / 0.25);
5432 }
5433 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-amber-900\/20:hover{
5434 background-color: rgb(120 53 15 / 0.2);
5435 }
5436 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-app-hover:hover{
5437 background-color: hsl(var(--app-hover));
5438 }
5439 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-background\/10:hover{
5440 background-color: hsl(var(--background) / 0.1);
5441 }
5442 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-brand\/15:hover{
5443 background-color: hsl(var(--primary) / 0.15);
5444 }
5445 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-card:hover{
5446 background-color: hsl(var(--card));
5447 }
5448 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-card\/50:hover{
5449 background-color: hsl(var(--card) / 0.5);
5450 }
5451 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-danger:hover{
5452 background-color: hsl(var(--destructive));
5453 }
5454 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-destructive\/10:hover{
5455 background-color: hsl(var(--destructive) / 0.1);
5456 }
5457 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-destructive\/5:hover{
5458 background-color: hsl(var(--destructive) / 0.05);
5459 }
5460 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-emerald-400\/25:hover{
5461 background-color: rgb(52 211 153 / 0.25);
5462 }
5463 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-muted:hover{
5464 background-color: hsl(var(--muted));
5465 }
5466 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-muted\/50:hover{
5467 background-color: hsl(var(--muted) / 0.5);
5468 }
5469 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-ok-soft:hover{
5470 background-color: hsl(var(--ok-soft));
5471 }
5472 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary:hover{
5473 background-color: hsl(var(--primary));
5474 }
5475 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary\/10:hover{
5476 background-color: hsl(var(--primary) / 0.1);
5477 }
5478 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-primary\/5:hover{
5479 background-color: hsl(var(--primary) / 0.05);
5480 }
5481 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-stop\/10:hover{
5482 background-color: hsl(var(--destructive) / 0.1);
5483 }
5484 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-success-dark:hover{
5485 background-color: hsl(var(--ok));
5486 }
5487 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-sunken:hover{
5488 background-color: hsl(var(--bg-sunken));
5489 }
5490 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-sunken\/40:hover{
5491 background-color: hsl(var(--bg-sunken) / 0.4);
5492 }
5493 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-transparent:hover{
5494 background-color: transparent;
5495 }
5496 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-warning-bg:hover{
5497 background-color: hsl(var(--warn-soft));
5498 }
5499 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/10:hover{
5500 background-color: rgb(255 255 255 / 0.1);
5501 }
5502 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/90:hover{
5503 background-color: rgb(255 255 255 / 0.9);
5504 }
5505 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:bg-white\/\[0\.06\]:hover{
5506 background-color: rgb(255 255 255 / 0.06);
5507 }
5508 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-\[\#E5E3EA\]:hover{
5509 --tw-text-opacity: 1;
5510 color: rgb(229 227 234 / var(--tw-text-opacity, 1));
5511 }
5512 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-accent-foreground:hover{
5513 color: hsl(var(--accent-foreground));
5514 }
5515 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-app-body-text-2:hover{
5516 color: hsl(var(--app-heading));
5517 }
5518 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-app-heading:hover{
5519 color: hsl(var(--app-heading));
5520 }
5521 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-background:hover{
5522 color: hsl(var(--background));
5523 }
5524 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-brand-hover:hover{
5525 color: hsl(var(--primary));
5526 }
5527 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-danger:hover{
5528 color: hsl(var(--destructive));
5529 }
5530 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-danger-dark:hover{
5531 color: hsl(var(--destructive));
5532 }
5533 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-destructive:hover{
5534 color: hsl(var(--destructive));
5535 }
5536 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-foreground:hover{
5537 color: hsl(var(--foreground));
5538 }
5539 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-muted-foreground:hover{
5540 color: hsl(var(--muted-foreground));
5541 }
5542 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-ok:hover{
5543 color: hsl(var(--ok));
5544 }
5545 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-primary:hover{
5546 color: hsl(var(--primary));
5547 }
5548 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-primary-foreground:hover{
5549 color: hsl(var(--primary-foreground));
5550 }
5551 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-stop:hover{
5552 color: hsl(var(--destructive));
5553 }
5554 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-warning-text:hover{
5555 color: hsl(var(--warn));
5556 }
5557 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-white:hover{
5558 --tw-text-opacity: 1;
5559 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5560 }
5561 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:text-white\/80:hover{
5562 color: rgb(255 255 255 / 0.8);
5563 }
5564 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:underline:hover{
5565 text-decoration-line: underline;
5566 }
5567 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:no-underline:hover{
5568 text-decoration-line: none;
5569 }
5570 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:decoration-brand-hover:hover{
5571 text-decoration-color: hsl(var(--primary));
5572 }
5573 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:decoration-primary:hover{
5574 text-decoration-color: hsl(var(--primary));
5575 }
5576 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:\!opacity-100:hover{
5577 opacity: 1 !important;
5578 }
5579 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-70:hover{
5580 opacity: 0.7;
5581 }
5582 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-80:hover{
5583 opacity: 0.8;
5584 }
5585 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-90:hover{
5586 opacity: 0.9;
5587 }
5588 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-95:hover{
5589 opacity: 0.95;
5590 }
5591 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-\[0\.94\]:hover{
5592 opacity: 0.94;
5593 }
5594 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:opacity-\[0\.96\]:hover{
5595 opacity: 0.96;
5596 }
5597 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.14\)\]:hover{
5598 --tw-shadow: 0 4px 12px rgba(0,0,0,0.14);
5599 --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
5600 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5601 }
5602 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-\[inset_0_0_0_1px_hsl\(var\(--accent-foreground\)\/0\.35\)\]:hover{
5603 --tw-shadow: inset 0 0 0 1px hsl(var(--accent-foreground)/0.35);
5604 --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
5605 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5606 }
5607 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:shadow-md:hover{
5608 --tw-shadow: 0 2px 8px -2px hsl(var(--foreground) / 0.08), 0 1px 3px hsl(var(--foreground) / 0.04);
5609 --tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
5610 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5611 }
5612 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:ring-white\/60:hover{
5613 --tw-ring-color: rgb(255 255 255 / 0.6);
5614 }
5615 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-0:focus{
5616 border-width: 0px;
5617 }
5618 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-none:focus{
5619 border-style: none;
5620 }
5621 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-accent-foreground:focus{
5622 border-color: hsl(var(--accent-foreground));
5623 }
5624 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-primary:focus{
5625 border-color: hsl(var(--primary));
5626 }
5627 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-ring:focus{
5628 border-color: hsl(var(--ring));
5629 }
5630 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-stop:focus{
5631 border-color: hsl(var(--destructive));
5632 }
5633 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:border-transparent:focus{
5634 border-color: transparent;
5635 }
5636 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:bg-card:focus{
5637 background-color: hsl(var(--card));
5638 }
5639 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:bg-sunken:focus{
5640 background-color: hsl(var(--bg-sunken));
5641 }
5642 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:opacity-100:focus{
5643 opacity: 1;
5644 }
5645 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:shadow-\[0_0_0_3px_hsl\(var\(--primary\)\/0\.15\)\]:focus{
5646 --tw-shadow: 0 0 0 3px hsl(var(--primary)/0.15);
5647 --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
5648 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5649 }
5650 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:shadow-none:focus{
5651 --tw-shadow: 0 0 #0000;
5652 --tw-shadow-colored: 0 0 #0000;
5653 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5654 }
5655 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:outline-none:focus{
5656 outline: 2px solid transparent;
5657 outline-offset: 2px;
5658 }
5659 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-0:focus{
5660 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5661 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5662 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5663 }
5664 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-1:focus{
5665 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5666 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5667 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5668 }
5669 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-2:focus{
5670 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5671 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5672 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5673 }
5674 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-\[3px\]:focus{
5675 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5676 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5677 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5678 }
5679 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-primary\/15:focus{
5680 --tw-ring-color: hsl(var(--primary) / 0.15);
5681 }
5682 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-ring:focus{
5683 --tw-ring-color: hsl(var(--ring));
5684 }
5685 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:ring-ring\/20:focus{
5686 --tw-ring-color: hsl(var(--ring) / 0.2);
5687 }
5688 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[border\:none\]:focus{
5689 border: none;
5690 }
5691 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[box-shadow\:none\]:focus{
5692 box-shadow: none;
5693 }
5694 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus\:\[outline\:none\]:focus{
5695 outline: none;
5696 }
5697 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:bg-sunken:focus-visible{
5698 background-color: hsl(var(--bg-sunken));
5699 }
5700 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:bg-sunken\/40:focus-visible{
5701 background-color: hsl(var(--bg-sunken) / 0.4);
5702 }
5703 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:text-foreground:focus-visible{
5704 color: hsl(var(--foreground));
5705 }
5706 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:\!opacity-100:focus-visible{
5707 opacity: 1 !important;
5708 }
5709 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:opacity-100:focus-visible{
5710 opacity: 1;
5711 }
5712 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-none:focus-visible{
5713 outline: 2px solid transparent;
5714 outline-offset: 2px;
5715 }
5716 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline:focus-visible{
5717 outline-style: solid;
5718 }
5719 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-2:focus-visible{
5720 outline-width: 2px;
5721 }
5722 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-offset-2:focus-visible{
5723 outline-offset: 2px;
5724 }
5725 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:outline-current:focus-visible{
5726 outline-color: currentColor;
5727 }
5728 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-1:focus-visible{
5729 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5730 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5731 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5732 }
5733 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-2:focus-visible{
5734 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5735 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5736 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5737 }
5738 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-inset:focus-visible{
5739 --tw-ring-inset: inset;
5740 }
5741 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-\[hsl\(var\(--destructive\)\)\]:focus-visible{
5742 --tw-ring-color: hsl(var(--destructive));
5743 }
5744 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-\[hsl\(var\(--ring\)\)\]:focus-visible{
5745 --tw-ring-color: hsl(var(--ring));
5746 }
5747 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-app-primary:focus-visible{
5748 --tw-ring-color: hsl(var(--app-primary));
5749 }
5750 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-border-focus:focus-visible{
5751 --tw-ring-color: hsl(var(--ring) / 0.35);
5752 }
5753 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-foreground\/15:focus-visible{
5754 --tw-ring-color: hsl(var(--foreground) / 0.15);
5755 }
5756 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring:focus-visible{
5757 --tw-ring-color: hsl(var(--ring));
5758 }
5759 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring\/30:focus-visible{
5760 --tw-ring-color: hsl(var(--ring) / 0.3);
5761 }
5762 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-ring\/50:focus-visible{
5763 --tw-ring-color: hsl(var(--ring) / 0.5);
5764 }
5765 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-1:focus-visible{
5766 --tw-ring-offset-width: 1px;
5767 }
5768 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-2:focus-visible{
5769 --tw-ring-offset-width: 2px;
5770 }
5771 :is(#chat-assistant-root, #zip-ai-snippets-root) .focus-visible\:ring-offset-background:focus-visible{
5772 --tw-ring-offset-color: hsl(var(--background));
5773 }
5774 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:scale-\[0\.97\]:active{
5775 --tw-scale-x: 0.97;
5776 --tw-scale-y: 0.97;
5777 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));
5778 }
5779 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:scale-\[0\.98\]:active{
5780 --tw-scale-x: 0.98;
5781 --tw-scale-y: 0.98;
5782 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));
5783 }
5784 :is(#chat-assistant-root, #zip-ai-snippets-root) .active\:cursor-grabbing:active{
5785 cursor: grabbing;
5786 }
5787 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:border-line-3:enabled:hover{
5788 border-color: hsl(var(--line-3));
5789 }
5790 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-muted\/60:enabled:hover{
5791 background-color: hsl(var(--muted) / 0.6);
5792 }
5793 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-white\/10:enabled:hover{
5794 background-color: rgb(255 255 255 / 0.1);
5795 }
5796 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:bg-white\/\[0\.24\]:enabled:hover{
5797 background-color: rgb(255 255 255 / 0.24);
5798 }
5799 :is(#chat-assistant-root, #zip-ai-snippets-root) .hover\:enabled\:text-foreground:enabled:hover{
5800 color: hsl(var(--foreground));
5801 }
5802 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:pointer-events-none:disabled{
5803 pointer-events: none;
5804 }
5805 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:cursor-default:disabled{
5806 cursor: default;
5807 }
5808 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:cursor-not-allowed:disabled{
5809 cursor: not-allowed;
5810 }
5811 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:bg-transparent:disabled{
5812 background-color: transparent;
5813 }
5814 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-40:disabled{
5815 opacity: 0.4;
5816 }
5817 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-50:disabled{
5818 opacity: 0.5;
5819 }
5820 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-60:disabled{
5821 opacity: 0.6;
5822 }
5823 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-65:disabled{
5824 opacity: 0.65;
5825 }
5826 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:opacity-70:disabled{
5827 opacity: 0.7;
5828 }
5829 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:border-line:hover:disabled{
5830 border-color: hsl(var(--border));
5831 }
5832 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:bg-background:hover:disabled{
5833 background-color: hsl(var(--background));
5834 }
5835 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:bg-sunken:hover:disabled{
5836 background-color: hsl(var(--bg-sunken));
5837 }
5838 :is(#chat-assistant-root, #zip-ai-snippets-root) .disabled\:hover\:text-app-body-text-2:hover:disabled{
5839 color: hsl(var(--app-heading));
5840 }
5841 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/swatch:focus-within .group-focus-within\/swatch\:opacity-100){
5842 opacity: 1;
5843 }
5844 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .group-focus-within\:opacity-100){
5845 opacity: 1;
5846 }
5847 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .group-focus-within\:opacity-60){
5848 opacity: 0.6;
5849 }
5850 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:border-line-2){
5851 border-color: hsl(var(--line-2));
5852 }
5853 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:border-app-text){
5854 border-color: hsl(var(--app-text));
5855 }
5856 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:bg-sunken){
5857 background-color: hsl(var(--bg-sunken));
5858 }
5859 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:text-foreground\/85){
5860 color: hsl(var(--foreground) / 0.85);
5861 }
5862 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:text-app-text){
5863 color: hsl(var(--app-text));
5864 }
5865 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/msg:hover .group-hover\/msg\:opacity-100){
5866 opacity: 1;
5867 }
5868 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/row:hover .group-hover\/row\:opacity-100){
5869 opacity: 1;
5870 }
5871 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group\/swatch:hover .group-hover\/swatch\:opacity-100){
5872 opacity: 1;
5873 }
5874 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:opacity-100){
5875 opacity: 1;
5876 }
5877 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:opacity-60){
5878 opacity: 0.6;
5879 }
5880 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:ring-2){
5881 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5882 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5883 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5884 }
5885 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .group-hover\:ring-white\/40){
5886 --tw-ring-color: rgb(255 255 255 / 0.4);
5887 }
5888 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:border-primary){
5889 border-color: hsl(var(--primary));
5890 }
5891 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:bg-primary){
5892 background-color: hsl(var(--primary));
5893 }
5894 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:focus-visible ~ .peer-focus-visible\:ring-2){
5895 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5896 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5897 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5898 }
5899 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:focus-visible ~ .peer-focus-visible\:ring-primary){
5900 --tw-ring-color: hsl(var(--primary));
5901 }
5902 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed){
5903 cursor: not-allowed;
5904 }
5905 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:disabled ~ .peer-disabled\:opacity-70){
5906 opacity: 0.7;
5907 }
5908 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[disabled\]\:pointer-events-none[data-disabled]{
5909 pointer-events: none;
5910 }
5911 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
5912 --tw-translate-x: 1rem;
5913 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));
5914 }
5915 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
5916 --tw-translate-x: 0px;
5917 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));
5918 }
5919 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=checked\]\:bg-primary[data-state="checked"]{
5920 background-color: hsl(var(--primary));
5921 }
5922 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:bg-sunken[data-state="open"]{
5923 background-color: hsl(var(--bg-sunken));
5924 }
5925 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=unchecked\]\:bg-line-2[data-state="unchecked"]{
5926 background-color: hsl(var(--line-2));
5927 }
5928 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:text-foreground[data-state="open"]{
5929 color: hsl(var(--foreground));
5930 }
5931 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[disabled\]\:opacity-50[data-disabled]{
5932 opacity: 0.5;
5933 }
5934 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:duration-200[data-state="closed"]{
5935 transition-duration: 200ms;
5936 }
5937 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:duration-200[data-state="open"]{
5938 transition-duration: 200ms;
5939 }
5940 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:animate-in[data-state="open"]{
5941 animation-name: enter;
5942 animation-duration: 150ms;
5943 --tw-enter-opacity: initial;
5944 --tw-enter-scale: initial;
5945 --tw-enter-rotate: initial;
5946 --tw-enter-translate-x: initial;
5947 --tw-enter-translate-y: initial;
5948 }
5949 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:animate-out[data-state="closed"]{
5950 animation-name: exit;
5951 animation-duration: 150ms;
5952 --tw-exit-opacity: initial;
5953 --tw-exit-scale: initial;
5954 --tw-exit-rotate: initial;
5955 --tw-exit-translate-x: initial;
5956 --tw-exit-translate-y: initial;
5957 }
5958 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
5959 --tw-exit-opacity: 0;
5960 }
5961 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:fade-in-0[data-state="open"]{
5962 --tw-enter-opacity: 0;
5963 }
5964 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:zoom-out-75[data-state="closed"]{
5965 --tw-exit-scale: .75;
5966 }
5967 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
5968 --tw-exit-scale: .95;
5969 }
5970 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:zoom-in-90[data-state="open"]{
5971 --tw-enter-scale: .9;
5972 }
5973 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:zoom-in-95[data-state="open"]{
5974 --tw-enter-scale: .95;
5975 }
5976 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
5977 --tw-enter-translate-y: -0.5rem;
5978 }
5979 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
5980 --tw-enter-translate-x: 0.5rem;
5981 }
5982 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
5983 --tw-enter-translate-x: -0.5rem;
5984 }
5985 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
5986 --tw-enter-translate-y: 0.5rem;
5987 }
5988 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
5989 --tw-exit-translate-x: -50%;
5990 }
5991 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
5992 --tw-exit-translate-y: -48%;
5993 }
5994 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
5995 --tw-enter-translate-x: -50%;
5996 }
5997 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
5998 --tw-enter-translate-y: -48%;
5999 }
6000 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=closed\]\:duration-200[data-state="closed"]{
6001 animation-duration: 200ms;
6002 }
6003 :is(#chat-assistant-root, #zip-ai-snippets-root) .data-\[state\=open\]\:duration-200[data-state="open"]{
6004 animation-duration: 200ms;
6005 }
6006 @media (prefers-reduced-motion: no-preference){
6007
6008 @keyframes ping{
6009
6010 75%, 100%{
6011 transform: scale(2);
6012 opacity: 0;
6013 }
6014 }
6015
6016 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:animate-ping{
6017 animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
6018 }
6019
6020 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:transition-all{
6021 transition-property: all;
6022 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6023 transition-duration: 150ms;
6024 }
6025
6026 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:duration-300{
6027 transition-duration: 300ms;
6028 }
6029
6030 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:ease-out{
6031 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
6032 }
6033
6034 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:animate-in{
6035 animation-name: enter;
6036 animation-duration: 150ms;
6037 --tw-enter-opacity: initial;
6038 --tw-enter-scale: initial;
6039 --tw-enter-rotate: initial;
6040 --tw-enter-translate-x: initial;
6041 --tw-enter-translate-y: initial;
6042 }
6043
6044 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:zoom-in-50{
6045 --tw-enter-scale: .5;
6046 }
6047
6048 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:duration-300{
6049 animation-duration: 300ms;
6050 }
6051
6052 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-safe\:ease-out{
6053 animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
6054 }
6055 }
6056 @media (prefers-reduced-motion: reduce){
6057
6058 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-reduce\:hidden{
6059 display: none;
6060 }
6061
6062 :is(#chat-assistant-root, #zip-ai-snippets-root) .motion-reduce\:transition-none{
6063 transition-property: none;
6064 }
6065 }
6066 @media (min-width: 640px){
6067
6068 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:block{
6069 display: block;
6070 }
6071
6072 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:flex-row{
6073 flex-direction: row;
6074 }
6075
6076 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:justify-end{
6077 justify-content: flex-end;
6078 }
6079
6080 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:gap-2{
6081 gap: 0.5rem;
6082 }
6083
6084 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:text-left{
6085 text-align: left;
6086 }
6087
6088 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:text-\[36px\]{
6089 font-size: 36px;
6090 }
6091
6092 :is(#chat-assistant-root, #zip-ai-snippets-root) .sm\:opacity-0{
6093 opacity: 0;
6094 }
6095
6096 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:focus-within .sm\:group-focus-within\:opacity-100){
6097 opacity: 1;
6098 }
6099
6100 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.group:hover .sm\:group-hover\:opacity-100){
6101 opacity: 1;
6102 }
6103 }
6104 @media (min-width: 1024px){
6105
6106 :is(#chat-assistant-root, #zip-ai-snippets-root) .lg\:grid-cols-\[420px_1fr\]{
6107 grid-template-columns: 420px 1fr;
6108 }
6109 }
6110 @media (prefers-color-scheme: dark){
6111
6112 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:border-amber-900\/60{
6113 border-color: rgb(120 53 15 / 0.6);
6114 }
6115
6116 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:bg-amber-100\/10{
6117 background-color: rgb(254 243 199 / 0.1);
6118 }
6119
6120 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:bg-amber-950\/30{
6121 background-color: rgb(69 26 3 / 0.3);
6122 }
6123
6124 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:text-amber-100{
6125 --tw-text-opacity: 1;
6126 color: rgb(254 243 199 / var(--tw-text-opacity, 1));
6127 }
6128
6129 :is(#chat-assistant-root, #zip-ai-snippets-root) .dark\:hover\:bg-amber-100\/20:hover{
6130 background-color: rgb(254 243 199 / 0.2);
6131 }
6132 }
6133 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\+\&\]\:border-t+.\[\&\+\&\]\:border-t){
6134 border-top-width: 1px;
6135 }
6136 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\+\&\]\:border-border+.\[\&\+\&\]\:border-border){
6137 border-color: hsl(var(--border));
6138 }
6139 :is(#chat-assistant-root, #zip-ai-snippets-root) .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
6140 display: none;
6141 }
6142 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\:last-child\>td\]\:border-b-0:last-child>td){
6143 border-bottom-width: 0px;
6144 }
6145 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\*\:first-child\]\:mt-0>*:first-child){
6146 margin-top: 0px;
6147 }
6148 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\*\:last-child\]\:mb-0>*:last-child){
6149 margin-bottom: 0px;
6150 }
6151 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\:first-child\]\:\!mt-0>:first-child){
6152 margin-top: 0px !important;
6153 }
6154 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>\:last-child\]\:\!mb-0>:last-child){
6155 margin-bottom: 0px !important;
6156 }
6157 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>p\:last-child\]\:mb-0>p:last-child){
6158 margin-bottom: 0px;
6159 }
6160 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>p\]\:mb-1\.5>p){
6161 margin-bottom: 0.375rem;
6162 }
6163 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:h-3\.5>svg){
6164 height: 0.875rem;
6165 }
6166 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:w-3\.5>svg){
6167 width: 0.875rem;
6168 }
6169 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:transition-transform>svg){
6170 transition-property: transform;
6171 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6172 transition-duration: 150ms;
6173 }
6174 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>svg\]\:duration-200>svg){
6175 transition-duration: 200ms;
6176 animation-duration: 200ms;
6177 }
6178 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.hover\:\[\&\>svg\]\:rotate-90>svg:hover){
6179 --tw-rotate: 90deg;
6180 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));
6181 }
6182 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&\>tr\:last-child\>td\]\:border-b-0>tr:last-child>td){
6183 border-bottom-width: 0px;
6184 }
6185 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\*\]\:\!my-1 *){
6186 margin-top: 0.25rem !important;
6187 margin-bottom: 0.25rem !important;
6188 }
6189 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:h-full .cm-editor){
6190 height: 100%;
6191 }
6192 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:bg-transparent .cm-editor){
6193 background-color: transparent;
6194 }
6195 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-editor\]\:outline-none .cm-editor){
6196 outline: 2px solid transparent;
6197 outline-offset: 2px;
6198 }
6199 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.cm-scroller\]\:overflow-auto .cm-scroller){
6200 overflow: auto;
6201 }
6202 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:border-border .msg-content){
6203 border-color: hsl(var(--border));
6204 }
6205 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:bg-background .msg-content){
6206 background-color: hsl(var(--background));
6207 }
6208 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_\.msg-content\]\:text-foreground .msg-content){
6209 color: hsl(var(--foreground));
6210 }
6211 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_a\]\:text-inherit a){
6212 color: inherit;
6213 }
6214 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:border-0 code){
6215 border-width: 0px;
6216 }
6217 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:bg-transparent code){
6218 background-color: transparent;
6219 }
6220 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:p-0 code){
6221 padding: 0px;
6222 }
6223 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_code\]\:text-inherit code){
6224 color: inherit;
6225 }
6226 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:my-1 img){
6227 margin-top: 0.25rem;
6228 margin-bottom: 0.25rem;
6229 }
6230 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:h-auto img){
6231 height: auto;
6232 }
6233 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:max-h-\[80px\] img){
6234 max-height: 80px;
6235 }
6236 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:w-auto img){
6237 width: auto;
6238 }
6239 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:max-w-\[80px\] img){
6240 max-width: 80px;
6241 }
6242 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:rounded img){
6243 border-radius: var(--radius);
6244 }
6245 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:object-cover img){
6246 -o-object-fit: cover;
6247 object-fit: cover;
6248 }
6249 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_img\]\:shadow-sm img){
6250 --tw-shadow: 0 1px 3px hsl(var(--foreground) / 0.04), 0 1px 2px hsl(var(--foreground) / 0.02);
6251 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
6252 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6253 }
6254 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_input\]\:mt-1 input){
6255 margin-top: 0.25rem;
6256 }
6257 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:flex li){
6258 display: flex;
6259 }
6260 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:items-start li){
6261 align-items: flex-start;
6262 }
6263 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_li\]\:gap-2 li){
6264 gap: 0.5rem;
6265 }
6266 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:mb-2 p){
6267 margin-bottom: 0.5rem;
6268 }
6269 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:\!leading-relaxed p){
6270 line-height: 1.625 !important;
6271 }
6272 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_p\]\:leading-\[1\.7\] p){
6273 line-height: 1.7;
6274 }
6275 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_strong\]\:capitalize strong){
6276 text-transform: capitalize;
6277 }
6278 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_strong\]\:text-foreground strong){
6279 color: hsl(var(--foreground));
6280 }
6281 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_svg\]\:shrink-0 svg){
6282 flex-shrink: 0;
6283 }
6284 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.\[\&_svg\]\:text-foreground svg){
6285 color: hsl(var(--foreground));
6286 }
6287 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(.peer:checked ~ .peer-checked\:\[\&_svg\]\:opacity-100 svg){
6288 opacity: 1;
6289 }
6290 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(ol .\[ol_\&\]\:my-1\.5){
6291 margin-top: 0.375rem;
6292 margin-bottom: 0.375rem;
6293 }
6294 :is(#chat-assistant-root, #zip-ai-snippets-root) :is(ul .\[ul_\&\]\:my-1\.5){
6295 margin-top: 0.375rem;
6296 margin-bottom: 0.375rem;
6297 }
6298
6299