mnfst 0.5.236 → 0.5.237

package/lib/manifest.appwrite.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.236';
+const MANIFEST_BUILD_VERSION = '0.5.237';
 
 /* Manifest Data Sources - Appwrite Integration */
 

package/lib/manifest.css

@@ -2945,32 +2945,15 @@
         outline-offset: 3px;
     }
 
-    /* Grip: drags a text piece; sits at its inline-start edge */
-    :where([data-edit-grip]) {
-        position: fixed;
-        z-index: 1001;
-        width: var(--edit-grip-size, 0.75rem);
-        height: calc(var(--edit-grip-size, 0.75rem) * 1.5);
-        translate: calc(-100% - var(--edit-grip-offset, 0.25rem)) 0;
-        border-radius: 3px;
-        color: var(--edit-accent, var(--color-brand-content));
-        background: radial-gradient(circle, currentColor 1px, transparent 1.5px) center / 6px 6px;
-        opacity: 0.6;
+    /* A piece with its own grab handle drags only from it */
+    :where([data-edit-piece][data-edit-grabbable]) {
+        cursor: auto;
+    }
+
+    :where([x-edit\.grab]) {
         cursor: grab;
         touch-action: none;
         user-select: none;
-
-        &:hover {
-            opacity: 1;
-        }
-    }
-
-    :where([data-edit-grip]:dir(rtl)) {
-        translate: var(--edit-grip-offset, 0.25rem) 0;
-    }
-
-    :where([data-edit-grip][hidden]) {
-        display: none;
     }
 
     /* Lifted, following the pointer */
@@ -3084,6 +3067,26 @@
         }
     }
 
+    /* While resizing, the edge stays drawn; at a snap point it thickens */
+    :where([data-edit-handle][data-edit-resizing]):where(:not([data-edit-area="bare"] *))::before {
+        opacity: 1;
+        background-color: var(--edit-accent, var(--color-brand-content));
+    }
+
+    :where([data-edit-handle="top"][data-edit-snapped], [data-edit-handle="bottom"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        height: 3px;
+    }
+
+    :where([data-edit-handle="left"][data-edit-snapped], [data-edit-handle="right"][data-edit-snapped], [data-edit-handle="start"][data-edit-snapped], [data-edit-handle="end"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        width: 3px;
+    }
+
+    :where([data-edit-handle*="-"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        width: 0.5rem;
+        height: 0.5rem;
+        border-radius: 50%;
+    }
+
     :where([data-edit-handle]):focus-visible:where(:not([data-edit-area="bare"], [data-edit-area="bare"] *)) {
         outline: 2px solid var(--edit-accent, var(--color-brand-content));
     }
@@ -4033,13 +4036,27 @@
         & table {
             width: 100%;
             table-layout: fixed;
+            border-collapse: separate;
+            border-spacing: 0;
+            border: 1px solid var(--color-line);
 
+            /* Inner dividers only: the table's own border draws the rounded edge */
             & :where(td, th) {
                 padding: 0.35em 0.5em;
-                border: 1px solid var(--color-line);
+                border: 0 none;
+                border-inline-end: 1px solid var(--color-line);
+                border-block-end: 1px solid var(--color-line);
                 vertical-align: top;
             }
 
+            & :where(tr > :last-child) {
+                border-inline-end: 0 none;
+            }
+
+            & :where(tbody:last-child > tr:last-child > *, tfoot > tr:last-child > *) {
+                border-block-end: 0 none;
+            }
+
             & th {
                 font-weight: 600;
                 text-align: start;
@@ -4365,8 +4382,8 @@
             text-align: left;
             text-align: start;
 
-            /* Make elements within cell inline */
-            &>*:not(template) {
+            /* Make elements within cell inline; text-level elements stay in the text flow */
+            &>*:not(template, br, :is(a, abbr, b, cite, code, data, del, dfn, em, i, ins, kbd, mark, q, s, samp, small, strong, sub, sup, time, u, var):not([role=button], [x-icon], .badge)) {
                 display: inline-flex;
                 vertical-align: middle;
 

package/lib/manifest.d.ts

@@ -531,6 +531,8 @@ export interface ManifestRichTextAttachOptions {
     mode?: 'block' | 'inline';
     /** Inline html only: `<br>` line breaks are kept, Shift+Enter inserts one, pasted blocks become lines. */
     breaks?: boolean;
+    /** 'break': Enter inserts a line break too, instead of firing `rich-text:enter`. Needs `breaks` and the 'html' format. */
+    enter?: 'break';
     /** false: `.all` controls and `$rich.all` are unavailable (no area-wide --rich-text-* styles). Default true. */
     all?: boolean;
     /** Storage format: 'markdown' (default), 'html' or 'plain'. */

package/lib/manifest.data.js

@@ -2,7 +2,7 @@
 
 (function () {
 
-const MANIFEST_BUILD_VERSION = '0.5.236';
+const MANIFEST_BUILD_VERSION = '0.5.237';
 
 /* Manifest Data Sources - Configuration */
 

package/lib/manifest.edit.css

@@ -25,32 +25,15 @@
         outline-offset: 3px;
     }
 
-    /* Grip: drags a text piece; sits at its inline-start edge */
-    :where([data-edit-grip]) {
-        position: fixed;
-        z-index: 1001;
-        width: var(--edit-grip-size, 0.75rem);
-        height: calc(var(--edit-grip-size, 0.75rem) * 1.5);
-        translate: calc(-100% - var(--edit-grip-offset, 0.25rem)) 0;
-        border-radius: 3px;
-        color: var(--edit-accent, var(--color-brand-content));
-        background: radial-gradient(circle, currentColor 1px, transparent 1.5px) center / 6px 6px;
-        opacity: 0.6;
+    /* A piece with its own grab handle drags only from it */
+    :where([data-edit-piece][data-edit-grabbable]) {
+        cursor: auto;
+    }
+
+    :where([x-edit\.grab]) {
         cursor: grab;
         touch-action: none;
         user-select: none;
-
-        &:hover {
-            opacity: 1;
-        }
-    }
-
-    :where([data-edit-grip]:dir(rtl)) {
-        translate: var(--edit-grip-offset, 0.25rem) 0;
-    }
-
-    :where([data-edit-grip][hidden]) {
-        display: none;
     }
 
     /* Lifted, following the pointer */
@@ -164,6 +147,26 @@
         }
     }
 
+    /* While resizing, the edge stays drawn; at a snap point it thickens */
+    :where([data-edit-handle][data-edit-resizing]):where(:not([data-edit-area="bare"] *))::before {
+        opacity: 1;
+        background-color: var(--edit-accent, var(--color-brand-content));
+    }
+
+    :where([data-edit-handle="top"][data-edit-snapped], [data-edit-handle="bottom"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        height: 3px;
+    }
+
+    :where([data-edit-handle="left"][data-edit-snapped], [data-edit-handle="right"][data-edit-snapped], [data-edit-handle="start"][data-edit-snapped], [data-edit-handle="end"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        width: 3px;
+    }
+
+    :where([data-edit-handle*="-"][data-edit-snapped]):where(:not([data-edit-area="bare"] *))::before {
+        width: 0.5rem;
+        height: 0.5rem;
+        border-radius: 50%;
+    }
+
     :where([data-edit-handle]):focus-visible:where(:not([data-edit-area="bare"], [data-edit-area="bare"] *)) {
         outline: 2px solid var(--edit-accent, var(--color-brand-content));
     }

package/lib/manifest.edit.js

@@ -263,6 +263,7 @@
     function registerEdit(el, modifiers, expression) {
         if (modifiers.includes('cssvar')) return registerCssVar(el, expression, modifiers);
         modifiers.forEach(m => { if (RETIRED[m] && !warnedRetired.has(m)) { warnedRetired.add(m); console.warn(`[edit] x-edit.${m} was removed — use ${RETIRED[m]}`); } });
+        if (modifiers.includes('grab')) return;                        // a piece's own drag handle, not a region
         if (modifiers.includes('lock')) {
             const actions = modifiers.filter(m => LOCK_ACTIONS.includes(m));
             el._editLock = new Set(actions.length ? actions : ['*']);
@@ -330,7 +331,7 @@
     };
     function dataSourceExpr(area) { const t = listTpl(area); const m = t && t.getAttribute('x-for').match(/\bin\s+(.+)$/); return m ? m[1].trim() : null; }
     const dataSourceName = (area) => { const e = dataSourceExpr(area); const m = e && e.match(/\$x\.(\w+)/); return m ? m[1] : (e || 'source'); };
-    const pluginNode = (x) => x.hasAttribute('data-edit-handle') || x.hasAttribute('data-edit-ghost') || x.hasAttribute('data-edit-grip');
+    const pluginNode = (x) => x.hasAttribute('data-edit-handle') || x.hasAttribute('data-edit-ghost');
     // A component's roots past its first follow that first one (its <x-name> host) everywhere.
     const groupOf = (el) => el && el._manifestHost && el._manifestHost.roots && el._manifestHost.roots[0] === el ? el._manifestHost.roots.slice() : [el];
     const extraRoot = (x) => !!x._manifestHost && !!x._manifestHost.roots && x._manifestHost.roots[0] !== x;
@@ -359,7 +360,7 @@
     function plainFormatted(el) {
         if (!window.ManifestRichText) return false;
         const c = el.cloneNode(true);
-        c.querySelectorAll('[data-edit-handle], [data-edit-ghost], [data-edit-grip]').forEach(n => n.remove());
+        c.querySelectorAll('[data-edit-handle], [data-edit-ghost]').forEach(n => n.remove());
         commentsIn(c).forEach(n => n.remove());
         if (!c.children.length) return true;
         c.querySelectorAll('*').forEach(n => [...n.attributes].forEach(a => { if (a.name.startsWith('data-edit-')) n.removeAttribute(a.name); }));
@@ -1103,7 +1104,7 @@
         const src = [el, ...el.querySelectorAll('*')], dst = [c, ...c.querySelectorAll('*')];
         dst.forEach((n, i) => { if (addedTab.has(src[i])) n.removeAttribute('tabindex'); });
         unrich(el, c);
-        c.querySelectorAll('[data-edit-handle], [data-edit-live], [data-edit-ghost], [data-edit-grip]').forEach(n => n.remove());
+        c.querySelectorAll('[data-edit-handle], [data-edit-live], [data-edit-ghost]').forEach(n => n.remove());
         [c, ...c.querySelectorAll('*')].forEach(n => {
             [...n.attributes].forEach(a => { if (a.name.startsWith('data-edit-') && !(keepKeys && a.name === 'data-edit-key')) n.removeAttribute(a.name); });
             n.removeAttribute('contenteditable');
@@ -1357,16 +1358,17 @@
         if (kind === 'component') return [];
         if (kind === 'data') { const tpl = listTpl(area); return tpl ? sortableChildren(tpl.parentElement) : []; }
         const out = [];
-        const walk = (c) => sortableChildren(c).forEach(ch => { if (ch.closest('[data-edit-ghost]')) return; if (ch._manifestComponent) { if (isHostEl(ch)) out.push(ch); return; } out.push(ch); if (isContainer(ch) && !isRendered(ch)) walk(ch); });
+        const walk = (c) => sortableChildren(c).forEach(ch => { if (ch.closest('[data-edit-ghost], [x-edit\\.grab]')) return; if (ch._manifestComponent) { if (isHostEl(ch)) out.push(ch); return; } out.push(ch); if (isContainer(ch) && !isRendered(ch)) walk(ch); });
         if (isContainer(area)) walk(area);
         return out;
     }
-    function unmarkPiece(el) { el.removeAttribute('data-edit-piece'); if (addedTab.has(el)) { el.removeAttribute('tabindex'); addedTab.delete(el); } }
+    function unmarkPiece(el) { el.removeAttribute('data-edit-piece'); el.removeAttribute('data-edit-grabbable'); if (addedTab.has(el)) { el.removeAttribute('tabindex'); addedTab.delete(el); } }
     function markPieces(area) {
         const want = new Set(collectPieces(area).filter(movable));
         area.querySelectorAll('[data-edit-piece]').forEach(el => { if (!want.has(el) && regionOf(el.parentElement) === area) unmarkPiece(el); });
         want.forEach(el => {
             el.setAttribute('data-edit-piece', '');
+            el.toggleAttribute('data-edit-grabbable', !!ownGrab(el));
             if (!el.hasAttribute('tabindex')) { el.tabIndex = 0; addedTab.add(el); }
         });
     }
@@ -1473,86 +1475,20 @@
         const area = this;
         if (!isActive(area) || (e.pointerType === 'mouse' && e.button !== 0) || e._editDrag) return;
         const t = e.target;
-        if (!t || t.nodeType !== 1 || t.isContentEditable || t.hasAttribute('data-edit-handle')) return;
+        if (!t || t.nodeType !== 1 || t.hasAttribute('data-edit-handle')) return;
         if (t._pieceMode) { exitPieceMode(t); return; }
         let item = null;
         for (let n = t; n && n !== area; n = n.parentElement) if (n.hasAttribute('data-edit-piece') && movable(n)) { item = n; break; }
         if (!item) return;
+        const grab = ownGrab(item);
+        if (grab) { if (!grab.contains(t)) return; e.preventDefault(); }
+        else if (typing(t)) return;                                     // in the text being typed: the drag selects
         e._editDrag = true;
         startDrag(e, item, area);
     }
-
-    /* ---- Grip: text pieces, whose surface is for typing, drag from a handle at their inline-start edge ---- */
-    let grip = null, gripFor = null, gripHovered = null, gripFocused = null, gripListening = false;
-    // Text pieces, and rows that are themselves a data field (their surface is for typing too)
-    const needsGrip = (p) => !!p && movable(p) && ((isTextEl(p) && capOf(p, 'text')) || p._editField != null);
-    function gripPiece(node, area) {
-        for (let n = node; n && n.nodeType === 1 && n !== area; n = n.parentElement) if (n.hasAttribute('data-edit-piece')) return needsGrip(n) ? n : null;
-        return null;
-    }
-    function ensureGrip() {
-        if (grip && grip.isConnected) return grip;
-        grip = document.createElement('span');
-        grip.setAttribute('data-edit-grip', '');
-        grip.setAttribute('aria-hidden', 'true');
-        grip.hidden = true;
-        grip.addEventListener('pointerdown', onGripDown);
-        grip.addEventListener('pointerleave', (e) => gripLeave(e.relatedTarget));
-        document.body.appendChild(grip);
-        if (!gripListening) {
-            gripListening = true;
-            window.addEventListener('scroll', placeGrip, { capture: true, passive: true });
-            window.addEventListener('resize', placeGrip, { passive: true });
-        }
-        return grip;
-    }
-    function placeGrip() {
-        if (!gripFor || !grip) return;
-        if (!gripFor.isConnected) return hideGrip();
-        const r = gripFor.getBoundingClientRect(), rtl = getComputedStyle(gripFor).direction === 'rtl';
-        grip.dir = rtl ? 'rtl' : 'ltr';
-        grip.style.top = r.top + 'px';
-        grip.style.left = (rtl ? r.right : r.left) + 'px';
-    }
-    function showGrip(piece) {
-        const area = regionOf(piece);
-        if (dragged || !area || area._edit.bare || piece.closest('[data-edit-area="bare"]')) return hideGrip();
-        const g = ensureGrip();
-        // The grip lives on <body>: it takes the piece's own accent and sizes
-        ['--edit-accent', '--edit-grip-size', '--edit-grip-offset'].forEach(v => { const x = rawVar(piece, v); if (x) g.style.setProperty(v, x); else g.style.removeProperty(v); });
-        gripFor = piece; placeGrip(); g.hidden = false;
-    }
-    function hideGrip() { gripFor = null; if (grip) grip.hidden = true; }
-    function gripOver(e, area) {
-        if (dragged) return;
-        const p = gripPiece(e.target, area);
-        gripHovered = p;
-        if (p) showGrip(p); else if (gripFocused) showGrip(gripFocused); else hideGrip();
-    }
-    function gripLeave(to) {
-        if (to && grip && (to === grip || (gripFor && gripFor.contains(to)))) return;
-        gripHovered = null;
-        if (gripFocused && gripFocused.isConnected) showGrip(gripFocused); else hideGrip();
-    }
-    function gripFocus(e, area) {
-        const p = gripPiece(e.target, area);
-        gripFocused = p;
-        if (p && !(gripHovered && gripHovered.isConnected)) showGrip(p);
-    }
-    function gripBlur(to) {
-        if (to && gripFocused && gripFocused.contains(to)) return;
-        gripFocused = null;
-        if (!(gripHovered && gripHovered.isConnected)) hideGrip();
-    }
-    function onGripDown(e) {
-        const piece = gripFor;
-        if (!piece || (e.pointerType === 'mouse' && e.button !== 0)) return;
-        const area = regionOf(piece);
-        if (!isActive(area) || !movable(piece)) return;
-        e.preventDefault(); e.stopPropagation();
-        hideGrip();
-        startDrag(e, piece, area);
-    }
+    // An x-edit.grab inside a piece, not a nested piece's: the only place that piece drags from.
+    const ownGrab = (item) => [...item.querySelectorAll('[x-edit\\.grab]')].find(g => g.closest('[data-edit-piece]') === item) || null;
+    const typing = (t) => { const a = document.activeElement; return !!a && a !== document.body && a.isContentEditable && (a === t || a.contains(t)); };
 
     function startDrag(e, item, area) {
         const home = item.parentElement, homeNext = groupOf(item).pop().nextElementSibling, rest = groupOf(item).slice(1);
@@ -1569,6 +1505,8 @@
         let active = false, frame = 0, px = sx, py = sy, last = null;
 
         const lift = (ev) => {
+            const a = document.activeElement; if (a && item.contains(a) && a.isContentEditable) a.blur();   // a text piece moves, it isn't typed in
+            try { window.getSelection().removeAllRanges(); } catch { }
             if (s.crossOK) areas().forEach(a => { if (a !== area && dropValid(a)) a.setAttribute('data-edit-drop-target', ''); });
             const ghost = s.ghost = item.cloneNode(true);
             unrich(item, ghost);
@@ -1601,7 +1539,7 @@
             px = ev.clientX; py = ev.clientY;
             if (!active) {
                 if (Math.hypot(px - sx, py - sy) < 5) return;
-                active = true; hideGrip(); lift(ev); paint();
+                active = true; lift(ev); paint();
             }
             ev.preventDefault();
             const drop = dropTarget(px, py, s);
@@ -1884,9 +1822,9 @@
     const showable = (v) => { try { return JSON.stringify(v) !== undefined ? JSON.parse(JSON.stringify(v)) : true; } catch { return true; } };
     function setShow(el, expr, value) { window.Alpine.evaluate(el, `${expr} = ${JSON.stringify(value)}`); }
     // Closing is logged with the size change, so one undo reopens it.
-    function closeVia(area, el, expr, join) {
-        let before;
-        try { before = showable(window.Alpine.evaluate(el, expr)); setShow(el, expr, false); } catch (err) { console.warn('[edit] could not close via x-show:', err); return false; }
+    function closeVia(area, el, expr, join, prior) {
+        let before = prior;
+        try { if (before === undefined) before = showable(window.Alpine.evaluate(el, expr)); setShow(el, expr, false); } catch (err) { console.warn('[edit] could not close via x-show:', err); return false; }
         const id = identity(el, area);
         if (id != null) pushDelta(Object.assign({ kind: 'show', region: key(area), key: id, expr, before, value: false }, join ? { join: true } : {}));
         return true;
@@ -1905,34 +1843,51 @@
         const snapW = snapStops(el, 'x', 'w'), snapH = snapStops(el, 'y', 'h');
         const closeX = lengthVar(el, '--edit-size-close', 'x', 'w'), closeY = lengthVar(el, '--edit-size-close', 'y', 'h');
         const showExpr = closeX != null || closeY != null ? closable(el) : null;
-        try { e.target.setPointerCapture && e.target.setPointerCapture(e.pointerId); } catch { }
+        let showBefore;
+        if (showExpr) { try { showBefore = showable(window.Alpine.evaluate(el, showExpr)); } catch { } }
+        const handle = e.target;
+        try { handle.setPointerCapture && handle.setPointerCapture(e.pointerId); } catch { }
+        handle.setAttribute('data-edit-resizing', '');
         showOverlay();
-        let rawW = baseW, rawH = baseH;
+        let rawW = baseW, rawH = baseH, closed = false;
+        const shut = () => ((right || left) && closeX != null && rawW < closeX) || ((top || bottom) && closeY != null && rawH < closeY);
+        // Closes live once past the close size, and reopens if dragged back out.
+        const setClosed = (v) => { if (v === closed || !showExpr) return; closed = v; try { setShow(el, showExpr, v ? false : showBefore); } catch { } };
         const move = (ev) => {
             const dx = ev.clientX - sx, dy = ev.clientY - sy;
-            if (right || left) { rawW = baseW + (right ? dx : -dx); el.style.width = toUnit(snapTo(clamp(rawW, minW, maxW), snapW, reachX), wu, el, el.parentElement, 'w') + wu; }
-            if (top || bottom) { rawH = baseH + (bottom ? dy : -dy); el.style.height = toUnit(snapTo(clamp(rawH, minH, maxH), snapH, reachY), hu, el, el.parentElement, 'h') + hu; }
+            if (right || left) rawW = baseW + (right ? dx : -dx);
+            if (top || bottom) rawH = baseH + (bottom ? dy : -dy);
+            setClosed(shut());
+            let snapped = false;
+            if (right || left) { const c = clamp(rawW, minW, maxW), v = snapTo(c, snapW, reachX); snapped = snapped || (snapW.length > 0 && v !== c); el.style.width = toUnit(v, wu, el, el.parentElement, 'w') + wu; }
+            if (top || bottom) { const c = clamp(rawH, minH, maxH), v = snapTo(c, snapH, reachY); snapped = snapped || (snapH.length > 0 && v !== c); el.style.height = toUnit(v, hu, el, el.parentElement, 'h') + hu; }
+            el.toggleAttribute('data-edit-snapped', snapped && !closed);
+            handle.toggleAttribute('data-edit-snapped', snapped && !closed);
             sizeEvent(el, false);
         };
         const end = () => {
             document.removeEventListener('pointermove', move); document.removeEventListener('pointerup', up); document.removeEventListener('pointercancel', cancel);
             hideOverlay();
+            ['data-edit-snapped', 'data-edit-resizing'].forEach(a => handle.removeAttribute(a));
+            el.removeAttribute('data-edit-snapped');
         };
         const restore = () => { if (preStyle == null) el.removeAttribute('style'); else el.setAttribute('style', preStyle); };
-        const cancel = () => { end(); restore(); sizeEvent(el, true); };
+        const cancel = () => { end(); setClosed(false); restore(); sizeEvent(el, true); };
         const up = () => {
             end();
             const shutX = (right || left) && closeX != null && rawW < closeX, shutY = (top || bottom) && closeY != null && rawH < closeY;
             if ((shutX || shutY) && showExpr) {
                 // Closed at the minimum it can have; with none, at the size it had, so it reopens sensibly.
                 const atMin = (shutX ? minW : 0) > 0 || (shutY ? minH : 0) > 0;
+                const hidden = el.style.display;                         // x-show's own hide, applied while held
                 restore();
                 if (atMin) {
                     if (shutX && minW > 0) el.style.width = toUnit(minW, wu, el, el.parentElement, 'w') + wu;
                     if (shutY && minH > 0) el.style.height = toUnit(minH, hu, el, el.parentElement, 'h') + hu;
                 }
-                const sized = commitStyle(area, el); sizeEvent(el, true);
-                closeVia(area, el, showExpr, sized);
+                const sized = commitStyle(area, el); sizeEvent(el, true);   // the hide is page state: never logged
+                if (hidden === 'none') el.style.display = 'none';
+                closeVia(area, el, showExpr, sized, showBefore);
                 return;
             }
             if (shutX || shutY) { restore(); sizeEvent(el, true); return; }   // close configured but not possible here: leave it as it was
@@ -1981,7 +1936,7 @@
         if (el._editRt || el._pieceMode) return;                         // a focused piece re-attaches when it leaves piece mode
         const RT = rtEngine();
         el._editRtPrior = ['role', 'aria-multiline'].map(a => [a, el.getAttribute(a)]);
-        const h = RT && RT.attach(el, { mode: 'inline', breaks: true, all: false, format, onChange: () => { } });
+        const h = RT && RT.attach(el, { mode: 'inline', breaks: true, enter: 'break', all: false, format, onChange: () => { } });
         if (!h) { el.setAttribute('contenteditable', 'true'); return; }
         el._editRt = h;
         el.setAttribute('data-edit-text', '');
@@ -2042,7 +1997,11 @@
         if (el._textBound) return; el._textBound = true;
         el._commitText = commit;
         el.addEventListener('focus', () => { restartRich(el); el._preEdit = leafText(el); selectAllIn(el); });
-        el.addEventListener('keydown', (e) => { if (e.key === 'Escape' && el.isContentEditable) { e.preventDefault(); e.stopImmediatePropagation(); leaveText(el); } });
+        el.addEventListener('keydown', (e) => {
+            if (!el.isContentEditable) return;
+            if (e.key === 'Escape') { e.preventDefault(); e.stopImmediatePropagation(); el.blur(); }
+            else if (e.key === 'Enter' && e.altKey && !e.shiftKey && !e.metaKey && !e.ctrlKey) { e.preventDefault(); e.stopImmediatePropagation(); leaveText(el); }
+        });
         el.addEventListener('keydown', richHistoryKey);
         noDrop(el);
         if (input) el.addEventListener('input', input);
@@ -2075,7 +2034,7 @@
         const nodes = [...area.querySelectorAll('*')];
         if (!realChildren(area).length || wholeLeaf(area)) nodes.unshift(area);   // size handles are children too
         nodes.forEach(el => {
-            if ((realChildren(el).length && !wholeLeaf(el)) || !el.textContent.trim() || el.closest('template') || el.hasAttribute('data-edit-handle')) return;
+            if ((realChildren(el).length && !wholeLeaf(el)) || !el.textContent.trim() || el.closest('template') || el.closest('[data-edit-handle], [x-edit\\.grab]')) return;
             if (el._manifestComponent && el !== area) return;          // a component host: its markup is another file's
             if (richOwned(el)) return;                                  // the rich editor owns this subtree
             if (el.closest('[contenteditable="false"]:not([data-edit-piece-mode])')) return;   // an authored non-editable island
@@ -2154,7 +2113,7 @@
             editable(el, 'html');
         });
     }
-    // Escape leaves text with the piece focused, so Alt+arrows move it.
+    // Alt+Enter leaves text with the piece focused, so Space picks it up and Alt+arrows move it.
     function leaveText(el) {
         el.blur();
         const piece = [el, ...ancestorsIn(el)].find(n => n.hasAttribute && n.hasAttribute('data-edit-piece'));
@@ -2525,10 +2484,6 @@
             area._editBound = true;
             area.addEventListener('pointerdown', onAreaPointerDown);
             area.addEventListener('keydown', (e) => { if (isActive(area)) onPieceKeydown(e, area); });
-            area.addEventListener('pointerover', (e) => { if (isActive(area)) gripOver(e, area); });
-            area.addEventListener('pointerleave', (e) => gripLeave(e.relatedTarget));
-            area.addEventListener('focusin', (e) => { if (isActive(area)) gripFocus(e, area); });
-            area.addEventListener('focusout', (e) => gripBlur(e.relatedTarget));
             // Native HTML5 drag would drop selected text into neighbouring leaves.
             area.addEventListener('dragstart', (e) => { if (isActive(area)) e.preventDefault(); });
             area.addEventListener('drop', (e) => { if (isActive(area)) e.preventDefault(); });
@@ -2543,7 +2498,6 @@
         }
     }
     function disarmArea(area) {
-        if (gripFor && area.contains(gripFor)) hideGrip();
         [area, ...area.querySelectorAll('[data-edit-area]')].forEach(e => { if (e._editPos) { e.style.removeProperty('position'); e._editPos = false; } });
         area.querySelectorAll('[data-edit-handle]').forEach(h => h.remove());
         uneditIn(area);

package/lib/manifest.integrity.json

@@ -1,6 +1,6 @@
 {
   "manifest.appwrite.auth.js": "sha384-dsIWnH0qCAGSzAXMGrd8fvOrVl4tOIE6j5tC35JPTrQXZ56qLD36ARyvhR7vi3Id",
-  "manifest.appwrite.data.js": "sha384-XmiMot6d4B5dZk6/UlO2ex93ArmIWQeB1XWFYhhHoxhalUuBIvBonyto6hkegwZU",
+  "manifest.appwrite.data.js": "sha384-nBEOXLkYjfyEnj8ILSHOzUdlxVkbjFchpnLXMTYjpnU56b9FXpc86lT/up+y4hb/",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
   "manifest.charts.js": "sha384-gEAv/98+29RbhvNkiNWTNyBPbLTFr2Ld15wLu29FLCL57j1cwGChRrL9Pfk7dBtT",
@@ -11,24 +11,24 @@
   "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
   "manifest.components.js": "sha384-JalISaBBWNFl3ggx92Hb3B52EpwwG3gzgra6Q+js0OgZ8vrFKMD48CuBox2N9A5T",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-FxpJUmH7kVnRqTpehhWHCxUYVW6AWuv50jxN+qZe9T5l4W0hvmr7BD+ubj42CGAo",
+  "manifest.data.js": "sha384-5yiVpcR+fXZIaA7yLxVuaE/QuTI9+IaP1w0fEFeJgKh7CYtq77Pru6sk5AQZ5NpN",
   "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-pMRGqQKiEoJhpUcD40QeM4jEHau7sz9Xn/YCpiUamT1T4xJBZDSiYX+xnVrSWoq+",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
   "manifest.dropdowns.js": "sha384-acufUps7R9WjqB4XXW5JLACqniuHJGM4CNTb2rF4B2Q/jv7ZRmsAwfr2McanOz3s",
-  "manifest.edit.js": "sha384-XUtJ+EXXYh+5afgYuVpXurjvylSP/o72Y4mQR5wxdkIFQ/NDFBVvRFAfbPXMInZc",
+  "manifest.edit.js": "sha384-MOgQNdNLeHijhR0u2W6ntoOulKFglsATCFDqkinesOU15tHoILk/JNzHKkGi5dUG",
   "manifest.export.js": "sha384-Rx6XvqBZc4apzP/FwcDr6yIln4/zNa08Q4ZqBZcEqUz1aNZQfl4h0+Ae7mqCQyuG",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
   "manifest.localization.js": "sha384-EImsIw8Z3l13V5eH9ZJF/yfsOfIvR1oPRNSArANkPji7V8O3IRf6zMwsNiAGj3Hk",
   "manifest.markdown.js": "sha384-heyDR40LXHaAmAuA+fa381uFwShk1oAqpFFY6E2Qq4T3VN0TQfRqyc++MF40K5Hj",
   "manifest.native.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
   "manifest.payments.js": "sha384-8pofk2zhxtapPMpwnFyTelPMrYhShNhDCE722uQh/EYFvZFuPLmSdgunqsarVQjv",
-  "manifest.rich.text.js": "sha384-SeqwIXW01/FD39kMHLjCMaFKheVK/JxHOR/eDkePhvgaFH8Rl2y3mzZoqHuu8UH8",
+  "manifest.rich.text.js": "sha384-ZBV9jXmu2nmprEHicddRE/m7nR4RPZtVc969Jte0+EJYBcVph7itkjcgN/61PyeC",
   "manifest.router.js": "sha384-QkKhRaCbdXEOxhj+ojT4jeLUCtQepBnqP+QWTIWdb6kUWD+mVzPN8hf6jhgschpW",
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
   "manifest.status.js": "sha384-MBO345ab7H6Uq1X2dZLt4Ge1Gcra+Z2qYApvlAeIV8CJhDDJrz2FPXpp+Kcp8zcM",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-gc7W73Hluo/LQjOFCKrEpEkrBEkMKsOzRgzRQ00UkO00WuEZkTQUHB3rE9qGTWHv",
+  "manifest.sw.js": "sha384-FzEGla6JHfWIKCYG3h5MW8xDGICbd+aoVjlpI8vYW3RlDQOSyBPQWKvnA7rfkj/0",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.toasts.js": "sha384-3zkWxzw693pxg3QDFsoYCA3CqYaLKmBaMArULXODD66Utolpewl0OAeTB92aWUVv",

package/lib/manifest.min.css

@@ -1 +1 @@
-@layer base, components, utilities;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-rendering:optimizeLegibility;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:host,:where(html){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;max-width:100vw;overflow-x:hidden;tab-size:4;width:100vw;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:has(dialog:popover-open){overflow:hidden}}:where(body){line-height:inherit;margin:0;max-width:100vw;min-height:100vh}:where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([aria-controls]){cursor:pointer}:where([aria-hidden=false][hidden]){display:initial}:where([aria-hidden=false][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(audio:not([controls])){display:none;height:0}:where(b,strong){font-weight:bolder}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button){appearance:button;background-color:transparent;background-image:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){height:auto}:where(::-webkit-search-decoration){-webkit-appearance:none}:where(button,[role=button]){cursor:pointer}:where(code,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where([dir=rtl]){direction:rtl}:where([disabled],:disabled,[aria-disabled=true],.disabled){cursor:default;opacity:.5;pointer-events:none}:where(figcaption){font-size:75%}:where(figure){display:block;padding:0}:where(::file-selector-button){margin-inline-end:4px}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(hr){background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 12%,transparent));border:0;color:inherit;height:1px}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,video){height:auto;max-width:100%}:where(::-webkit-autofill,:-webkit-autofill:focus){transition:background-color 0s 600000s,color 0s 600000s}:where(::-webkit-date-and-time-value){min-height:1lh;text-align:inherit}:where(::-webkit-datetime-edit){display:inline-flex}:where(::-webkit-datetime-edit-fields-wrapper){padding:0}:where(::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field){padding-block:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(small){font-size:80%}:where(span){color:inherit}:where(sub,sup){font-size:50%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(svg):not([fill]){fill:currentColor}:where(svg):not(:root){overflow:hidden}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where(::placeholder){color:color-mix(in oklab,currentcolor 50%,transparent);opacity:1}@keyframes mnfst-popover-in{0%{scale:.9}to{scale:1}}:where([popover]):not(.unstyle):popover-open{animation:mnfst-popover-in .15s ease-in both;display:flex}:where(progress){vertical-align:baseline}:where([type=search]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}:where(summary){display:list-item}:where(textarea){resize:vertical}[hidden],[un-cloak],[v-cloak],[x-cloak]{display:none}@media (-webkit-min-device-pixel-ratio:2){:where(html){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true]):after,:not([aria-busy=true]):before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}::view-transition-group(*){animation-duration:var(--view-transition-duration,.2s);animation-timing-function:var(--view-transition-easing,cubic-bezier(.4,0,.2,1))}[data-no-view-transition],canvas,iframe,video{view-transition-name:none}}@view-transition{navigation:auto}[popover]:not(.unstyle):not(:popover-open){display:none}@layer base, components, utilities;@layer components{:where(details):not(.unstyle){transition:var(--transition,all .05s ease-in-out);width:100%;&[open]>summary:before{transform:rotate(90deg)}& [open] summary{margin-bottom:calc(var(--spacing, .25rem)*4)}&>:last-child{margin-bottom:calc(var(--spacing, .25rem)*8)}:where(summary){align-items:center;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:var(--spacing-field-padding,.625rem) 0;position:relative;transition:var(--transition,all .05s ease-in-out);user-select:none;&::-webkit-details-marker,&::marker{content:"";display:none}&:hover{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 40%,var(--color-content-stark,oklch(43.9% 0 0)))}&:active{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 50%,var(--color-content-stark,oklch(43.9% 0 0)))}&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 50%,var(--color-field-inverse,oklch(43.9% 0 0)));content:"";height:1rem;mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;order:1;transform:rotate(0);transition:transform .25s ease;width:1rem}}}[dir=rtl] :where(details):not(.unstyle){& summary:before{transform:rotate(180deg)}&[open]>summary:before{transform:rotate(90deg)}}}@layer base, components, utilities;@layer utilities{:where(.avatar){align-items:center;background-clip:content-box;background-color:var(--color-surface-3,oklch(87% 0 0));background-position:50%;background-size:cover;border-radius:50%;color:var(--color-field-inverse,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;flex-shrink:0;font-weight:700;height:var(--spacing-field-height,2.25rem);justify-content:center;position:relative;text-align:center;text-transform:uppercase;width:var(--spacing-field-height,2.25rem);&[x-icon]{color:var(--color-content-subtle,oklch(55.6% 0 0))}:where(img){border-radius:inherit;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:var(--transition,all .05s ease-in-out);width:100%}:where(figure){background-color:var(--color-surface-3,oklch(87% 0 0));border:1px solid var(--color-page,oklch(98.5% 0 0));border-radius:50%;bottom:-3px;height:9px;position:absolute;right:-3px;width:9px;z-index:1}}:where(button.avatar,[role=button].avatar,label.avatar):not(.unstyle){background-blend-mode:normal;padding:0;&:hover{background-blend-mode:multiply;background-color:color-mix(in oklch,var(--color-surface-3,oklch(87% 0 0)) 88%,var(--color-content-stark,oklch(20.5% 0 0)));& img{filter:brightness(.9)}}& span{padding:0}}:where(.avatar.sm){font-size:.75rem;height:1.5rem;width:1.5rem}:where(.avatar.lg){font-size:1.25rem;height:3rem;width:3rem}:where(.avatar-wide){align-items:center;display:flex;flex-flow:row;gap:1.5ch;justify-content:start;max-width:100%;overflow:hidden;width:100%;& span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(button.avatar-wide){height:fit-content;padding:var(--spacing,.25rem);padding-inline-end:1.5ch;&:hover .avatar{background-color:color-mix(in oklch,var(--color-surface-3,oklch(87% 0 0)) 88%,var(--color-content-stark,oklch(20.5% 0 0)));transition:var(--transition,all .05s ease-in-out)}}:where([role=group]:has(.avatar,button.avatar)){align-items:center;display:flex;flex-flow:row nowrap;:where(.avatar){box-shadow:0 0 0 3px var(--color-page,oklch(98.5% 0 0));margin-inline-end:calc(var(--spacing-field-height, 2.25rem)*-.3)}}}@layer base, components, utilities;@layer components{:where(button:not(.link),[role=button],[type=button],[type=reset],[type=submit],select):not(code,.unstyle){align-items:center;appearance:button;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;flex-flow:row;gap:.375rem;height:var(--spacing-field-height,2.25rem);justify-content:center;margin:0;max-width:100%;min-width:var(--spacing-field-height,2.25rem);outline-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));overflow:hidden;padding:0 var(--spacing-field-padding,.625rem);text-overflow:ellipsis;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;width:fit-content;& [x-icon],& span{color:inherit}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:has(>svg:only-child){font-size:1rem;padding:0}& svg{margin-left:auto;margin-right:auto}&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}:where(select):not(.unstyle){appearance:base-select;&::picker-icon{background-color:currentColor;content:"";height:1rem;mask-image:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}}@supports not (appearance:base-select){:where(select):not(.unstyle){appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-field-padding,.625rem) center;background-repeat:no-repeat;background-size:1rem;padding-inline-end:calc(var(--spacing-field-padding, .625rem)*2 + 1rem)}}}@layer base, components, utilities;:root{--color-chart-grid:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));--color-chart-label:var(--color-content-subtle,oklch(55.6% 0 0));--color-chart-heat-low:oklch(from var(--color-chart-1) 0.95 calc(c * 0.3) h);--color-chart-heat-high:oklch(from var(--color-chart-1) 0.55 calc(c * 1.15) h);--color-chart-1:var(--color-yellow-400,oklch(85.2% 0.199 91.936));--color-chart-2:var(--color-yellow-500,oklch(79.5% 0.184 86.047));--color-chart-3:var(--color-yellow-600,oklch(68.1% 0.162 75.834));--color-chart-4:var(--color-amber-400,oklch(82.8% 0.189 84.429));--color-chart-5:var(--color-amber-500,oklch(76.9% 0.188 70.08));--color-chart-6:var(--color-amber-600,oklch(66.6% 0.179 58.318));--color-chart-7:var(--color-orange-400,oklch(75% 0.183 55.934));--color-chart-8:var(--color-orange-500,oklch(70.5% 0.213 47.604));--color-chart-9:var(--color-orange-600,oklch(64.6% 0.222 41.116))}@layer utilities{:where([x-chart],.chart):not(.unstyle){display:flex;flex-direction:column;gap:.25rem;position:relative;width:100%;& svg{display:block;overflow:visible;width:100%}& svg line{shape-rendering:crispEdges;stroke:var(--color-chart-grid);stroke-width:1}& svg text{fill:var(--color-chart-label);font-family:inherit;font-size:.6875rem}& path.line{stroke:var(--color-chart-color,var(--color-chart-1));stroke-linecap:round;stroke-linejoin:round;stroke-width:2}& path.area{fill:var(--color-chart-color,var(--color-chart-1));opacity:.15}& circle{fill:var(--color-chart-color,var(--color-chart-1));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:1.5;transition:r var(--transition-duration,.1s) ease;&:not(.map-point):hover{r:5}}& circle.scatter{opacity:.85}& rect{fill:var(--color-chart-color,var(--color-chart-1));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& g.negative,& g.positive{& line{stroke:var(--color-chart-candle);stroke-width:1.5}& rect{fill:var(--color-chart-candle)}}& g.positive{--color-chart-candle:var(--color-positive-content,oklch(60% 0.13 150))}& g.negative{--color-chart-candle:var(--color-negative-content,oklch(60% 0.18 25))}& path.slice{fill:var(--color-chart-color,var(--color-chart-1));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:2;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.85}}& path.gauge-track{fill:var(--color-chart-color,var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)))}& path.gauge-value{fill:var(--color-chart-color,var(--color-chart-1))}& text.gauge-label{fill:var(--color-content-stark,oklch(20.5% 0 0));font-size:1.75rem;font-weight:700;pointer-events:none}& rect.gantt-segment{fill:var(--color-chart-color,var(--color-chart-1));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& rect.gantt-point{fill:var(--color-chart-color,var(--color-content-stark,oklch(20.5% 0 0)))}& text.gantt-track{fill:var(--color-chart-label);font-size:.75rem}& line.gantt-marker{stroke:var(--color-chart-color,var(--color-content-subtle,oklch(55.6% 0 0)));stroke-dasharray:3 3;stroke-width:1.5}& text.gantt-marker-label{fill:var(--color-chart-color,var(--color-content-subtle,oklch(55.6% 0 0)));font-size:.625rem}& text.value{fill:var(--color-content-stark,oklch(20.5% 0 0));font-size:.6875rem;font-weight:600;pointer-events:none;&.inverse{fill:var(--color-content-stark,oklch(20.5% 0 0));paint-order:stroke;stroke:color-mix(in oklch,var(--color-page,oklch(98.5% 0 0)) 75%,transparent);stroke-width:1.5px}}& circle.map-point{fill:var(--color-chart-color,var(--color-accent-content,oklch(20.5% 0 0)));fill-opacity:.82;stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:1;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& path.map-region{fill:var(--color-chart-color,var(--color-surface-2,color-mix(in oklch,oklch(20.5% 0 0) 8%,transparent)));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:.4;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& rect.heat-cell{fill:color-mix(in oklch,var(--color-chart-heat-high,var(--color-chart-1)) var(--heat,0%),var(--color-chart-heat-low,var(--color-surface-2)));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& footer{align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;font-size:.75rem;gap:.875rem;justify-content:center;margin-top:.5rem;&>span{align-items:center;display:inline-flex;gap:.375rem}& i{background:var(--color-chart-color,var(--color-chart-1));border-radius:2px;height:.625rem;width:.625rem}}& footer.heat-legend{flex-wrap:nowrap;gap:.5rem;& i{background:linear-gradient(to right,var(--color-chart-heat-low,var(--color-surface-2)),var(--color-chart-heat-high,var(--color-chart-1)));border-radius:1rem;flex:1;height:.5rem}}& .tooltip{font-size:.75rem;left:0;line-height:1.3;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,calc(-100% - .625rem));transition:opacity .1s ease;white-space:nowrap;z-index:50;&.active{opacity:1}}&>small,label{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:6rem}}}@layer base, components, utilities;@layer utilities{:where(.chat-wrapper){display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;:where([role=log]){display:flex;flex:1;flex-direction:column-reverse;font-size:.875rem;overflow-y:auto;>:where(div){display:flex;flex-direction:column;gap:2rem;justify-content:flex-end;margin-inline-end:auto;margin-inline-start:auto;max-width:100%;min-height:100%;padding-block-end:3rem;padding-inline-end:1rem;padding-inline-start:1rem;width:calc(var(--spacing-content-width, 74rem) - 4rem)}:where(div div){:where(p){margin-block:.5rem}:where(p:first-child){margin-block-start:0}:where(p:last-child){margin-block-end:0}}:where(.own){background:color-mix(in oklch,var(--color-surface-2) 50%,transparent);border-radius:var(--radius);margin-inline-start:auto;max-width:calc(var(--spacing-content-width, 74rem) - 10rem);padding-block:.5rem;padding-inline:.75rem;width:95%}:where(img,video){border-radius:var(--radius);display:block;margin-block:.5rem;max-height:15rem;max-width:20rem}:where(audio){display:block;margin-block:.5rem;max-width:100%;width:18rem}:where(a[download]){align-items:center;background:var(--color-surface-2);border-radius:var(--radius);display:inline-flex;gap:.4rem;margin-block:.5rem;padding-block:.35rem;padding-inline:.6rem}}:where(form:not(.unstyle)){align-items:end;display:flex;flex-flow:row wrap;gap:0;margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem);:where(textarea,.textarea):not(.unstyle){field-sizing:content;flex:1;min-height:var(--spacing-field-height,2.5rem);resize:none;width:auto}}:where(output:not(.unstyle)){display:flex;flex-flow:row wrap;gap:.325rem;height:fit-content;max-width:100%;padding:calc(var(--spacing)*2);width:100%;>:where(:not(template)){flex:0 0 auto;position:relative}:where(img){border-radius:calc(var(--radius, .5rem)*.75);display:block;height:var(--spacing-field-height,2.5rem);object-fit:cover;width:var(--spacing-field-height,2.5rem)}>:where(:not(template))>:where(span){align-items:center;background:var(--color-line);border-radius:calc(var(--radius, .5rem)*.75);display:flex;font-size:.75rem;gap:.3rem;height:fit-content;padding-inline:.5rem;white-space:nowrap}}}}@layer base, components, utilities;@layer components{input[type=checkbox]:not([role=switch],.unstyle){border-radius:.4rem;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.6);max-width:calc(var(--spacing-field-height, 2.25rem)*.6);min-width:calc(var(--spacing-field-height, 2.25rem)*.6);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.6);&:checked{&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent));border-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}}&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:60%;left:50%;mask-image:var(--icon-check,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer base, components, utilities;:root{--color-picker-swatch:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));--icon-color-solid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-paint-roller-icon lucide-paint-roller' viewBox='0 0 24 24'%3E%3Crect width='16' height='6' x='2' y='2' rx='2'/%3E%3Cpath d='M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect width='4' height='6' x='8' y='16' rx='1'/%3E%3C/svg%3E");--icon-color-gradient:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-blend-icon lucide-blend' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E");--icon-color-library:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-swatch-book-icon lucide-swatch-book' viewBox='0 0 24 24'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7M7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E");--icon-color-grab:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-pipette-icon lucide-pipette' viewBox='0 0 24 24'%3E%3Cpath d='m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12'/%3E%3Cpath d='m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3zM2 22l.414-.414'/%3E%3C/svg%3E");--icon-alpha-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='gray' d='M0 0h1v1H0zM1 1h1v1H1z' opacity='.15'/%3E%3C/svg%3E")}@layer components{:where(input[type=color]){appearance:none;-webkit-appearance:none;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:0}&::-moz-color-swatch{border:0}}}@layer utilities{:where([x-colorpicker\.swatch],input[type=color]):not(.unstyle){background:var(--color-picker-swatch,#000);border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;cursor:pointer;height:var(--spacing-field-height,2.25rem);max-width:var(--spacing-field-height,2.25rem);min-width:var(--spacing-field-height,2.25rem);overflow:hidden;padding:0;position:relative;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:active,&:focus,&:focus-visible,&:hover{border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0)/.5)}&:before{background-image:var(--icon-alpha-pattern);background-position:0 0;background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}}:where([x-colorpicker]):not(.unstyle){height:fit-content;max-height:30rem;max-width:18rem;min-width:18rem;overflow:hidden;& :where(.tabs-wrapper){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));display:flex;padding:2px;width:100%;& button{flex:1;justify-content:center}}& [x-colorpicker\.solid]{& :where(.canvas-wrapper){aspect-ratio:1;cursor:crosshair;overflow:hidden;padding:2px;position:relative;touch-action:none;width:100%}& canvas{display:block;height:100%;width:100%}& :where(.color-reticle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.2);height:.75rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:.75rem;z-index:1}& :where(.solid-options-inputs){display:flex;flex-direction:column;gap:.75rem;padding:.75rem;& div:has(button[x-colorpicker\.set-color-space],input[x-colorpicker\.set-color-value],input[x-colorpicker\.set-alpha-value]){display:flex;width:100%}}& input[x-colorpicker\.set-alpha],& input[x-colorpicker\.set-hue]{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:.75rem;outline:none;padding:0;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-webkit-slider-runnable-track{border-radius:1rem;height:.75rem}&::-moz-range-track{border-radius:1rem;height:.75rem}}& input[x-colorpicker\.set-hue]{&::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}&::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}}& input[x-colorpicker\.set-alpha]{--color-picker-alpha:#000;position:relative;&::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}&::-moz-range-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}}& button[x-colorpicker\.set-color-space]{justify-content:center;padding-inline-end:0;padding-inline-start:0;width:7ch}& input[x-colorpicker\.set-color-value]{flex:1;padding-inline-end:0}& input[x-colorpicker\.set-alpha-value]{padding-inline-start:0;text-align:end;width:fit-content}}& [x-colorpicker\.gradient]{& :where(.layer-options-wrapper){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));& :where(.layer-options-inputs){align-items:center;display:flex;flex-flow:row nowrap;padding:.5rem;& button{justify-content:center;width:auto}& :where(.layer-angle-wrapper){position:relative;& input[x-colorpicker\.set-angle]{cursor:ew-resize;padding-inline-end:.75rem;padding-inline-start:0;text-align:end;width:5.5ch;&:focus{cursor:text}}& span{color:var(--color-content-neutral,oklch(43.9% 0 0));position:absolute;right:.25rem;top:0}}& [x-colorpicker\.layer-stops-bar]{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:1rem;cursor:pointer;height:.75rem;margin-inline-end:.5rem;margin-inline-start:1rem;position:relative;width:100%;& :where(.stop-handle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:1rem;z-index:1;&:hover{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 5px rgba(0,0,0,.25)}&:active{cursor:grabbing}&.active{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 1px 5px #000}}}}& [x-colorpicker\.solid]{padding:0;& :where(.canvas-wrapper){margin:auto;padding:0 0 2px;width:calc(100% - 2rem)}& :where(.solid-options-inputs){padding-left:1rem;padding-right:1rem}}}& :where(.gradient-value-wrapper){padding:.5rem;& [x-colorpicker\.set-gradient-value]{field-sizing:content;resize:none}}}& [data-gradient-type=radial] .layer-angle-wrapper{visibility:hidden}& [x-colorpicker\.library]{max-height:30rem;overflow-y:auto;& :where(.library-wrapper){display:flex;flex-flow:column;gap:1rem;padding:1rem 1rem 4rem;width:100%;& :where(.library-group){display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;width:100%;&:not(:last-child){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}& :where(.library-palette){display:grid;gap:1px;grid-template-columns:repeat(11,1fr);& button[x-colorpicker\.apply-color]{aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.15);border-radius:calc(var(--radius, .5rem)/2);height:auto;max-height:1.375rem;max-width:1.375rem;min-height:0;min-width:0;width:100%;&:hover{border:1px solid hsla(0,0%,100%,.35)}&.active{border:1px solid #fff;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 0 1px #000,inset 0 0 0 4px rgba(0,0,0,.25)}}}}}}}:where(menu[popover][x-colorpicker]:not(.unstyle)){padding:0;& .tabs-wrapper button{border:1px solid var(--color-popover-surface,oklch(98.5% 0 0))}}:where(menu[popover]:not(.unstyle) [x-colorpicker\.library],.dropdown-menu:not(.unstyle) [x-colorpicker\.library]){& :where(.library-wrapper){padding:.5rem .5rem 4rem!important}& :where(small){padding-inline-start:0}}:where(.color-icon-solid,.color-icon-gradient,.color-icon-library,.color-icon-grab,.gradient-layer-icon-linear,.gradient-layer-icon-radial,.gradient-layer-icon-conic){aspect-ratio:1/1;background-color:currentColor;height:calc(var(--spacing-field-height, 2.25rem)/2);max-height:1rem}:where(dialog[x-colorpicker]){border-radius:calc(var(--radius, .5rem))}:where(.color-icon-solid){mask-image:var(--icon-color-solid)}:where(.color-icon-gradient){mask-image:var(--icon-color-gradient)}:where(.color-icon-library){mask-image:var(--icon-color-library)}:where(.color-icon-grab){mask-image:var(--icon-color-grab)}.gradient-layer-icon-linear{background:linear-gradient(to right,var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-radial{background:radial-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-conic{background:conic-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}}@layer base, components, utilities;@layer components{:where(.combobox):not(.unstyle){align-items:center;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;display:flex;flex-wrap:wrap;gap:var(--spacing,.25rem);max-width:100%;min-height:var(--spacing-field-height,2.25rem);padding:calc(var(--spacing, .25rem)*1.25) var(--spacing-field-padding,.625rem);transition:var(--transition);width:100%;&:hover:has(>:where(input:not([type=hidden]),textarea,button):not([hidden])){background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:not(:has(>:where(input:not([type=hidden]),textarea,button):not([hidden]))){cursor:default}&:focus-within{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 30%,transparent)}&:has(.combobox-chip){padding-inline:calc(var(--spacing, .25rem)*1.25)}&[data-disabled]{cursor:default;opacity:.5;pointer-events:none;.combobox-chip>button:disabled{cursor:default;opacity:1}}&>:where(input:not([type=hidden]),textarea):not(.unstyle){background:transparent;color:inherit;field-sizing:content;flex:1 1 7rem;height:auto;margin:0;min-width:0;padding:0;width:auto;&:focus-visible,&:hover{background:transparent;box-shadow:none}}&>textarea{resize:none}}:where(.combobox-chip):not(.unstyle){align-items:center;background-color:var(--combobox-chip-surface,var(--color-popover-surface,oklch(100% 0 0)));border:0;border-radius:calc(var(--radius, .5rem)*.7);color:var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0)));display:inline-flex;flex:0 0 auto;font-size:.875rem;gap:var(--spacing,.25rem);height:calc(var(--spacing-field-height, 2.25rem) - var(--spacing, .25rem)*2.5);line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0;padding-inline-start:calc(var(--spacing, .25rem)*2);user-select:none;&>span{border:0;font:inherit;margin:0;min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}&>button{align-items:center;aspect-ratio:1/1;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;color:var(--combobox-chip-content,var(--color-content-neutral,oklch(43.9% 0 0)));cursor:pointer;display:inline-flex;flex:none;font-size:1em;height:100%;justify-content:center;line-height:1;margin:0;max-width:none;min-height:0;min-width:0;padding:0;width:auto!important;&:hover{background:color-mix(in oklch,var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0))) 12%,transparent);color:var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0)))}}&[data-locked]{cursor:default;padding-inline-end:calc(var(--spacing, .25rem)*2)}&[aria-invalid=true]{background-color:var(--color-negative-surface,oklch(80.8% .114 19.571));color:var(--color-negative-inverse,oklch(44.4% .177 26.899))}}:where(.combobox)>button:not(.unstyle){align-self:stretch;background:transparent;color:inherit;cursor:pointer;flex:1 1 auto;gap:var(--spacing,.25rem);height:auto;justify-content:flex-start;min-height:calc(var(--spacing-field-height, 2.25rem) - var(--spacing, .25rem)*2.5);min-width:7rem;padding:0;&:hover{background:transparent}&:after{background-color:var(--color-content-subtle,oklch(55.6% 0 0));content:"";flex:none;height:1em;margin-inline-start:auto;mask:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E")) center /contain no-repeat;width:1em}}:where(.combobox):has(>:where(input:not([type=hidden]),textarea,button):not(.unstyle)):not(:has(.combobox-chip)){padding:0;&>:where(input:not([type=hidden]),textarea,button):not(.unstyle){align-self:stretch;min-height:var(--spacing-field-height,2.25rem);padding:calc(var(--spacing, .25rem)*1.25) var(--spacing-field-padding,.625rem)}}:where(menu[role=listbox]):not(.unstyle){&[data-kbd] [role=option][aria-current=true]{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [role=option][hidden]{display:none}& [role=option][aria-selected=true]{font-weight:600}& .combobox-create{color:var(--color-content-neutral,oklch(43.9% 0 0))}& .combobox-empty{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:default;padding:.5rem;&:hover{background:transparent}}}:where(.combobox)>:where([role=status]){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}}@layer base, components, utilities;@layer utilities{:where([x-date]:not(input,button,select),.date-picker):not(.unstyle){background:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));min-width:17rem;width:fit-content;&>[role=group]{display:flex;flex-direction:column;padding:.5rem;width:100%}& header{align-items:center;display:flex;gap:.25rem;justify-content:space-between;width:100%;& button{align-items:center;background:transparent;border:none;border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;height:var(--spacing-field-height,2.25rem);justify-content:center;min-width:var(--spacing-field-height,2.25rem);padding:0;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-content-stark,oklch(20.5% 0 0))}}& button:nth-child(2){color:inherit;flex:1;font-weight:600;padding:0 .5rem;text-align:center;width:auto}& button:first-child:before,& button:last-child:before{background-color:currentColor;content:"";height:1rem;mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}& button:first-child:before{mask-image:var(--icon-previous,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18-6-6 6-6'/%3E%3C/svg%3E"))}& button:last-child:before{mask-image:var(--icon-next,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E"))}}& div:has(>section){display:flex;flex-flow:row nowrap;gap:1rem}& section{flex:1;min-width:14rem;&>small{color:var(--color-content-neutral,oklch(43.9% 0 0));display:block;font-size:.8125rem;font-weight:600;padding:.25rem 0;text-align:center}}& [role=grid]{display:grid;gap:0;grid-template-columns:repeat(7,minmax(0,1fr));padding:.5rem 0;& abbr{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;font-size:.75rem;font-weight:500;height:1.75rem;justify-content:center;text-decoration:none}& button{align-items:center;aspect-ratio:1/1;background:transparent;border:1px solid transparent;border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:0;transition:var(--transition,all .05s ease-in-out);&:hover:not(:disabled):not([aria-selected=true]){background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&:focus-visible{outline:2px solid var(--color-brand-content,oklch(60% .13 80));outline-offset:-2px}&.outside{color:var(--color-content-subtle,oklch(55.6% 0 0));opacity:.55}&[aria-current=date]:not([aria-selected=true]){border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 18%,transparent));font-weight:600}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}&.in-range{background:color-mix(in oklch,var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0))) 30%,transparent);border-radius:0}&.range-start:not(.range-end){border-end-end-radius:0;border-start-end-radius:0}&.range-end:not(.range-start){border-end-start-radius:0;border-start-start-radius:0}&:disabled{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:not-allowed;opacity:.35;text-decoration:line-through}}}& [role=listbox]{display:grid;gap:.25rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:.25rem 0;width:100%;& button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;display:flex;font-size:.875rem;height:2.75rem;justify-content:center;padding:0;transition:var(--transition,all .05s ease-in-out);width:100%;&:hover:not(:disabled){background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&[aria-current=true]{border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 18%,transparent));font-weight:600}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}&.outside{color:var(--color-content-subtle,oklch(55.6% 0 0));opacity:.55}&:disabled{cursor:not-allowed;opacity:.35}}}& fieldset{align-items:center;border:none;border-top:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;min-width:0;padding-bottom:.5rem;padding-top:.5rem;padding-inline-start:.5rem;width:100%;&>label{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:pointer;flex:none;font-size:.75rem;min-height:0;padding:0;width:auto;&:hover{background:transparent;color:var(--color-content-stark,oklch(20.5% 0 0))}}&>[role=group]{align-items:center;background:transparent;border:none;border-radius:var(--radius,.5rem);cursor:text;display:flex;height:var(--spacing-field-height,2.25rem);justify-content:end;margin:0;min-width:0;padding-inline-start:.5rem;transition:var(--transition,all .05s ease-in-out);& input{appearance:none;background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);box-sizing:content-box;color:var(--color-content-stark,oklch(20.5% 0 0));font-family:inherit;font-size:.875rem;font-variant-numeric:tabular-nums;line-height:1.5rem;margin:0;min-width:0;outline:none;padding:0 .25rem;text-align:center;width:2ch;&:focus,&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}&>span{color:var(--color-content-subtle,oklch(55.6% 0 0));line-height:1.5rem}&>button{background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;font-family:inherit;font-size:.875rem;height:1.5rem;line-height:1.5rem;min-width:0;padding:0 .375rem;transition:var(--transition,all .05s ease-in-out);width:auto;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}&>button[popovertarget]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:inline-flex;justify-content:center;padding:0;width:1.5rem;&:hover{color:var(--color-content-stark,oklch(20.5% 0 0))}&:before{background-color:currentColor;content:"";height:1rem;mask-image:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}}}}& div.time-options{display:flex;justify-content:center;max-height:14rem;width:100%}& footer{align-items:center;border-top:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));contain:inline-size;display:flex;gap:.25rem;justify-content:space-between;padding:.5rem 0;width:100%;&>button{background:transparent;color:var(--color-content-neutral,oklch(43.9% 0 0));width:fit-content;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-content-stark,oklch(20.5% 0 0))}}&>div{align-items:center;display:flex;flex:1;flex-wrap:nowrap;gap:.25rem;justify-content:safe center;min-width:0;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}& button{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:none;border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;flex:0 0 auto;font-size:.75rem;height:auto;min-height:0;padding:.25rem .625rem;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;&:hover{background:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 16%,transparent))}}}}}:where(menu.time-options):not(.unstyle){list-style:none;margin:0;min-width:0;padding:.25rem;position-area:end center;position-try-fallbacks:flip-block;width:max-content}.time-options{flex-flow:row nowrap;gap:.25rem;&>div{display:flex;flex:1;flex-direction:column;gap:1px;max-height:13rem;min-width:2.75rem;overflow-y:auto;scrollbar-width:thin}& button{background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;flex:none;font-size:.8125rem;font-variant-numeric:tabular-nums;height:auto;justify-content:center;min-height:0;min-width:0;padding:.25rem .5rem;text-align:center;transition:var(--transition,all .05s ease-in-out);width:auto;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}}& button:not([value]){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.75rem;font-variant-numeric:normal;&:hover{color:var(--color-content-stark,oklch(20.5% 0 0))}}& button:not([value]):first-child,& button[value]+button:not([value]){margin-top:auto}}:where(menu[popover][x-date],menu[popover].date-picker):not(.unstyle){list-style:none;margin:0;padding:0}[dir=rtl] :where([x-date],.date-picker):not(.unstyle) header{& button:first-child:before,& button:last-child:before{transform:scaleX(-1)}}}@layer base, components, utilities;@layer components{:where(dialog[popover],.dialog):not(.unstyle){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:calc(var(--radius, .5rem)*2);box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1));color:var(--color-content-stark,oklch(43.9% 0 0));flex-direction:column;left:0;margin:auto;max-height:90vh;max-width:100%;min-height:200px;position:fixed;right:0;width:500px;&::backdrop{background-color:rgba(0,0,0,.2)}& :where(header,main,footer){padding:calc(var(--spacing, .25rem)*4)}& :where(header){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*4);justify-content:space-between}& :where(main){flex-grow:1}& :where(footer){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*2);justify-content:end;margin-top:auto}@media screen and (max-width:768px){margin-bottom:auto!important;margin-left:auto!important;margin-right:auto!important;margin-top:auto!important;max-height:calc(100vh - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important;width:calc(100vw - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important}}:where(.dialog){height:fit-content;inset:0;z-index:10}.dark :where(dialog)::backdrop{background-color:rgba(0,0,0,.35)}html:has(dialog:popover-open){& menu[popover]:not(dialog *):not([data-popover-nested]){opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}html:has(dialog:popover-open~dialog:popover-open){& dialog:popover-open:not(:last-of-type) menu[popover]{opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}}@layer base, components, utilities;@layer utilities{:where(.divider){align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row nowrap;font-size:.875rem;height:1px;justify-content:center;margin:var(--spacing-field-padding,.625rem) 0;white-space:nowrap;width:100%;&:after,&:before{background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));content:"";display:inline-flex;flex:1;height:1px;width:auto}&:not(:empty){gap:var(--spacing-field-padding,.625rem)}}:where(.divider.start){justify-content:flex-start;&:before{display:none}}:where(.divider.end){justify-content:flex-end;&:after{display:none}}.divider.vertical{align-self:stretch;flex-flow:column nowrap;height:auto;margin:0 var(--spacing-field-padding,.625rem);min-height:100%;min-width:1px;width:fit-content;&:after,&:before{content:"";height:auto;min-height:1px;width:1px}& [x-icon]{flex-shrink:0;font-size:.875rem;min-height:.875rem}}}@layer base, components, utilities;@layer components{:where([dock]){align-items:stretch;background:var(--dock-surface,var(--color-surface-1,oklch(96.7% 0 0)));border-radius:var(--dock-radius,0);border-top:var(--dock-border-top,1px solid var(--color-line,color-mix(in oklch,currentColor 11%,transparent)));inset-inline:var(--dock-inset,0);bottom:var(--dock-inset,0);box-shadow:var(--dock-shadow,none);display:flex;gap:var(--dock-gap,0);justify-content:space-around;padding-bottom:max(calc(var(--safe-bottom, 0px) - var(--dock-inset, 0px)),0px);position:fixed;z-index:40}:where([dock]>a,[dock]>button){align-items:center;background:transparent;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;flex:1 1 0;flex-direction:column;font-size:.6875rem;gap:.125rem;justify-content:center;line-height:1.1;min-height:3.25rem;padding:.375rem .25rem;text-decoration:none}:where([dock] :is([x-icon],svg,img)){font-size:1.375rem;height:1.375rem;width:1.375rem}:where([dock]>a[aria-current=page],[dock]>button[aria-current=page],[dock]>.selected){color:var(--color-content-stark,oklch(14.5% 0 0))}}@layer base, components, utilities;@layer components{:where(menu[popover],.dropdown-menu):where(:not(.unstyle)){background:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);flex-flow:column nowrap;gap:0;height:fit-content;inset:auto;list-style:none;margin:var(--spacing-popover-offset,.5rem) 0;max-height:90vh;min-width:160px;overflow-x:hidden;padding:.25rem;position-area:end span-end;position-try-fallbacks:flip-inline,flip-block;transform-origin:top center;width:fit-content;z-index:50;& :where(li,a,button,[role=button],label:not(:has(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea,.combobox,.label,label))):not(.unstyle){align-items:center;background-color:transparent;border-radius:6px;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;font-weight:400;justify-content:start;max-width:100%;min-height:var(--spacing-field-height,2.25rem);overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-align:start;text-decoration:none;text-overflow:ellipsis;transition:none;user-select:none;white-space:nowrap;width:100%;&:hover{text-decoration:inherit}&:active,&:hover{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [x-icon],& span{color:inherit}& [x-icon]:first-child:not(:only-child){margin-inline-end:.375rem}}& small{color:var(--color-content-neutral,oklch(43.9% 0 0));padding:.25rem .5rem}& hr{background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));flex-shrink:0;margin-inline-start:-.25rem;margin-bottom:.25rem;margin-top:.25rem;width:calc(100% + .5rem)}& label:not(.unstyle):not(:has(>input[type=search],>input[type=file],>button[command="--copy"])){cursor:default;padding-inline-end:.5rem;padding-inline-start:.5rem;&:active,&:hover{background-color:transparent}&:has(input[role=switch]){justify-content:space-between}}& :where(li)>:where(input,textarea),&>:where(input,textarea){flex-shrink:0;&:not(:first-child){margin-top:var(--spacing,.25rem)}}& :where([role=group],[role=tablist]){margin-left:auto;margin-right:auto;min-width:calc(100% - var(--spacing-field-padding));& :where(a,button,[role=button]){justify-content:center}}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.dark menu[popover]) :where(li,a,button,label:not(:has(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea,.combobox,.label,label))):hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}:where(menu menu:not([role=listbox])):where(:not(.unstyle)){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.center){position-area:center}}@layer utilities{@media (pointer:coarse){menu[popover]:not(.unstyle){bottom:1rem;left:1rem;margin:0;position:fixed;position-area:none;top:auto;width:calc(100% - 2rem);& :where(li,a,button,label) [x-icon]:first-child:not(:only-child){margin-inline-end:.8125rem}}}}@layer base, components, utilities;@layer utilities{:where([data-edit-piece]){cursor:grab;touch-action:none;transition:opacity .12s ease,outline-color .12s ease}:where([data-edit-piece]):where(:hover):where(:not([data-edit-area=bare],[data-edit-area=bare] *,[data-edit-dragging],[data-edit-ghost],:has([data-edit-dragging]) *)){outline:1px solid color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 45%,transparent);outline-offset:3px}:where([data-edit-piece]):focus-visible:where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px solid var(--edit-accent,var(--color-brand-content));outline-offset:3px}:where([data-edit-grip]){background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 50% /6px 6px;border-radius:3px;color:var(--edit-accent,var(--color-brand-content));cursor:grab;height:calc(var(--edit-grip-size, .75rem)*1.5);opacity:.6;position:fixed;touch-action:none;translate:calc(-100% - var(--edit-grip-offset, .25rem)) 0;user-select:none;width:var(--edit-grip-size,.75rem);z-index:1001;&:hover{opacity:1}}:where([data-edit-grip]:dir(rtl)){translate:var(--edit-grip-offset,.25rem) 0}:where([data-edit-grip][hidden]){display:none}:where([data-edit-dragging=""]){cursor:grabbing;z-index:1000}:where([data-edit-dragging=""]):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){box-shadow:0 8px 24px rgba(0,0,0,.18)}:where([data-edit-dragging=keyboard]):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px dashed var(--edit-accent,var(--color-brand-content));outline-offset:3px}:where([data-edit-ghost]){opacity:var(--edit-ghost-opacity,.4);pointer-events:none}:where([data-edit-area=bare] [data-edit-ghost]){opacity:0}:where(:has(>[data-edit-ghost])):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:1px dashed color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 55%,transparent);outline-offset:4px}:where([data-edit-drop-target]):where(:not([data-edit-area=bare])){min-height:2.5rem;outline:1px dashed color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 55%,transparent);outline-offset:4px}:where([data-edit-area]:not([data-edit-area=bare]):has([data-edit-dragging=""])) :where(:empty:not(img,input,br,hr,svg,video,canvas,iframe,textarea,[data-edit-ghost],[data-edit-handle],[data-edit-area=bare],[data-edit-area=bare] *)){min-height:2.5rem}:where([data-edit-area]:has([data-edit-dragging=""])){cursor:grabbing;user-select:none;& :where([data-edit-piece]:not([data-edit-dragging])){cursor:grabbing}}:where([data-edit-area]:is([contenteditable=true],[data-edit-text]):not([data-edit-area=bare])),:where([data-edit-area]:not([data-edit-area=bare])) :where([contenteditable=true],[data-edit-text]):where(:not([data-edit-area=bare] *)){border-radius:3px;cursor:text;outline:1px solid transparent;outline-offset:2px;transition:outline-color .12s ease;&:hover{outline-color:color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 45%,transparent)}&:focus{outline-color:var(--edit-accent,var(--color-brand-content))}}:where(:has(>[data-edit-handle])){position:relative}:where([data-edit-handle]):before{opacity:0;transition:opacity .12s ease,background-color .15s ease}:where(:has(>[data-edit-handle])):is(:hover,:focus-within):where(:not([data-edit-area=bare],[data-edit-area=bare] *))>:where([data-edit-handle]):before{opacity:1}:where([data-edit-handle]){background:transparent;position:absolute;touch-action:none;z-index:100;--h:var(--edit-size-handle,1rem);&:before{background:transparent;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s ease;width:1px}&:active:before,&:hover:before{background-color:var(--edit-accent,var(--color-brand-content))}}:where([data-edit-handle]):focus-visible:where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px solid var(--edit-accent,var(--color-brand-content))}:where([data-edit-handle=top],[data-edit-handle=bottom]){cursor:ns-resize;height:var(--h);left:0;width:100%;&:before{width:100%}}:where([data-edit-handle=left],[data-edit-handle=right],[data-edit-handle=start],[data-edit-handle=end]){cursor:ew-resize;height:100%;top:0;width:var(--h);&:before{height:100%}}:where([data-edit-handle*="-"]){height:var(--h);width:var(--h)}:where([data-edit-handle^=top]){top:calc(var(--h)*-.5)}:where([data-edit-handle^=bottom]){bottom:calc(var(--h)*-.5)}:where([data-edit-handle$=left]){left:calc(var(--h)*-.5)}:where([data-edit-handle$=right]){right:calc(var(--h)*-.5)}:where([data-edit-handle$=start]){inset-inline-start:calc(var(--h)*-.5)}:where([data-edit-handle$=end]){inset-inline-end:calc(var(--h)*-.5)}:where([data-edit-handle=top-left],[data-edit-handle=bottom-right],[data-edit-handle=top-start],[data-edit-handle=bottom-end]){cursor:nwse-resize}:where([data-edit-handle=top-right],[data-edit-handle=bottom-left],[data-edit-handle=top-end],[data-edit-handle=bottom-start]){cursor:nesw-resize}[dir=rtl] :where([data-edit-handle=top-start],[data-edit-handle=bottom-end]){cursor:nesw-resize}[dir=rtl] :where([data-edit-handle=top-end],[data-edit-handle=bottom-start]){cursor:nwse-resize}:where([data-edit-area=bare] [data-edit-handle]):before{content:none}:where([data-edit-overlay]){background:transparent;inset:0;position:fixed;z-index:9999}:where([data-edit-live]){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){:where([data-edit-handle]):before,:where([data-edit-piece]){transition:none}}}@layer base, components, utilities;@layer components{:where([role=group]:has(button,[role=button],input,select,textarea,[onclick],[popovertarget],[x-dropdown],[\@click],[\@click\.stop],[\@click\.prevent],[x-on\:click],[x-on\:click\.stop],[x-on\:click\.prevent]),[role=tablist]:not(:has(>:not(button,a,[role=button],[role=tab],template)))):not(.unstyle){align-items:center;display:flex;flex-flow:row nowrap;gap:0;max-width:100%;width:fit-content;&>:focus{z-index:1}&.even>*{flex-shrink:1;width:100%}& .combobox,& input{width:fit-content}& :where(label,.label):has(input:not([type=checkbox],[type=radio]),select,textarea){width:fit-content}&:where([role=group]){&>:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"]){&:not(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])){border-end-end-radius:0;border-start-end-radius:0}&:where(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])){border-radius:0}&:where(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):not(:has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"]))){border-end-start-radius:0;border-start-start-radius:0}}}&[role=tablist]{anchor-scope:--selected-tab;background-color:color-mix(in oklch,var(--color-field-surface,oklch(20.5% 0 0)) 50%,transparent);border-radius:var(--radius,.5rem);gap:calc(var(--spacing, .25rem)*.5);height:var(--spacing-field-height,calc(var(--spacing)*9));isolation:isolate;padding:calc(var(--spacing, .25rem)/2);position:relative;&>*{background-color:transparent;border-radius:max(calc(var(--radius, .5rem) - var(--spacing, .25rem)/2),0px);color:var(--color-content-neutral,oklch(43.9% 0 0));flex-grow:1;height:100%;justify-content:center;min-height:0;width:fit-content;&:hover:not(.selected,[aria-selected=true],[aria-current]){background-color:color-mix(in oklch,var(--color-field-surface-hover,oklch(70.8% 0 0)) 40%,transparent);color:var(--color-field-inverse,oklch(20.5% 0 0))}}&>:is(.selected,[aria-selected=true],[aria-current]){background-color:var(--color-field-surface,oklch(87% 0 0));box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));color:var(--color-field-inverse,oklch(20.5% 0 0))}@supports (anchor-scope:--tab){&>:is(.selected,[aria-selected=true],[aria-current]){anchor-name:--selected-tab;--co-anchor:--selected-tab;background-color:transparent;box-shadow:none}&:has(>:is(.selected,[aria-selected=true],[aria-current])):before{background-color:var(--color-page,oklch(98.5% 0 0));border-radius:max(calc(var(--radius, .5rem) - var(--spacing, .25rem)/2),0px);box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));content:"";height:anchor-size(height);left:anchor(left);position:absolute;position-anchor:--selected-tab;top:anchor(top);transition:var(--tab-slide-transition,all .15s ease-in-out);width:anchor-size(width);z-index:-1}.dark &:has(>:is(.selected,[aria-selected=true],[aria-current])):before{background-color:var(--color-field-surface,oklch(87% 0 0))}:where(.resizable-dragging) &,:where(.window-resizing) &{--tab-slide-transition:none}}}}:where(form):not(.unstyle){display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem)*4);width:100%}:where(fieldset):not(.unstyle){display:flex;flex-direction:column;gap:.375ch calc(var(--spacing, .25rem)*2);width:100%;&:has([type=radio],[type=checkbox]){gap:calc(var(--spacing, .25rem)*2)}}:where(fieldset:has(legend)):not(.unstyle){border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;padding:1ch 1.5ch 1.5ch;& :where(legend){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.875rem;padding:0 1.5ch}}:where(label,.label):has([type=radio],[type=checkbox]):not(.unstyle){align-items:center;cursor:pointer;display:flex;flex-flow:row;gap:1ch;outline:0 none;&:focus-within{box-shadow:0 0 0 0}}:where(label:not(:has(.label)),.label):has(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea):not(:has(data)):not(:has(>button[command="--copy"])):not(.unstyle){cursor:pointer;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;:where(*){text-indent:0}&>:where(span:first-of-type){padding-inline-start:calc(var(--radius, .5rem)/2)}&>:where(label,button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea,.combobox,[role=group],[role=tablist]){max-width:100%;width:100%}&>:where([role=group]) :where(input){flex:1;min-width:0}:has([type=search],[type=file]) :where([type=search],[type=file]){margin-top:.2ch}}:where(label,.label):has(data):not(.unstyle){align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:100%;&:focus-within{box-shadow:0 0 0 0}&>:where(label,.label,button,input:not([type=checkbox],[type=radio]),select,textarea,[role=group],[role=tablist],.combobox){max-width:50%;width:calc(var(--spacing-field-height, 2.25rem)*8)}&>:where([role=group]) :where(input){flex:1;min-width:0}& :where(label,.label):focus-within{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 35%,transparent)}&:has(textarea){align-items:start;:where(data){padding-top:calc(var(--spacing, .25rem))}}}:where(:has(>button[name=remove])):not(.unstyle){position:relative;>:where(button[name=remove]:not(.unstyle)){border-radius:var(--spacing-field-height,2.5rem);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1));height:calc(var(--spacing-field-height, 2.5rem)/2);inset-block-start:calc(var(--spacing-field-height, 2.5rem)/2*-.5);inset-inline-end:calc(var(--spacing-field-height, 2.5rem)/2*-.5);min-width:0;opacity:0;padding:0;position:absolute;transition:var(--transition);width:calc(var(--spacing-field-height, 2.5rem)/2);z-index:1;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}&:is(:hover,:focus-within)>:where(button[name=remove]:not(.unstyle)){opacity:1}}label:has(.label):not(.unstyle){background-color:transparent;cursor:default;justify-content:space-between;&:not(:has(data)){align-items:start;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;& .label{text-indent:0}}:where([type=search]){max-width:100%;width:100%}}}@layer base, components, utilities;:root{--icon-field-copy:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");--icon-field-copied:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 15 2 2 4-4'/%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E")}@layer components{:where(input:not([type=range],[type=color]),textarea,.textarea,label:has([type=search],[type=file],>button[command="--copy"]),.label:has([type=search],[type=file],>button[command="--copy"])):not(.unstyle){appearance:none;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;max-width:100%;transition:var(--transition,all .05s ease-in-out);width:100%;&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&::placeholder{color:color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 65%,transparent)}&::selection{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}&[type=file]{left:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;z-index:-1}}:where(input:not([type=range]):not(.unstyle)){height:var(--spacing-field-height,2.25rem);padding-left:var(--spacing-field-padding,.625rem);padding-right:var(--spacing-field-padding,.625rem)}:where(label,.label):has([type=search],[type=file]):not(.unstyle){align-items:center;display:flex;flex-flow:row;padding-inline-start:0;& :where(input){background:transparent;padding-inline-end:0;padding-inline-start:0;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}&:has(input+*){padding-inline-end:.375rem}&:has(input[type=file]+[x-icon]){padding-inline-end:0}}:where(label,.label):has([type=file]):not(.unstyle){cursor:pointer;gap:var(--spacing,.25rem);justify-content:center;min-height:var(--spacing-field-height,2.25rem)}:where(label,.label):has([type=search]):not(.unstyle){justify-content:start;& [x-icon]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;height:100%;justify-content:center;margin-inline-end:0;width:var(--spacing-field-height,2.25rem)}}:where(.field-copied-icon){background-color:currentColor;display:inline-block;height:1em;mask-image:var(--icon-field-copied);mask-position:center;mask-repeat:no-repeat;mask-size:1em;vertical-align:middle;width:1em;@supports (height:1lh){height:1lh;vertical-align:top}}:where(button[command="--copy"]):not(.unstyle){&:after{background-color:var(--color-content-neutral,oklch(43.9% 0 0));content:"";display:block;height:.8125rem;mask-image:var(--icon-field-copy);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:.8125rem}&:active:after,&:focus-visible:after,&:hover:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0))}&.copied:after{mask-image:var(--icon-field-copied)}}:where(label,.label):has(>button[command="--copy"]):not(.unstyle){align-items:center;display:flex;flex-flow:row;justify-content:start;padding-inline-end:.375rem;& :where(input){background:transparent;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}& :where(button[command="--copy"]){background-color:transparent;flex-shrink:0;height:calc(var(--spacing-field-height, 2.25rem) - .75rem);min-width:0;opacity:0;padding:0;width:calc(var(--spacing-field-height, 2.25rem) - .75rem);&:active,&:focus-visible,&:hover{background-color:transparent}}& :where(button[command="--copy"].copied),&:focus-within :where(button[command="--copy"]),&:hover :where(button[command="--copy"]){opacity:1}}:where(input[type=search]):not(.unstyle)::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}:where(textarea,.textarea):not(.unstyle){display:block;height:auto;padding:var(--spacing-field-padding,.625rem) calc(var(--spacing-field-padding, .625rem)*1.3)}}@layer base, components, utilities;@layer components{input[type=radio]:not(.unstyle){border-radius:50%;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.625);min-width:calc(var(--spacing-field-height, 2.25rem)*.625);padding:5px;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.625);&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));border-radius:50%;content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer base, components, utilities;@layer components{:where(input[type=range]):not(.unstyle){appearance:none;background-color:transparent;border-radius:var(--radius,.5rem);cursor:default;&::-webkit-slider-runnable-track{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);cursor:pointer;height:calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out)}&:hover::-webkit-slider-runnable-track{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&::-webkit-slider-thumb{appearance:none;background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:200px;box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1));cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.5);position:relative;top:50%;transform:translateY(-50%);transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.5)}&::-webkit-slider-thumb:hover{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 30%,var(--color-field-inverse,oklch(43.9% 0 0)))}}:where(datalist):not(.unstyle){display:flex;flex-flow:row nowrap;justify-content:space-between;max-width:100%;width:100%;& option{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;text-align:center;width:2ch}}:where(label:has(input[type=range])):not(.unstyle){cursor:default}}@layer base, components, utilities;@layer components{:where([data-rich-text]:not([data-edit-text])){color:var(--rich-text-color,inherit);font-family:var(--rich-text-font,inherit);font-size:var(--rich-text-size,inherit);line-height:var(--rich-text-leading,inherit);max-height:var(--rich-text-max-height,none);outline:none;overflow-y:auto;position:relative;text-align:var(--rich-text-align,start);&[data-rich-text-empty]:before{color:var(--color-content-subtle);content:attr(placeholder);inset-block-start:var(--rich-text-padding,.75rem);inset-inline:var(--rich-text-padding,.75rem);pointer-events:none;position:absolute}}:where([data-rich-text].unstyle[style*="--rich-text-background"]){background:var(--rich-text-background)}:where([data-rich-text].unstyle)[data-rich-text-empty]:before{inset-block-start:0;inset-inline:0}:where([data-rich-text]:not(.unstyle,[data-edit-text])){background:var(--rich-text-background,var(--color-surface-1));border:1px solid var(--color-line);border-radius:var(--radius);min-height:var(--rich-text-min-height,8rem);padding:var(--rich-text-padding,.75rem);&:focus,&[data-rich-text-focused]{border-color:var(--color-content-subtle)}}:where([data-rich-text-inline]:not(.unstyle,[data-edit-text])){min-height:var(--rich-text-min-height,auto)}:where([data-rich-text-menu]){align-items:center;background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.2);gap:.25rem;inset:auto;left:var(--rich-text-selection-center);margin:0;padding:.25rem;position:fixed;top:var(--rich-text-selection-y);transform:translate(-50%,calc(-100% - .5rem))}:where([data-rich-text-menu]:popover-open){display:flex}@supports not selector(:popover-open){:where([data-rich-text-menu]){display:none}}:where([data-rich-text-control]){&[data-rich-text-active]{background:color-mix(in oklch,var(--color-content-stark) 10%,transparent);color:var(--color-content-stark)}&>svg{height:1rem;width:1rem}}:where(button[data-rich-text-control]:has(>svg:only-child)){line-height:0;padding:.35rem}:where([data-rich-text-control][aria-disabled=true]){pointer-events:auto}:where([data-rich-text]:not([data-edit-text])){&>*+*{margin-block-start:.75em}& :where(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:1.25}& h1{font-size:1.6em}& h2{font-size:1.35em}& h3{font-size:1.15em}& :where(ul,ol){padding-inline-start:1.5em}& li{list-style:revert}& blockquote{border-inline-start:2px solid var(--color-line);color:var(--color-content-neutral);padding-inline-start:.85em}& code{background:color-mix(in oklch,var(--color-content-stark) 8%,transparent);border-radius:4px;font-size:.9em;padding:.1em .3em}& pre{background:color-mix(in oklch,var(--color-content-stark) 8%,transparent);border-radius:var(--radius);overflow-x:auto;padding:.75em;& code{background:none;padding:0}}& a{color:var(--color-brand-content);text-decoration:underline}& hr{margin-block:1em}& img{max-width:100%}& table{table-layout:fixed;width:100%;& :where(td,th){border:1px solid var(--color-line);padding:.35em .5em;vertical-align:top}& th{background:var(--color-surface-2);font-weight:600;text-align:start}}& :where(td,th)[data-rich-text-cell]{background:color-mix(in oklch,var(--color-brand-content) 18%,transparent)}&[data-rich-text-border=x]{cursor:col-resize}&[data-rich-text-border=y]{cursor:row-resize}&[data-rich-text-resizing]{user-select:none}&[data-rich-text-resizing=x]{cursor:col-resize}&[data-rich-text-resizing=y]{cursor:row-resize}& :where(ul[data-checklist]){list-style:none;padding-inline-start:.25em;& li{align-items:baseline;display:flex;gap:.5em;list-style:none}}& :where(dt){font-weight:600}& :where(dd){margin-inline-start:1.5em}& :where(kbd){border:1px solid var(--color-line);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em;padding:.1em .35em}& :where(mark){background:color-mix(in oklch,var(--color-brand-content) 25%,transparent);color:inherit}& :where(small){font-size:.8em}& :where(figcaption){color:var(--color-content-neutral);font-size:.8em}& :where(abbr,dfn){text-decoration:underline dotted}}}@layer base, components, utilities;@layer components{:where(nav[popover]){animation:none;background-color:var(--color-popover-surface,oklch(98.5% 0 0));height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:80vw;min-width:20vw;overflow-y:auto;transition:opacity .15s ease-in,transform .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;width:fit-content;z-index:200;@starting-style{opacity:1;scale:1;transform:translateX(100%)}&:not(:popover-open){opacity:1;scale:1;transform:translateX(100%)}[dir=rtl] &{@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}}}:where(nav[popover].appear-start){inset-inline-end:auto;inset-inline-start:0;@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}[dir=rtl] &{@starting-style{transform:translateX(100%)}&:not(:popover-open){transform:translateX(100%)}}}.dark :where(nav[popover]){background-color:var(--color-surface-1,oklch(97% 0 0))}}@layer base, components, utilities;@layer components{:where([x-carousel]){display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;:where(.carousel-slides){aspect-ratio:16/9;display:flex;transition:transform .3s ease-in-out;width:100%}& :where([data-carousel-prev],[data-carousel-next],button[\@click="prev()"],button[\@click="next()"]){background-color:oklch(100% 0 0/.15);position:absolute;top:50%;transform:translateY(-50%);&:hover{background-color:oklch(100% 0 0/.3)}}& :where([data-carousel-prev],button[\@click="prev()"]){left:calc(var(--spacing, .25rem)*4)}& :where([data-carousel-next],button[\@click="next()"]){left:auto;right:calc(var(--spacing, .25rem)*4)}:where(.carousel-dots){bottom:calc(var(--spacing, .25rem)*4);display:flex;gap:calc(var(--spacing, .25rem)*2);left:50%;max-width:100%;overflow-x:auto;padding:0 calc(var(--spacing, .25rem)*4);position:absolute;scrollbar-width:none;transform:translateX(-50%);&::-webkit-scrollbar{display:none}& :where(span){background-color:oklch(100% 0 0/.15);border-radius:50%;cursor:pointer;flex-shrink:0;height:.625rem;transition:background-color .3s ease-in-out;width:.625rem;&:hover{background-color:oklch(100% 0 0/.3)}&.active{background-color:#fff}}}}}@layer base, components, utilities;@layer components{:where(input[role=switch]):not(.unstyle){border-radius:calc(var(--spacing-field-height, 2.25rem)*.65);box-sizing:content-box;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.65);min-width:calc(var(--spacing-field-height, 2.25rem)*.65*2);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.65*2);&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:50%;box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));content:"";height:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem);left:.125rem;position:absolute;top:.125rem;transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem)}&:checked{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));&:before{background-color:var(--color-field-inverse,oklch(43.9% 0 0));left:calc(100% - var(--spacing-field-height, 2.25rem)*.65 + .125rem)}&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}}}}@layer base, components, utilities;@layer components{:where(.grid-table):not(.unstyle){display:grid}:where(table,.grid-table):not(.unstyle){align-items:start;border-radius:var(--radius,.5rem);border-spacing:0;max-width:100%;overflow:hidden;table-layout:auto;width:100%;:where(.grid-header,.grid-row,.grid-footer){display:contents}:where(thead,.grid-header>*){background-color:var(--color-surface-1,oklch(97% 0 0));border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}:where(th,.grid-header>*){font-weight:700}:where(tr,.grid-row>*){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}:where(td,th,.grid-header>*,.grid-row>*,.grid-footer>*){font-size:.875rem;padding:calc(var(--spacing, .25rem)*2.5) calc(var(--spacing, .25rem)*4);text-align:left;text-align:start;&>:not(template){display:inline-flex;vertical-align:middle;&:not(:last-child){margin-right:4px}}}:where(td,th){overflow:hidden}:where(:not(:has(tfoot)) tbody tr:last-child,tfoot tr:last-child,.grid-footer>*){border-bottom:0}&.striped{:where(tr:nth-child(2n),.grid-row:nth-child(2n)){background-color:var(--color-surface-1,oklch(97% 0 0))}:where(tr:nth-child(odd),.grid-row:nth-child(odd)){background-color:transparent}:where(tr,.grid-row){border-bottom:0}}}}@layer base, components, utilities;@layer utilities{:where(.toast-container){align-items:center;bottom:3vw;display:flex;flex-direction:column-reverse;gap:calc(var(--spacing, .25rem)*2);left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}:where(.toast){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*2);box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1));display:flex;max-width:90vw;opacity:0;overflow:hidden;pointer-events:auto;transform:translateY(1rem);transition:opacity .2s ease-out,transform .2s ease-out,height .2s ease-out,margin .2s ease-out,padding .2s ease-out;:where(.toast-content){align-items:center;color:inherit;display:flex;padding:.375rem .75rem;white-space:pre-wrap;:where([x-icon]:first-child){margin-right:1ch}}:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 20%,transparent);border-radius:0;position:relative;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}}:where(.toast.brand,.toast.accent,.toast.positive,.toast.negative){background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0));:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 20%,transparent)}}:where(.toast-entry){opacity:1;transform:translateY(0)}:where(.toast-exit){opacity:0;pointer-events:none;transform:translateY(1rem)}}@layer base, components, utilities;@layer utilities{:where(.tooltip){background-color:var(--color-content-stark,oklch(43.9% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));color:var(--color-page,oklch(98.5% 0 0));font-size:.875rem;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);width:fit-content;& [x-icon]:first-child{margin-inline-end:.25rem}&>*{color:inherit}}:where(.tooltip[popover]){animation:none;display:block;inset:auto;margin:var(--spacing-popover-offset,.5rem) 0;max-width:200px;position:absolute;position-area:bottom;position-try-fallbacks:flip-inline,flip-block,flip-start;transition:opacity .15s ease-in,scale .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;@starting-style{opacity:0;scale:.9}&:not(:popover-open){display:none!important;opacity:0;scale:1;transition-duration:.15s;transition-timing-function:ease-out}&:hover{transition-delay:var(--tooltip-hover-delay,.5s)}}}@layer base, components, utilities;@layer base{.caption,.h1,.h2,.h3,.h4,.h5,.h6,.label,.paragraph,.small,:where(abbr,address,blockquote,code,del,figcaption,h1,h2,h3,h4,h5,h6,ins,label:not(.avatar,:has([type=file],[type=search])),legend,p,small,cite,q):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}& [x-icon]{margin-inline-end:.25em}}.h1,.h2,.h3,.h4,.h5,.h6,:where(h1,h2,h3,h4,h5,h6):not(.unstyle){font-weight:550;word-wrap:break-word}.h1,.h2,.h3,:where(h1,h2,h3):not(.unstyle){letter-spacing:-.025em}.h1,:where(h1):not(.unstyle){font-size:3rem;line-height:1.25}.h2,:where(h2):not(.unstyle){font-size:2.25rem}.h3,:where(h3):not(.unstyle){font-size:1.75rem;line-height:1.4}.h4,:where(h4):not(.unstyle){font-size:1rem}.h5,:where(h5):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1rem;line-height:1rem;& a:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}.h6,:where(h6):not(.unstyle){color:var(--color-brand-content,oklch(68.1% .162 75.834));font-size:.8125rem;line-height:1.4}.paragraph,:where(p):not(.unstyle){line-height:1.6}.link,:where(a:not([role=button])):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;text-align:unset;text-decoration:none;transition:var(--transition,all .05s ease-in-out);&:hover{color:var(--color-content-neutral,oklch(43.9% 0 0))}&:where(:has([x-icon])){align-items:center;display:inline-flex;gap:.25em}}:where(aside):not(.unstyle){border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);padding:calc(var(--spacing, .25rem)*4)}:where(.badge){align-items:center;background-color:var(--color-field-surface,color-mix(in oklch,oklch(97% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*.6);color:var(--color-field-inverse,oklch(43.9% 0 0));display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;height:fit-content;justify-content:center;line-height:1.25;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);width:fit-content;&[x-icon]{aspect-ratio:1;padding:calc(var(--spacing, .25rem)*.5)}&:has(>svg:only-child){aspect-ratio:1;padding:calc(var(--spacing, .25rem)*.5)}}:where(blockquote):not(.unstyle){border-inline-end:none;border-inline-start:.25rem solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 25%,transparent);color:var(--color-content-stark,oklch(43.9% 0 0));display:block;margin:calc(var(--spacing, .25rem)*4) 0;max-width:100%;padding:0 calc(var(--spacing, .25rem)*4);width:100%;& *{color:inherit}}:where(code):not(.unstyle){display:inline-block;font-size:82.5%;height:fit-content;line-height:1.4;padding:0 .7ch;width:fit-content;word-wrap:break-word;background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-content-subtle,oklch(55.6% 0 0)) 10%,transparent);border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));&[role=button]{cursor:pointer}}.caption,:where(figcaption):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.8125rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where(figure figcaption):not(.unstyle){margin:calc(var(--spacing, .25rem)*2) auto;text-align:center}.small,:where(small):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where([x-icon]){display:inline-flex;width:fit-content}:where(ins):not(.unstyle){text-decoration:none}.kbd,:where(kbd):not(.unstyle){background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border-radius:calc(var(--radius, .5rem)/1.5);color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;font-family:inherit;font-size:75%;font-weight:600;line-height:1;min-width:1.4rem;padding:.3rem;text-align:center;vertical-align:baseline;width:fit-content;&:not(:last-of-type){margin-inline-end:1px}}[dir=rtl] :where(kbd:not(:last-of-type),.kbd:not(:last-of-type)){margin-inline-end:0;margin-inline-start:1px}.label,:where(label):not(.unstyle){user-select:none;width:fit-content}.legend,:where(legend):not(.unstyle){display:block;max-width:100%;white-space:normal}:where(ol):not(.unstyle){list-style-type:decimal}:where(ul):not(.unstyle){list-style-type:disc}:where(ol):not(.unstyle),:where(ul):not(.unstyle){padding-inline-start:1.75ch;&:has(input[type=checkbox]){padding-inline-start:0}& li{padding-inline-start:1ch;&:not(:last-of-type){margin-bottom:1.25ch}& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}&:has([x-icon]){display:inherit;list-style:none;position:relative;& [x-icon]{left:-1.75ch;position:absolute;top:.45ch}}&:has(input[type=checkbox]){display:inherit;list-style:none;position:relative;& input[type=checkbox]{left:-1ch;position:absolute;top:.45ch}}}}:where(nav,menu):not(.unstyle) ol,:where(nav,menu):not(.unstyle) ul{list-style:none;padding:0;& li,li:not(:last-of-type){margin:0;padding:0}}[dir=rtl] :where(ol):not(nav ol):not(menu ol):not(.unstyle),[dir=rtl] :where(ul):not(nav ul):not(menu ul):not(.unstyle){& li:has([x-icon]){& [x-icon]{left:auto;right:-1.75ch}}& li:has(input[type=checkbox]){& input[type=checkbox]{left:auto;right:-1.25ch}}}:where(ol,ul):not(nav ol):not(menu ol):not(.unstyle) ul,:where(ol,ul):not(nav ul):not(menu ul):not(.unstyle) ol{margin-top:1ch;padding-inline-start:2.75ch;&+li{margin-top:1.5ch}}:where(pre):not(.unstyle){background-color:var(--color-page,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);display:flex;flex-flow:row wrap;font-size:.8125rem;line-height:1.7;overflow:hidden;tab-size:4;white-space:pre;white-space-collapse:preserve;&>code{background-color:transparent;border:0;box-shadow:none;display:inline-block;flex-grow:1;font-size:inherit;height:auto;line-height:inherit;overflow-x:auto;padding:calc(var(--spacing, .25rem)*4);padding-inline-end:calc(var(--spacing, .25rem)*12);scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}&:not(:has(code)){padding:calc(var(--spacing, .25rem)*4)}}}@layer base, components, utilities;@layer utilities{:where(:is(menu[popover],.dropdown-menu,.tooltip).top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(:is(menu[popover],.dropdown-menu,.tooltip).start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(:is(menu[popover],.dropdown-menu,.tooltip).end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(:is(menu[popover],.dropdown-menu,.tooltip).top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(:is(menu[popover],.dropdown-menu,.tooltip).top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(:is(menu[popover],.dropdown-menu,.tooltip).start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(:is(menu[popover],.dropdown-menu,.tooltip).start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(:is(menu[popover],.dropdown-menu,.tooltip).end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(:is(menu[popover],.dropdown-menu,.tooltip).end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.top-start-corner,.start-top-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.top-end-corner,.end-top-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.bottom-start-corner,.start-bottom-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.bottom-end-corner,.end-bottom-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:end end}}::selection,:root{--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% 0.003 325.6);--color-mauve-200:oklch(92.2% 0.005 325.62);--color-mauve-300:oklch(86.5% 0.012 325.68);--color-mauve-400:oklch(71.1% 0.019 323.02);--color-mauve-500:oklch(54.2% 0.034 322.5);--color-mauve-600:oklch(43.5% 0.029 321.78);--color-mauve-700:oklch(36.4% 0.029 323.89);--color-mauve-800:oklch(26.3% 0.024 320.12);--color-mauve-900:oklch(21.2% 0.019 322.12);--color-mauve-950:oklch(14.5% 0.008 326);--color-olive-50:oklch(98.8% 0.003 106.5);--color-olive-100:oklch(96.6% 0.005 106.5);--color-olive-200:oklch(93% 0.007 106.5);--color-olive-300:oklch(88% 0.011 106.6);--color-olive-400:oklch(73.7% 0.021 106.9);--color-olive-500:oklch(58% 0.031 107.3);--color-olive-600:oklch(46.6% 0.025 107.3);--color-olive-700:oklch(39.4% 0.023 107.4);--color-olive-800:oklch(28.6% 0.016 107.4);--color-olive-900:oklch(22.8% 0.013 107.4);--color-olive-950:oklch(15.3% 0.006 107.1);--color-mist-50:oklch(98.7% 0.002 197.1);--color-mist-100:oklch(96.3% 0.002 197.1);--color-mist-200:oklch(92.5% 0.005 214.3);--color-mist-300:oklch(87.2% 0.007 219.6);--color-mist-400:oklch(72.3% 0.014 214.4);--color-mist-500:oklch(56% 0.021 213.5);--color-mist-600:oklch(45% 0.017 213.2);--color-mist-700:oklch(37.8% 0.015 216);--color-mist-800:oklch(27.5% 0.011 216.9);--color-mist-900:oklch(21.8% 0.008 223.9);--color-mist-950:oklch(14.8% 0.004 228.8);--color-taupe-50:oklch(98.6% 0.002 67.8);--color-taupe-100:oklch(96% 0.002 17.2);--color-taupe-200:oklch(92.2% 0.005 34.3);--color-taupe-300:oklch(86.8% 0.007 39.5);--color-taupe-400:oklch(71.4% 0.014 41.2);--color-taupe-500:oklch(54.7% 0.021 43.1);--color-taupe-600:oklch(43.8% 0.017 39.3);--color-taupe-700:oklch(36.7% 0.016 35.7);--color-taupe-800:oklch(26.8% 0.011 36.5);--color-taupe-900:oklch(21.4% 0.009 43.1);--color-taupe-950:oklch(14.7% 0.004 49.3);--color-black:#000;--color-white:#fff}@layer base, components, utilities;@layer utilities{:where(.center){align-items:center;justify-content:center}:where(.row,.row-wrap,.col,.col-wrap){display:flex}:where(.col){flex-flow:column nowrap}:where(.col-wrap){flex-flow:column wrap}:where(.row){flex-flow:row nowrap}:where(.row-wrap){flex-flow:row wrap}:where(.content){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}:where(.ghost){background-color:transparent;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{background-color:color-mix(in oklch,var(--color-field-surface,oklch(37.1% 0 0)) 50%,transparent)}}:where(.hug){height:fit-content;min-width:0;padding:0;width:fit-content}:where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 90%,var(--color-field-inverse,oklch(43.9% 0 0)));border-style:solid;border-width:1px}.dark :where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}:where(.transparent){background-color:transparent!important;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}:where(.lg){--spacing-field-height:2.5rem;--spacing-field-padding:0.78rem;font-size:125%}:where(.sm){--spacing-field-height:1.5rem;--spacing-field-padding:0.49rem;font-size:75%;&::picker-icon{line-height:.2}}:where(.disabled){cursor:default;opacity:.5;pointer-events:none}:where(body.page){display:flex;flex-direction:column;min-height:100vh}.page{&>footer,&>header{z-index:30}&>footer,&>header,&>main{padding-inline-end:var(--spacing-viewport-padding,5vw);padding-inline-start:var(--spacing-viewport-padding,5vw)}&>footer nav:not([popover]),&>header nav:not([popover]),&>main>section:not(.banner,.overlay-dark,.overlay-light){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}&>footer{margin-top:auto}}.no-focus:focus,.no-focus:focus-visible,.no-focus:focus-within{box-shadow:0 0 0 0 transparent}:where(.no-scrollbar){-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.no-spinner{appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}}:where(.overlay-dark,.overlay-light){position:relative;&:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}>*{position:relative;z-index:1}}:where(.overlay-dark){color:#fff!important;&:after{background:oklch(0 0 0/50%)}}:where(.overlay-light){color:oklch(14.5% 0 0)!important;&:after{background:oklch(100% 0 0/75%)}}:where(.prose,.prose details){max-width:100%;width:42rem;& aside:not([popover]){background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 20%,transparent);border:1px solid color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 15%,transparent);border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(43.9% 0 0));margin-top:1.4rem;padding:calc(var(--spacing, .25rem)*4);&:has([x-icon]):not([x-code-group] aside,aside.frame){display:flex;flex-direction:row;gap:1rem;& [x-icon]{font-size:1.25rem;padding-top:.25rem}}}& [x-code-group] aside.frame{background-color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 65%,transparent);border:0;border-radius:0;font-family:var(--font-sans);font-size:medium;margin-top:0;padding:calc(var(--spacing, .25rem)*4)}&>a:not(:where(h1,h2,h3,h4,h5,h6,p,small,figcaption,label,li,blockquote,pre code,code,kbd,span,mark,[role=button]) a){margin-top:1.4rem}&>blockquote{margin-top:2rem;& *{margin:0}}&>details,&>hr+details{margin-top:0}&>:not(details,hr)+details,&>details:first-child{margin-top:3rem}&>details:last-child{margin-bottom:3rem}&>details:not(:last-child):not(:has(+details,+hr)){margin-bottom:3rem}&>details+:not(details,hr){margin-top:0}&>figcaption{margin-top:1rem}&>figure{margin-top:1.4rem;& img{margin:0}}&>h1{font-size:2.25rem}&>h1+p{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1.125rem;margin-top:.625rem}&>h2{font-size:1.75rem;margin-bottom:.6667rem;margin-top:1rem}&>h3{font-size:1.25rem;margin-top:2.4rem}&>h4{margin-top:3rem}&>h4+p{margin-top:.25rem}&>h5{margin-top:1rem}&>h5,&>h6{margin-bottom:1rem}&>h6{margin-top:2rem}&>hr{margin-bottom:3rem;margin-top:3rem}&>details+hr:has(+details){margin-bottom:1rem;margin-top:1rem}&>img,&>p{margin-top:1.4rem}&>ol,&>small,&>ul{margin-top:1rem}&>[x-code-group],&>[x-code],&>pre,&>table{margin-bottom:2rem;margin-top:2rem}&>[x-code-group] [x-code],&>[x-code] pre{margin-bottom:0;margin-top:0}}:where(.trailing){color:var(--color-content-subtle,oklch(55.6% 0 0));display:inline-block;margin-inline-start:auto}:where(.brand){--color-field-surface:var(--color-brand-surface,oklch(85.2% 0.199 91.936));--color-field-surface-hover:var(--color-brand-surface-hover,oklch(90.5% 0.182 98.111));--color-field-inverse:var(--color-brand-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-brand-content,oklch(68.1% 0.162 75.834));--color-content-neutral:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 70%,transparent)}:where(.accent){--color-field-surface:var(--color-accent-surface,oklch(43.9% 0 0));--color-field-surface-hover:var(--color-accent-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 90%,oklch(98.5% 0 0)));--color-field-inverse:var(--color-accent-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-accent-content,oklch(43.9% 0 0));--color-content-neutral:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 70%,transparent)}:where(.negative){--color-field-surface:var(--color-negative-surface,salmon);--color-field-surface-hover:var(--color-negative-surface-hover,#f08080);--color-field-inverse:var(--color-negative-inverse,maroon);--color-content-stark:var(--color-negative-content,crimson);--color-content-neutral:color-mix(in oklch,var(--color-negative-content,crimson) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-negative-content,crimson) 70%,transparent)}:where(.positive){--color-field-surface:var(--color-positive-surface,#98fb98);--color-field-surface-hover:var(--color-positive-surface-hover,#90ee90);--color-field-inverse:var(--color-positive-inverse,#006400);--color-content-stark:var(--color-positive-content,#32cd32);--color-content-neutral:color-mix(in oklch,var(--color-positive-content,#32cd32) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-positive-content,#32cd32) 70%,transparent)}:where(.stark){color:var(--color-content-stark,oklch(43.9% 0 0))}:where(.neutral){color:var(--color-content-neutral,oklch(43.9% 0 0))}:where(.subtle){color:var(--color-content-subtle,oklch(55.6% 0 0))}@media (min-width:640px){.mobile-only{display:none!important}}@media (max-width:639.98px){.desktop-only{display:none!important}}@media (pointer:fine){.touch-only{display:none!important}}@media not all and (pointer:fine) and (hover:hover){.cursor-only{display:none!important}}@media not all and (any-pointer:fine){.pointer-only{display:none!important}}html:not([data-native]) .native-only,html:not([data-online=false]) .offline-only,html:not([data-os=android]) .android-only,html:not([data-os=ios]) .ios-only,html:not([data-os=linux]) .linux-only,html:not([data-os=macos]) .mac-only,html:not([data-os=macos]):not([data-os=ios]) .apple-only,html:not([data-os=windows]) .windows-only,html:not([data-standalone]) .standalone-only,html[data-native] .web-only,html[data-online=false] .online-only,html[data-os=android] .no-android,html[data-os=ios] .no-apple,html[data-os=ios] .no-ios,html[data-os=linux] .no-linux,html[data-os=macos] .no-apple,html[data-os=macos] .no-mac,html[data-os=windows] .no-windows{display:none!important}:where(.pt-safe){padding-top:var(--safe-top)}:where(.pr-safe){padding-right:var(--safe-right)}:where(.pb-safe){padding-bottom:var(--safe-bottom)}:where(.pl-safe){padding-left:var(--safe-left)}:where(.px-safe){padding-left:var(--safe-left);padding-right:var(--safe-right)}:where(.py-safe){padding-bottom:var(--safe-bottom);padding-top:var(--safe-top)}:where(.p-safe){padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}:where(.min-h-dvh){min-height:100dvh}:where(.h-dvh){height:100dvh}:where(.no-callout){-webkit-touch-callout:none}:where(.no-select){-webkit-user-select:none;user-select:none}:where(.no-tap-zoom){touch-action:manipulation}:where(.no-overscroll){overscroll-behavior:none}:where(.no-overscroll-y){overscroll-behavior-y:none}}
+@layer base, components, utilities;@layer base{*,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-rendering:optimizeLegibility;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:host,:where(html){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;max-width:100vw;overflow-x:hidden;tab-size:4;width:100vw;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:has(dialog:popover-open){overflow:hidden}}:where(body){line-height:inherit;margin:0;max-width:100vw;min-height:100vh}:where(a){color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where([aria-controls]){cursor:pointer}:where([aria-hidden=false][hidden]){display:initial}:where([aria-hidden=false][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:where(audio:not([controls])){display:none;height:0}:where(b,strong){font-weight:bolder}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button){appearance:button;background-color:transparent;background-image:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){height:auto}:where(::-webkit-search-decoration){-webkit-appearance:none}:where(button,[role=button]){cursor:pointer}:where(code,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where([dir=rtl]){direction:rtl}:where([disabled],:disabled,[aria-disabled=true],.disabled){cursor:default;opacity:.5;pointer-events:none}:where(figcaption){font-size:75%}:where(figure){display:block;padding:0}:where(::file-selector-button){margin-inline-end:4px}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(hr){background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 12%,transparent));border:0;color:inherit;height:1px}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,video){height:auto;max-width:100%}:where(::-webkit-autofill,:-webkit-autofill:focus){transition:background-color 0s 600000s,color 0s 600000s}:where(::-webkit-date-and-time-value){min-height:1lh;text-align:inherit}:where(::-webkit-datetime-edit){display:inline-flex}:where(::-webkit-datetime-edit-fields-wrapper){padding:0}:where(::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field){padding-block:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}:where(small){font-size:80%}:where(span){color:inherit}:where(sub,sup){font-size:50%;line-height:0;position:relative;vertical-align:baseline}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(svg):not([fill]){fill:currentColor}:where(svg):not(:root){overflow:hidden}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}:where(::placeholder){color:color-mix(in oklab,currentcolor 50%,transparent);opacity:1}@keyframes mnfst-popover-in{0%{scale:.9}to{scale:1}}:where([popover]):not(.unstyle):popover-open{animation:mnfst-popover-in .15s ease-in both;display:flex}:where(progress){vertical-align:baseline}:where([type=search]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}:where(summary){display:list-item}:where(textarea){resize:vertical}[hidden],[un-cloak],[v-cloak],[x-cloak]{display:none}@media (-webkit-min-device-pixel-ratio:2){:where(html){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true]):after,:not([aria-busy=true]):before{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}::view-transition-group(*){animation-duration:var(--view-transition-duration,.2s);animation-timing-function:var(--view-transition-easing,cubic-bezier(.4,0,.2,1))}[data-no-view-transition],canvas,iframe,video{view-transition-name:none}}@view-transition{navigation:auto}[popover]:not(.unstyle):not(:popover-open){display:none}@layer base, components, utilities;@layer components{:where(details):not(.unstyle){transition:var(--transition,all .05s ease-in-out);width:100%;&[open]>summary:before{transform:rotate(90deg)}& [open] summary{margin-bottom:calc(var(--spacing, .25rem)*4)}&>:last-child{margin-bottom:calc(var(--spacing, .25rem)*8)}:where(summary){align-items:center;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:var(--spacing-field-padding,.625rem) 0;position:relative;transition:var(--transition,all .05s ease-in-out);user-select:none;&::-webkit-details-marker,&::marker{content:"";display:none}&:hover{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 40%,var(--color-content-stark,oklch(43.9% 0 0)))}&:active{color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 50%,var(--color-content-stark,oklch(43.9% 0 0)))}&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 50%,var(--color-field-inverse,oklch(43.9% 0 0)));content:"";height:1rem;mask-image:var(--icon-accordion,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 256 256'%3E%3Cpath d='m184.49 136.49-80 80a12 12 0 0 1-17-17L159 128 87.51 56.49a12 12 0 1 1 17-17l80 80a12 12 0 0 1-.02 17'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;order:1;transform:rotate(0);transition:transform .25s ease;width:1rem}}}[dir=rtl] :where(details):not(.unstyle){& summary:before{transform:rotate(180deg)}&[open]>summary:before{transform:rotate(90deg)}}}@layer base, components, utilities;@layer utilities{:where(.avatar){align-items:center;background-clip:content-box;background-color:var(--color-surface-3,oklch(87% 0 0));background-position:50%;background-size:cover;border-radius:50%;color:var(--color-field-inverse,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;flex-shrink:0;font-weight:700;height:var(--spacing-field-height,2.25rem);justify-content:center;position:relative;text-align:center;text-transform:uppercase;width:var(--spacing-field-height,2.25rem);&[x-icon]{color:var(--color-content-subtle,oklch(55.6% 0 0))}:where(img){border-radius:inherit;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:var(--transition,all .05s ease-in-out);width:100%}:where(figure){background-color:var(--color-surface-3,oklch(87% 0 0));border:1px solid var(--color-page,oklch(98.5% 0 0));border-radius:50%;bottom:-3px;height:9px;position:absolute;right:-3px;width:9px;z-index:1}}:where(button.avatar,[role=button].avatar,label.avatar):not(.unstyle){background-blend-mode:normal;padding:0;&:hover{background-blend-mode:multiply;background-color:color-mix(in oklch,var(--color-surface-3,oklch(87% 0 0)) 88%,var(--color-content-stark,oklch(20.5% 0 0)));& img{filter:brightness(.9)}}& span{padding:0}}:where(.avatar.sm){font-size:.75rem;height:1.5rem;width:1.5rem}:where(.avatar.lg){font-size:1.25rem;height:3rem;width:3rem}:where(.avatar-wide){align-items:center;display:flex;flex-flow:row;gap:1.5ch;justify-content:start;max-width:100%;overflow:hidden;width:100%;& span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(button.avatar-wide){height:fit-content;padding:var(--spacing,.25rem);padding-inline-end:1.5ch;&:hover .avatar{background-color:color-mix(in oklch,var(--color-surface-3,oklch(87% 0 0)) 88%,var(--color-content-stark,oklch(20.5% 0 0)));transition:var(--transition,all .05s ease-in-out)}}:where([role=group]:has(.avatar,button.avatar)){align-items:center;display:flex;flex-flow:row nowrap;:where(.avatar){box-shadow:0 0 0 3px var(--color-page,oklch(98.5% 0 0));margin-inline-end:calc(var(--spacing-field-height, 2.25rem)*-.3)}}}@layer base, components, utilities;@layer components{:where(button:not(.link),[role=button],[type=button],[type=reset],[type=submit],select):not(code,.unstyle){align-items:center;appearance:button;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;flex-flow:row;gap:.375rem;height:var(--spacing-field-height,2.25rem);justify-content:center;margin:0;max-width:100%;min-width:var(--spacing-field-height,2.25rem);outline-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));overflow:hidden;padding:0 var(--spacing-field-padding,.625rem);text-overflow:ellipsis;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;width:fit-content;& [x-icon],& span{color:inherit}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:has(>svg:only-child){font-size:1rem;padding:0}& svg{margin-left:auto;margin-right:auto}&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}:where(select):not(.unstyle){appearance:base-select;&::picker-icon{background-color:currentColor;content:"";height:1rem;mask-image:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}}@supports not (appearance:base-select){:where(select):not(.unstyle){appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-field-padding,.625rem) center;background-repeat:no-repeat;background-size:1rem;padding-inline-end:calc(var(--spacing-field-padding, .625rem)*2 + 1rem)}}}@layer base, components, utilities;:root{--color-chart-grid:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));--color-chart-label:var(--color-content-subtle,oklch(55.6% 0 0));--color-chart-heat-low:oklch(from var(--color-chart-1) 0.95 calc(c * 0.3) h);--color-chart-heat-high:oklch(from var(--color-chart-1) 0.55 calc(c * 1.15) h);--color-chart-1:var(--color-yellow-400,oklch(85.2% 0.199 91.936));--color-chart-2:var(--color-yellow-500,oklch(79.5% 0.184 86.047));--color-chart-3:var(--color-yellow-600,oklch(68.1% 0.162 75.834));--color-chart-4:var(--color-amber-400,oklch(82.8% 0.189 84.429));--color-chart-5:var(--color-amber-500,oklch(76.9% 0.188 70.08));--color-chart-6:var(--color-amber-600,oklch(66.6% 0.179 58.318));--color-chart-7:var(--color-orange-400,oklch(75% 0.183 55.934));--color-chart-8:var(--color-orange-500,oklch(70.5% 0.213 47.604));--color-chart-9:var(--color-orange-600,oklch(64.6% 0.222 41.116))}@layer utilities{:where([x-chart],.chart):not(.unstyle){display:flex;flex-direction:column;gap:.25rem;position:relative;width:100%;& svg{display:block;overflow:visible;width:100%}& svg line{shape-rendering:crispEdges;stroke:var(--color-chart-grid);stroke-width:1}& svg text{fill:var(--color-chart-label);font-family:inherit;font-size:.6875rem}& path.line{stroke:var(--color-chart-color,var(--color-chart-1));stroke-linecap:round;stroke-linejoin:round;stroke-width:2}& path.area{fill:var(--color-chart-color,var(--color-chart-1));opacity:.15}& circle{fill:var(--color-chart-color,var(--color-chart-1));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:1.5;transition:r var(--transition-duration,.1s) ease;&:not(.map-point):hover{r:5}}& circle.scatter{opacity:.85}& rect{fill:var(--color-chart-color,var(--color-chart-1));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& g.negative,& g.positive{& line{stroke:var(--color-chart-candle);stroke-width:1.5}& rect{fill:var(--color-chart-candle)}}& g.positive{--color-chart-candle:var(--color-positive-content,oklch(60% 0.13 150))}& g.negative{--color-chart-candle:var(--color-negative-content,oklch(60% 0.18 25))}& path.slice{fill:var(--color-chart-color,var(--color-chart-1));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:2;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.85}}& path.gauge-track{fill:var(--color-chart-color,var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)))}& path.gauge-value{fill:var(--color-chart-color,var(--color-chart-1))}& text.gauge-label{fill:var(--color-content-stark,oklch(20.5% 0 0));font-size:1.75rem;font-weight:700;pointer-events:none}& rect.gantt-segment{fill:var(--color-chart-color,var(--color-chart-1));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& rect.gantt-point{fill:var(--color-chart-color,var(--color-content-stark,oklch(20.5% 0 0)))}& text.gantt-track{fill:var(--color-chart-label);font-size:.75rem}& line.gantt-marker{stroke:var(--color-chart-color,var(--color-content-subtle,oklch(55.6% 0 0)));stroke-dasharray:3 3;stroke-width:1.5}& text.gantt-marker-label{fill:var(--color-chart-color,var(--color-content-subtle,oklch(55.6% 0 0)));font-size:.625rem}& text.value{fill:var(--color-content-stark,oklch(20.5% 0 0));font-size:.6875rem;font-weight:600;pointer-events:none;&.inverse{fill:var(--color-content-stark,oklch(20.5% 0 0));paint-order:stroke;stroke:color-mix(in oklch,var(--color-page,oklch(98.5% 0 0)) 75%,transparent);stroke-width:1.5px}}& circle.map-point{fill:var(--color-chart-color,var(--color-accent-content,oklch(20.5% 0 0)));fill-opacity:.82;stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:1;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& path.map-region{fill:var(--color-chart-color,var(--color-surface-2,color-mix(in oklch,oklch(20.5% 0 0) 8%,transparent)));stroke:var(--color-page,oklch(98.5% 0 0));stroke-width:.4;transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& rect.heat-cell{fill:color-mix(in oklch,var(--color-chart-heat-high,var(--color-chart-1)) var(--heat,0%),var(--color-chart-heat-low,var(--color-surface-2)));transition:opacity var(--transition-duration,.1s) ease;&:hover{opacity:.82}}& footer{align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row wrap;font-size:.75rem;gap:.875rem;justify-content:center;margin-top:.5rem;&>span{align-items:center;display:inline-flex;gap:.375rem}& i{background:var(--color-chart-color,var(--color-chart-1));border-radius:2px;height:.625rem;width:.625rem}}& footer.heat-legend{flex-wrap:nowrap;gap:.5rem;& i{background:linear-gradient(to right,var(--color-chart-heat-low,var(--color-surface-2)),var(--color-chart-heat-high,var(--color-chart-1)));border-radius:1rem;flex:1;height:.5rem}}& .tooltip{font-size:.75rem;left:0;line-height:1.3;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,calc(-100% - .625rem));transition:opacity .1s ease;white-space:nowrap;z-index:50;&.active{opacity:1}}&>small,label{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:6rem}}}@layer base, components, utilities;@layer utilities{:where(.chat-wrapper){display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;:where([role=log]){display:flex;flex:1;flex-direction:column-reverse;font-size:.875rem;overflow-y:auto;>:where(div){display:flex;flex-direction:column;gap:2rem;justify-content:flex-end;margin-inline-end:auto;margin-inline-start:auto;max-width:100%;min-height:100%;padding-block-end:3rem;padding-inline-end:1rem;padding-inline-start:1rem;width:calc(var(--spacing-content-width, 74rem) - 4rem)}:where(div div){:where(p){margin-block:.5rem}:where(p:first-child){margin-block-start:0}:where(p:last-child){margin-block-end:0}}:where(.own){background:color-mix(in oklch,var(--color-surface-2) 50%,transparent);border-radius:var(--radius);margin-inline-start:auto;max-width:calc(var(--spacing-content-width, 74rem) - 10rem);padding-block:.5rem;padding-inline:.75rem;width:95%}:where(img,video){border-radius:var(--radius);display:block;margin-block:.5rem;max-height:15rem;max-width:20rem}:where(audio){display:block;margin-block:.5rem;max-width:100%;width:18rem}:where(a[download]){align-items:center;background:var(--color-surface-2);border-radius:var(--radius);display:inline-flex;gap:.4rem;margin-block:.5rem;padding-block:.35rem;padding-inline:.6rem}}:where(form:not(.unstyle)){align-items:end;display:flex;flex-flow:row wrap;gap:0;margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem);:where(textarea,.textarea):not(.unstyle){field-sizing:content;flex:1;min-height:var(--spacing-field-height,2.5rem);resize:none;width:auto}}:where(output:not(.unstyle)){display:flex;flex-flow:row wrap;gap:.325rem;height:fit-content;max-width:100%;padding:calc(var(--spacing)*2);width:100%;>:where(:not(template)){flex:0 0 auto;position:relative}:where(img){border-radius:calc(var(--radius, .5rem)*.75);display:block;height:var(--spacing-field-height,2.5rem);object-fit:cover;width:var(--spacing-field-height,2.5rem)}>:where(:not(template))>:where(span){align-items:center;background:var(--color-line);border-radius:calc(var(--radius, .5rem)*.75);display:flex;font-size:.75rem;gap:.3rem;height:fit-content;padding-inline:.5rem;white-space:nowrap}}}}@layer base, components, utilities;@layer components{input[type=checkbox]:not([role=switch],.unstyle){border-radius:.4rem;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.6);max-width:calc(var(--spacing-field-height, 2.25rem)*.6);min-width:calc(var(--spacing-field-height, 2.25rem)*.6);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.6);&:checked{&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent));border-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}}&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:60%;left:50%;mask-image:var(--icon-check,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='m0 11 2-2 5 5L18 3l2 2L7 18z'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer base, components, utilities;:root{--color-picker-swatch:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));--icon-color-solid:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-paint-roller-icon lucide-paint-roller' viewBox='0 0 24 24'%3E%3Crect width='16' height='6' x='2' y='2' rx='2'/%3E%3Cpath d='M10 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Crect width='4' height='6' x='8' y='16' rx='1'/%3E%3C/svg%3E");--icon-color-gradient:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-blend-icon lucide-blend' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Ccircle cx='15' cy='15' r='7'/%3E%3C/svg%3E");--icon-color-library:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-swatch-book-icon lucide-swatch-book' viewBox='0 0 24 24'%3E%3Cpath d='M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z'/%3E%3Cpath d='M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7M7 17h.01'/%3E%3Cpath d='m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8'/%3E%3C/svg%3E");--icon-color-grab:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-pipette-icon lucide-pipette' viewBox='0 0 24 24'%3E%3Cpath d='m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12'/%3E%3Cpath d='m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3zM2 22l.414-.414'/%3E%3C/svg%3E");--icon-alpha-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='gray' d='M0 0h1v1H0zM1 1h1v1H1z' opacity='.15'/%3E%3C/svg%3E")}@layer components{:where(input[type=color]){appearance:none;-webkit-appearance:none;&::-webkit-color-swatch-wrapper{padding:0}&::-webkit-color-swatch{border:0}&::-moz-color-swatch{border:0}}}@layer utilities{:where([x-colorpicker\.swatch],input[type=color]):not(.unstyle){background:var(--color-picker-swatch,#000);border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;cursor:pointer;height:var(--spacing-field-height,2.25rem);max-width:var(--spacing-field-height,2.25rem);min-width:var(--spacing-field-height,2.25rem);overflow:hidden;padding:0;position:relative;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:active,&:focus,&:focus-visible,&:hover{border-color:oklch(from var(--color-picker-swatch,#000) calc(l + (.5 - l) * .35) c calc(h + 0)/.5)}&:before{background-image:var(--icon-alpha-pattern);background-position:0 0;background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}}:where([x-colorpicker]):not(.unstyle){height:fit-content;max-height:30rem;max-width:18rem;min-width:18rem;overflow:hidden;& :where(.tabs-wrapper){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));display:flex;padding:2px;width:100%;& button{flex:1;justify-content:center}}& [x-colorpicker\.solid]{& :where(.canvas-wrapper){aspect-ratio:1;cursor:crosshair;overflow:hidden;padding:2px;position:relative;touch-action:none;width:100%}& canvas{display:block;height:100%;width:100%}& :where(.color-reticle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.2);height:.75rem;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:.75rem;z-index:1}& :where(.solid-options-inputs){display:flex;flex-direction:column;gap:.75rem;padding:.75rem;& div:has(button[x-colorpicker\.set-color-space],input[x-colorpicker\.set-color-value],input[x-colorpicker\.set-alpha-value]){display:flex;width:100%}}& input[x-colorpicker\.set-alpha],& input[x-colorpicker\.set-hue]{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:.75rem;outline:none;padding:0;width:100%;&::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;width:1rem;&:active{cursor:grabbing}}&::-webkit-slider-runnable-track{border-radius:1rem;height:.75rem}&::-moz-range-track{border-radius:1rem;height:.75rem}}& input[x-colorpicker\.set-hue]{&::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}&::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}}& input[x-colorpicker\.set-alpha]{--color-picker-alpha:#000;position:relative;&::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}&::-moz-range-track{background:linear-gradient(to right,transparent,var(--color-picker-alpha)),var(--icon-alpha-pattern) 0 0 /.5rem .5rem}}& button[x-colorpicker\.set-color-space]{justify-content:center;padding-inline-end:0;padding-inline-start:0;width:7ch}& input[x-colorpicker\.set-color-value]{flex:1;padding-inline-end:0}& input[x-colorpicker\.set-alpha-value]{padding-inline-start:0;text-align:end;width:fit-content}}& [x-colorpicker\.gradient]{& :where(.layer-options-wrapper){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));& :where(.layer-options-inputs){align-items:center;display:flex;flex-flow:row nowrap;padding:.5rem;& button{justify-content:center;width:auto}& :where(.layer-angle-wrapper){position:relative;& input[x-colorpicker\.set-angle]{cursor:ew-resize;padding-inline-end:.75rem;padding-inline-start:0;text-align:end;width:5.5ch;&:focus{cursor:text}}& span{color:var(--color-content-neutral,oklch(43.9% 0 0));position:absolute;right:.25rem;top:0}}& [x-colorpicker\.layer-stops-bar]{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:1rem;cursor:pointer;height:.75rem;margin-inline-end:.5rem;margin-inline-start:1rem;position:relative;width:100%;& :where(.stop-handle){border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.25);cursor:grab;height:1rem;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:1rem;z-index:1;&:hover{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 1px 5px rgba(0,0,0,.25)}&:active{cursor:grabbing}&.active{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 1px 5px #000}}}}& [x-colorpicker\.solid]{padding:0;& :where(.canvas-wrapper){margin:auto;padding:0 0 2px;width:calc(100% - 2rem)}& :where(.solid-options-inputs){padding-left:1rem;padding-right:1rem}}}& :where(.gradient-value-wrapper){padding:.5rem;& [x-colorpicker\.set-gradient-value]{field-sizing:content;resize:none}}}& [data-gradient-type=radial] .layer-angle-wrapper{visibility:hidden}& [x-colorpicker\.library]{max-height:30rem;overflow-y:auto;& :where(.library-wrapper){display:flex;flex-flow:column;gap:1rem;padding:1rem 1rem 4rem;width:100%;& :where(.library-group){display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;width:100%;&:not(:last-child){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}& :where(.library-palette){display:grid;gap:1px;grid-template-columns:repeat(11,1fr);& button[x-colorpicker\.apply-color]{aspect-ratio:1/1;border:1px solid hsla(0,0%,100%,.15);border-radius:calc(var(--radius, .5rem)/2);height:auto;max-height:1.375rem;max-width:1.375rem;min-height:0;min-width:0;width:100%;&:hover{border:1px solid hsla(0,0%,100%,.35)}&.active{border:1px solid #fff;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.85),0 0 1px #000,inset 0 0 0 4px rgba(0,0,0,.25)}}}}}}}:where(menu[popover][x-colorpicker]:not(.unstyle)){padding:0;& .tabs-wrapper button{border:1px solid var(--color-popover-surface,oklch(98.5% 0 0))}}:where(menu[popover]:not(.unstyle) [x-colorpicker\.library],.dropdown-menu:not(.unstyle) [x-colorpicker\.library]){& :where(.library-wrapper){padding:.5rem .5rem 4rem!important}& :where(small){padding-inline-start:0}}:where(.color-icon-solid,.color-icon-gradient,.color-icon-library,.color-icon-grab,.gradient-layer-icon-linear,.gradient-layer-icon-radial,.gradient-layer-icon-conic){aspect-ratio:1/1;background-color:currentColor;height:calc(var(--spacing-field-height, 2.25rem)/2);max-height:1rem}:where(dialog[x-colorpicker]){border-radius:calc(var(--radius, .5rem))}:where(.color-icon-solid){mask-image:var(--icon-color-solid)}:where(.color-icon-gradient){mask-image:var(--icon-color-gradient)}:where(.color-icon-library){mask-image:var(--icon-color-library)}:where(.color-icon-grab){mask-image:var(--icon-color-grab)}.gradient-layer-icon-linear{background:linear-gradient(to right,var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-radial{background:radial-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}.gradient-layer-icon-conic{background:conic-gradient(var(--color-content-neutral,oklch(43.9% 0 0)),color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 0%,transparent 100%));border-radius:50%}}@layer base, components, utilities;@layer components{:where(.combobox):not(.unstyle){align-items:center;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;display:flex;flex-wrap:wrap;gap:var(--spacing,.25rem);max-width:100%;min-height:var(--spacing-field-height,2.25rem);padding:calc(var(--spacing, .25rem)*1.25) var(--spacing-field-padding,.625rem);transition:var(--transition);width:100%;&:hover:has(>:where(input:not([type=hidden]),textarea,button):not([hidden])){background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:not(:has(>:where(input:not([type=hidden]),textarea,button):not([hidden]))){cursor:default}&:focus-within{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 30%,transparent)}&:has(.combobox-chip){padding-inline:calc(var(--spacing, .25rem)*1.25)}&[data-disabled]{cursor:default;opacity:.5;pointer-events:none;.combobox-chip>button:disabled{cursor:default;opacity:1}}&>:where(input:not([type=hidden]),textarea):not(.unstyle){background:transparent;color:inherit;field-sizing:content;flex:1 1 7rem;height:auto;margin:0;min-width:0;padding:0;width:auto;&:focus-visible,&:hover{background:transparent;box-shadow:none}}&>textarea{resize:none}}:where(.combobox-chip):not(.unstyle){align-items:center;background-color:var(--combobox-chip-surface,var(--color-popover-surface,oklch(100% 0 0)));border:0;border-radius:calc(var(--radius, .5rem)*.7);color:var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0)));display:inline-flex;flex:0 0 auto;font-size:.875rem;gap:var(--spacing,.25rem);height:calc(var(--spacing-field-height, 2.25rem) - var(--spacing, .25rem)*2.5);line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0;padding-inline-start:calc(var(--spacing, .25rem)*2);user-select:none;&>span{border:0;font:inherit;margin:0;min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}&>button{align-items:center;aspect-ratio:1/1;background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;color:var(--combobox-chip-content,var(--color-content-neutral,oklch(43.9% 0 0)));cursor:pointer;display:inline-flex;flex:none;font-size:1em;height:100%;justify-content:center;line-height:1;margin:0;max-width:none;min-height:0;min-width:0;padding:0;width:auto!important;&:hover{background:color-mix(in oklch,var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0))) 12%,transparent);color:var(--combobox-chip-content,var(--color-content-stark,oklch(43.9% 0 0)))}}&[data-locked]{cursor:default;padding-inline-end:calc(var(--spacing, .25rem)*2)}&[aria-invalid=true]{background-color:var(--color-negative-surface,oklch(80.8% .114 19.571));color:var(--color-negative-inverse,oklch(44.4% .177 26.899))}}:where(.combobox)>button:not(.unstyle){align-self:stretch;background:transparent;color:inherit;cursor:pointer;flex:1 1 auto;gap:var(--spacing,.25rem);height:auto;justify-content:flex-start;min-height:calc(var(--spacing-field-height, 2.25rem) - var(--spacing, .25rem)*2.5);min-width:7rem;padding:0;&:hover{background:transparent}&:after{background-color:var(--color-content-subtle,oklch(55.6% 0 0));content:"";flex:none;height:1em;margin-inline-start:auto;mask:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E")) center /contain no-repeat;width:1em}}:where(.combobox):has(>:where(input:not([type=hidden]),textarea,button):not(.unstyle)):not(:has(.combobox-chip)){padding:0;&>:where(input:not([type=hidden]),textarea,button):not(.unstyle){align-self:stretch;min-height:var(--spacing-field-height,2.25rem);padding:calc(var(--spacing, .25rem)*1.25) var(--spacing-field-padding,.625rem)}}:where(menu[role=listbox]):not(.unstyle){&[data-kbd] [role=option][aria-current=true]{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [role=option][hidden]{display:none}& [role=option][aria-selected=true]{font-weight:600}& .combobox-create{color:var(--color-content-neutral,oklch(43.9% 0 0))}& .combobox-empty{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:default;padding:.5rem;&:hover{background:transparent}}}:where(.combobox)>:where([role=status]){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}}@layer base, components, utilities;@layer utilities{:where([x-date]:not(input,button,select),.date-picker):not(.unstyle){background:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));min-width:17rem;width:fit-content;&>[role=group]{display:flex;flex-direction:column;padding:.5rem;width:100%}& header{align-items:center;display:flex;gap:.25rem;justify-content:space-between;width:100%;& button{align-items:center;background:transparent;border:none;border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;height:var(--spacing-field-height,2.25rem);justify-content:center;min-width:var(--spacing-field-height,2.25rem);padding:0;transition:var(--transition,all .05s ease-in-out);width:var(--spacing-field-height,2.25rem);&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-content-stark,oklch(20.5% 0 0))}}& button:nth-child(2){color:inherit;flex:1;font-weight:600;padding:0 .5rem;text-align:center;width:auto}& button:first-child:before,& button:last-child:before{background-color:currentColor;content:"";height:1rem;mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}& button:first-child:before{mask-image:var(--icon-previous,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18-6-6 6-6'/%3E%3C/svg%3E"))}& button:last-child:before{mask-image:var(--icon-next,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E"))}}& div:has(>section){display:flex;flex-flow:row nowrap;gap:1rem}& section{flex:1;min-width:14rem;&>small{color:var(--color-content-neutral,oklch(43.9% 0 0));display:block;font-size:.8125rem;font-weight:600;padding:.25rem 0;text-align:center}}& [role=grid]{display:grid;gap:0;grid-template-columns:repeat(7,minmax(0,1fr));padding:.5rem 0;& abbr{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;font-size:.75rem;font-weight:500;height:1.75rem;justify-content:center;text-decoration:none}& button{align-items:center;aspect-ratio:1/1;background:transparent;border:1px solid transparent;border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:0;transition:var(--transition,all .05s ease-in-out);&:hover:not(:disabled):not([aria-selected=true]){background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&:focus-visible{outline:2px solid var(--color-brand-content,oklch(60% .13 80));outline-offset:-2px}&.outside{color:var(--color-content-subtle,oklch(55.6% 0 0));opacity:.55}&[aria-current=date]:not([aria-selected=true]){border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 18%,transparent));font-weight:600}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}&.in-range{background:color-mix(in oklch,var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0))) 30%,transparent);border-radius:0}&.range-start:not(.range-end){border-end-end-radius:0;border-start-end-radius:0}&.range-end:not(.range-start){border-end-start-radius:0;border-start-start-radius:0}&:disabled{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:not-allowed;opacity:.35;text-decoration:line-through}}}& [role=listbox]{display:grid;gap:.25rem;grid-template-columns:repeat(4,minmax(0,1fr));padding:.25rem 0;width:100%;& button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius,.5rem);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;display:flex;font-size:.875rem;height:2.75rem;justify-content:center;padding:0;transition:var(--transition,all .05s ease-in-out);width:100%;&:hover:not(:disabled){background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&[aria-current=true]{border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 18%,transparent));font-weight:600}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}&.outside{color:var(--color-content-subtle,oklch(55.6% 0 0));opacity:.55}&:disabled{cursor:not-allowed;opacity:.35}}}& fieldset{align-items:center;border:none;border-top:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;min-width:0;padding-bottom:.5rem;padding-top:.5rem;padding-inline-start:.5rem;width:100%;&>label{color:var(--color-content-subtle,oklch(55.6% 0 0));cursor:pointer;flex:none;font-size:.75rem;min-height:0;padding:0;width:auto;&:hover{background:transparent;color:var(--color-content-stark,oklch(20.5% 0 0))}}&>[role=group]{align-items:center;background:transparent;border:none;border-radius:var(--radius,.5rem);cursor:text;display:flex;height:var(--spacing-field-height,2.25rem);justify-content:end;margin:0;min-width:0;padding-inline-start:.5rem;transition:var(--transition,all .05s ease-in-out);& input{appearance:none;background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);box-sizing:content-box;color:var(--color-content-stark,oklch(20.5% 0 0));font-family:inherit;font-size:.875rem;font-variant-numeric:tabular-nums;line-height:1.5rem;margin:0;min-width:0;outline:none;padding:0 .25rem;text-align:center;width:2ch;&:focus,&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}&>span{color:var(--color-content-subtle,oklch(55.6% 0 0));line-height:1.5rem}&>button{background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;font-family:inherit;font-size:.875rem;height:1.5rem;line-height:1.5rem;min-width:0;padding:0 .375rem;transition:var(--transition,all .05s ease-in-out);width:auto;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}}&>button[popovertarget]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:inline-flex;justify-content:center;padding:0;width:1.5rem;&:hover{color:var(--color-content-stark,oklch(20.5% 0 0))}&:before{background-color:currentColor;content:"";height:1rem;mask-image:var(--icon-chevron-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;width:1rem}}}}& div.time-options{display:flex;justify-content:center;max-height:14rem;width:100%}& footer{align-items:center;border-top:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));contain:inline-size;display:flex;gap:.25rem;justify-content:space-between;padding:.5rem 0;width:100%;&>button{background:transparent;color:var(--color-content-neutral,oklch(43.9% 0 0));width:fit-content;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-content-stark,oklch(20.5% 0 0))}}&>div{align-items:center;display:flex;flex:1;flex-wrap:nowrap;gap:.25rem;justify-content:safe center;min-width:0;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}& button{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:none;border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;flex:0 0 auto;font-size:.75rem;height:auto;min-height:0;padding:.25rem .625rem;transition:var(--transition,all .05s ease-in-out);white-space:nowrap;&:hover{background:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 16%,transparent))}}}}}:where(menu.time-options):not(.unstyle){list-style:none;margin:0;min-width:0;padding:.25rem;position-area:end center;position-try-fallbacks:flip-block;width:max-content}.time-options{flex-flow:row nowrap;gap:.25rem;&>div{display:flex;flex:1;flex-direction:column;gap:1px;max-height:13rem;min-width:2.75rem;overflow-y:auto;scrollbar-width:thin}& button{background:transparent;border:none;border-radius:calc(var(--radius, .5rem)/2);color:var(--color-content-stark,oklch(20.5% 0 0));cursor:pointer;flex:none;font-size:.8125rem;font-variant-numeric:tabular-nums;height:auto;justify-content:center;min-height:0;min-width:0;padding:.25rem .5rem;text-align:center;transition:var(--transition,all .05s ease-in-out);width:auto;&:hover{background:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&[aria-selected=true]{background:var(--color-brand-surface,var(--color-accent-surface,oklch(20.5% 0 0)));color:var(--color-brand-inverse,var(--color-accent-inverse,oklch(98.5% 0 0)));font-weight:600}}& button:not([value]){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.75rem;font-variant-numeric:normal;&:hover{color:var(--color-content-stark,oklch(20.5% 0 0))}}& button:not([value]):first-child,& button[value]+button:not([value]){margin-top:auto}}:where(menu[popover][x-date],menu[popover].date-picker):not(.unstyle){list-style:none;margin:0;padding:0}[dir=rtl] :where([x-date],.date-picker):not(.unstyle) header{& button:first-child:before,& button:last-child:before{transform:scaleX(-1)}}}@layer base, components, utilities;@layer components{:where(dialog[popover],.dialog):not(.unstyle){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:calc(var(--radius, .5rem)*2);box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1));color:var(--color-content-stark,oklch(43.9% 0 0));flex-direction:column;left:0;margin:auto;max-height:90vh;max-width:100%;min-height:200px;position:fixed;right:0;width:500px;&::backdrop{background-color:rgba(0,0,0,.2)}& :where(header,main,footer){padding:calc(var(--spacing, .25rem)*4)}& :where(header){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*4);justify-content:space-between}& :where(main){flex-grow:1}& :where(footer){align-items:center;display:flex;gap:calc(var(--spacing, .25rem)*2);justify-content:end;margin-top:auto}@media screen and (max-width:768px){margin-bottom:auto!important;margin-left:auto!important;margin-right:auto!important;margin-top:auto!important;max-height:calc(100vh - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important;width:calc(100vw - var(--spacing, .25rem)*4 - var(--spacing, .25rem)*4)!important}}:where(.dialog){height:fit-content;inset:0;z-index:10}.dark :where(dialog)::backdrop{background-color:rgba(0,0,0,.35)}html:has(dialog:popover-open){& menu[popover]:not(dialog *):not([data-popover-nested]){opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}html:has(dialog:popover-open~dialog:popover-open){& dialog:popover-open:not(:last-of-type) menu[popover]{opacity:0;pointer-events:none;scale:.9;transition:opacity .15s ease-out,scale .15s ease-out;&:popover-open{display:flex!important}}}}@layer base, components, utilities;@layer utilities{:where(.divider){align-items:center;color:var(--color-content-neutral,oklch(43.9% 0 0));display:flex;flex-flow:row nowrap;font-size:.875rem;height:1px;justify-content:center;margin:var(--spacing-field-padding,.625rem) 0;white-space:nowrap;width:100%;&:after,&:before{background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));content:"";display:inline-flex;flex:1;height:1px;width:auto}&:not(:empty){gap:var(--spacing-field-padding,.625rem)}}:where(.divider.start){justify-content:flex-start;&:before{display:none}}:where(.divider.end){justify-content:flex-end;&:after{display:none}}.divider.vertical{align-self:stretch;flex-flow:column nowrap;height:auto;margin:0 var(--spacing-field-padding,.625rem);min-height:100%;min-width:1px;width:fit-content;&:after,&:before{content:"";height:auto;min-height:1px;width:1px}& [x-icon]{flex-shrink:0;font-size:.875rem;min-height:.875rem}}}@layer base, components, utilities;@layer components{:where([dock]){align-items:stretch;background:var(--dock-surface,var(--color-surface-1,oklch(96.7% 0 0)));border-radius:var(--dock-radius,0);border-top:var(--dock-border-top,1px solid var(--color-line,color-mix(in oklch,currentColor 11%,transparent)));inset-inline:var(--dock-inset,0);bottom:var(--dock-inset,0);box-shadow:var(--dock-shadow,none);display:flex;gap:var(--dock-gap,0);justify-content:space-around;padding-bottom:max(calc(var(--safe-bottom, 0px) - var(--dock-inset, 0px)),0px);position:fixed;z-index:40}:where([dock]>a,[dock]>button){align-items:center;background:transparent;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;flex:1 1 0;flex-direction:column;font-size:.6875rem;gap:.125rem;justify-content:center;line-height:1.1;min-height:3.25rem;padding:.375rem .25rem;text-decoration:none}:where([dock] :is([x-icon],svg,img)){font-size:1.375rem;height:1.375rem;width:1.375rem}:where([dock]>a[aria-current=page],[dock]>button[aria-current=page],[dock]>.selected){color:var(--color-content-stark,oklch(14.5% 0 0))}}@layer base, components, utilities;@layer components{:where(menu[popover],.dropdown-menu):where(:not(.unstyle)){background:var(--color-popover-surface,oklch(98.5% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:0 0 0 1px hsla(0,0%,6%,.05),0 3px 6px hsla(0,0%,6%,.1),0 9px 24px hsla(0,0%,6%,.2);flex-flow:column nowrap;gap:0;height:fit-content;inset:auto;list-style:none;margin:var(--spacing-popover-offset,.5rem) 0;max-height:90vh;min-width:160px;overflow-x:hidden;padding:.25rem;position-area:end span-end;position-try-fallbacks:flip-inline,flip-block;transform-origin:top center;width:fit-content;z-index:50;& :where(li,a,button,[role=button],label:not(:has(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea,.combobox,.label,label))):not(.unstyle){align-items:center;background-color:transparent;border-radius:6px;color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;display:inline-flex;font-weight:400;justify-content:start;max-width:100%;min-height:var(--spacing-field-height,2.25rem);overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-align:start;text-decoration:none;text-overflow:ellipsis;transition:none;user-select:none;white-space:nowrap;width:100%;&:hover{text-decoration:inherit}&:active,&:hover{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0))}& [x-icon],& span{color:inherit}& [x-icon]:first-child:not(:only-child){margin-inline-end:.375rem}}& small{color:var(--color-content-neutral,oklch(43.9% 0 0));padding:.25rem .5rem}& hr{background-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));flex-shrink:0;margin-inline-start:-.25rem;margin-bottom:.25rem;margin-top:.25rem;width:calc(100% + .5rem)}& label:not(.unstyle):not(:has(>input[type=search],>input[type=file],>button[command="--copy"])){cursor:default;padding-inline-end:.5rem;padding-inline-start:.5rem;&:active,&:hover{background-color:transparent}&:has(input[role=switch]){justify-content:space-between}}& :where(li)>:where(input,textarea),&>:where(input,textarea){flex-shrink:0;&:not(:first-child){margin-top:var(--spacing,.25rem)}}& :where([role=group],[role=tablist]){margin-left:auto;margin-right:auto;min-width:calc(100% - var(--spacing-field-padding));& :where(a,button,[role=button]){justify-content:center}}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.dark menu[popover]) :where(li,a,button,label:not(:has(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea,.combobox,.label,label))):hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}:where(menu menu:not([role=listbox])):where(:not(.unstyle)){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(menu.center){position-area:center}}@layer utilities{@media (pointer:coarse){menu[popover]:not(.unstyle){bottom:1rem;left:1rem;margin:0;position:fixed;position-area:none;top:auto;width:calc(100% - 2rem);& :where(li,a,button,label) [x-icon]:first-child:not(:only-child){margin-inline-end:.8125rem}}}}@layer base, components, utilities;@layer utilities{:where([data-edit-piece]){cursor:grab;touch-action:none;transition:opacity .12s ease,outline-color .12s ease}:where([data-edit-piece]):where(:hover):where(:not([data-edit-area=bare],[data-edit-area=bare] *,[data-edit-dragging],[data-edit-ghost],:has([data-edit-dragging]) *)){outline:1px solid color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 45%,transparent);outline-offset:3px}:where([data-edit-piece]):focus-visible:where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px solid var(--edit-accent,var(--color-brand-content));outline-offset:3px}:where([data-edit-piece][data-edit-grabbable]){cursor:auto}:where([x-edit\.grab]){cursor:grab;touch-action:none;user-select:none}:where([data-edit-dragging=""]){cursor:grabbing;z-index:1000}:where([data-edit-dragging=""]):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){box-shadow:0 8px 24px rgba(0,0,0,.18)}:where([data-edit-dragging=keyboard]):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px dashed var(--edit-accent,var(--color-brand-content));outline-offset:3px}:where([data-edit-ghost]){opacity:var(--edit-ghost-opacity,.4);pointer-events:none}:where([data-edit-area=bare] [data-edit-ghost]){opacity:0}:where(:has(>[data-edit-ghost])):where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:1px dashed color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 55%,transparent);outline-offset:4px}:where([data-edit-drop-target]):where(:not([data-edit-area=bare])){min-height:2.5rem;outline:1px dashed color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 55%,transparent);outline-offset:4px}:where([data-edit-area]:not([data-edit-area=bare]):has([data-edit-dragging=""])) :where(:empty:not(img,input,br,hr,svg,video,canvas,iframe,textarea,[data-edit-ghost],[data-edit-handle],[data-edit-area=bare],[data-edit-area=bare] *)){min-height:2.5rem}:where([data-edit-area]:has([data-edit-dragging=""])){cursor:grabbing;user-select:none;& :where([data-edit-piece]:not([data-edit-dragging])){cursor:grabbing}}:where([data-edit-area]:is([contenteditable=true],[data-edit-text]):not([data-edit-area=bare])),:where([data-edit-area]:not([data-edit-area=bare])) :where([contenteditable=true],[data-edit-text]):where(:not([data-edit-area=bare] *)){border-radius:3px;cursor:text;outline:1px solid transparent;outline-offset:2px;transition:outline-color .12s ease;&:hover{outline-color:color-mix(in oklch,var(--edit-accent,var(--color-brand-content)) 45%,transparent)}&:focus{outline-color:var(--edit-accent,var(--color-brand-content))}}:where(:has(>[data-edit-handle])){position:relative}:where([data-edit-handle]):before{opacity:0;transition:opacity .12s ease,background-color .15s ease}:where(:has(>[data-edit-handle])):is(:hover,:focus-within):where(:not([data-edit-area=bare],[data-edit-area=bare] *))>:where([data-edit-handle]):before{opacity:1}:where([data-edit-handle]){background:transparent;position:absolute;touch-action:none;z-index:100;--h:var(--edit-size-handle,1rem);&:before{background:transparent;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s ease;width:1px}&:active:before,&:hover:before{background-color:var(--edit-accent,var(--color-brand-content))}}:where([data-edit-handle][data-edit-resizing]):where(:not([data-edit-area=bare] *)):before{background-color:var(--edit-accent,var(--color-brand-content));opacity:1}:where([data-edit-handle=top][data-edit-snapped],[data-edit-handle=bottom][data-edit-snapped]):where(:not([data-edit-area=bare] *)):before{height:3px}:where([data-edit-handle=left][data-edit-snapped],[data-edit-handle=right][data-edit-snapped],[data-edit-handle=start][data-edit-snapped],[data-edit-handle=end][data-edit-snapped]):where(:not([data-edit-area=bare] *)):before{width:3px}:where([data-edit-handle*="-"][data-edit-snapped]):where(:not([data-edit-area=bare] *)):before{border-radius:50%;height:.5rem;width:.5rem}:where([data-edit-handle]):focus-visible:where(:not([data-edit-area=bare],[data-edit-area=bare] *)){outline:2px solid var(--edit-accent,var(--color-brand-content))}:where([data-edit-handle=top],[data-edit-handle=bottom]){cursor:ns-resize;height:var(--h);left:0;width:100%;&:before{width:100%}}:where([data-edit-handle=left],[data-edit-handle=right],[data-edit-handle=start],[data-edit-handle=end]){cursor:ew-resize;height:100%;top:0;width:var(--h);&:before{height:100%}}:where([data-edit-handle*="-"]){height:var(--h);width:var(--h)}:where([data-edit-handle^=top]){top:calc(var(--h)*-.5)}:where([data-edit-handle^=bottom]){bottom:calc(var(--h)*-.5)}:where([data-edit-handle$=left]){left:calc(var(--h)*-.5)}:where([data-edit-handle$=right]){right:calc(var(--h)*-.5)}:where([data-edit-handle$=start]){inset-inline-start:calc(var(--h)*-.5)}:where([data-edit-handle$=end]){inset-inline-end:calc(var(--h)*-.5)}:where([data-edit-handle=top-left],[data-edit-handle=bottom-right],[data-edit-handle=top-start],[data-edit-handle=bottom-end]){cursor:nwse-resize}:where([data-edit-handle=top-right],[data-edit-handle=bottom-left],[data-edit-handle=top-end],[data-edit-handle=bottom-start]){cursor:nesw-resize}[dir=rtl] :where([data-edit-handle=top-start],[data-edit-handle=bottom-end]){cursor:nesw-resize}[dir=rtl] :where([data-edit-handle=top-end],[data-edit-handle=bottom-start]){cursor:nwse-resize}:where([data-edit-area=bare] [data-edit-handle]):before{content:none}:where([data-edit-overlay]){background:transparent;inset:0;position:fixed;z-index:9999}:where([data-edit-live]){border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){:where([data-edit-handle]):before,:where([data-edit-piece]){transition:none}}}@layer base, components, utilities;@layer components{:where([role=group]:has(button,[role=button],input,select,textarea,[onclick],[popovertarget],[x-dropdown],[\@click],[\@click\.stop],[\@click\.prevent],[x-on\:click],[x-on\:click\.stop],[x-on\:click\.prevent]),[role=tablist]:not(:has(>:not(button,a,[role=button],[role=tab],template)))):not(.unstyle){align-items:center;display:flex;flex-flow:row nowrap;gap:0;max-width:100%;width:fit-content;&>:focus{z-index:1}&.even>*{flex-shrink:1;width:100%}& .combobox,& input{width:fit-content}& :where(label,.label):has(input:not([type=checkbox],[type=radio]),select,textarea){width:fit-content}&:where([role=group]){&>:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"]){&:not(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])){border-end-end-radius:0;border-start-end-radius:0}&:where(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])){border-radius:0}&:where(:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"])~&):not(:has(~:where(button,[role=button],input:not([type=hidden]),select,textarea,.combobox,label:has(input:not([type=checkbox],[type=radio]),select,textarea),.label:has(input:not([type=checkbox],[type=radio]),select,textarea)):not([hidden]):not([popover]):not(.hidden):not([style*="display: none"]))){border-end-start-radius:0;border-start-start-radius:0}}}&[role=tablist]{anchor-scope:--selected-tab;background-color:color-mix(in oklch,var(--color-field-surface,oklch(20.5% 0 0)) 50%,transparent);border-radius:var(--radius,.5rem);gap:calc(var(--spacing, .25rem)*.5);height:var(--spacing-field-height,calc(var(--spacing)*9));isolation:isolate;padding:calc(var(--spacing, .25rem)/2);position:relative;&>*{background-color:transparent;border-radius:max(calc(var(--radius, .5rem) - var(--spacing, .25rem)/2),0px);color:var(--color-content-neutral,oklch(43.9% 0 0));flex-grow:1;height:100%;justify-content:center;min-height:0;width:fit-content;&:hover:not(.selected,[aria-selected=true],[aria-current]){background-color:color-mix(in oklch,var(--color-field-surface-hover,oklch(70.8% 0 0)) 40%,transparent);color:var(--color-field-inverse,oklch(20.5% 0 0))}}&>:is(.selected,[aria-selected=true],[aria-current]){background-color:var(--color-field-surface,oklch(87% 0 0));box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));color:var(--color-field-inverse,oklch(20.5% 0 0))}@supports (anchor-scope:--tab){&>:is(.selected,[aria-selected=true],[aria-current]){anchor-name:--selected-tab;--co-anchor:--selected-tab;background-color:transparent;box-shadow:none}&:has(>:is(.selected,[aria-selected=true],[aria-current])):before{background-color:var(--color-page,oklch(98.5% 0 0));border-radius:max(calc(var(--radius, .5rem) - var(--spacing, .25rem)/2),0px);box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));content:"";height:anchor-size(height);left:anchor(left);position:absolute;position-anchor:--selected-tab;top:anchor(top);transition:var(--tab-slide-transition,all .15s ease-in-out);width:anchor-size(width);z-index:-1}.dark &:has(>:is(.selected,[aria-selected=true],[aria-current])):before{background-color:var(--color-field-surface,oklch(87% 0 0))}:where(.resizable-dragging) &,:where(.window-resizing) &{--tab-slide-transition:none}}}}:where(form):not(.unstyle){display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem)*4);width:100%}:where(fieldset):not(.unstyle){display:flex;flex-direction:column;gap:.375ch calc(var(--spacing, .25rem)*2);width:100%;&:has([type=radio],[type=checkbox]){gap:calc(var(--spacing, .25rem)*2)}}:where(fieldset:has(legend)):not(.unstyle){border-color:var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);border-style:solid;border-width:1px;padding:1ch 1.5ch 1.5ch;& :where(legend){color:var(--color-content-subtle,oklch(55.6% 0 0));font-size:.875rem;padding:0 1.5ch}}:where(label,.label):has([type=radio],[type=checkbox]):not(.unstyle){align-items:center;cursor:pointer;display:flex;flex-flow:row;gap:1ch;outline:0 none;&:focus-within{box-shadow:0 0 0 0}}:where(label:not(:has(.label)),.label):has(button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea):not(:has(data)):not(:has(>button[command="--copy"])):not(.unstyle){cursor:pointer;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;:where(*){text-indent:0}&>:where(span:first-of-type){padding-inline-start:calc(var(--radius, .5rem)/2)}&>:where(label,button,[role=button],[type=button],[type=submit],select,input:not([role=button],[type=checkbox],[type=radio],[type=file],[type=search]),textarea,.combobox,[role=group],[role=tablist]){max-width:100%;width:100%}&>:where([role=group]) :where(input){flex:1;min-width:0}:has([type=search],[type=file]) :where([type=search],[type=file]){margin-top:.2ch}}:where(label,.label):has(data):not(.unstyle){align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:100%;&:focus-within{box-shadow:0 0 0 0}&>:where(label,.label,button,input:not([type=checkbox],[type=radio]),select,textarea,[role=group],[role=tablist],.combobox){max-width:50%;width:calc(var(--spacing-field-height, 2.25rem)*8)}&>:where([role=group]) :where(input){flex:1;min-width:0}& :where(label,.label):focus-within{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 35%,transparent)}&:has(textarea){align-items:start;:where(data){padding-top:calc(var(--spacing, .25rem))}}}:where(:has(>button[name=remove])):not(.unstyle){position:relative;>:where(button[name=remove]:not(.unstyle)){border-radius:var(--spacing-field-height,2.5rem);box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1));height:calc(var(--spacing-field-height, 2.5rem)/2);inset-block-start:calc(var(--spacing-field-height, 2.5rem)/2*-.5);inset-inline-end:calc(var(--spacing-field-height, 2.5rem)/2*-.5);min-width:0;opacity:0;padding:0;position:absolute;transition:var(--transition);width:calc(var(--spacing-field-height, 2.5rem)/2);z-index:1;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}&:is(:hover,:focus-within)>:where(button[name=remove]:not(.unstyle)){opacity:1}}label:has(.label):not(.unstyle){background-color:transparent;cursor:default;justify-content:space-between;&:not(:has(data)){align-items:start;display:flex;flex-direction:column;gap:.2ch;text-indent:calc(var(--radius, .5rem)/2);width:100%;& .label{text-indent:0}}:where([type=search]){max-width:100%;width:100%}}}@layer base, components, utilities;:root{--icon-field-copy:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E");--icon-field-copied:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 15 2 2 4-4'/%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E")}@layer components{:where(input:not([type=range],[type=color]),textarea,.textarea,label:has([type=search],[type=file],>button[command="--copy"]),.label:has([type=search],[type=file],>button[command="--copy"])):not(.unstyle){appearance:none;background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border:0 solid transparent;border-radius:var(--radius,.5rem);color:var(--color-field-inverse,oklch(43.9% 0 0));cursor:text;max-width:100%;transition:var(--transition,all .05s ease-in-out);width:100%;&:active,&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&:focus-visible{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}&::placeholder{color:color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 65%,transparent)}&::selection{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}&[type=file]{left:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;z-index:-1}}:where(input:not([type=range]):not(.unstyle)){height:var(--spacing-field-height,2.25rem);padding-left:var(--spacing-field-padding,.625rem);padding-right:var(--spacing-field-padding,.625rem)}:where(label,.label):has([type=search],[type=file]):not(.unstyle){align-items:center;display:flex;flex-flow:row;padding-inline-start:0;& :where(input){background:transparent;padding-inline-end:0;padding-inline-start:0;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}&:has(input+*){padding-inline-end:.375rem}&:has(input[type=file]+[x-icon]){padding-inline-end:0}}:where(label,.label):has([type=file]):not(.unstyle){cursor:pointer;gap:var(--spacing,.25rem);justify-content:center;min-height:var(--spacing-field-height,2.25rem)}:where(label,.label):has([type=search]):not(.unstyle){justify-content:start;& [x-icon]{align-items:center;color:var(--color-content-subtle,oklch(55.6% 0 0));display:flex;height:100%;justify-content:center;margin-inline-end:0;width:var(--spacing-field-height,2.25rem)}}:where(.field-copied-icon){background-color:currentColor;display:inline-block;height:1em;mask-image:var(--icon-field-copied);mask-position:center;mask-repeat:no-repeat;mask-size:1em;vertical-align:middle;width:1em;@supports (height:1lh){height:1lh;vertical-align:top}}:where(button[command="--copy"]):not(.unstyle){&:after{background-color:var(--color-content-neutral,oklch(43.9% 0 0));content:"";display:block;height:.8125rem;mask-image:var(--icon-field-copy);mask-position:center;mask-repeat:no-repeat;mask-size:contain;width:.8125rem}&:active:after,&:focus-visible:after,&:hover:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0))}&.copied:after{mask-image:var(--icon-field-copied)}}:where(label,.label):has(>button[command="--copy"]):not(.unstyle){align-items:center;display:flex;flex-flow:row;justify-content:start;padding-inline-end:.375rem;& :where(input){background:transparent;&:focus-visible,&:hover{background:transparent}&:focus-visible{box-shadow:0 0 0 0 transparent}}& :where(button[command="--copy"]){background-color:transparent;flex-shrink:0;height:calc(var(--spacing-field-height, 2.25rem) - .75rem);min-width:0;opacity:0;padding:0;width:calc(var(--spacing-field-height, 2.25rem) - .75rem);&:active,&:focus-visible,&:hover{background-color:transparent}}& :where(button[command="--copy"].copied),&:focus-within :where(button[command="--copy"]),&:hover :where(button[command="--copy"]){opacity:1}}:where(input[type=search]):not(.unstyle)::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}:where(textarea,.textarea):not(.unstyle){display:block;height:auto;padding:var(--spacing-field-padding,.625rem) calc(var(--spacing-field-padding, .625rem)*1.3)}}@layer base, components, utilities;@layer components{input[type=radio]:not(.unstyle){border-radius:50%;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.625);min-width:calc(var(--spacing-field-height, 2.25rem)*.625);padding:5px;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.625);&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));border-radius:50%;content:"";height:60%;left:50%;opacity:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(0);transform-origin:center;transition:var(--transition,all .05s ease-in-out);width:60%}&:checked:after{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}}@layer base, components, utilities;@layer components{:where(input[type=range]):not(.unstyle){appearance:none;background-color:transparent;border-radius:var(--radius,.5rem);cursor:default;&::-webkit-slider-runnable-track{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);cursor:pointer;height:calc(var(--spacing, .25rem)*2);transition:var(--transition,all .05s ease-in-out)}&:hover::-webkit-slider-runnable-track{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}&::-webkit-slider-thumb{appearance:none;background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:200px;box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1));cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.5);position:relative;top:50%;transform:translateY(-50%);transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.5)}&::-webkit-slider-thumb:hover{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 30%,var(--color-field-inverse,oklch(43.9% 0 0)))}}:where(datalist):not(.unstyle){display:flex;flex-flow:row nowrap;justify-content:space-between;max-width:100%;width:100%;& option{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;text-align:center;width:2ch}}:where(label:has(input[type=range])):not(.unstyle){cursor:default}}@layer base, components, utilities;@layer components{:where([data-rich-text]:not([data-edit-text])){color:var(--rich-text-color,inherit);font-family:var(--rich-text-font,inherit);font-size:var(--rich-text-size,inherit);line-height:var(--rich-text-leading,inherit);max-height:var(--rich-text-max-height,none);outline:none;overflow-y:auto;position:relative;text-align:var(--rich-text-align,start);&[data-rich-text-empty]:before{color:var(--color-content-subtle);content:attr(placeholder);inset-block-start:var(--rich-text-padding,.75rem);inset-inline:var(--rich-text-padding,.75rem);pointer-events:none;position:absolute}}:where([data-rich-text].unstyle[style*="--rich-text-background"]){background:var(--rich-text-background)}:where([data-rich-text].unstyle)[data-rich-text-empty]:before{inset-block-start:0;inset-inline:0}:where([data-rich-text]:not(.unstyle,[data-edit-text])){background:var(--rich-text-background,var(--color-surface-1));border:1px solid var(--color-line);border-radius:var(--radius);min-height:var(--rich-text-min-height,8rem);padding:var(--rich-text-padding,.75rem);&:focus,&[data-rich-text-focused]{border-color:var(--color-content-subtle)}}:where([data-rich-text-inline]:not(.unstyle,[data-edit-text])){min-height:var(--rich-text-min-height,auto)}:where([data-rich-text-menu]){align-items:center;background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.2);gap:.25rem;inset:auto;left:var(--rich-text-selection-center);margin:0;padding:.25rem;position:fixed;top:var(--rich-text-selection-y);transform:translate(-50%,calc(-100% - .5rem))}:where([data-rich-text-menu]:popover-open){display:flex}@supports not selector(:popover-open){:where([data-rich-text-menu]){display:none}}:where([data-rich-text-control]){&[data-rich-text-active]{background:color-mix(in oklch,var(--color-content-stark) 10%,transparent);color:var(--color-content-stark)}&>svg{height:1rem;width:1rem}}:where(button[data-rich-text-control]:has(>svg:only-child)){line-height:0;padding:.35rem}:where([data-rich-text-control][aria-disabled=true]){pointer-events:auto}:where([data-rich-text]:not([data-edit-text])){&>*+*{margin-block-start:.75em}& :where(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:1.25}& h1{font-size:1.6em}& h2{font-size:1.35em}& h3{font-size:1.15em}& :where(ul,ol){padding-inline-start:1.5em}& li{list-style:revert}& blockquote{border-inline-start:2px solid var(--color-line);color:var(--color-content-neutral);padding-inline-start:.85em}& code{background:color-mix(in oklch,var(--color-content-stark) 8%,transparent);border-radius:4px;font-size:.9em;padding:.1em .3em}& pre{background:color-mix(in oklch,var(--color-content-stark) 8%,transparent);border-radius:var(--radius);overflow-x:auto;padding:.75em;& code{background:none;padding:0}}& a{color:var(--color-brand-content);text-decoration:underline}& hr{margin-block:1em}& img{max-width:100%}& table{border:1px solid var(--color-line);border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;& :where(td,th){border:0;border-block-end:1px solid var(--color-line);border-inline-end:1px solid var(--color-line);padding:.35em .5em;vertical-align:top}& :where(tr>:last-child){border-inline-end:0 none}& :where(tbody:last-child>tr:last-child>*,tfoot>tr:last-child>*){border-block-end:0 none}& th{background:var(--color-surface-2);font-weight:600;text-align:start}}& :where(td,th)[data-rich-text-cell]{background:color-mix(in oklch,var(--color-brand-content) 18%,transparent)}&[data-rich-text-border=x]{cursor:col-resize}&[data-rich-text-border=y]{cursor:row-resize}&[data-rich-text-resizing]{user-select:none}&[data-rich-text-resizing=x]{cursor:col-resize}&[data-rich-text-resizing=y]{cursor:row-resize}& :where(ul[data-checklist]){list-style:none;padding-inline-start:.25em;& li{align-items:baseline;display:flex;gap:.5em;list-style:none}}& :where(dt){font-weight:600}& :where(dd){margin-inline-start:1.5em}& :where(kbd){border:1px solid var(--color-line);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em;padding:.1em .35em}& :where(mark){background:color-mix(in oklch,var(--color-brand-content) 25%,transparent);color:inherit}& :where(small){font-size:.8em}& :where(figcaption){color:var(--color-content-neutral);font-size:.8em}& :where(abbr,dfn){text-decoration:underline dotted}}}@layer base, components, utilities;@layer components{:where(nav[popover]){animation:none;background-color:var(--color-popover-surface,oklch(98.5% 0 0));height:100%;inset-inline-end:0;inset-inline-start:auto;max-width:80vw;min-width:20vw;overflow-y:auto;transition:opacity .15s ease-in,transform .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;width:fit-content;z-index:200;@starting-style{opacity:1;scale:1;transform:translateX(100%)}&:not(:popover-open){opacity:1;scale:1;transform:translateX(100%)}[dir=rtl] &{@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}}}:where(nav[popover].appear-start){inset-inline-end:auto;inset-inline-start:0;@starting-style{transform:translateX(-100%)}&:not(:popover-open){transform:translateX(-100%)}[dir=rtl] &{@starting-style{transform:translateX(100%)}&:not(:popover-open){transform:translateX(100%)}}}.dark :where(nav[popover]){background-color:var(--color-surface-1,oklch(97% 0 0))}}@layer base, components, utilities;@layer components{:where([x-carousel]){display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%;:where(.carousel-slides){aspect-ratio:16/9;display:flex;transition:transform .3s ease-in-out;width:100%}& :where([data-carousel-prev],[data-carousel-next],button[\@click="prev()"],button[\@click="next()"]){background-color:oklch(100% 0 0/.15);position:absolute;top:50%;transform:translateY(-50%);&:hover{background-color:oklch(100% 0 0/.3)}}& :where([data-carousel-prev],button[\@click="prev()"]){left:calc(var(--spacing, .25rem)*4)}& :where([data-carousel-next],button[\@click="next()"]){left:auto;right:calc(var(--spacing, .25rem)*4)}:where(.carousel-dots){bottom:calc(var(--spacing, .25rem)*4);display:flex;gap:calc(var(--spacing, .25rem)*2);left:50%;max-width:100%;overflow-x:auto;padding:0 calc(var(--spacing, .25rem)*4);position:absolute;scrollbar-width:none;transform:translateX(-50%);&::-webkit-scrollbar{display:none}& :where(span){background-color:oklch(100% 0 0/.15);border-radius:50%;cursor:pointer;flex-shrink:0;height:.625rem;transition:background-color .3s ease-in-out;width:.625rem;&:hover{background-color:oklch(100% 0 0/.3)}&.active{background-color:#fff}}}}}@layer base, components, utilities;@layer components{:where(input[role=switch]):not(.unstyle){border-radius:calc(var(--spacing-field-height, 2.25rem)*.65);box-sizing:content-box;cursor:pointer;height:calc(var(--spacing-field-height, 2.25rem)*.65);min-width:calc(var(--spacing-field-height, 2.25rem)*.65*2);padding:0;position:relative;width:calc(var(--spacing-field-height, 2.25rem)*.65*2);&:before{background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 60%,var(--color-field-inverse,oklch(43.9% 0 0)));border-radius:50%;box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));content:"";height:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem);left:.125rem;position:absolute;top:.125rem;transition:var(--transition,all .05s ease-in-out);width:calc(var(--spacing-field-height, 2.25rem)*.65 - .25rem)}&:checked{background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));&:before{background-color:var(--color-field-inverse,oklch(43.9% 0 0));left:calc(100% - var(--spacing-field-height, 2.25rem)*.65 + .125rem)}&:hover{background-color:var(--color-field-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 15%,transparent))}}}}@layer base, components, utilities;@layer components{:where(.grid-table):not(.unstyle){display:grid}:where(table,.grid-table):not(.unstyle){align-items:start;border-radius:var(--radius,.5rem);border-spacing:0;max-width:100%;overflow:hidden;table-layout:auto;width:100%;:where(.grid-header,.grid-row,.grid-footer){display:contents}:where(thead,.grid-header>*){background-color:var(--color-surface-1,oklch(97% 0 0));border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}:where(th,.grid-header>*){font-weight:700}:where(tr,.grid-row>*){border-bottom:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent))}:where(td,th,.grid-header>*,.grid-row>*,.grid-footer>*){font-size:.875rem;padding:calc(var(--spacing, .25rem)*2.5) calc(var(--spacing, .25rem)*4);text-align:left;text-align:start;&>:not(template,br,:is(a,abbr,b,cite,code,data,del,dfn,em,i,ins,kbd,mark,q,s,samp,small,strong,sub,sup,time,u,var):not([role=button],[x-icon],.badge)){display:inline-flex;vertical-align:middle;&:not(:last-child){margin-right:4px}}}:where(td,th){overflow:hidden}:where(:not(:has(tfoot)) tbody tr:last-child,tfoot tr:last-child,.grid-footer>*){border-bottom:0}&.striped{:where(tr:nth-child(2n),.grid-row:nth-child(2n)){background-color:var(--color-surface-1,oklch(97% 0 0))}:where(tr:nth-child(odd),.grid-row:nth-child(odd)){background-color:transparent}:where(tr,.grid-row){border-bottom:0}}}}@layer base, components, utilities;@layer utilities{:where(.toast-container){align-items:center;bottom:3vw;display:flex;flex-direction:column-reverse;gap:calc(var(--spacing, .25rem)*2);left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}:where(.toast){background-color:var(--color-popover-surface,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*2);box-shadow:var(--shadow-lg,0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1));display:flex;max-width:90vw;opacity:0;overflow:hidden;pointer-events:auto;transform:translateY(1rem);transition:opacity .2s ease-out,transform .2s ease-out,height .2s ease-out,margin .2s ease-out,padding .2s ease-out;:where(.toast-content){align-items:center;color:inherit;display:flex;padding:.375rem .75rem;white-space:pre-wrap;:where([x-icon]:first-child){margin-right:1ch}}:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 20%,transparent);border-radius:0;position:relative;&:after{background-color:var(--color-field-inverse,oklch(43.9% 0 0));content:"";height:50%;left:50%;mask-image:var(--icon-dismiss,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"));mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transform-origin:center;width:50%}}}:where(.toast.brand,.toast.accent,.toast.positive,.toast.negative){background-color:var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));color:var(--color-field-inverse,oklch(43.9% 0 0));:where(.toast-dismiss-button){border-inline-start:1px solid color-mix(in oklch,var(--color-field-inverse,oklch(43.9% 0 0)) 20%,transparent)}}:where(.toast-entry){opacity:1;transform:translateY(0)}:where(.toast-exit){opacity:0;pointer-events:none;transform:translateY(1rem)}}@layer base, components, utilities;@layer utilities{:where(.tooltip){background-color:var(--color-content-stark,oklch(43.9% 0 0));border:0;border-radius:var(--radius,.5rem);box-shadow:var(--shadow-sm,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1));color:var(--color-page,oklch(98.5% 0 0));font-size:.875rem;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);width:fit-content;& [x-icon]:first-child{margin-inline-end:.25rem}&>*{color:inherit}}:where(.tooltip[popover]){animation:none;display:block;inset:auto;margin:var(--spacing-popover-offset,.5rem) 0;max-width:200px;position:absolute;position-area:bottom;position-try-fallbacks:flip-inline,flip-block,flip-start;transition:opacity .15s ease-in,scale .15s ease-in,display .15s ease-in;transition-behavior:allow-discrete;@starting-style{opacity:0;scale:.9}&:not(:popover-open){display:none!important;opacity:0;scale:1;transition-duration:.15s;transition-timing-function:ease-out}&:hover{transition-delay:var(--tooltip-hover-delay,.5s)}}}@layer base, components, utilities;@layer base{.caption,.h1,.h2,.h3,.h4,.h5,.h6,.label,.paragraph,.small,:where(abbr,address,blockquote,code,del,figcaption,h1,h2,h3,h4,h5,h6,ins,label:not(.avatar,:has([type=file],[type=search])),legend,p,small,cite,q):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}& [x-icon]{margin-inline-end:.25em}}.h1,.h2,.h3,.h4,.h5,.h6,:where(h1,h2,h3,h4,h5,h6):not(.unstyle){font-weight:550;word-wrap:break-word}.h1,.h2,.h3,:where(h1,h2,h3):not(.unstyle){letter-spacing:-.025em}.h1,:where(h1):not(.unstyle){font-size:3rem;line-height:1.25}.h2,:where(h2):not(.unstyle){font-size:2.25rem}.h3,:where(h3):not(.unstyle){font-size:1.75rem;line-height:1.4}.h4,:where(h4):not(.unstyle){font-size:1rem}.h5,:where(h5):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1rem;line-height:1rem;& a:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}.h6,:where(h6):not(.unstyle){color:var(--color-brand-content,oklch(68.1% .162 75.834));font-size:.8125rem;line-height:1.4}.paragraph,:where(p):not(.unstyle){line-height:1.6}.link,:where(a:not([role=button])):not(.unstyle){color:var(--color-content-stark,oklch(43.9% 0 0));cursor:pointer;text-align:unset;text-decoration:none;transition:var(--transition,all .05s ease-in-out);&:hover{color:var(--color-content-neutral,oklch(43.9% 0 0))}&:where(:has([x-icon])){align-items:center;display:inline-flex;gap:.25em}}:where(aside):not(.unstyle){border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);padding:calc(var(--spacing, .25rem)*4)}:where(.badge){align-items:center;background-color:var(--color-field-surface,color-mix(in oklch,oklch(97% 0 0) 10%,transparent));border-radius:calc(var(--radius, .5rem)*.6);color:var(--color-field-inverse,oklch(43.9% 0 0));display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;height:fit-content;justify-content:center;line-height:1.25;padding:calc(var(--spacing, .25rem)*.5) calc(var(--spacing, .25rem)*2);width:fit-content;&[x-icon]{aspect-ratio:1;padding:calc(var(--spacing, .25rem)*.5)}&:has(>svg:only-child){aspect-ratio:1;padding:calc(var(--spacing, .25rem)*.5)}}:where(blockquote):not(.unstyle){border-inline-end:none;border-inline-start:.25rem solid color-mix(in oklch,var(--color-content-stark,oklch(43.9% 0 0)) 25%,transparent);color:var(--color-content-stark,oklch(43.9% 0 0));display:block;margin:calc(var(--spacing, .25rem)*4) 0;max-width:100%;padding:0 calc(var(--spacing, .25rem)*4);width:100%;& *{color:inherit}}:where(code):not(.unstyle){display:inline-block;font-size:82.5%;height:fit-content;line-height:1.4;padding:0 .7ch;width:fit-content;word-wrap:break-word;background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-content-subtle,oklch(55.6% 0 0)) 10%,transparent);border-radius:var(--radius,.5rem);color:var(--color-content-neutral,oklch(43.9% 0 0));&[role=button]{cursor:pointer}}.caption,:where(figcaption):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.8125rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where(figure figcaption):not(.unstyle){margin:calc(var(--spacing, .25rem)*2) auto;text-align:center}.small,:where(small):not(.unstyle){color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:.875rem;& a:not([role=button]){color:inherit;&:hover{color:var(--color-content-stark,oklch(98.5% 0 0))}}}:where([x-icon]){display:inline-flex;width:fit-content}:where(ins):not(.unstyle){text-decoration:none}.kbd,:where(kbd):not(.unstyle){background-color:color-mix(in oklch,var(--color-content-neutral,oklch(43.9% 0 0)) 10%,transparent);border-radius:calc(var(--radius, .5rem)/1.5);color:var(--color-content-neutral,oklch(43.9% 0 0));display:inline-block;font-family:inherit;font-size:75%;font-weight:600;line-height:1;min-width:1.4rem;padding:.3rem;text-align:center;vertical-align:baseline;width:fit-content;&:not(:last-of-type){margin-inline-end:1px}}[dir=rtl] :where(kbd:not(:last-of-type),.kbd:not(:last-of-type)){margin-inline-end:0;margin-inline-start:1px}.label,:where(label):not(.unstyle){user-select:none;width:fit-content}.legend,:where(legend):not(.unstyle){display:block;max-width:100%;white-space:normal}:where(ol):not(.unstyle){list-style-type:decimal}:where(ul):not(.unstyle){list-style-type:disc}:where(ol):not(.unstyle),:where(ul):not(.unstyle){padding-inline-start:1.75ch;&:has(input[type=checkbox]){padding-inline-start:0}& li{padding-inline-start:1ch;&:not(:last-of-type){margin-bottom:1.25ch}& .link,& a:not(.unstyle){text-decoration:underline;text-underline-offset:2px}&:has([x-icon]){display:inherit;list-style:none;position:relative;& [x-icon]{left:-1.75ch;position:absolute;top:.45ch}}&:has(input[type=checkbox]){display:inherit;list-style:none;position:relative;& input[type=checkbox]{left:-1ch;position:absolute;top:.45ch}}}}:where(nav,menu):not(.unstyle) ol,:where(nav,menu):not(.unstyle) ul{list-style:none;padding:0;& li,li:not(:last-of-type){margin:0;padding:0}}[dir=rtl] :where(ol):not(nav ol):not(menu ol):not(.unstyle),[dir=rtl] :where(ul):not(nav ul):not(menu ul):not(.unstyle){& li:has([x-icon]){& [x-icon]{left:auto;right:-1.75ch}}& li:has(input[type=checkbox]){& input[type=checkbox]{left:auto;right:-1.25ch}}}:where(ol,ul):not(nav ol):not(menu ol):not(.unstyle) ul,:where(ol,ul):not(nav ul):not(menu ul):not(.unstyle) ol{margin-top:1ch;padding-inline-start:2.75ch;&+li{margin-top:1.5ch}}:where(pre):not(.unstyle){background-color:var(--color-page,oklch(98.5% 0 0));border:1px solid var(--color-line,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent));border-radius:var(--radius,.5rem);display:flex;flex-flow:row wrap;font-size:.8125rem;line-height:1.7;overflow:hidden;tab-size:4;white-space:pre;white-space-collapse:preserve;&>code{background-color:transparent;border:0;box-shadow:none;display:inline-block;flex-grow:1;font-size:inherit;height:auto;line-height:inherit;overflow-x:auto;padding:calc(var(--spacing, .25rem)*4);padding-inline-end:calc(var(--spacing, .25rem)*12);scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}&:not(:has(code)){padding:calc(var(--spacing, .25rem)*4)}}}@layer base, components, utilities;@layer utilities{:where(:is(menu[popover],.dropdown-menu,.tooltip).top){margin:var(--spacing-popover-offset,.5rem) 0;position-area:top}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom){margin:var(--spacing-popover-offset,.5rem) 0;position-area:bottom}:where(:is(menu[popover],.dropdown-menu,.tooltip).start){margin:0 var(--spacing-popover-offset,.5rem);position-area:center start}:where(:is(menu[popover],.dropdown-menu,.tooltip).end){margin:0 var(--spacing-popover-offset,.5rem);position-area:center end}:where(:is(menu[popover],.dropdown-menu,.tooltip).top-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-end}:where(:is(menu[popover],.dropdown-menu,.tooltip).top-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:start span-start}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom-start){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-end}:where(:is(menu[popover],.dropdown-menu,.tooltip).bottom-end){margin:var(--spacing-popover-offset,.5rem) 0;position-area:end span-start}:where(:is(menu[popover],.dropdown-menu,.tooltip).start-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end start}:where(:is(menu[popover],.dropdown-menu,.tooltip).start-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start start}:where(:is(menu[popover],.dropdown-menu,.tooltip).end-top){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-end end}:where(:is(menu[popover],.dropdown-menu,.tooltip).end-bottom){margin:0 var(--spacing-popover-offset,.5rem);position-area:span-start end}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.top-start-corner,.start-top-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:start start}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.top-end-corner,.end-top-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:start end}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.bottom-start-corner,.start-bottom-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:end start}:where(:is(menu[popover],.dropdown-menu,.tooltip):is(.bottom-end-corner,.end-bottom-corner)){margin:var(--spacing-popover-offset,.5rem);position-area:end end}}::selection,:root{--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-red-950:oklch(25.8% 0.092 26.042);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-orange-950:oklch(26.6% 0.079 36.259);--color-amber-50:oklch(98.7% 0.022 95.277);--color-amber-100:oklch(96.2% 0.059 95.617);--color-amber-200:oklch(92.4% 0.12 95.746);--color-amber-300:oklch(87.9% 0.169 91.605);--color-amber-400:oklch(82.8% 0.189 84.429);--color-amber-500:oklch(76.9% 0.188 70.08);--color-amber-600:oklch(66.6% 0.179 58.318);--color-amber-700:oklch(55.5% 0.163 48.998);--color-amber-800:oklch(47.3% 0.137 46.201);--color-amber-900:oklch(41.4% 0.112 45.904);--color-amber-950:oklch(27.9% 0.077 45.635);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-yellow-950:oklch(28.6% 0.066 53.813);--color-lime-50:oklch(98.6% 0.031 120.757);--color-lime-100:oklch(96.7% 0.067 122.328);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-600:oklch(64.8% 0.2 131.684);--color-lime-700:oklch(53.2% 0.157 131.589);--color-lime-800:oklch(45.3% 0.124 130.933);--color-lime-900:oklch(40.5% 0.101 131.063);--color-lime-950:oklch(27.4% 0.072 132.109);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-green-950:oklch(26.6% 0.065 152.934);--color-emerald-50:oklch(97.9% 0.021 166.113);--color-emerald-100:oklch(95% 0.052 163.051);--color-emerald-200:oklch(90.5% 0.093 164.15);--color-emerald-300:oklch(84.5% 0.143 164.978);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-emerald-500:oklch(69.6% 0.17 162.48);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-emerald-700:oklch(50.8% 0.118 165.612);--color-emerald-800:oklch(43.2% 0.095 166.913);--color-emerald-900:oklch(37.8% 0.077 168.94);--color-emerald-950:oklch(26.2% 0.051 172.552);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-teal-900:oklch(38.6% 0.063 188.416);--color-teal-950:oklch(27.7% 0.046 192.524);--color-cyan-50:oklch(98.4% 0.019 200.873);--color-cyan-100:oklch(95.6% 0.045 203.388);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-700:oklch(52% 0.105 223.128);--color-cyan-800:oklch(45% 0.085 224.283);--color-cyan-900:oklch(39.8% 0.07 227.392);--color-cyan-950:oklch(30.2% 0.056 229.695);--color-sky-50:oklch(97.7% 0.013 236.62);--color-sky-100:oklch(95.1% 0.026 236.824);--color-sky-200:oklch(90.1% 0.058 230.902);--color-sky-300:oklch(82.8% 0.111 230.318);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-sky-600:oklch(58.8% 0.158 241.966);--color-sky-700:oklch(50% 0.134 242.749);--color-sky-800:oklch(44.3% 0.11 240.79);--color-sky-900:oklch(39.1% 0.09 240.876);--color-sky-950:oklch(29.3% 0.066 243.157);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-blue-950:oklch(28.2% 0.091 267.935);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-indigo-950:oklch(25.7% 0.09 281.288);--color-violet-50:oklch(96.9% 0.016 293.756);--color-violet-100:oklch(94.3% 0.029 294.588);--color-violet-200:oklch(89.4% 0.057 293.283);--color-violet-300:oklch(81.1% 0.111 293.571);--color-violet-400:oklch(70.2% 0.183 293.541);--color-violet-500:oklch(60.6% 0.25 292.717);--color-violet-600:oklch(54.1% 0.281 293.009);--color-violet-700:oklch(49.1% 0.27 292.581);--color-violet-800:oklch(43.2% 0.232 292.759);--color-violet-900:oklch(38% 0.189 293.745);--color-violet-950:oklch(28.3% 0.141 291.089);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-purple-950:oklch(29.1% 0.149 302.717);--color-fuchsia-50:oklch(97.7% 0.017 320.058);--color-fuchsia-100:oklch(95.2% 0.037 318.852);--color-fuchsia-200:oklch(90.3% 0.076 319.62);--color-fuchsia-300:oklch(83.3% 0.145 321.434);--color-fuchsia-400:oklch(74% 0.238 322.16);--color-fuchsia-500:oklch(66.7% 0.295 322.15);--color-fuchsia-600:oklch(59.1% 0.293 322.896);--color-fuchsia-700:oklch(51.8% 0.253 323.949);--color-fuchsia-800:oklch(45.2% 0.211 324.591);--color-fuchsia-900:oklch(40.1% 0.17 325.612);--color-fuchsia-950:oklch(29.3% 0.136 325.661);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-pink-950:oklch(28.4% 0.109 3.907);--color-rose-50:oklch(96.9% 0.015 12.422);--color-rose-100:oklch(94.1% 0.03 12.58);--color-rose-200:oklch(89.2% 0.058 10.001);--color-rose-300:oklch(81% 0.117 11.638);--color-rose-400:oklch(71.2% 0.194 13.428);--color-rose-500:oklch(64.5% 0.246 16.439);--color-rose-600:oklch(58.6% 0.253 17.585);--color-rose-700:oklch(51.4% 0.222 16.935);--color-rose-800:oklch(45.5% 0.188 13.697);--color-rose-900:oklch(41% 0.159 10.272);--color-rose-950:oklch(27.1% 0.105 12.094);--color-slate-50:oklch(98.4% 0.003 247.858);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-200:oklch(92.9% 0.013 255.508);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-400:oklch(70.4% 0.04 256.788);--color-slate-500:oklch(55.4% 0.046 257.417);--color-slate-600:oklch(44.6% 0.043 257.281);--color-slate-700:oklch(37.2% 0.044 257.287);--color-slate-800:oklch(27.9% 0.041 260.031);--color-slate-900:oklch(20.8% 0.042 265.755);--color-slate-950:oklch(12.9% 0.042 264.695);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-gray-950:oklch(13% 0.028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% 0.001 106.423);--color-stone-100:oklch(97% 0.001 106.424);--color-stone-200:oklch(92.3% 0.003 48.717);--color-stone-300:oklch(86.9% 0.005 56.366);--color-stone-400:oklch(70.9% 0.01 56.259);--color-stone-500:oklch(55.3% 0.013 58.071);--color-stone-600:oklch(44.4% 0.011 73.639);--color-stone-700:oklch(37.4% 0.01 67.558);--color-stone-800:oklch(26.8% 0.007 34.298);--color-stone-900:oklch(21.6% 0.006 56.043);--color-stone-950:oklch(14.7% 0.004 49.25);--color-mauve-50:oklch(98.5% 0 0);--color-mauve-100:oklch(96% 0.003 325.6);--color-mauve-200:oklch(92.2% 0.005 325.62);--color-mauve-300:oklch(86.5% 0.012 325.68);--color-mauve-400:oklch(71.1% 0.019 323.02);--color-mauve-500:oklch(54.2% 0.034 322.5);--color-mauve-600:oklch(43.5% 0.029 321.78);--color-mauve-700:oklch(36.4% 0.029 323.89);--color-mauve-800:oklch(26.3% 0.024 320.12);--color-mauve-900:oklch(21.2% 0.019 322.12);--color-mauve-950:oklch(14.5% 0.008 326);--color-olive-50:oklch(98.8% 0.003 106.5);--color-olive-100:oklch(96.6% 0.005 106.5);--color-olive-200:oklch(93% 0.007 106.5);--color-olive-300:oklch(88% 0.011 106.6);--color-olive-400:oklch(73.7% 0.021 106.9);--color-olive-500:oklch(58% 0.031 107.3);--color-olive-600:oklch(46.6% 0.025 107.3);--color-olive-700:oklch(39.4% 0.023 107.4);--color-olive-800:oklch(28.6% 0.016 107.4);--color-olive-900:oklch(22.8% 0.013 107.4);--color-olive-950:oklch(15.3% 0.006 107.1);--color-mist-50:oklch(98.7% 0.002 197.1);--color-mist-100:oklch(96.3% 0.002 197.1);--color-mist-200:oklch(92.5% 0.005 214.3);--color-mist-300:oklch(87.2% 0.007 219.6);--color-mist-400:oklch(72.3% 0.014 214.4);--color-mist-500:oklch(56% 0.021 213.5);--color-mist-600:oklch(45% 0.017 213.2);--color-mist-700:oklch(37.8% 0.015 216);--color-mist-800:oklch(27.5% 0.011 216.9);--color-mist-900:oklch(21.8% 0.008 223.9);--color-mist-950:oklch(14.8% 0.004 228.8);--color-taupe-50:oklch(98.6% 0.002 67.8);--color-taupe-100:oklch(96% 0.002 17.2);--color-taupe-200:oklch(92.2% 0.005 34.3);--color-taupe-300:oklch(86.8% 0.007 39.5);--color-taupe-400:oklch(71.4% 0.014 41.2);--color-taupe-500:oklch(54.7% 0.021 43.1);--color-taupe-600:oklch(43.8% 0.017 39.3);--color-taupe-700:oklch(36.7% 0.016 35.7);--color-taupe-800:oklch(26.8% 0.011 36.5);--color-taupe-900:oklch(21.4% 0.009 43.1);--color-taupe-950:oklch(14.7% 0.004 49.3);--color-black:#000;--color-white:#fff}@layer base, components, utilities;@layer utilities{:where(.center){align-items:center;justify-content:center}:where(.row,.row-wrap,.col,.col-wrap){display:flex}:where(.col){flex-flow:column nowrap}:where(.col-wrap){flex-flow:column wrap}:where(.row){flex-flow:row nowrap}:where(.row-wrap){flex-flow:row wrap}:where(.content){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}:where(.ghost){background-color:transparent;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{background-color:color-mix(in oklch,var(--color-field-surface,oklch(37.1% 0 0)) 50%,transparent)}}:where(.hug){height:fit-content;min-width:0;padding:0;width:fit-content}:where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 90%,var(--color-field-inverse,oklch(43.9% 0 0)));border-style:solid;border-width:1px}.dark :where(.outlined){border-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 80%,var(--color-field-inverse,oklch(43.9% 0 0)))}:where(.transparent){background-color:transparent!important;color:var(--color-content-neutral,oklch(43.9% 0 0));&:hover{color:var(--color-content-stark,oklch(43.9% 0 0))}}:where(.lg){--spacing-field-height:2.5rem;--spacing-field-padding:0.78rem;font-size:125%}:where(.sm){--spacing-field-height:1.5rem;--spacing-field-padding:0.49rem;font-size:75%;&::picker-icon{line-height:.2}}:where(.disabled){cursor:default;opacity:.5;pointer-events:none}:where(body.page){display:flex;flex-direction:column;min-height:100vh}.page{&>footer,&>header{z-index:30}&>footer,&>header,&>main{padding-inline-end:var(--spacing-viewport-padding,5vw);padding-inline-start:var(--spacing-viewport-padding,5vw)}&>footer nav:not([popover]),&>header nav:not([popover]),&>main>section:not(.banner,.overlay-dark,.overlay-light){margin-inline-end:auto;margin-inline-start:auto;max-width:100%;width:var(--spacing-content-width,74rem)}&>footer{margin-top:auto}}.no-focus:focus,.no-focus:focus-visible,.no-focus:focus-within{box-shadow:0 0 0 0 transparent}:where(.no-scrollbar){-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.no-spinner{appearance:textfield!important;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}}:where(.overlay-dark,.overlay-light){position:relative;&:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}>*{position:relative;z-index:1}}:where(.overlay-dark){color:#fff!important;&:after{background:oklch(0 0 0/50%)}}:where(.overlay-light){color:oklch(14.5% 0 0)!important;&:after{background:oklch(100% 0 0/75%)}}:where(.prose,.prose details){max-width:100%;width:42rem;& aside:not([popover]){background-color:color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 20%,transparent);border:1px solid color-mix(in oklch,var(--color-field-surface,color-mix(in oklch,oklch(20.5% 0 0) 10%,transparent)) 15%,transparent);border-radius:calc(var(--radius, .5rem)*2);color:var(--color-content-stark,oklch(43.9% 0 0));margin-top:1.4rem;padding:calc(var(--spacing, .25rem)*4);&:has([x-icon]):not([x-code-group] aside,aside.frame){display:flex;flex-direction:row;gap:1rem;& [x-icon]{font-size:1.25rem;padding-top:.25rem}}}& [x-code-group] aside.frame{background-color:color-mix(in oklch,var(--color-surface-1,oklch(97% 0 0)) 65%,transparent);border:0;border-radius:0;font-family:var(--font-sans);font-size:medium;margin-top:0;padding:calc(var(--spacing, .25rem)*4)}&>a:not(:where(h1,h2,h3,h4,h5,h6,p,small,figcaption,label,li,blockquote,pre code,code,kbd,span,mark,[role=button]) a){margin-top:1.4rem}&>blockquote{margin-top:2rem;& *{margin:0}}&>details,&>hr+details{margin-top:0}&>:not(details,hr)+details,&>details:first-child{margin-top:3rem}&>details:last-child{margin-bottom:3rem}&>details:not(:last-child):not(:has(+details,+hr)){margin-bottom:3rem}&>details+:not(details,hr){margin-top:0}&>figcaption{margin-top:1rem}&>figure{margin-top:1.4rem;& img{margin:0}}&>h1{font-size:2.25rem}&>h1+p{color:var(--color-content-neutral,oklch(43.9% 0 0));font-size:1.125rem;margin-top:.625rem}&>h2{font-size:1.75rem;margin-bottom:.6667rem;margin-top:1rem}&>h3{font-size:1.25rem;margin-top:2.4rem}&>h4{margin-top:3rem}&>h4+p{margin-top:.25rem}&>h5{margin-top:1rem}&>h5,&>h6{margin-bottom:1rem}&>h6{margin-top:2rem}&>hr{margin-bottom:3rem;margin-top:3rem}&>details+hr:has(+details){margin-bottom:1rem;margin-top:1rem}&>img,&>p{margin-top:1.4rem}&>ol,&>small,&>ul{margin-top:1rem}&>[x-code-group],&>[x-code],&>pre,&>table{margin-bottom:2rem;margin-top:2rem}&>[x-code-group] [x-code],&>[x-code] pre{margin-bottom:0;margin-top:0}}:where(.trailing){color:var(--color-content-subtle,oklch(55.6% 0 0));display:inline-block;margin-inline-start:auto}:where(.brand){--color-field-surface:var(--color-brand-surface,oklch(85.2% 0.199 91.936));--color-field-surface-hover:var(--color-brand-surface-hover,oklch(90.5% 0.182 98.111));--color-field-inverse:var(--color-brand-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-brand-content,oklch(68.1% 0.162 75.834));--color-content-neutral:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-brand-content,oklch(68.1% 0.162 75.834)) 70%,transparent)}:where(.accent){--color-field-surface:var(--color-accent-surface,oklch(43.9% 0 0));--color-field-surface-hover:var(--color-accent-surface-hover,color-mix(in oklch,oklch(20.5% 0 0) 90%,oklch(98.5% 0 0)));--color-field-inverse:var(--color-accent-inverse,oklch(98.5% 0 0));--color-content-stark:var(--color-accent-content,oklch(43.9% 0 0));--color-content-neutral:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-accent-content,oklch(43.9% 0 0)) 70%,transparent)}:where(.negative){--color-field-surface:var(--color-negative-surface,salmon);--color-field-surface-hover:var(--color-negative-surface-hover,#f08080);--color-field-inverse:var(--color-negative-inverse,maroon);--color-content-stark:var(--color-negative-content,crimson);--color-content-neutral:color-mix(in oklch,var(--color-negative-content,crimson) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-negative-content,crimson) 70%,transparent)}:where(.positive){--color-field-surface:var(--color-positive-surface,#98fb98);--color-field-surface-hover:var(--color-positive-surface-hover,#90ee90);--color-field-inverse:var(--color-positive-inverse,#006400);--color-content-stark:var(--color-positive-content,#32cd32);--color-content-neutral:color-mix(in oklch,var(--color-positive-content,#32cd32) 85%,transparent);--color-content-subtle:color-mix(in oklch,var(--color-positive-content,#32cd32) 70%,transparent)}:where(.stark){color:var(--color-content-stark,oklch(43.9% 0 0))}:where(.neutral){color:var(--color-content-neutral,oklch(43.9% 0 0))}:where(.subtle){color:var(--color-content-subtle,oklch(55.6% 0 0))}@media (min-width:640px){.mobile-only{display:none!important}}@media (max-width:639.98px){.desktop-only{display:none!important}}@media (pointer:fine){.touch-only{display:none!important}}@media not all and (pointer:fine) and (hover:hover){.cursor-only{display:none!important}}@media not all and (any-pointer:fine){.pointer-only{display:none!important}}html:not([data-native]) .native-only,html:not([data-online=false]) .offline-only,html:not([data-os=android]) .android-only,html:not([data-os=ios]) .ios-only,html:not([data-os=linux]) .linux-only,html:not([data-os=macos]) .mac-only,html:not([data-os=macos]):not([data-os=ios]) .apple-only,html:not([data-os=windows]) .windows-only,html:not([data-standalone]) .standalone-only,html[data-native] .web-only,html[data-online=false] .online-only,html[data-os=android] .no-android,html[data-os=ios] .no-apple,html[data-os=ios] .no-ios,html[data-os=linux] .no-linux,html[data-os=macos] .no-apple,html[data-os=macos] .no-mac,html[data-os=windows] .no-windows{display:none!important}:where(.pt-safe){padding-top:var(--safe-top)}:where(.pr-safe){padding-right:var(--safe-right)}:where(.pb-safe){padding-bottom:var(--safe-bottom)}:where(.pl-safe){padding-left:var(--safe-left)}:where(.px-safe){padding-left:var(--safe-left);padding-right:var(--safe-right)}:where(.py-safe){padding-bottom:var(--safe-bottom);padding-top:var(--safe-top)}:where(.p-safe){padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}:where(.min-h-dvh){min-height:100dvh}:where(.h-dvh){height:100dvh}:where(.no-callout){-webkit-touch-callout:none}:where(.no-select){-webkit-user-select:none;user-select:none}:where(.no-tap-zoom){touch-action:manipulation}:where(.no-overscroll){overscroll-behavior:none}:where(.no-overscroll-y){overscroll-behavior-y:none}}

package/lib/manifest.rich.text.css

@@ -177,13 +177,27 @@
         & table {
             width: 100%;
             table-layout: fixed;
+            border-collapse: separate;
+            border-spacing: 0;
+            border: 1px solid var(--color-line);
 
+            /* Inner dividers only: the table's own border draws the rounded edge */
             & :where(td, th) {
                 padding: 0.35em 0.5em;
-                border: 1px solid var(--color-line);
+                border: 0 none;
+                border-inline-end: 1px solid var(--color-line);
+                border-block-end: 1px solid var(--color-line);
                 vertical-align: top;
             }
 
+            & :where(tr > :last-child) {
+                border-inline-end: 0 none;
+            }
+
+            & :where(tbody:last-child > tr:last-child > *, tfoot > tr:last-child > *) {
+                border-block-end: 0 none;
+            }
+
             & th {
                 font-weight: 600;
                 text-align: start;

package/lib/manifest.rich.text.js

@@ -2971,8 +2971,8 @@
 
     /* ---- Area engine ----
        Shared by the directive and ManifestRichText.attach(). */
-    function setup(el, { format = 'markdown', inline: single = false, breaks = false, all: allStyles = true, literal = false, bound = false, controlled = false, onChange = null } = {}) {
-        // .inline html with breaks: one block of lines; <br> kept, Shift+Enter makes one
+    function setup(el, { format = 'markdown', inline: single = false, breaks = false, enterBreaks = false, all: allStyles = true, literal = false, bound = false, controlled = false, onChange = null } = {}) {
+        // .inline html with breaks: one block of lines; <br> kept, Shift+Enter makes one (Enter too with enterBreaks)
         const lines = single && breaks && format === 'html';
         const flat = (html) => lines ? breakLines(html, true) : flattenLines(html, true);
         const ac = new AbortController();
@@ -3197,7 +3197,7 @@
             if (e.isComposing || e.keyCode === 229) return;
             if (e.key === 'Enter' && e.target !== el && e.target.matches && e.target.matches('a[href]') && e.target.closest('[contenteditable="false"]') && el.contains(e.target.closest('[contenteditable="false"]'))) return;
             if ((e.key || '').length > 1 && !/^(Shift|Alt|Control|Meta|CapsLock)$/.test(e.key)) { el._exit = null; if (!/^(Backspace|Delete)$/.test(e.key)) el._after = null; }
-            if (e.key === 'Enter' && single) { e.preventDefault(); if (lines && e.shiftKey) lineBreak(); else enter(e.shiftKey); return; }
+            if (e.key === 'Enter' && single) { e.preventDefault(); if (lines && (e.shiftKey || enterBreaks)) lineBreak(); else enter(e.shiftKey); return; }
             if (e.key === 'Enter' && format !== 'plain') {
                 if (!ownsEnter(e)) return;
                 e.preventDefault();
@@ -3358,7 +3358,7 @@
         const controlled = opts.value !== undefined;
         const core = setup(el, {
             format: FORMATS.has(opts.format) ? opts.format : 'markdown',
-            inline: opts.mode === 'inline', breaks: !!opts.breaks, all: opts.all !== false, literal: !!opts.literal,
+            inline: opts.mode === 'inline', breaks: !!opts.breaks, enterBreaks: opts.enter === 'break', all: opts.all !== false, literal: !!opts.literal,
             bound: typeof opts.onChange === 'function', controlled,
             onChange: typeof opts.onChange === 'function' ? opts.onChange : null
         });

package/lib/manifest.sw.js

@@ -16,7 +16,7 @@
 
 // Build stamps the published version here; unstamped (dev) falls back to the
 // registration URL's `v`, then 'dev'.
-const BUILD_VERSION = '0.5.236';
+const BUILD_VERSION = '0.5.237';
 const CACHE_PREFIX = 'mnfst-sw:';
 const META_CACHE = CACHE_PREFIX + 'meta';
 // Sized to hold a full precache.json warm-up (PRECACHE_MAX_ENTRIES server-side)

package/lib/manifest.table.css

@@ -45,8 +45,8 @@
             text-align: left;
             text-align: start;
 
-            /* Make elements within cell inline */
-            &>*:not(template) {
+            /* Make elements within cell inline; text-level elements stay in the text flow */
+            &>*:not(template, br, :is(a, abbr, b, cite, code, data, del, dfn, em, i, ins, kbd, mark, q, s, samp, small, strong, sub, sup, time, u, var):not([role=button], [x-icon], .badge)) {
                 display: inline-flex;
                 vertical-align: middle;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.236",
+    "version": "0.5.237",
     "private": false,
     "workspaces": [
         "templates/starter",