@signal9/era-ui 7.0.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18,6 +18,9 @@
|
|
|
18
18
|
import { untrack } from 'svelte';
|
|
19
19
|
import { Editor, type JSONContent } from '@tiptap/core';
|
|
20
20
|
import { noteExtensions } from './editor/extensions.js';
|
|
21
|
+
// Side-effect import: mounting the editor should not require the consumer to
|
|
22
|
+
// remember a stylesheet. Also published as `@signal9/era-ui/styles/prose`.
|
|
23
|
+
import '../../styles/prose.css';
|
|
21
24
|
|
|
22
25
|
interface Props {
|
|
23
26
|
/** Initial document. Later changes are ignored — re-key to reseed. */
|
|
@@ -167,367 +170,7 @@
|
|
|
167
170
|
<!-- eslint-disable better-tailwindcss/no-unknown-classes -- era-notes-prose is defined in this component's scoped stylesheet -->
|
|
168
171
|
<div class="era-notes-prose min-w-0 {className ?? ''}" {@attach initEditor}></div>
|
|
169
172
|
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
*
|
|
175
|
-
* Vertical rhythm is ONE value — --era-gap, the library's inter-element gap —
|
|
176
|
-
* on every block's bottom margin. A document then breathes at exactly the
|
|
177
|
-
* pace the surrounding chrome does, and loosens with density along with it.
|
|
178
|
-
*
|
|
179
|
-
* Font family is deliberately absent: the [data-font] axis sets it globally
|
|
180
|
-
* (with !important, by design), so anything declared here would either lose
|
|
181
|
-
* or break the axis promise.
|
|
182
|
-
*/
|
|
183
|
-
.era-notes-prose :global(.tiptap) {
|
|
184
|
-
outline: none;
|
|
185
|
-
min-height: 100%;
|
|
186
|
-
font-size: var(--era-text);
|
|
187
|
-
line-height: 1.6;
|
|
188
|
-
color: var(--color-fg);
|
|
189
|
-
|
|
190
|
-
/*
|
|
191
|
-
* The first line's half-leading is not padding, but it reads as padding.
|
|
192
|
-
*
|
|
193
|
-
* line-height 1.6 puts ~8px of empty box above the first glyph's cap, on
|
|
194
|
-
* top of the container's 8px inset — so the document opened 16px from the
|
|
195
|
-
* top and 8px from the left, an asymmetry that grows with the first
|
|
196
|
-
* block's font size (a note starting with a heading was the worst case).
|
|
197
|
-
*
|
|
198
|
-
* Trimming the block-start to the cap edge makes the ink itself sit on the
|
|
199
|
-
* container's inset, so the first thing you read has the same space above
|
|
200
|
-
* it as beside it, whatever block it happens to be. This is the block half
|
|
201
|
-
* of what era-text-trim does for single-line controls; only the START is
|
|
202
|
-
* trimmed, because the editor scrolls and trimming the end would put the
|
|
203
|
-
* last line's descenders past the scrollable area.
|
|
204
|
-
*
|
|
205
|
-
* Firefox has no text-box yet and keeps the untrimmed leading — the same
|
|
206
|
-
* graceful degradation era-text-trim already ships with.
|
|
207
|
-
*/
|
|
208
|
-
text-box-trim: trim-start;
|
|
209
|
-
text-box-edge: cap alphabetic;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
/* The optical half of the trim. cap trimming is EXACT — the cap sits on the
|
|
213
|
-
* container inset to the pixel — but the LEFT side isn't: glyphs start with
|
|
214
|
-
* their side bearing (~0.07em of ink-free space inside the line box), so a
|
|
215
|
-
* geometrically-equal corner read top-tight. The first block gets that same
|
|
216
|
-
* allowance back as margin, in em so a heading's compensation scales with
|
|
217
|
-
* the heading — the corner then MEASURES slightly uneven and finally LOOKS
|
|
218
|
-
* even, which is the order optics always wins in.
|
|
219
|
-
*
|
|
220
|
-
* 0.22em, not the ~0.07em side-bearing alone: a first line is usually a
|
|
221
|
-
* heavy cap or a heading, and dense ink right at a boundary needs more
|
|
222
|
-
* room than a light vertical stem to feel equally far from it — the same
|
|
223
|
-
* reason display type sets its top margin above geometric equality. Tuned
|
|
224
|
-
* by eye against the left inset. */
|
|
225
|
-
.era-notes-prose :global(.tiptap > :first-child) {
|
|
226
|
-
margin-top: 0.22em;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
/* FALLBACK for engines without text-box (Firefox): the trim above silently
|
|
230
|
-
* disappears there, and the first line opened ~0.47em too low (measured:
|
|
231
|
-
* cap 16.4px from the top against 8px from the left, dense/mono) — the
|
|
232
|
-
* exact asymmetry the trim exists to remove. Approximate the same cut with
|
|
233
|
-
* a negative first-block margin: -0.45em is the first line's half-leading
|
|
234
|
-
* (0.3em at line-height 1.6) plus the ascent-above-cap of the ui stacks
|
|
235
|
-
* (~0.15-0.17em). In em on purpose — it scales with the FIRST BLOCK's own
|
|
236
|
-
* size, so a note opening on an h1 and one opening on a paragraph both
|
|
237
|
-
* land their cap on the container inset, which one padding value could
|
|
238
|
-
* never do for both (the reference terminal app's pt-1 is this same idea,
|
|
239
|
-
* tuned only for paragraphs). The margin collapses up through .tiptap and
|
|
240
|
-
* stops at the scroll container's padding, which is where it should act.
|
|
241
|
-
* Within ~1px of the trimmed geometry; engines with text-box never match
|
|
242
|
-
* this block and keep the exact version. */
|
|
243
|
-
@supports not ((text-box-trim: trim-start) and (text-box-edge: cap alphabetic)) {
|
|
244
|
-
.era-notes-prose :global(.tiptap > :first-child) {
|
|
245
|
-
/* -0.45em of untrimmed leading, plus the same +0.22em optical
|
|
246
|
-
* allowance the trimmed path adds above. */
|
|
247
|
-
margin-top: -0.23em;
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
/* Placeholder, via @tiptap/extension-placeholder */
|
|
252
|
-
.era-notes-prose :global(.tiptap p.is-editor-empty:first-child::before) {
|
|
253
|
-
content: attr(data-placeholder);
|
|
254
|
-
float: left;
|
|
255
|
-
height: 0;
|
|
256
|
-
color: var(--color-muted);
|
|
257
|
-
pointer-events: none;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
/* Typography */
|
|
261
|
-
.era-notes-prose :global(.tiptap p) {
|
|
262
|
-
margin: 0 0 var(--era-gap);
|
|
263
|
-
}
|
|
264
|
-
.era-notes-prose :global(.tiptap p:last-child) {
|
|
265
|
-
margin-bottom: 0;
|
|
266
|
-
}
|
|
267
|
-
.era-notes-prose :global(.tiptap h1) {
|
|
268
|
-
font-size: 1.5em;
|
|
269
|
-
}
|
|
270
|
-
.era-notes-prose :global(.tiptap h2) {
|
|
271
|
-
font-size: 1.25em;
|
|
272
|
-
}
|
|
273
|
-
.era-notes-prose :global(.tiptap h3) {
|
|
274
|
-
font-size: 1.1em;
|
|
275
|
-
}
|
|
276
|
-
.era-notes-prose :global(.tiptap h1),
|
|
277
|
-
.era-notes-prose :global(.tiptap h2),
|
|
278
|
-
.era-notes-prose :global(.tiptap h3) {
|
|
279
|
-
margin: 0 0 var(--era-gap);
|
|
280
|
-
font-weight: 600;
|
|
281
|
-
line-height: 1.6;
|
|
282
|
-
color: var(--color-bright);
|
|
283
|
-
}
|
|
284
|
-
.era-notes-prose :global(.tiptap strong) {
|
|
285
|
-
font-weight: 600;
|
|
286
|
-
color: var(--color-bright);
|
|
287
|
-
}
|
|
288
|
-
.era-notes-prose :global(.tiptap em) {
|
|
289
|
-
font-style: italic;
|
|
290
|
-
}
|
|
291
|
-
.era-notes-prose :global(.tiptap s) {
|
|
292
|
-
text-decoration: line-through;
|
|
293
|
-
text-decoration-thickness: 0.5px;
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
/* Code — inline chips take the xxs radius, blocks the lg one a Card uses. */
|
|
297
|
-
.era-notes-prose :global(.tiptap code) {
|
|
298
|
-
padding: 1px var(--era-inset-xxs);
|
|
299
|
-
border-radius: var(--era-rd-xxs);
|
|
300
|
-
background: var(--era-surface-bg-elevated);
|
|
301
|
-
}
|
|
302
|
-
.era-notes-prose :global(.tiptap pre) {
|
|
303
|
-
overflow-x: auto;
|
|
304
|
-
margin: 0 0 var(--era-gap);
|
|
305
|
-
padding: var(--era-inset-md);
|
|
306
|
-
border-radius: var(--era-rd-lg);
|
|
307
|
-
background: var(--color-surface);
|
|
308
|
-
box-shadow: var(--era-shadow);
|
|
309
|
-
}
|
|
310
|
-
.era-notes-prose :global(.tiptap pre code) {
|
|
311
|
-
padding: 0;
|
|
312
|
-
border-radius: 0;
|
|
313
|
-
background: transparent;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
/* Syntax highlighting — the neutral scale, so it themes with everything else. */
|
|
317
|
-
.era-notes-prose :global(.tiptap pre .hljs-keyword),
|
|
318
|
-
.era-notes-prose :global(.tiptap pre .hljs-built_in) {
|
|
319
|
-
color: var(--color-9);
|
|
320
|
-
}
|
|
321
|
-
.era-notes-prose :global(.tiptap pre .hljs-string),
|
|
322
|
-
.era-notes-prose :global(.tiptap pre .hljs-regexp) {
|
|
323
|
-
color: var(--color-10);
|
|
324
|
-
}
|
|
325
|
-
.era-notes-prose :global(.tiptap pre .hljs-number),
|
|
326
|
-
.era-notes-prose :global(.tiptap pre .hljs-literal),
|
|
327
|
-
.era-notes-prose :global(.tiptap pre .hljs-type),
|
|
328
|
-
.era-notes-prose :global(.tiptap pre .hljs-class) {
|
|
329
|
-
color: var(--color-11);
|
|
330
|
-
}
|
|
331
|
-
.era-notes-prose :global(.tiptap pre .hljs-comment) {
|
|
332
|
-
color: var(--color-8);
|
|
333
|
-
}
|
|
334
|
-
.era-notes-prose :global(.tiptap pre .hljs-function),
|
|
335
|
-
.era-notes-prose :global(.tiptap pre .hljs-title) {
|
|
336
|
-
font-weight: 600;
|
|
337
|
-
color: var(--color-9);
|
|
338
|
-
}
|
|
339
|
-
.era-notes-prose :global(.tiptap pre .hljs-variable),
|
|
340
|
-
.era-notes-prose :global(.tiptap pre .hljs-attr) {
|
|
341
|
-
color: var(--color-12);
|
|
342
|
-
}
|
|
343
|
-
.era-notes-prose :global(.tiptap pre .hljs-params) {
|
|
344
|
-
color: var(--color-11);
|
|
345
|
-
}
|
|
346
|
-
.era-notes-prose :global(.tiptap pre .hljs-meta),
|
|
347
|
-
.era-notes-prose :global(.tiptap pre .hljs-tag) {
|
|
348
|
-
color: var(--color-10);
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
/* Blockquote */
|
|
352
|
-
.era-notes-prose :global(.tiptap blockquote) {
|
|
353
|
-
margin: 0 0 var(--era-gap);
|
|
354
|
-
padding-left: var(--era-inset-md);
|
|
355
|
-
border-left: 2px solid var(--era-divider-color);
|
|
356
|
-
color: var(--color-muted);
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
/* Lists */
|
|
360
|
-
.era-notes-prose :global(.tiptap li),
|
|
361
|
-
.era-notes-prose :global(.tiptap li p),
|
|
362
|
-
.era-notes-prose :global(.tiptap ul),
|
|
363
|
-
.era-notes-prose :global(.tiptap ol) {
|
|
364
|
-
margin: 0;
|
|
365
|
-
}
|
|
366
|
-
.era-notes-prose :global(.tiptap ul) {
|
|
367
|
-
padding-left: 1.4em;
|
|
368
|
-
list-style-type: disc;
|
|
369
|
-
}
|
|
370
|
-
.era-notes-prose :global(.tiptap ol) {
|
|
371
|
-
padding-left: 1.9em;
|
|
372
|
-
list-style-type: decimal;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
/* Task list — a checkbox styled like era's Checkbox, at the icon tier. */
|
|
376
|
-
.era-notes-prose :global(.tiptap .task-list) {
|
|
377
|
-
padding-left: 0;
|
|
378
|
-
list-style: none;
|
|
379
|
-
}
|
|
380
|
-
.era-notes-prose :global(.tiptap .task-item) {
|
|
381
|
-
display: flex;
|
|
382
|
-
gap: var(--era-gap);
|
|
383
|
-
}
|
|
384
|
-
.era-notes-prose :global(.tiptap .task-item label) {
|
|
385
|
-
/* Match the line box so the box centres against the first line of text. */
|
|
386
|
-
display: flex;
|
|
387
|
-
align-items: center;
|
|
388
|
-
height: calc(var(--era-text) * 1.6);
|
|
389
|
-
}
|
|
390
|
-
.era-notes-prose :global(.tiptap .task-item input[type='checkbox']) {
|
|
391
|
-
flex-shrink: 0;
|
|
392
|
-
width: calc(var(--era-h-xs) - 4px);
|
|
393
|
-
height: calc(var(--era-h-xs) - 4px);
|
|
394
|
-
border-radius: var(--era-rd-xs);
|
|
395
|
-
background: var(--era-surface-bg-elevated);
|
|
396
|
-
box-shadow: var(--era-shadow-well);
|
|
397
|
-
appearance: none;
|
|
398
|
-
cursor: pointer;
|
|
399
|
-
transition:
|
|
400
|
-
background var(--era-duration) var(--era-ease),
|
|
401
|
-
box-shadow var(--era-duration) var(--era-ease);
|
|
402
|
-
}
|
|
403
|
-
.era-notes-prose :global(.tiptap .task-item input[type='checkbox']:hover) {
|
|
404
|
-
background: var(--era-highlight);
|
|
405
|
-
}
|
|
406
|
-
.era-notes-prose :global(.tiptap .task-item input[type='checkbox']:checked) {
|
|
407
|
-
background: var(--color-primary);
|
|
408
|
-
box-shadow: var(--era-shadow-pressed);
|
|
409
|
-
}
|
|
410
|
-
.era-notes-prose :global(.tiptap .task-item[data-checked='true'] > div > p) {
|
|
411
|
-
color: var(--color-muted);
|
|
412
|
-
text-decoration: line-through;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
/* Horizontal rule */
|
|
416
|
-
.era-notes-prose :global(.tiptap hr) {
|
|
417
|
-
margin: var(--era-gap) 0;
|
|
418
|
-
border: none;
|
|
419
|
-
border-top: 1px solid var(--era-divider-color);
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
/* Links — the era-link recipe, inlined because ProseMirror owns this DOM. */
|
|
423
|
-
.era-notes-prose :global(.tiptap a) {
|
|
424
|
-
color: var(--color-link);
|
|
425
|
-
text-decoration-line: underline;
|
|
426
|
-
text-decoration-color: color-mix(in oklch, currentColor 30%, transparent);
|
|
427
|
-
text-underline-offset: 0.2em;
|
|
428
|
-
cursor: pointer;
|
|
429
|
-
transition: text-decoration-color var(--era-duration) var(--era-ease);
|
|
430
|
-
}
|
|
431
|
-
.era-notes-prose :global(.tiptap a:hover) {
|
|
432
|
-
text-decoration-color: currentColor;
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
/* Highlight — the warning token PAIR, not a wash of it.
|
|
436
|
-
*
|
|
437
|
-
* This was a 25% warning tint with `color: inherit`, which is two problems at
|
|
438
|
-
* once: at 25% the mark barely separates from the page, and pushing the alpha
|
|
439
|
-
* up to fix that puts light body text on yellow, which is worse. The pair
|
|
440
|
-
* exists for exactly this — warning-fg is dark in EVERY mode by design
|
|
441
|
-
* (see themes.css: yellow cannot carry light text), so a solid fill reads as
|
|
442
|
-
* a real highlighter and the text on it stays legible in both modes. */
|
|
443
|
-
.era-notes-prose :global(.tiptap mark) {
|
|
444
|
-
padding: 1px 0;
|
|
445
|
-
background: var(--color-warning);
|
|
446
|
-
color: var(--color-warning-fg);
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
/* Table */
|
|
450
|
-
.era-notes-prose :global(.tiptap .note-table) {
|
|
451
|
-
width: 100%;
|
|
452
|
-
margin: 0 0 var(--era-gap);
|
|
453
|
-
border-collapse: collapse;
|
|
454
|
-
table-layout: fixed;
|
|
455
|
-
}
|
|
456
|
-
.era-notes-prose :global(.tiptap .note-table td),
|
|
457
|
-
.era-notes-prose :global(.tiptap .note-table th) {
|
|
458
|
-
padding: var(--era-inset-sm) var(--era-inset-md);
|
|
459
|
-
border: 1px solid var(--era-divider-color);
|
|
460
|
-
text-align: left;
|
|
461
|
-
vertical-align: top;
|
|
462
|
-
}
|
|
463
|
-
.era-notes-prose :global(.tiptap .note-table th) {
|
|
464
|
-
background: var(--color-surface);
|
|
465
|
-
font-weight: 600;
|
|
466
|
-
color: var(--color-bright);
|
|
467
|
-
}
|
|
468
|
-
.era-notes-prose :global(.tiptap .note-table td > p),
|
|
469
|
-
.era-notes-prose :global(.tiptap .note-table th > p) {
|
|
470
|
-
margin: 0;
|
|
471
|
-
}
|
|
472
|
-
|
|
473
|
-
/* Details (collapsible) */
|
|
474
|
-
.era-notes-prose :global(.tiptap details) {
|
|
475
|
-
margin: 0 0 var(--era-gap);
|
|
476
|
-
padding: var(--era-inset-sm) var(--era-inset-md);
|
|
477
|
-
border-radius: var(--era-rd-md);
|
|
478
|
-
background: var(--era-surface-bg-elevated);
|
|
479
|
-
box-shadow: var(--era-shadow);
|
|
480
|
-
}
|
|
481
|
-
.era-notes-prose :global(.tiptap details summary) {
|
|
482
|
-
font-weight: 600;
|
|
483
|
-
color: var(--color-bright);
|
|
484
|
-
cursor: pointer;
|
|
485
|
-
}
|
|
486
|
-
.era-notes-prose :global(.tiptap details > div) {
|
|
487
|
-
margin-top: var(--era-gap);
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
/* Image */
|
|
491
|
-
.era-notes-prose :global(.tiptap img) {
|
|
492
|
-
max-width: 100%;
|
|
493
|
-
height: auto;
|
|
494
|
-
border-radius: var(--era-rd-md);
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
/*
|
|
498
|
-
* ProseMirror ships hardcoded selection colours (#8cf outlines, a black gap
|
|
499
|
-
* cursor, rgba(200,200,255,.4) cell selection, #adf resize handles). Each is
|
|
500
|
-
* overridden here or the editor shows chrome from a different design system.
|
|
501
|
-
*/
|
|
502
|
-
.era-notes-prose :global(.tiptap .ProseMirror-selectednode) {
|
|
503
|
-
outline: 2px solid var(--color-primary);
|
|
504
|
-
}
|
|
505
|
-
.era-notes-prose :global(.tiptap li.ProseMirror-selectednode) {
|
|
506
|
-
outline: none;
|
|
507
|
-
}
|
|
508
|
-
.era-notes-prose :global(.tiptap li.ProseMirror-selectednode::after) {
|
|
509
|
-
border-color: var(--color-primary);
|
|
510
|
-
}
|
|
511
|
-
.era-notes-prose :global(.ProseMirror-gapcursor::after) {
|
|
512
|
-
border-top-color: var(--color-primary);
|
|
513
|
-
}
|
|
514
|
-
.era-notes-prose :global(.tiptap .selectedCell::after) {
|
|
515
|
-
background: var(--era-highlight);
|
|
516
|
-
}
|
|
517
|
-
.era-notes-prose :global(.tiptap .column-resize-handle) {
|
|
518
|
-
background-color: var(--color-primary);
|
|
519
|
-
}
|
|
520
|
-
/* NO ::selection rule here, deliberately.
|
|
521
|
-
*
|
|
522
|
-
* era owns text selection as a surface token contract — --era-selection-bg /
|
|
523
|
-
* -fg / -shadow (surfaces/base.css), which is how flat gets inverse video,
|
|
524
|
-
* glass a glowing wash, and bevel an opaque accent bar. This file used to
|
|
525
|
-
* override it with `background: var(--color-4)` and no `color`, which threw
|
|
526
|
-
* all of that away AND left body text on a mid-scale grey: the band barely
|
|
527
|
-
* separated from the page and the glyphs sat on top of it at whatever
|
|
528
|
-
* contrast happened to fall out. Dropping the override restores both the
|
|
529
|
-
* contrast (bright fill, --color-1 glyphs) and the per-surface treatment.
|
|
530
|
-
*
|
|
531
|
-
* The ProseMirror overrides above are still needed — those replace hardcoded
|
|
532
|
-
* library chrome that no era token would otherwise reach. */
|
|
533
|
-
</style>
|
|
173
|
+
<!-- The document styling lives in ../../styles/prose.css, imported above:
|
|
174
|
+
Svelte would scope a <style> block to this component, which is what made
|
|
175
|
+
era's prose typography unreachable for anyone building their own TipTap
|
|
176
|
+
instance. Same rules, addressable by anyone who sets .era-notes-prose. -->
|
package/dist/era-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--era-roundness-scale:1}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--color-divider-faded:var(--era-divider-faded);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-0{inset:0}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-x-0{inset-inline:0}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.inset-y-0{inset-block:0}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-\(--era-sm-inset-lg\){top:var(--era-sm-inset-lg)}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-\(--era-gap\){right:var(--era-gap)}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\(--era-sm-inset-lg\){right:var(--era-sm-inset-lg)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\/2\)\]{margin-left:calc(var(--era-inset-md) + var(--era-h-xs) / 2)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-gap\){width:var(--era-gap);height:var(--era-gap)}.size-\(--era-h-lg\){width:var(--era-h-lg);height:var(--era-h-lg)}.size-\(--era-h-md\){width:var(--era-h-md);height:var(--era-h-md)}.size-\(--era-h-sm\){width:var(--era-h-sm);height:var(--era-h-sm)}.size-\(--era-h-xs\){width:var(--era-h-xs);height:var(--era-h-xs)}.size-\(--era-h-xxs\){width:var(--era-h-xxs);height:var(--era-h-xxs)}.size-\(--era-icon-xxs\){width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-xs\)\*0\.75\)\]{width:calc(var(--era-h-xs) * .75);height:calc(var(--era-h-xs) * .75)}.size-full{width:100%;height:100%}.size-lg{width:var(--era-h-lg);height:var(--era-h-lg)}.size-md{width:var(--era-h-md);height:var(--era-h-md)}.size-sm{width:var(--era-h-sm);height:var(--era-h-sm)}.size-xs{width:var(--era-h-xs);height:var(--era-h-xs)}.size-xxs{width:var(--era-h-xxs);height:var(--era-h-xxs)}.h-\(--era-h-lg\){height:var(--era-h-lg)}.h-\(--era-h-md\){height:var(--era-h-md)}.h-\(--era-h-sm\){height:var(--era-h-sm)}.h-\(--era-h-xs\){height:var(--era-h-xs)}.h-\(--era-h-xxs\){height:var(--era-h-xxs)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-lg\)\*3\)\]{height:calc(var(--era-h-lg) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-lg{height:var(--era-h-lg)}.h-md{height:var(--era-h-md)}.h-px{height:1px}.h-screen{height:100vh}.h-sm{height:var(--era-h-sm)}.h-xs{height:var(--era-h-xs)}.h-xxs{height:var(--era-h-xxs)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-md\)\*8\)\]{max-height:calc(var(--era-h-md) * 8)}.max-h-none{max-height:none}.min-h-\(--era-h-lg\){min-height:var(--era-h-lg)}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.min-h-0{min-height:0}.min-h-lg{min-height:var(--era-h-lg)}.min-h-md{min-height:var(--era-h-md)}.min-h-screen{min-height:100vh}.min-h-sm{min-height:var(--era-h-sm)}.min-h-xs{min-height:var(--era-h-xs)}.min-h-xxs{min-height:var(--era-h-xxs)}.w-\(--era-h-md\){width:var(--era-h-md)}.w-\(--era-h-xs\){width:var(--era-h-xs)}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[calc\(var\(--era-h-md\)\*3\)\]{width:calc(var(--era-h-md) * 3)}.w-\[calc\(var\(--era-h-sm\)\+var\(--era-h-xs\)\)\]{width:calc(var(--era-h-sm) + var(--era-h-xs))}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[18rem\]{min-width:18rem}.min-w-md{min-width:var(--container-md)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-xs\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-xs) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-lg\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-lg) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-content-p\){gap:var(--era-content-p)}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-inset-sm\){gap:var(--era-inset-sm)}.gap-\(--era-inset-xxs\){gap:var(--era-inset-xxs)}.gap-\(--era-pad-lg\){gap:var(--era-pad-lg)}.gap-\(--era-pad-md\){gap:var(--era-pad-md)}.gap-\(--era-pad-sm\){gap:var(--era-pad-sm)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--era-xs-inset-sm\){gap:var(--era-xs-inset-sm)}.gap-\(--era-xs-inset-xxs\){gap:var(--era-xs-inset-xxs)}.gap-\(--era-xxs-inset-md\){gap:var(--era-xxs-inset-md)}.gap-\(--era-xxs-inset-sm\){gap:var(--era-xxs-inset-sm)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-gutter{gap:var(--era-gap)}:where(.space-y-\(--era-gap\)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--era-gap) * var(--tw-space-y-reverse));margin-block-end:calc(var(--era-gap) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.gap-x-\(--era-inset-md\){column-gap:var(--era-inset-md)}.gap-x-\(--era-inset-sm\){column-gap:var(--era-inset-sm)}.gap-y-\(--era-gap\){row-gap:var(--era-gap)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-lg\){border-radius:var(--era-rd-lg)}.rounded-\(--era-rd-md\){border-radius:var(--era-rd-md)}.rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}.rounded-\(--era-rd-xs\){border-radius:var(--era-rd-xs)}.rounded-\(--era-rd-xxs\){border-radius:var(--era-rd-xxs)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-item{border-radius:var(--era-item-rd)}.rounded-lg{border-radius:var(--era-rd-lg)}.rounded-md{border-radius:var(--era-rd-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--era-rd-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--era-rd-xs)}.rounded-xxs{border-radius:var(--era-rd-xxs)}.rounded-t-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-top-right-radius:var(--era-rd-lg)}.rounded-t-\(--era-rd-md\){border-top-left-radius:var(--era-rd-md);border-top-right-radius:var(--era-rd-md)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-md\){border-bottom-right-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(color\:--era-border-color\){border-color:var(--era-border-color)}.border-6{border-color:var(--color-6)}.border-8{border-color:var(--color-8)}.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-primary{border-color:var(--color-primary)}.border-warning{border-color:var(--color-warning)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-field-bg\){background-color:var(--era-field-bg)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-overlay-bg\){background-color:var(--era-overlay-bg)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-fill{background-color:var(--era-fill)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-content{padding:var(--era-content-p);padding-top:max(0px, calc(var(--era-content-p) - (var(--era-h-lg) - var(--era-text)) / 2))}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-card{padding:var(--era-pad-md)}.p-gutter{padding:var(--era-gap)}.p-inset-md{padding:var(--era-inset-md)}.p-inset-sm{padding:var(--era-inset-sm)}.p-inset-xxs{padding:var(--era-inset-xxs)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-sm)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-inset-md\){padding-inline:var(--era-inset-md)}.px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}.px-\(--era-inset-xxs\){padding-inline:var(--era-inset-xxs)}.px-\(--era-pad-lg\){padding-inline:var(--era-pad-lg)}.px-\(--era-pad-md\){padding-inline:var(--era-pad-md)}.px-\(--era-pad-sm\){padding-inline:var(--era-pad-sm)}.px-\(--era-pill-sm\){padding-inline:var(--era-pill-sm)}.px-\(--era-pill-xxs\){padding-inline:var(--era-pill-xxs)}.px-\(--era-px-lg\){padding-inline:var(--era-px-lg)}.px-\(--era-px-sm\){padding-inline:var(--era-px-sm)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-\(--era-xs-inset-sm\){padding-inline:var(--era-xs-inset-sm)}.px-\(--era-xxs-inset-md\){padding-inline:var(--era-xxs-inset-md)}.px-\(--era-xxs-inset-sm\){padding-inline:var(--era-xxs-inset-sm)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-field{padding-inline:var(--era-field-px)}.px-gutter{padding-inline:var(--era-gap)}.px-inset-md{padding-inline:var(--era-inset-md)}.px-inset-sm{padding-inline:var(--era-inset-sm)}.px-inset-xxs{padding-inline:var(--era-inset-xxs)}.px-lg{padding-inline:var(--era-px-lg)}.px-md{padding-inline:var(--era-px-md)}.px-pill-sm{padding-inline:var(--era-pill-sm)}.px-pill-xxs{padding-inline:var(--era-pill-xxs)}.px-sm{padding-inline:var(--era-px-sm)}.py-\(--era-gap\){padding-block:var(--era-gap)}.py-\(--era-inset-md\){padding-block:var(--era-inset-md)}.py-\(--era-inset-sm\){padding-block:var(--era-inset-sm)}.py-\(--era-inset-xxs\){padding-block:var(--era-inset-xxs)}.py-\(--era-pad-lg\){padding-block:var(--era-pad-lg)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-md\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-md) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-lg\)\*2\)\]{padding-block:calc(var(--era-pad-lg) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-gutter{padding-block:var(--era-gap)}.py-inset-md{padding-block:var(--era-inset-md)}.py-inset-sm{padding-block:var(--era-inset-sm)}.py-inset-xxs{padding-block:var(--era-inset-xxs)}.ps-\(--era-field-px\){padding-inline-start:var(--era-field-px)}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-sm-inset-md\){padding-inline-end:var(--era-sm-inset-md)}.pt-\(--era-content-p\){padding-top:var(--era-content-p)}.pt-\(--era-gap\){padding-top:var(--era-gap)}.pt-\(--era-inset-sm\){padding-top:var(--era-inset-sm)}.pt-\(--era-pad-lg\){padding-top:var(--era-pad-lg)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pr-\(--era-inset-md\){padding-right:var(--era-inset-md)}.pr-\(--era-pad-sm\){padding-right:var(--era-pad-sm)}.pr-\(--era-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\(--era-xxs-inset-sm\){padding-right:var(--era-xxs-inset-sm)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-sm-inset-lg\)\+var\(--era-h-sm\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-sm-inset-lg) + var(--era-h-sm) + var(--era-field-px))}.era-ink-center{padding-bottom:.08em}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-inset-sm\){padding-bottom:var(--era-inset-sm)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-md) + var(--era-h-xs) + var(--era-gap))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.leading-\(--era-h-md\){--tw-leading:var(--era-h-md);line-height:var(--era-h-md)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel,.shadow\/shadow-lg{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-\(--color-7\){outline-color:var(--color-7)}.outline-1{outline-color:var(--color-1)}.outline-7{outline-color:var(--color-7)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);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,)}.blur-\[4px\]{--tw-blur:blur(4px);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,)}.blur-none{--tw-blur: ;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,)}.blur-xs{--tw-blur:blur(var(--blur-xs));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,)}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-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,);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,)}.backdrop-filter{-webkit-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,);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,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--sheet-rd\:var\(--era-rd-lg\)\]{--sheet-rd:var(--era-rd-lg)}.\[--sheet-rd\:var\(--era-rd-md\)\]{--sheet-rd:var(--era-rd-md)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-\(--era-rd-md\):is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\/message\:bg-\(--era-surface-bg-elevated\):is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-\(--era-pad-sm\):is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-\(--era-shadow\):is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-\(--era-rd-md\):first-child{border-top-left-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-\(--era-rd-md\):last-child{border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-field-highlight\):focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-\(--era-shadow-well\):focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-field-bg\):hover{background-color:var(--era-field-bg)}.hover\:bg-\(--era-field-highlight\):hover{background-color:var(--era-field-highlight)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-well\):hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:bg-\(--era-field-highlight\):focus{background-color:var(--era-field-highlight)}.focus\:bg-\(--era-highlight\):focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-\(--era-shadow-well\):focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-\(--era-highlight\):focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-field-bg\):has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-bg-elevated\)[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-\(--era-highlight\)[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-\(--era-highlight\)[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-xs\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-xs) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-shadow-pressed\)[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-\(--era-shadow-pressed\)[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);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,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\(--era-h-xs\) svg{width:var(--era-h-xs);height:var(--era-h-xs)}.\[\&_svg\]\:size-\(--era-icon-xs\) svg{width:var(--era-icon-xs);height:var(--era-icon-xs)}.\[\&_svg\]\:size-\(--era-icon-xxs\) svg{width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-\(--era-rd-md\):has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-\(--era-gap\)>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .004 84);--color-2:oklch(22.5% .005 84);--color-3:oklch(29% .007 84);--color-4:oklch(35.5% .008 84);--color-5:oklch(43.5% .008 84);--color-6:oklch(51.5% .008 84);--color-7:oklch(59.6% .007 84);--color-8:oklch(67.7% .006 84);--color-9:oklch(73% .005 84);--color-10:oklch(78% .005 84);--color-11:oklch(83% .005 84);--color-12:oklch(90% .005 84);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .006 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .004 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .004 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .004 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .004 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-xs:calc(var(--era-sp) + .375rem);--era-icon-stroke-width:1.75;--era-icon-xxs:calc(var(--era-sp) + .25rem);--era-icon-xs:calc(var(--era-sp) + .125rem);--era-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-pill-sm), .5rem);--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xxs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-md:calc((var(--era-h-md) - var(--era-h-sm)) / 2);--era-sm-inset-lg:calc((var(--era-h-lg) - var(--era-h-sm)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-xs:max(0px, var(--era-roundness));--era-rd-xxs:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-xxs) - var(--era-h-xs)) / 2));--era-rd-sm:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-sm) - var(--era-h-xs)) / 2));--era-rd-md:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-md) - var(--era-h-xs)) / 2));--era-rd-lg:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-lg) - var(--era-h-xs)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-sm:calc(var(--era-so) / 2);--era-pad-md:var(--era-so);--era-pad-lg:calc(var(--era-so) * 2);--era-content-p:var(--era-pad-lg)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-xs) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg);--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-md) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono],[data-font=mono] *{font-family:var(--era-font-mono)!important}[data-font=sans],[data-font=sans] *{font-family:var(--era-font-sans)!important}[data-font=serif],[data-font=serif] *{font-family:var(--era-font-serif)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}:where(.lucide){stroke-width:var(--era-icon-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}.era-text-trim.truncate,.era-text-trim-caps.truncate{text-box:normal;line-height:normal}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--era-roundness-scale:1}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--color-divider-faded:var(--era-divider-faded);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-0{inset:0}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-x-0{inset-inline:0}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.inset-y-0{inset-block:0}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-\(--era-sm-inset-lg\){top:var(--era-sm-inset-lg)}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-\(--era-gap\){right:var(--era-gap)}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\(--era-sm-inset-lg\){right:var(--era-sm-inset-lg)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\/2\)\]{margin-left:calc(var(--era-inset-md) + var(--era-h-xs) / 2)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-gap\){width:var(--era-gap);height:var(--era-gap)}.size-\(--era-h-lg\){width:var(--era-h-lg);height:var(--era-h-lg)}.size-\(--era-h-md\){width:var(--era-h-md);height:var(--era-h-md)}.size-\(--era-h-sm\){width:var(--era-h-sm);height:var(--era-h-sm)}.size-\(--era-h-xs\){width:var(--era-h-xs);height:var(--era-h-xs)}.size-\(--era-h-xxs\){width:var(--era-h-xxs);height:var(--era-h-xxs)}.size-\(--era-icon-xxs\){width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-xs\)\*0\.75\)\]{width:calc(var(--era-h-xs) * .75);height:calc(var(--era-h-xs) * .75)}.size-full{width:100%;height:100%}.size-lg{width:var(--era-h-lg);height:var(--era-h-lg)}.size-md{width:var(--era-h-md);height:var(--era-h-md)}.size-sm{width:var(--era-h-sm);height:var(--era-h-sm)}.size-xs{width:var(--era-h-xs);height:var(--era-h-xs)}.size-xxs{width:var(--era-h-xxs);height:var(--era-h-xxs)}.h-\(--era-h-lg\){height:var(--era-h-lg)}.h-\(--era-h-md\){height:var(--era-h-md)}.h-\(--era-h-sm\){height:var(--era-h-sm)}.h-\(--era-h-xs\){height:var(--era-h-xs)}.h-\(--era-h-xxs\){height:var(--era-h-xxs)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-lg\)\*3\)\]{height:calc(var(--era-h-lg) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-lg{height:var(--era-h-lg)}.h-md{height:var(--era-h-md)}.h-px{height:1px}.h-screen{height:100vh}.h-sm{height:var(--era-h-sm)}.h-xs{height:var(--era-h-xs)}.h-xxs{height:var(--era-h-xxs)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-md\)\*8\)\]{max-height:calc(var(--era-h-md) * 8)}.max-h-none{max-height:none}.min-h-\(--era-h-lg\){min-height:var(--era-h-lg)}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.min-h-0{min-height:0}.min-h-lg{min-height:var(--era-h-lg)}.min-h-md{min-height:var(--era-h-md)}.min-h-screen{min-height:100vh}.min-h-sm{min-height:var(--era-h-sm)}.min-h-xs{min-height:var(--era-h-xs)}.min-h-xxs{min-height:var(--era-h-xxs)}.w-\(--era-h-md\){width:var(--era-h-md)}.w-\(--era-h-xs\){width:var(--era-h-xs)}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[calc\(var\(--era-h-md\)\*3\)\]{width:calc(var(--era-h-md) * 3)}.w-\[calc\(var\(--era-h-sm\)\+var\(--era-h-xs\)\)\]{width:calc(var(--era-h-sm) + var(--era-h-xs))}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[18rem\]{min-width:18rem}.min-w-md{min-width:var(--container-md)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-xs\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-xs) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-lg\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-lg) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-content-p\){gap:var(--era-content-p)}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-inset-sm\){gap:var(--era-inset-sm)}.gap-\(--era-inset-xxs\){gap:var(--era-inset-xxs)}.gap-\(--era-pad-lg\){gap:var(--era-pad-lg)}.gap-\(--era-pad-md\){gap:var(--era-pad-md)}.gap-\(--era-pad-sm\){gap:var(--era-pad-sm)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--era-xs-inset-sm\){gap:var(--era-xs-inset-sm)}.gap-\(--era-xs-inset-xxs\){gap:var(--era-xs-inset-xxs)}.gap-\(--era-xxs-inset-md\){gap:var(--era-xxs-inset-md)}.gap-\(--era-xxs-inset-sm\){gap:var(--era-xxs-inset-sm)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-gutter{gap:var(--era-gap)}:where(.space-y-\(--era-gap\)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--era-gap) * var(--tw-space-y-reverse));margin-block-end:calc(var(--era-gap) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.gap-x-\(--era-inset-md\){column-gap:var(--era-inset-md)}.gap-x-\(--era-inset-sm\){column-gap:var(--era-inset-sm)}.gap-y-\(--era-gap\){row-gap:var(--era-gap)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-lg\){border-radius:var(--era-rd-lg)}.rounded-\(--era-rd-md\){border-radius:var(--era-rd-md)}.rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}.rounded-\(--era-rd-xs\){border-radius:var(--era-rd-xs)}.rounded-\(--era-rd-xxs\){border-radius:var(--era-rd-xxs)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-item{border-radius:var(--era-item-rd)}.rounded-lg{border-radius:var(--era-rd-lg)}.rounded-md{border-radius:var(--era-rd-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--era-rd-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--era-rd-xs)}.rounded-xxs{border-radius:var(--era-rd-xxs)}.rounded-t-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-top-right-radius:var(--era-rd-lg)}.rounded-t-\(--era-rd-md\){border-top-left-radius:var(--era-rd-md);border-top-right-radius:var(--era-rd-md)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-md\){border-bottom-right-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(color\:--era-border-color\){border-color:var(--era-border-color)}.border-6{border-color:var(--color-6)}.border-8{border-color:var(--color-8)}.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-primary{border-color:var(--color-primary)}.border-warning{border-color:var(--color-warning)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-field-bg\){background-color:var(--era-field-bg)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-overlay-bg\){background-color:var(--era-overlay-bg)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-fill{background-color:var(--era-fill)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-content{padding:var(--era-content-p);padding-top:max(0px, calc(var(--era-content-p) - (var(--era-h-lg) - var(--era-text)) / 2))}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-card{padding:var(--era-pad-md)}.p-gutter{padding:var(--era-gap)}.p-inset-md{padding:var(--era-inset-md)}.p-inset-sm{padding:var(--era-inset-sm)}.p-inset-xxs{padding:var(--era-inset-xxs)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-sm)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-inset-md\){padding-inline:var(--era-inset-md)}.px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}.px-\(--era-inset-xxs\){padding-inline:var(--era-inset-xxs)}.px-\(--era-pad-lg\){padding-inline:var(--era-pad-lg)}.px-\(--era-pad-md\){padding-inline:var(--era-pad-md)}.px-\(--era-pad-sm\){padding-inline:var(--era-pad-sm)}.px-\(--era-pill-sm\){padding-inline:var(--era-pill-sm)}.px-\(--era-pill-xxs\){padding-inline:var(--era-pill-xxs)}.px-\(--era-px-lg\){padding-inline:var(--era-px-lg)}.px-\(--era-px-sm\){padding-inline:var(--era-px-sm)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-\(--era-xs-inset-sm\){padding-inline:var(--era-xs-inset-sm)}.px-\(--era-xxs-inset-md\){padding-inline:var(--era-xxs-inset-md)}.px-\(--era-xxs-inset-sm\){padding-inline:var(--era-xxs-inset-sm)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-field{padding-inline:var(--era-field-px)}.px-gutter{padding-inline:var(--era-gap)}.px-inset-md{padding-inline:var(--era-inset-md)}.px-inset-sm{padding-inline:var(--era-inset-sm)}.px-inset-xxs{padding-inline:var(--era-inset-xxs)}.px-lg{padding-inline:var(--era-px-lg)}.px-md{padding-inline:var(--era-px-md)}.px-pill-sm{padding-inline:var(--era-pill-sm)}.px-pill-xxs{padding-inline:var(--era-pill-xxs)}.px-sm{padding-inline:var(--era-px-sm)}.py-\(--era-gap\){padding-block:var(--era-gap)}.py-\(--era-inset-md\){padding-block:var(--era-inset-md)}.py-\(--era-inset-sm\){padding-block:var(--era-inset-sm)}.py-\(--era-inset-xxs\){padding-block:var(--era-inset-xxs)}.py-\(--era-pad-lg\){padding-block:var(--era-pad-lg)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-md\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-md) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-lg\)\*2\)\]{padding-block:calc(var(--era-pad-lg) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-gutter{padding-block:var(--era-gap)}.py-inset-md{padding-block:var(--era-inset-md)}.py-inset-sm{padding-block:var(--era-inset-sm)}.py-inset-xxs{padding-block:var(--era-inset-xxs)}.ps-\(--era-field-px\){padding-inline-start:var(--era-field-px)}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-sm-inset-md\){padding-inline-end:var(--era-sm-inset-md)}.pt-\(--era-content-p\){padding-top:var(--era-content-p)}.pt-\(--era-gap\){padding-top:var(--era-gap)}.pt-\(--era-inset-sm\){padding-top:var(--era-inset-sm)}.pt-\(--era-pad-lg\){padding-top:var(--era-pad-lg)}.pt-0{padding-top:0}.pr-\(--era-inset-md\){padding-right:var(--era-inset-md)}.pr-\(--era-pad-sm\){padding-right:var(--era-pad-sm)}.pr-\(--era-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\(--era-xxs-inset-sm\){padding-right:var(--era-xxs-inset-sm)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-sm-inset-lg\)\+var\(--era-h-sm\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-sm-inset-lg) + var(--era-h-sm) + var(--era-field-px))}.era-ink-center{padding-bottom:.08em}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-inset-sm\){padding-bottom:var(--era-inset-sm)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-md) + var(--era-h-xs) + var(--era-gap))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.leading-\(--era-h-md\){--tw-leading:var(--era-h-md);line-height:var(--era-h-md)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel,.shadow\/shadow-lg{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-\(--color-7\){outline-color:var(--color-7)}.outline-1{outline-color:var(--color-1)}.outline-7{outline-color:var(--color-7)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);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,)}.blur-\[4px\]{--tw-blur:blur(4px);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,)}.blur-none{--tw-blur: ;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,)}.blur-xs{--tw-blur:blur(var(--blur-xs));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,)}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-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,);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,)}.backdrop-filter{-webkit-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,);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,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--sheet-rd\:var\(--era-rd-lg\)\]{--sheet-rd:var(--era-rd-lg)}.\[--sheet-rd\:var\(--era-rd-md\)\]{--sheet-rd:var(--era-rd-md)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-\(--era-rd-md\):is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\/message\:bg-\(--era-surface-bg-elevated\):is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-\(--era-pad-sm\):is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-\(--era-shadow\):is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-\(--era-rd-md\):first-child{border-top-left-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-\(--era-rd-md\):last-child{border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-field-highlight\):focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-\(--era-shadow-well\):focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-field-bg\):hover{background-color:var(--era-field-bg)}.hover\:bg-\(--era-field-highlight\):hover{background-color:var(--era-field-highlight)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-well\):hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:bg-\(--era-field-highlight\):focus{background-color:var(--era-field-highlight)}.focus\:bg-\(--era-highlight\):focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-\(--era-shadow-well\):focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-\(--era-highlight\):focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-field-bg\):has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-bg-elevated\)[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-\(--era-highlight\)[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-\(--era-highlight\)[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-xs\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-xs) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-shadow-pressed\)[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-\(--era-shadow-pressed\)[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);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,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\(--era-h-xs\) svg{width:var(--era-h-xs);height:var(--era-h-xs)}.\[\&_svg\]\:size-\(--era-icon-xs\) svg{width:var(--era-icon-xs);height:var(--era-icon-xs)}.\[\&_svg\]\:size-\(--era-icon-xxs\) svg{width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-\(--era-rd-md\):has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-\(--era-gap\)>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .004 84);--color-2:oklch(22.5% .005 84);--color-3:oklch(29% .007 84);--color-4:oklch(35.5% .008 84);--color-5:oklch(43.5% .008 84);--color-6:oklch(51.5% .008 84);--color-7:oklch(59.6% .007 84);--color-8:oklch(67.7% .006 84);--color-9:oklch(73% .005 84);--color-10:oklch(78% .005 84);--color-11:oklch(83% .005 84);--color-12:oklch(90% .005 84);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .006 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .004 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .004 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .004 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .004 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-xs:calc(var(--era-sp) + .375rem);--era-icon-stroke-width:1.75;--era-icon-xxs:calc(var(--era-sp) + .25rem);--era-icon-xs:calc(var(--era-sp) + .125rem);--era-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-pill-sm), .5rem);--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xxs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-md:calc((var(--era-h-md) - var(--era-h-sm)) / 2);--era-sm-inset-lg:calc((var(--era-h-lg) - var(--era-h-sm)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-xs:max(0px, var(--era-roundness));--era-rd-xxs:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-xxs) - var(--era-h-xs)) / 2));--era-rd-sm:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-sm) - var(--era-h-xs)) / 2));--era-rd-md:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-md) - var(--era-h-xs)) / 2));--era-rd-lg:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-lg) - var(--era-h-xs)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-sm:calc(var(--era-so) / 2);--era-pad-md:var(--era-so);--era-pad-lg:calc(var(--era-so) * 2);--era-content-p:var(--era-pad-lg)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-xs) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg);--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-md) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono],[data-font=mono] *{font-family:var(--era-font-mono)!important}[data-font=sans],[data-font=sans] *{font-family:var(--era-font-sans)!important}[data-font=serif],[data-font=serif] *{font-family:var(--era-font-serif)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}:where(.lucide){stroke-width:var(--era-icon-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}.era-text-trim.truncate,.era-text-trim-caps.truncate{text-box:normal;line-height:normal}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
@@ -24,7 +24,7 @@ Named exports wrap a single primitive (`Button`, `Badge`, `Chip`, `Input`, …).
|
|
|
24
24
|
|
|
25
25
|
### Stylesheets
|
|
26
26
|
|
|
27
|
-
`@sig-nine/era-ui/styles` is the source CSS — import it once and your own Tailwind build scans era's components and emits only the utilities they use. `@sig-nine/era-ui/css` is the prebuilt alternative for a project without Tailwind.
|
|
27
|
+
`@sig-nine/era-ui/styles` is the source CSS — import it once and your own Tailwind build scans era's components and emits only the utilities they use. `@sig-nine/era-ui/css` is the prebuilt alternative for a project without Tailwind. Three more are opt-in, each single-purpose: `/styles/video-player` (vidstack's vendor CSS, needed only with `VideoPlayer`), `/styles/prose` (document typography for a TipTap editor — put `era-notes-prose` on your editor element; `NoteEditor` imports it already), and `/styles/themes` (the raw theme tokens).
|
|
28
28
|
|
|
29
29
|
### Optional peers
|
|
30
30
|
|
|
@@ -58,7 +58,7 @@ Named exports wrap a single primitive (`Button`, `Badge`, `Chip`, `Input`, …).
|
|
|
58
58
|
|
|
59
59
|
### Stylesheets
|
|
60
60
|
|
|
61
|
-
`@sig-nine/era-ui/styles` is the source CSS — import it once and your own Tailwind build scans era's components and emits only the utilities they use. `@sig-nine/era-ui/css` is the prebuilt alternative for a project without Tailwind.
|
|
61
|
+
`@sig-nine/era-ui/styles` is the source CSS — import it once and your own Tailwind build scans era's components and emits only the utilities they use. `@sig-nine/era-ui/css` is the prebuilt alternative for a project without Tailwind. Three more are opt-in, each single-purpose: `/styles/video-player` (vidstack's vendor CSS, needed only with `VideoPlayer`), `/styles/prose` (document typography for a TipTap editor — put `era-notes-prose` on your editor element; `NoteEditor` imports it already), and `/styles/themes` (the raw theme tokens).
|
|
62
62
|
|
|
63
63
|
### Optional peers
|
|
64
64
|
|
|
@@ -0,0 +1,384 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* NOTE PROSE — the document styling for a TipTap editor on era's tokens.
|
|
3
|
+
*
|
|
4
|
+
* Every rule hangs off `.era-notes-prose`, so it applies to any editor you put
|
|
5
|
+
* that class on: `NoteEditor` sets it itself, and a hand-rolled TipTap instance
|
|
6
|
+
* gets the same typography by adding the class and importing this file.
|
|
7
|
+
*
|
|
8
|
+
* It used to live in note-editor.svelte's <style> block, which made it
|
|
9
|
+
* unreachable: Svelte scopes a component's styles, so the built rule was
|
|
10
|
+
* `.era-notes-prose.svelte-r0lddw` and the class did nothing on anyone else's
|
|
11
|
+
* element. 364 lines of document typography — headings, code blocks with
|
|
12
|
+
* highlight.js tokens, task lists, tables, details, the first-line optical
|
|
13
|
+
* inset — were effectively private to one component. Now they are
|
|
14
|
+
* `@signal9/era-ui/styles/prose`.
|
|
15
|
+
*
|
|
16
|
+
* NoteEditor imports this itself, so mounting it still needs no CSS ceremony.
|
|
17
|
+
* Import it directly only when you are building your own editor.
|
|
18
|
+
*
|
|
19
|
+
* Everything is expressed in era tokens, so a document tracks the density,
|
|
20
|
+
* theme, surface, corners and font axes exactly like the chrome around it.
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
/*
|
|
24
|
+
* TipTap renders headless: the editable element it creates carries `.tiptap`,
|
|
25
|
+
* so every rule here is scoped to that inside this component's wrapper.
|
|
26
|
+
*
|
|
27
|
+
* Vertical rhythm is ONE value — --era-gap, the library's inter-element gap —
|
|
28
|
+
* on every block's bottom margin. A document then breathes at exactly the
|
|
29
|
+
* pace the surrounding chrome does, and loosens with density along with it.
|
|
30
|
+
*
|
|
31
|
+
* Font family is deliberately absent: the [data-font] axis sets it globally
|
|
32
|
+
* (with !important, by design), so anything declared here would either lose
|
|
33
|
+
* or break the axis promise.
|
|
34
|
+
*/
|
|
35
|
+
.era-notes-prose .tiptap {
|
|
36
|
+
outline: none;
|
|
37
|
+
min-height: 100%;
|
|
38
|
+
font-size: var(--era-text);
|
|
39
|
+
line-height: 1.6;
|
|
40
|
+
color: var(--color-fg);
|
|
41
|
+
|
|
42
|
+
/*
|
|
43
|
+
* The first line's half-leading is not padding, but it reads as padding.
|
|
44
|
+
*
|
|
45
|
+
* line-height 1.6 puts ~8px of empty box above the first glyph's cap, on
|
|
46
|
+
* top of the container's 8px inset — so the document opened 16px from the
|
|
47
|
+
* top and 8px from the left, an asymmetry that grows with the first
|
|
48
|
+
* block's font size (a note starting with a heading was the worst case).
|
|
49
|
+
*
|
|
50
|
+
* Trimming the block-start to the cap edge makes the ink itself sit on the
|
|
51
|
+
* container's inset, so the first thing you read has the same space above
|
|
52
|
+
* it as beside it, whatever block it happens to be. This is the block half
|
|
53
|
+
* of what era-text-trim does for single-line controls; only the START is
|
|
54
|
+
* trimmed, because the editor scrolls and trimming the end would put the
|
|
55
|
+
* last line's descenders past the scrollable area.
|
|
56
|
+
*
|
|
57
|
+
* Firefox has no text-box yet and keeps the untrimmed leading — the same
|
|
58
|
+
* graceful degradation era-text-trim already ships with.
|
|
59
|
+
*/
|
|
60
|
+
text-box-trim: trim-start;
|
|
61
|
+
text-box-edge: cap alphabetic;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* The optical half of the trim. cap trimming is EXACT — the cap sits on the
|
|
65
|
+
* container inset to the pixel — but the LEFT side isn't: glyphs start with
|
|
66
|
+
* their side bearing (~0.07em of ink-free space inside the line box), so a
|
|
67
|
+
* geometrically-equal corner read top-tight. The first block gets that same
|
|
68
|
+
* allowance back as margin, in em so a heading's compensation scales with
|
|
69
|
+
* the heading — the corner then MEASURES slightly uneven and finally LOOKS
|
|
70
|
+
* even, which is the order optics always wins in.
|
|
71
|
+
*
|
|
72
|
+
* 0.22em, not the ~0.07em side-bearing alone: a first line is usually a
|
|
73
|
+
* heavy cap or a heading, and dense ink right at a boundary needs more
|
|
74
|
+
* room than a light vertical stem to feel equally far from it — the same
|
|
75
|
+
* reason display type sets its top margin above geometric equality. Tuned
|
|
76
|
+
* by eye against the left inset. */
|
|
77
|
+
.era-notes-prose .tiptap > :first-child {
|
|
78
|
+
margin-top: 0.22em;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/* FALLBACK for engines without text-box (Firefox): the trim above silently
|
|
82
|
+
* disappears there, and the first line opened ~0.47em too low (measured:
|
|
83
|
+
* cap 16.4px from the top against 8px from the left, dense/mono) — the
|
|
84
|
+
* exact asymmetry the trim exists to remove. Approximate the same cut with
|
|
85
|
+
* a negative first-block margin: -0.45em is the first line's half-leading
|
|
86
|
+
* (0.3em at line-height 1.6) plus the ascent-above-cap of the ui stacks
|
|
87
|
+
* (~0.15-0.17em). In em on purpose — it scales with the FIRST BLOCK's own
|
|
88
|
+
* size, so a note opening on an h1 and one opening on a paragraph both
|
|
89
|
+
* land their cap on the container inset, which one padding value could
|
|
90
|
+
* never do for both (the reference terminal app's pt-1 is this same idea,
|
|
91
|
+
* tuned only for paragraphs). The margin collapses up through .tiptap and
|
|
92
|
+
* stops at the scroll container's padding, which is where it should act.
|
|
93
|
+
* Within ~1px of the trimmed geometry; engines with text-box never match
|
|
94
|
+
* this block and keep the exact version. */
|
|
95
|
+
@supports not ((text-box-trim: trim-start) and (text-box-edge: cap alphabetic)) {
|
|
96
|
+
.era-notes-prose .tiptap > :first-child {
|
|
97
|
+
/* -0.45em of untrimmed leading, plus the same +0.22em optical
|
|
98
|
+
* allowance the trimmed path adds above. */
|
|
99
|
+
margin-top: -0.23em;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* Placeholder, via @tiptap/extension-placeholder */
|
|
104
|
+
.era-notes-prose .tiptap p.is-editor-empty:first-child::before {
|
|
105
|
+
content: attr(data-placeholder);
|
|
106
|
+
float: left;
|
|
107
|
+
height: 0;
|
|
108
|
+
color: var(--color-muted);
|
|
109
|
+
pointer-events: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* Typography */
|
|
113
|
+
.era-notes-prose .tiptap p {
|
|
114
|
+
margin: 0 0 var(--era-gap);
|
|
115
|
+
}
|
|
116
|
+
.era-notes-prose .tiptap p:last-child {
|
|
117
|
+
margin-bottom: 0;
|
|
118
|
+
}
|
|
119
|
+
.era-notes-prose .tiptap h1 {
|
|
120
|
+
font-size: 1.5em;
|
|
121
|
+
}
|
|
122
|
+
.era-notes-prose .tiptap h2 {
|
|
123
|
+
font-size: 1.25em;
|
|
124
|
+
}
|
|
125
|
+
.era-notes-prose .tiptap h3 {
|
|
126
|
+
font-size: 1.1em;
|
|
127
|
+
}
|
|
128
|
+
.era-notes-prose .tiptap h1,
|
|
129
|
+
.era-notes-prose .tiptap h2,
|
|
130
|
+
.era-notes-prose .tiptap h3 {
|
|
131
|
+
margin: 0 0 var(--era-gap);
|
|
132
|
+
font-weight: 600;
|
|
133
|
+
line-height: 1.6;
|
|
134
|
+
color: var(--color-bright);
|
|
135
|
+
}
|
|
136
|
+
.era-notes-prose .tiptap strong {
|
|
137
|
+
font-weight: 600;
|
|
138
|
+
color: var(--color-bright);
|
|
139
|
+
}
|
|
140
|
+
.era-notes-prose .tiptap em {
|
|
141
|
+
font-style: italic;
|
|
142
|
+
}
|
|
143
|
+
.era-notes-prose .tiptap s {
|
|
144
|
+
text-decoration: line-through;
|
|
145
|
+
text-decoration-thickness: 0.5px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
/* Code — inline chips take the xxs radius, blocks the lg one a Card uses. */
|
|
149
|
+
.era-notes-prose .tiptap code {
|
|
150
|
+
padding: 1px var(--era-inset-xxs);
|
|
151
|
+
border-radius: var(--era-rd-xxs);
|
|
152
|
+
background: var(--era-surface-bg-elevated);
|
|
153
|
+
}
|
|
154
|
+
.era-notes-prose .tiptap pre {
|
|
155
|
+
overflow-x: auto;
|
|
156
|
+
margin: 0 0 var(--era-gap);
|
|
157
|
+
padding: var(--era-inset-md);
|
|
158
|
+
border-radius: var(--era-rd-lg);
|
|
159
|
+
background: var(--color-surface);
|
|
160
|
+
box-shadow: var(--era-shadow);
|
|
161
|
+
}
|
|
162
|
+
.era-notes-prose .tiptap pre code {
|
|
163
|
+
padding: 0;
|
|
164
|
+
border-radius: 0;
|
|
165
|
+
background: transparent;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
/* Syntax highlighting — the neutral scale, so it themes with everything else. */
|
|
169
|
+
.era-notes-prose .tiptap pre .hljs-keyword,
|
|
170
|
+
.era-notes-prose .tiptap pre .hljs-built_in {
|
|
171
|
+
color: var(--color-9);
|
|
172
|
+
}
|
|
173
|
+
.era-notes-prose .tiptap pre .hljs-string,
|
|
174
|
+
.era-notes-prose .tiptap pre .hljs-regexp {
|
|
175
|
+
color: var(--color-10);
|
|
176
|
+
}
|
|
177
|
+
.era-notes-prose .tiptap pre .hljs-number,
|
|
178
|
+
.era-notes-prose .tiptap pre .hljs-literal,
|
|
179
|
+
.era-notes-prose .tiptap pre .hljs-type,
|
|
180
|
+
.era-notes-prose .tiptap pre .hljs-class {
|
|
181
|
+
color: var(--color-11);
|
|
182
|
+
}
|
|
183
|
+
.era-notes-prose .tiptap pre .hljs-comment {
|
|
184
|
+
color: var(--color-8);
|
|
185
|
+
}
|
|
186
|
+
.era-notes-prose .tiptap pre .hljs-function,
|
|
187
|
+
.era-notes-prose .tiptap pre .hljs-title {
|
|
188
|
+
font-weight: 600;
|
|
189
|
+
color: var(--color-9);
|
|
190
|
+
}
|
|
191
|
+
.era-notes-prose .tiptap pre .hljs-variable,
|
|
192
|
+
.era-notes-prose .tiptap pre .hljs-attr {
|
|
193
|
+
color: var(--color-12);
|
|
194
|
+
}
|
|
195
|
+
.era-notes-prose .tiptap pre .hljs-params {
|
|
196
|
+
color: var(--color-11);
|
|
197
|
+
}
|
|
198
|
+
.era-notes-prose .tiptap pre .hljs-meta,
|
|
199
|
+
.era-notes-prose .tiptap pre .hljs-tag {
|
|
200
|
+
color: var(--color-10);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/* Blockquote */
|
|
204
|
+
.era-notes-prose .tiptap blockquote {
|
|
205
|
+
margin: 0 0 var(--era-gap);
|
|
206
|
+
padding-left: var(--era-inset-md);
|
|
207
|
+
border-left: 2px solid var(--era-divider-color);
|
|
208
|
+
color: var(--color-muted);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/* Lists */
|
|
212
|
+
.era-notes-prose .tiptap li,
|
|
213
|
+
.era-notes-prose .tiptap li p,
|
|
214
|
+
.era-notes-prose .tiptap ul,
|
|
215
|
+
.era-notes-prose .tiptap ol {
|
|
216
|
+
margin: 0;
|
|
217
|
+
}
|
|
218
|
+
.era-notes-prose .tiptap ul {
|
|
219
|
+
padding-left: 1.4em;
|
|
220
|
+
list-style-type: disc;
|
|
221
|
+
}
|
|
222
|
+
.era-notes-prose .tiptap ol {
|
|
223
|
+
padding-left: 1.9em;
|
|
224
|
+
list-style-type: decimal;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
/* Task list — a checkbox styled like era's Checkbox, at the icon tier. */
|
|
228
|
+
.era-notes-prose .tiptap .task-list {
|
|
229
|
+
padding-left: 0;
|
|
230
|
+
list-style: none;
|
|
231
|
+
}
|
|
232
|
+
.era-notes-prose .tiptap .task-item {
|
|
233
|
+
display: flex;
|
|
234
|
+
gap: var(--era-gap);
|
|
235
|
+
}
|
|
236
|
+
.era-notes-prose .tiptap .task-item label {
|
|
237
|
+
/* Match the line box so the box centres against the first line of text. */
|
|
238
|
+
display: flex;
|
|
239
|
+
align-items: center;
|
|
240
|
+
height: calc(var(--era-text) * 1.6);
|
|
241
|
+
}
|
|
242
|
+
.era-notes-prose .tiptap .task-item input[type='checkbox'] {
|
|
243
|
+
flex-shrink: 0;
|
|
244
|
+
width: calc(var(--era-h-xs) - 4px);
|
|
245
|
+
height: calc(var(--era-h-xs) - 4px);
|
|
246
|
+
border-radius: var(--era-rd-xs);
|
|
247
|
+
background: var(--era-surface-bg-elevated);
|
|
248
|
+
box-shadow: var(--era-shadow-well);
|
|
249
|
+
appearance: none;
|
|
250
|
+
cursor: pointer;
|
|
251
|
+
transition:
|
|
252
|
+
background var(--era-duration) var(--era-ease),
|
|
253
|
+
box-shadow var(--era-duration) var(--era-ease);
|
|
254
|
+
}
|
|
255
|
+
.era-notes-prose .tiptap .task-item input[type='checkbox']:hover {
|
|
256
|
+
background: var(--era-highlight);
|
|
257
|
+
}
|
|
258
|
+
.era-notes-prose .tiptap .task-item input[type='checkbox']:checked {
|
|
259
|
+
background: var(--color-primary);
|
|
260
|
+
box-shadow: var(--era-shadow-pressed);
|
|
261
|
+
}
|
|
262
|
+
.era-notes-prose .tiptap .task-item[data-checked='true'] > div > p {
|
|
263
|
+
color: var(--color-muted);
|
|
264
|
+
text-decoration: line-through;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/* Horizontal rule */
|
|
268
|
+
.era-notes-prose .tiptap hr {
|
|
269
|
+
margin: var(--era-gap) 0;
|
|
270
|
+
border: none;
|
|
271
|
+
border-top: 1px solid var(--era-divider-color);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
/* Links — the era-link recipe, inlined because ProseMirror owns this DOM. */
|
|
275
|
+
.era-notes-prose .tiptap a {
|
|
276
|
+
color: var(--color-link);
|
|
277
|
+
text-decoration-line: underline;
|
|
278
|
+
text-decoration-color: color-mix(in oklch, currentColor 30%, transparent);
|
|
279
|
+
text-underline-offset: 0.2em;
|
|
280
|
+
cursor: pointer;
|
|
281
|
+
transition: text-decoration-color var(--era-duration) var(--era-ease);
|
|
282
|
+
}
|
|
283
|
+
.era-notes-prose .tiptap a:hover {
|
|
284
|
+
text-decoration-color: currentColor;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
/* Highlight — the warning token PAIR, not a wash of it.
|
|
288
|
+
*
|
|
289
|
+
* This was a 25% warning tint with `color: inherit`, which is two problems at
|
|
290
|
+
* once: at 25% the mark barely separates from the page, and pushing the alpha
|
|
291
|
+
* up to fix that puts light body text on yellow, which is worse. The pair
|
|
292
|
+
* exists for exactly this — warning-fg is dark in EVERY mode by design
|
|
293
|
+
* (see themes.css: yellow cannot carry light text), so a solid fill reads as
|
|
294
|
+
* a real highlighter and the text on it stays legible in both modes. */
|
|
295
|
+
.era-notes-prose .tiptap mark {
|
|
296
|
+
padding: 1px 0;
|
|
297
|
+
background: var(--color-warning);
|
|
298
|
+
color: var(--color-warning-fg);
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
/* Table */
|
|
302
|
+
.era-notes-prose .tiptap .note-table {
|
|
303
|
+
width: 100%;
|
|
304
|
+
margin: 0 0 var(--era-gap);
|
|
305
|
+
border-collapse: collapse;
|
|
306
|
+
table-layout: fixed;
|
|
307
|
+
}
|
|
308
|
+
.era-notes-prose .tiptap .note-table td,
|
|
309
|
+
.era-notes-prose .tiptap .note-table th {
|
|
310
|
+
padding: var(--era-inset-sm) var(--era-inset-md);
|
|
311
|
+
border: 1px solid var(--era-divider-color);
|
|
312
|
+
text-align: left;
|
|
313
|
+
vertical-align: top;
|
|
314
|
+
}
|
|
315
|
+
.era-notes-prose .tiptap .note-table th {
|
|
316
|
+
background: var(--color-surface);
|
|
317
|
+
font-weight: 600;
|
|
318
|
+
color: var(--color-bright);
|
|
319
|
+
}
|
|
320
|
+
.era-notes-prose .tiptap .note-table td > p,
|
|
321
|
+
.era-notes-prose .tiptap .note-table th > p {
|
|
322
|
+
margin: 0;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
/* Details (collapsible) */
|
|
326
|
+
.era-notes-prose .tiptap details {
|
|
327
|
+
margin: 0 0 var(--era-gap);
|
|
328
|
+
padding: var(--era-inset-sm) var(--era-inset-md);
|
|
329
|
+
border-radius: var(--era-rd-md);
|
|
330
|
+
background: var(--era-surface-bg-elevated);
|
|
331
|
+
box-shadow: var(--era-shadow);
|
|
332
|
+
}
|
|
333
|
+
.era-notes-prose .tiptap details summary {
|
|
334
|
+
font-weight: 600;
|
|
335
|
+
color: var(--color-bright);
|
|
336
|
+
cursor: pointer;
|
|
337
|
+
}
|
|
338
|
+
.era-notes-prose .tiptap details > div {
|
|
339
|
+
margin-top: var(--era-gap);
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
/* Image */
|
|
343
|
+
.era-notes-prose .tiptap img {
|
|
344
|
+
max-width: 100%;
|
|
345
|
+
height: auto;
|
|
346
|
+
border-radius: var(--era-rd-md);
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
/*
|
|
350
|
+
* ProseMirror ships hardcoded selection colours (#8cf outlines, a black gap
|
|
351
|
+
* cursor, rgba(200,200,255,.4) cell selection, #adf resize handles). Each is
|
|
352
|
+
* overridden here or the editor shows chrome from a different design system.
|
|
353
|
+
*/
|
|
354
|
+
.era-notes-prose .tiptap .ProseMirror-selectednode {
|
|
355
|
+
outline: 2px solid var(--color-primary);
|
|
356
|
+
}
|
|
357
|
+
.era-notes-prose .tiptap li.ProseMirror-selectednode {
|
|
358
|
+
outline: none;
|
|
359
|
+
}
|
|
360
|
+
.era-notes-prose .tiptap li.ProseMirror-selectednode::after {
|
|
361
|
+
border-color: var(--color-primary);
|
|
362
|
+
}
|
|
363
|
+
.era-notes-prose .ProseMirror-gapcursor::after {
|
|
364
|
+
border-top-color: var(--color-primary);
|
|
365
|
+
}
|
|
366
|
+
.era-notes-prose .tiptap .selectedCell::after {
|
|
367
|
+
background: var(--era-highlight);
|
|
368
|
+
}
|
|
369
|
+
.era-notes-prose .tiptap .column-resize-handle {
|
|
370
|
+
background-color: var(--color-primary);
|
|
371
|
+
}
|
|
372
|
+
/* NO ::selection rule here, deliberately.
|
|
373
|
+
*
|
|
374
|
+
* era owns text selection as a surface token contract — --era-selection-bg /
|
|
375
|
+
* -fg / -shadow (surfaces/base.css), which is how flat gets inverse video,
|
|
376
|
+
* glass a glowing wash, and bevel an opaque accent bar. This file used to
|
|
377
|
+
* override it with `background: var(--color-4)` and no `color`, which threw
|
|
378
|
+
* all of that away AND left body text on a mid-scale grey: the band barely
|
|
379
|
+
* separated from the page and the glyphs sat on top of it at whatever
|
|
380
|
+
* contrast happened to fall out. Dropping the override restores both the
|
|
381
|
+
* contrast (bright fill, --color-1 glyphs) and the per-surface treatment.
|
|
382
|
+
*
|
|
383
|
+
* The ProseMirror overrides above are still needed — those replace hardcoded
|
|
384
|
+
* library chrome that no era token would otherwise reach. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@signal9/era-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev --host",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -79,6 +79,7 @@
|
|
|
79
79
|
},
|
|
80
80
|
"./styles": "./dist/styles/index.css",
|
|
81
81
|
"./styles/video-player": "./dist/styles/video-player.css",
|
|
82
|
+
"./styles/prose": "./dist/styles/prose.css",
|
|
82
83
|
"./styles/themes": "./dist/styles/themes.css",
|
|
83
84
|
"./css": "./dist/era-ui.css",
|
|
84
85
|
"./utilities.json": "./dist/generated-docs/utilities.json",
|