ankka-console 0.10.0 → 0.12.0

package/dist/routes/tokens.js

@@ -1,13 +1,14 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * An organization's deploy tokens. A new token's secret is shown exactly once: the creation
  * redirects (so a reload can never create a second token), carrying the secret across in a sealed
  * cookie that this page reads and clears on its next render.
  */
 import { redirect, useLoaderData } from "react-router";
-import { act, guard, pageData, text, useConsoleContext } from "../context.js";
+import { act, guard, organizationShell, pageData, text, useConsoleContext } from "../context.js";
 import { ConsoleErrorBoundary } from "../ui/errors.js";
-import { Breadcrumbs, ConsoleForm, Field, Submit, useConsole, when } from "../ui/console.js";
+import { ConsoleForm, Field, Submit, useConsole, when } from "../ui/console.js";
+import { Page, SectionTitle } from "../ui/shell.js";
 import { Refused, useRefusal } from "../ui/refused.js";
 import { HostActions } from "../extensions/render.js";
 export const meta = () => [{ title: "Deploy tokens · ankka" }];
@@ -15,10 +16,10 @@ export async function loader({ request, params, context }) {
     const ctx = useConsoleContext(context);
     const id = params.organizationId;
     return guard(ctx, async () => {
-        const [organization, tokens, page] = await Promise.all([ctx.client.getOrganization(id), ctx.client.tokens(id), pageData(ctx)]);
+        const [organization, tokens, projects, page] = await Promise.all([ctx.client.getOrganization(id), ctx.client.tokens(id), ctx.client.listProjects(), pageData(ctx)]);
         const created = await ctx.runtime.tokenFlash.take(request, ctx.headers);
         // Shown from the one-time cookie alone: the listing is a projection and may not show the new token yet.
-        return { console: page, organization, tokens, created };
+        return { console: organizationShell(page, organization, projects, "tokens", [{ label: "Deploy tokens" }]), organization, tokens, created };
     });
 }
 export async function action({ request, params, context }) {
@@ -45,6 +46,7 @@ export default function Tokens() {
     const { organization: o, tokens, created } = useLoaderData();
     const { shows } = useConsole();
     const refusal = useRefusal("create");
-    return (_jsxs("section", { className: "ac-page", children: [_jsx(Breadcrumbs, { trail: [{ label: "Organizations", to: "" }, { label: o.name, to: `organizations/${encodeURIComponent(o.id)}` }, { label: "Deploy tokens" }] }), _jsxs("h1", { children: ["Deploy tokens for ", o.name] }), _jsx("p", { className: "ac-lede", children: "A deploy token lets a machine, such as a CI job, deploy as a member of this organization. It cannot manage members or tokens." }), created ? (_jsxs("div", { className: "ac-notice", role: "status", children: [_jsxs("p", { children: [_jsxs("strong", { children: ["Copy the token for ", created.label, " now."] }), " It is shown this once and cannot be retrieved later."] }), _jsx("code", { className: "ac-secret", "data-secret": true, children: created.secret })] })) : null, tokens.length === 0 ? (_jsx("p", { className: "ac-empty", children: "No deploy tokens." })) : (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Deploy tokens" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Label" }), _jsx("th", { scope: "col", children: "Id" }), _jsx("th", { scope: "col", children: "Created" }), _jsx("th", { scope: "col", children: "Expires" }), _jsx("th", { scope: "col", children: "Last used" }), _jsx("th", { scope: "col", children: "Revoke" })] }) }), _jsx("tbody", { children: tokens.map((t) => (_jsxs("tr", { "data-token": t.id, children: [_jsx("td", { children: t.label }), _jsx("td", { children: t.id }), _jsxs("td", { children: [when(t.createdAt), t.createdBy ? ` by ${t.createdBy}` : ""] }), _jsx("td", { children: t.expiresAt ? when(t.expiresAt) : "Never" }), _jsx("td", { children: t.lastUsed ?? "Never" }), _jsx("td", { children: shows("token.revoke") ? (_jsxs(ConsoleForm, { intent: "revoke", children: [_jsx("input", { type: "hidden", name: "tokenId", value: t.id }), _jsx(Submit, { intent: "revoke", danger: true, children: "Revoke" })] })) : null })] }, t.id))) })] }) })), _jsx(Refused, { intent: "revoke" }), shows("token.create") ? (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Create a deploy token" }), _jsxs(ConsoleForm, { intent: "create", className: "ac-inline", children: [_jsx(Field, { label: "Label", name: "label", required: true, hint: "What uses it, such as a repository's CI.", defaultValue: refusal?.values.label, autoComplete: "off" }), _jsx(Field, { label: "Expires after days", name: "expiresInDays", type: "number", min: 0, max: 365, hint: "Empty for the platform's default of 90 days; 0 for never; at most 365.", defaultValue: refusal?.values.expiresInDays }), _jsx(Submit, { intent: "create", children: "Create token" })] }), _jsx(Refused, { intent: "create" }), _jsx("div", { className: "ac-actions", children: _jsx(HostActions, { operation: "token.create", entity: o }) })] })) : null] }));
+    const inspector = shows("token.create") ? (_jsxs("section", { "aria-labelledby": "create-token", className: "ac-form", children: [_jsx(SectionTitle, { children: _jsx("span", { id: "create-token", children: "Create a deploy token" }) }), _jsxs(ConsoleForm, { intent: "create", className: "ac-inline", children: [_jsx(Field, { label: "Label", name: "label", required: true, hint: "What uses it, such as a repository's CI.", defaultValue: refusal?.values.label, autoComplete: "off" }), _jsx(Field, { label: "Expires after days", name: "expiresInDays", type: "number", min: 0, max: 365, hint: "Empty for the platform's default of 90 days; 0 for never; at most 365.", defaultValue: refusal?.values.expiresInDays }), _jsx(Submit, { intent: "create", primary: true, children: "Create token" })] }), _jsx(Refused, { intent: "create" }), _jsx("div", { className: "ac-ops", children: _jsx(HostActions, { operation: "token.create", entity: o }) })] })) : null;
+    return (_jsxs(Page, { inspector: inspector, children: [_jsxs("h1", { children: ["Deploy tokens for ", o.name] }), _jsx("p", { className: "ac-lede", children: "A deploy token lets a machine, such as a CI job, deploy as a member of this organization. It cannot manage members or tokens." }), created ? (_jsxs("div", { className: "ac-notice", role: "status", children: [_jsxs("p", { children: [_jsxs("strong", { children: ["Copy the token for ", created.label, " now."] }), " It is shown this once and cannot be retrieved later."] }), _jsx("code", { className: "ac-secret", "data-secret": true, children: created.secret })] })) : null, _jsxs("section", { className: "ac-card", "aria-label": "Deploy tokens", children: [tokens.length === 0 ? (_jsx("p", { className: "ac-empty", children: "No deploy tokens." })) : (_jsx("div", { className: "ac-table-wrap", children: _jsxs("table", { className: "ac-table", children: [_jsx("caption", { className: "ac-visually-hidden", children: "Deploy tokens" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "Label" }), _jsx("th", { scope: "col", children: "Id" }), _jsx("th", { scope: "col", children: "Created" }), _jsx("th", { scope: "col", children: "Expires" }), _jsx("th", { scope: "col", children: "Last used" }), _jsx("th", { scope: "col", children: "Revoke" })] }) }), _jsx("tbody", { children: tokens.map((t) => (_jsxs("tr", { "data-token": t.id, children: [_jsx("td", { children: t.label }), _jsx("td", { children: t.id }), _jsxs("td", { children: [when(t.createdAt), t.createdBy ? ` by ${t.createdBy}` : ""] }), _jsx("td", { children: t.expiresAt ? when(t.expiresAt) : "Never" }), _jsx("td", { children: t.lastUsed ?? "Never" }), _jsx("td", { children: shows("token.revoke") ? (_jsxs(ConsoleForm, { intent: "revoke", children: [_jsx("input", { type: "hidden", name: "tokenId", value: t.id }), _jsx(Submit, { intent: "revoke", className: "ac-button ac-button-small ac-button-danger", children: "Revoke" })] })) : null })] }, t.id))) })] }) })), _jsx(Refused, { intent: "revoke" })] })] }));
 }
 export const ErrorBoundary = ConsoleErrorBoundary;

package/dist/routes.js

@@ -34,11 +34,14 @@ export function consoleRoutes(options = {}) {
         page("organizations/:organizationId", "organization"),
         page("organizations/:organizationId/members", "members"),
         page("organizations/:organizationId/tokens", "tokens"),
+        page("organizations/:organizationId/machines", "machines"),
         page("organizations/:organizationId/projects/new", "project-new"),
         page("projects/:projectId", "project"),
         page("projects/:projectId/services/apply", "service-apply"),
         page("projects/:projectId/services/:name", "service"),
         page("projects/:projectId/services/:name/logs", "logs"),
+        page("projects/:projectId/services/:name/topology", "service-topology"),
+        page("projects/:projectId/services/:name/history", "service-history"),
         resource("stream/projects/:projectId", "stream.project"),
         resource("stream/services/:projectId/:name", "stream.service"),
         ...(auth

package/dist/runtime.d.ts

@@ -3,7 +3,7 @@ import { SealedFlash, type SessionStore } from "./session/cookie-store.ts";
 import { SessionTokenSource, type TokenSource } from "./session/token-source.ts";
 import { type FetchLike } from "./server/transport.ts";
 import type { ConsoleOptions } from "./options.ts";
-import type { DeployTokenCreated } from "./client/schemas.ts";
+import type { DeployTokenCreated, MachineRegistered } from "./client/schemas.ts";
 export interface ConsoleRuntime {
     options: ConsoleOptions;
     mount: string;
@@ -16,6 +16,8 @@ export interface ConsoleRuntime {
     controlPlaneFetch: FetchLike;
     /** A deploy token's secret, carried across one redirect and shown once. */
     tokenFlash: SealedFlash<DeployTokenCreated>;
+    /** A registered machine's client secret, carried across one redirect and shown once, as a token's is. */
+    machineFlash: SealedFlash<MachineRegistered>;
     pendingLogin: SealedFlash<{
         state: string;
         nonce: string;

package/dist/runtime.js

@@ -71,6 +71,7 @@ export function createRuntime(options) {
         sessionTokens,
         controlPlaneFetch,
         tokenFlash: new SealedFlash({ secret: secret ?? "unused", secure, name: "ankka_console_flash", maxAgeSeconds: 60 }),
+        machineFlash: new SealedFlash({ secret: secret ?? "unused", secure, name: "ankka_console_machine_flash", maxAgeSeconds: 60 }),
         pendingLogin: new SealedFlash({ secret: secret ?? "unused", secure, name: "ankka_console_login", maxAgeSeconds: 600 }),
         log: options.log ?? ((line) => process.stdout.write(JSON.stringify(line) + "\n")),
     };

package/dist/styles.css

@@ -1,481 +1,2 @@
-/* The console's pages. Every class is prefixed `ac-`; every colour, face and space is a custom
-   property on .ac-root, so a host restyles the pages by overriding properties, not rules.
-
-   Birch paper and lake ink by day, the lake at night after dark. One accent, duckbill amber, is kept
-   for focus and for what is live; red is kept for failure. No web fonts: a console inside a cluster
-   must not fetch anything from outside it. */
-
-.ac-root {
-  --ac-paper: #f1f4f1;
-  --ac-surface: #fbfcfb;
-  --ac-ink: #13343b;
-  --ac-reed: #4f6b56;
-  --ac-water: #d5e2de;
-  --ac-amber: #e0a526;
-  --ac-amber-ink: #6b4a00;
-  --ac-red: #a8231b;
-  --ac-red-wash: #fbe9e7;
-  --ac-green: #1f6b3a;
-  --ac-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;
-  --ac-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  --ac-step: 1rem;
-  --ac-measure: 72rem;
-  --ac-radius-control: 6px;
-
-  color: var(--ac-ink);
-  background: var(--ac-paper);
-  font-family: var(--ac-sans);
-  font-size: 1rem;
-  line-height: 1.5;
-  font-variant-numeric: tabular-nums;
-  min-height: 100vh;
-}
-
-@media (prefers-color-scheme: dark) {
-  .ac-root {
-    --ac-paper: #0f2226;
-    --ac-surface: #142b30;
-    --ac-ink: #e3ecea;
-    --ac-reed: #9fbcaa;
-    --ac-water: #26434a;
-    --ac-amber: #f0b83c;
-    --ac-amber-ink: #f0b83c;
-    --ac-red: #ff8a80;
-    --ac-red-wash: #3a1b19;
-    --ac-green: #7fd4a0;
-  }
-}
-
-.ac-root *,
-.ac-root *::before,
-.ac-root *::after {
-  box-sizing: border-box;
-}
-
-/* ── Frame ───────────────────────────────────────────────────────────────── */
-
-.ac-bar {
-  display: flex;
-  align-items: baseline;
-  gap: var(--ac-step);
-  flex-wrap: wrap;
-  padding: calc(var(--ac-step) * 0.75) var(--ac-step);
-  border-bottom: 1px solid var(--ac-water);
-}
-
-.ac-wordmark {
-  font-family: var(--ac-serif);
-  font-size: 1.5rem;
-  font-weight: 700;
-  letter-spacing: -0.01em;
-  color: var(--ac-ink);
-  text-decoration: none;
-}
-
-.ac-wordmark-sub {
-  font-family: var(--ac-serif);
-  font-style: italic;
-  color: var(--ac-reed);
-}
-
-.ac-bar-person {
-  margin-left: auto;
-  display: flex;
-  align-items: baseline;
-  gap: calc(var(--ac-step) * 0.75);
-  color: var(--ac-reed);
-}
-
-.ac-bar-person form {
-  display: inline;
-}
-
-.ac-main {
-  max-width: var(--ac-measure);
-  padding: var(--ac-step);
-  margin: 0 auto;
-}
-
-.ac-page > * + * {
-  margin-top: calc(var(--ac-step) * 1.5);
-}
-
-.ac-root h1,
-.ac-root h2 {
-  font-family: var(--ac-serif);
-  line-height: 1.2;
-  margin: 0;
-  font-weight: 700;
-}
-
-.ac-root h1 {
-  font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
-  letter-spacing: -0.015em;
-}
-
-.ac-root h2 {
-  font-size: 1.35rem;
-  margin-top: calc(var(--ac-step) * 2.5);
-}
-
-.ac-root p {
-  margin: 0;
-  max-width: 68ch;
-}
-
-.ac-lede {
-  color: var(--ac-reed);
-}
-
-.ac-root a {
-  color: inherit;
-  text-decoration-color: var(--ac-reed);
-  text-underline-offset: 0.2em;
-}
-
-.ac-root a:hover {
-  text-decoration-color: var(--ac-amber);
-  text-decoration-thickness: 2px;
-}
-
-.ac-root :focus-visible {
-  outline: 3px solid var(--ac-amber);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-/* ── Breadcrumbs ─────────────────────────────────────────────────────────── */
-
-.ac-crumbs ol {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  color: var(--ac-reed);
-}
-
-.ac-crumbs li + li::before {
-  content: "›";
-  margin-right: 0.25rem;
-}
-
-/* ── Tables: every listing is one ───────────────────────────────────────── */
-
-.ac-table-wrap {
-  overflow-x: auto;
-}
-
-.ac-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.ac-table th,
-.ac-table td {
-  text-align: left;
-  padding: 0.6rem 0.75rem 0.6rem 0;
-  border-bottom: 1px solid var(--ac-water);
-  vertical-align: top;
-}
-
-.ac-table th {
-  font-weight: 600;
-  color: var(--ac-reed);
-  font-size: 0.9rem;
-}
-
-.ac-table td.ac-num,
-.ac-table th.ac-num {
-  text-align: right;
-}
-
-.ac-empty {
-  padding: var(--ac-step) 0;
-  color: var(--ac-reed);
-}
-
-/* ── Facts: a detail page's fields ──────────────────────────────────────── */
-
-.ac-facts {
-  display: grid;
-  grid-template-columns: minmax(9rem, max-content) 1fr;
-  gap: 0.4rem var(--ac-step);
-  margin: 0;
-}
-
-.ac-facts dt {
-  color: var(--ac-reed);
-}
-
-.ac-facts dd {
-  margin: 0;
-  overflow-wrap: anywhere;
-}
-
-/* ── Status ─────────────────────────────────────────────────────────────── */
-
-.ac-status {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 0.4em;
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.ac-status-mark {
-  font-size: 0.85em;
-  letter-spacing: -0.15em;
-}
-
-.ac-status-ready .ac-status-mark {
-  color: var(--ac-green);
-}
-
-.ac-status-moving .ac-status-mark,
-.ac-status-partial .ac-status-mark {
-  color: var(--ac-amber-ink);
-}
-
-.ac-status-trouble {
-  color: var(--ac-red);
-}
-
-.ac-status-stopped .ac-status-mark,
-.ac-status-idle .ac-status-mark {
-  color: var(--ac-reed);
-}
-
-.ac-status-note {
-  font-weight: 400;
-  color: var(--ac-reed);
-}
-
-.ac-live {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4em;
-  color: var(--ac-reed);
-  font-size: 0.9rem;
-}
-
-.ac-live::before {
-  content: "";
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 50%;
-  background: var(--ac-amber);
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .ac-live::before {
-    animation: ac-ripple 2.4s ease-out infinite;
-  }
-}
-
-@keyframes ac-ripple {
-  0% {
-    box-shadow: 0 0 0 0 color-mix(in srgb, var(--ac-amber) 60%, transparent);
-  }
-  100% {
-    box-shadow: 0 0 0 0.6rem transparent;
-  }
-}
-
-/* ── Forms ──────────────────────────────────────────────────────────────── */
-
-.ac-field {
-  display: grid;
-  gap: 0.25rem;
-  max-width: 32rem;
-}
-
-.ac-field label {
-  font-weight: 600;
-}
-
-.ac-root input,
-.ac-root select,
-.ac-root textarea {
-  font: inherit;
-  color: var(--ac-ink);
-  background: var(--ac-surface);
-  border: 1px solid var(--ac-reed);
-  border-radius: var(--ac-radius-control);
-  padding: 0.5rem 0.6rem;
-  width: 100%;
-}
-
-.ac-root textarea {
-  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
-  font-size: 0.9rem;
-  min-height: 16rem;
-}
-
-.ac-root input[type="checkbox"] {
-  width: auto;
-}
-
-.ac-root [aria-invalid="true"] {
-  border-color: var(--ac-red);
-}
-
-.ac-hint {
-  color: var(--ac-reed);
-  font-size: 0.9rem;
-}
-
-.ac-field-error {
-  color: var(--ac-red);
-}
-
-.ac-form {
-  display: grid;
-  gap: var(--ac-step);
-}
-
-.ac-inline {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  align-items: end;
-}
-
-.ac-inline .ac-field {
-  flex: 1 1 12rem;
-}
-
-.ac-button {
-  font: inherit;
-  font-weight: 600;
-  display: inline-block;
-  padding: 0.45rem 0.9rem;
-  border-radius: var(--ac-radius-control);
-  border: 1px solid var(--ac-ink);
-  background: var(--ac-ink);
-  color: var(--ac-paper);
-  cursor: pointer;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
-.ac-button-quiet {
-  background: transparent;
-  color: var(--ac-ink);
-}
-
-.ac-button-danger {
-  background: var(--ac-red);
-  border-color: var(--ac-red);
-  color: #fff;
-}
-
-.ac-button[disabled] {
-  opacity: 0.55;
-  cursor: progress;
-}
-
-.ac-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  align-items: center;
-}
-
-.ac-actions form {
-  display: inline;
-}
-
-/* Secondary and destructive operations wait behind a disclosure, so a page shows its state first. */
-.ac-more {
-  border-top: 1px solid var(--ac-water);
-  padding-top: var(--ac-step);
-}
-
-.ac-more summary {
-  cursor: pointer;
-  font-weight: 600;
-}
-
-.ac-more[open] > * + * {
-  margin-top: var(--ac-step);
-}
-
-.ac-danger-zone {
-  border-left: 3px solid var(--ac-red);
-  padding-left: var(--ac-step);
-}
-
-/* ── Messages ───────────────────────────────────────────────────────────── */
-
-.ac-refusal {
-  border-left: 3px solid var(--ac-red);
-  background: var(--ac-red-wash);
-  padding: 0.6rem 0.8rem;
-}
-
-.ac-refusal ul {
-  margin: 0.4rem 0 0;
-  padding-left: 1.2rem;
-}
-
-.ac-notice {
-  border-left: 3px solid var(--ac-amber);
-  padding: 0.6rem 0.8rem;
-  background: var(--ac-surface);
-}
-
-.ac-secret {
-  display: block;
-  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
-  background: var(--ac-surface);
-  border: 1px dashed var(--ac-reed);
-  padding: 0.6rem;
-  overflow-wrap: anywhere;
-  user-select: all;
-}
-
-/* ── Logs ───────────────────────────────────────────────────────────────── */
-
-.ac-log {
-  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
-  font-size: 0.85rem;
-  background: var(--ac-surface);
-  border: 1px solid var(--ac-water);
-  padding: 0.75rem;
-  max-height: 32rem;
-  overflow: auto;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-  margin: 0;
-}
-
-/* ── Panels a host adds ─────────────────────────────────────────────────── */
-
-.ac-panel {
-  border-top: 1px solid var(--ac-water);
-  padding-top: var(--ac-step);
-}
-
-.ac-panel-failed {
-  color: var(--ac-red);
-}
-
-.ac-visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-
-@media (max-width: 40rem) {
-  .ac-facts {
-    grid-template-columns: 1fr;
-  }
-  .ac-facts dd {
-    margin-bottom: 0.5rem;
-  }
-}
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer theme{:root,:host{--ac-spacing:.25rem;--ac-color-mesh-base:#111f26;--ac-color-mesh-slate:#1e2e3a;--ac-color-glow:#d4805857;--ac-color-peach:#deaa8429;--ac-color-dot:#ffffff14;--ac-color-glass:#ffffff0d;--ac-color-glass-strong:#ffffff17;--ac-color-glass-line:#fff3;--ac-color-tile:#ffffff0f;--ac-color-tile-line:#ffffff24;--ac-color-node:#ffffff1a;--ac-color-node-line:#ffffff61;--ac-color-inset:#0003;--ac-color-edge:#ffffffb3;--ac-color-ink:#f5f8f7;--ac-color-ink-2:#dfe8e6;--ac-color-ink-3:#ccd9d6;--ac-color-amber:#f0b83c;--ac-color-amber-ink:#13343b;--ac-color-green:#8fe0ad;--ac-color-red:#ffc4bc;--ac-color-red-wash:#ff8a8029;--ac-shadow-part:0 18px 50px #050f1247;--ac-radius-panel:20px;--ac-radius-card:14px;--ac-radius-control:10px;--ac-radius-node:18px;--ac-font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ac-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ac-size-rail:56px;--ac-size-panel:232px;--ac-size-inspector:300px;--ac-size-bar:64px}:root:has(.ac-light){--ac-color-mesh-base:#e6eeee;--ac-color-mesh-slate:#cfe0dc;--ac-color-glow:#e0a5264d;--ac-color-peach:#f1d5c2cc;--ac-color-dot:#13343b1a;--ac-color-glass:#ffffff80;--ac-color-glass-strong:#ffffffd9;--ac-color-glass-line:#13343b24;--ac-color-tile:#ffffff80;--ac-color-tile-line:#13343b1a;--ac-color-node:#ffffff9e;--ac-color-node-line:#13343b38;--ac-color-inset:#13343b0f;--ac-color-edge:#13343b8c;--ac-color-ink:#13343b;--ac-color-ink-2:#33504f;--ac-color-ink-3:#4a6465;--ac-color-amber:#e0a526;--ac-color-amber-ink:#13343b;--ac-color-green:#1f6b3a;--ac-color-red:#a8231b;--ac-color-red-wash:#fbe9e7;--ac-shadow-part:0 18px 50px #13343b1a}}@layer base{.ac-root{color-scheme:dark;isolation:isolate;min-height:100vh;color:var(--ac-color-ink);font-family:var(--ac-font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.5;position:relative}.ac-root.ac-light{color-scheme:light}.ac-root *,.ac-root :before,.ac-root :after{box-sizing:border-box}.ac-root h1,.ac-root h2,.ac-root h3,.ac-root p,.ac-root dl,.ac-root dd,.ac-root figure{margin:0}.ac-root h1{letter-spacing:-.01em;text-wrap:balance;font-size:1.5rem;font-weight:600;line-height:1.2}.ac-root h2{font-size:.9375rem;font-weight:600}.ac-root h3{font-size:.875rem;font-weight:600}.ac-root p{max-width:72ch}.ac-root a{color:inherit;-webkit-text-decoration-color:var(--ac-color-ink-3);-webkit-text-decoration-color:var(--ac-color-ink-3);text-decoration-color:var(--ac-color-ink-3);text-underline-offset:.2em}.ac-root a:hover{-webkit-text-decoration-color:var(--ac-color-amber);-webkit-text-decoration-color:var(--ac-color-amber);text-decoration-color:var(--ac-color-amber);text-decoration-thickness:2px}.ac-root :focus-visible{outline:3px solid var(--ac-color-amber);outline-offset:2px;border-radius:4px}.ac-root code,.ac-root pre{font-family:var(--ac-font-mono)}.ac-root input,.ac-root select,.ac-root textarea{font:inherit;color:var(--ac-color-ink);background:var(--ac-color-inset);border:1px solid var(--ac-color-glass-line);border-radius:var(--ac-radius-control);width:100%;padding:.5rem .75rem}.ac-root input::placeholder,.ac-root textarea::placeholder{color:var(--ac-color-ink-3)}.ac-root textarea{font-family:var(--ac-font-mono);min-height:16rem;font-size:.8125rem}.ac-root input[type=checkbox],.ac-root input[type=radio]{width:auto;accent-color:var(--ac-color-amber)}.ac-root input[type=file]{padding:.4rem}.ac-root [aria-invalid=true]{border-color:var(--ac-color-red)}}@layer components{.ac-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(var(--ac-color-dot) 1px, transparent 1.3px) 0 0 / 16px 16px, radial-gradient(42% 46% at 56% 52%, var(--ac-color-glow) 0%, transparent 72%), radial-gradient(40% 50% at 90% 88%, var(--ac-color-peach) 0%, transparent 65%), radial-gradient(55% 60% at 8% 10%, var(--ac-color-mesh-slate) 0%, transparent 70%), linear-gradient(160deg, var(--ac-color-mesh-base), var(--ac-color-mesh-slate));position:fixed;inset:0}.ac-rail,.ac-bar,.ac-listing,.ac-inspector{background:var(--ac-color-glass);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--ac-color-glass-line);border-radius:var(--ac-radius-panel)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ac-rail,.ac-bar,.ac-listing,.ac-inspector,.ac-card,.ac-panel,.ac-part{background:linear-gradient(var(--ac-color-glass), var(--ac-color-glass)), var(--ac-color-mesh-base)}}.ac-shell{--ac-shell-gap:12px;--ac-shell-rail:0px;--ac-shell-listing:0px;--ac-shell-inspector:0px;grid-template-columns:var(--ac-shell-rail) var(--ac-shell-listing) minmax(0, 1fr) var(--ac-shell-inspector);column-gap:0;row-gap:var(--ac-shell-gap);padding:var(--ac-shell-gap);grid-template-rows:auto 1fr;align-items:start;display:grid}.ac-shell:has(>.ac-rail){--ac-shell-rail:calc(var(--ac-size-rail) + var(--ac-shell-gap))}.ac-shell:has(>.ac-listing){--ac-shell-listing:calc(var(--ac-size-panel) + var(--ac-shell-gap))}.ac-shell:has(.ac-inspector){--ac-shell-inspector:calc(var(--ac-size-inspector) + var(--ac-shell-gap))}.ac-rail{top:var(--ac-shell-gap);max-height:calc(100vh - 2 * var(--ac-shell-gap));grid-area:1/1/3;margin-inline-end:var(--ac-shell-gap);position:sticky}.ac-bar{grid-area:1/2/auto/-1}.ac-listing{top:calc(var(--ac-size-bar) + 2 * var(--ac-shell-gap));max-height:calc(100vh - var(--ac-size-bar) - 3 * var(--ac-shell-gap));grid-area:2/2;margin-inline-end:var(--ac-shell-gap);position:sticky}.ac-page{display:contents}.ac-body{flex-direction:column;grid-area:2/3;gap:16px;min-width:0;padding-block-end:24px;display:flex}.ac-inspector{top:calc(var(--ac-size-bar) + 2 * var(--ac-shell-gap));max-height:calc(100vh - var(--ac-size-bar) - 3 * var(--ac-shell-gap));flex-direction:column;grid-area:2/4;gap:14px;margin-inline-start:var(--ac-shell-gap);padding:14px;display:flex;position:sticky;overflow:auto}.ac-rail{flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.ac-rail-areas{flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ac-rail-foot{margin-top:auto}.ac-mark{width:40px;height:40px;color:var(--ac-color-ink);place-items:center;margin-bottom:8px;display:grid}.ac-rail-item{width:40px;height:40px;color:var(--ac-color-ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.ac-rail-item svg{width:20px;height:20px}a.ac-rail-item:hover,button.ac-rail-item:hover{background:var(--ac-color-glass-strong);color:var(--ac-color-ink)}.ac-rail-item[aria-current]{background:var(--ac-color-amber);color:var(--ac-color-amber-ink)}.ac-rail-item[aria-disabled=true]{color:var(--ac-color-ink-3);opacity:.5;cursor:default}.ac-bar{min-height:var(--ac-size-bar);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:8px 16px;display:grid}.ac-bar-start,.ac-bar-end{align-items:center;gap:16px;min-width:0;display:flex}.ac-bar-end{justify-content:flex-end}.ac-wordmark{letter-spacing:-.01em;white-space:nowrap;font-size:1rem;font-weight:600}.ac-root a.ac-wordmark{text-decoration:none}.ac-wordmark span{color:var(--ac-color-ink-2);font-weight:400}.ac-person{background:var(--ac-color-glass-strong);border:1px solid var(--ac-color-glass-line);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:grid}.ac-crumbs ol{color:var(--ac-color-ink-2);white-space:nowrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ac-crumbs li+li:before{content:"/";color:var(--ac-color-ink-3);margin-right:8px}.ac-root .ac-crumbs a{text-decoration:none}.ac-root .ac-crumbs a:hover{color:var(--ac-color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ac-color-amber);-webkit-text-decoration-color:var(--ac-color-amber);text-decoration-color:var(--ac-color-amber)}.ac-crumbs [aria-current=page]{color:var(--ac-color-ink);font-weight:500}.ac-listing{flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.ac-listing-items{gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.ac-listing-items>li:has(>[aria-current=page]){z-index:1;position:sticky;top:0;bottom:0}.ac-listing-item{border-radius:var(--ac-radius-control);background:var(--ac-color-tile);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.ac-root a.ac-listing-item{text-decoration:none}.ac-listing-item:hover{background:var(--ac-color-glass-strong)}.ac-listing-item[aria-current=page]{background:linear-gradient(var(--ac-color-glass-strong), var(--ac-color-glass-strong)), var(--ac-color-mesh-base);border-color:var(--ac-color-glass-line)}.ac-listing-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ac-listing-count{color:var(--ac-color-ink-2);grid-area:1/2/3;font-size:.75rem}.ac-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ac-color-ink-3);justify-content:space-between;align-items:center;margin:0;font-size:.6875rem;font-weight:600;display:flex}.ac-seg{background:var(--ac-color-inset);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid}.ac-seg a{text-align:center;color:var(--ac-color-ink-2);white-space:nowrap;border-radius:999px;padding:6px 14px;font-weight:500}.ac-root .ac-seg a{text-decoration:none}.ac-seg a[aria-current=page]{background:var(--ac-color-glass-strong);color:var(--ac-color-ink);box-shadow:0 1px 2px #0003}.ac-head{flex-wrap:wrap;align-items:center;gap:12px 16px;padding:4px 6px 0;display:flex}.ac-head .ac-seg{margin-left:auto}.ac-lede,.ac-hint,.ac-empty{color:var(--ac-color-ink-2)}.ac-hint{font-size:.8125rem}.ac-card,.ac-panel{background:var(--ac-color-tile);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ac-color-tile-line);border-radius:var(--ac-radius-card);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.ac-panel-failed{color:var(--ac-color-red)}.ac-table-wrap{overflow-x:auto}.ac-table{border-collapse:collapse;width:100%}.ac-table th,.ac-table td{text-align:left;border-top:1px solid var(--ac-color-tile-line);vertical-align:top;padding:9px 12px 9px 0}.ac-table thead th{color:var(--ac-color-ink-2);border-top:0;padding-top:0;font-size:.8125rem;font-weight:500}.ac-table .ac-num{text-align:right}.ac-facts{grid-template-columns:minmax(8rem,max-content) minmax(0,1fr);column-gap:24px;display:grid}.ac-facts dt,.ac-facts dd{border-top:1px solid var(--ac-color-tile-line);padding:9px 0}.ac-facts dt{color:var(--ac-color-ink-2)}.ac-facts dd{overflow-wrap:anywhere}.ac-facts>div{display:contents}.ac-status{white-space:nowrap;align-items:baseline;gap:6px;font-weight:500;display:inline-flex}.ac-status-mark{letter-spacing:-.15em;font-size:.75em}.ac-status-ready .ac-status-mark{color:var(--ac-color-green)}.ac-status-moving .ac-status-mark,.ac-status-partial .ac-status-mark{color:var(--ac-color-amber)}.ac-status-trouble{color:var(--ac-color-red)}.ac-status-stopped .ac-status-mark,.ac-status-idle .ac-status-mark{color:var(--ac-color-ink-3)}.ac-status-note{color:var(--ac-color-ink-2);font-weight:400}.ac-pill{background:var(--ac-color-glass-strong);border:1px solid var(--ac-color-glass-line);border-radius:999px;padding:4px 10px 4px 8px}.ac-live{color:var(--ac-color-ink-2);align-items:center;gap:8px;font-size:.8125rem;display:inline-flex}.ac-live:before{content:"";background:var(--ac-color-amber);border-radius:50%;flex:none;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.ac-live:before{animation:2.4s ease-out infinite ac-ripple}}.ac-field{gap:4px;min-width:0;max-width:32rem;display:grid}.ac-field label{font-weight:500}.ac-field-error{color:var(--ac-color-red)}.ac-form{gap:16px;display:grid}.ac-inline{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.ac-inline .ac-field{flex:12rem}.ac-inspector .ac-inline{flex-direction:column;align-items:stretch}.ac-inspector .ac-inline .ac-field{flex:none}.ac-inspector .ac-field{max-width:none}.ac-switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.ac-root .ac-switch input{opacity:0;width:1px;height:1px;position:absolute}.ac-switch-track{background:var(--ac-color-inset);border:1px solid var(--ac-color-glass-line);border-radius:999px;flex:none;width:40px;height:24px;position:relative}.ac-switch-track:after{content:"";background:var(--ac-color-ink);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px}.ac-switch input:checked+.ac-switch-track{background:var(--ac-color-amber);border-color:var(--ac-color-amber)}.ac-switch input:checked+.ac-switch-track:after{background:var(--ac-color-amber-ink);transform:translate(16px)}.ac-switch input:focus-visible+.ac-switch-track{outline:3px solid var(--ac-color-amber);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.ac-switch-track,.ac-switch-track:after{transition:background .15s,transform .15s}}.ac-button{font:inherit;border:1px solid var(--ac-color-glass-line);background:var(--ac-color-glass-strong);color:var(--ac-color-ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-weight:500;display:inline-flex}.ac-root a.ac-button{color:var(--ac-color-ink);text-decoration:none}.ac-button svg{width:16px;height:16px}.ac-button:hover{background:var(--ac-color-glass-line)}.ac-button-primary,.ac-root a.ac-button-primary{background:var(--ac-color-amber);border-color:var(--ac-color-amber);color:var(--ac-color-amber-ink)}.ac-button-primary:hover{background:var(--ac-color-amber)}@supports (color:color-mix(in lab, red, red)){.ac-button-primary:hover{background:color-mix(in srgb, var(--ac-color-amber) 88%, white)}}.ac-button-danger,.ac-root a.ac-button-danger{background:var(--ac-color-red);border-color:var(--ac-color-red);color:var(--ac-color-mesh-base)}.ac-button-danger:hover{background:var(--ac-color-red)}@supports (color:color-mix(in lab, red, red)){.ac-button-danger:hover{background:color-mix(in srgb, var(--ac-color-red) 88%, white)}}.ac-button-quiet{background:0 0}.ac-button-small{padding:4px 10px;font-size:.8125rem}.ac-button[disabled]{opacity:.55;cursor:progress}.ac-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ac-actions form{display:inline}.ac-ops{gap:8px;display:grid}.ac-ops>form,.ac-ops>.ac-button,.ac-ops>form>.ac-button{width:100%}.ac-more{border-top:1px solid var(--ac-color-glass-line);padding-top:12px}.ac-more summary{cursor:pointer;font-weight:500}.ac-more[open]>*+*{margin-top:12px}.ac-danger-zone{border-left:3px solid var(--ac-color-red);gap:10px;padding:8px 0 8px 12px;display:grid}.ac-danger-zone p{color:var(--ac-color-ink-2);font-size:.8125rem}.ac-refusal{border-left:3px solid var(--ac-color-red);background:var(--ac-color-red-wash);border-radius:0 var(--ac-radius-control) var(--ac-radius-control) 0;padding:10px 14px}.ac-refusal ul{margin:6px 0 0;padding-left:1.2rem}.ac-notice{border-left:3px solid var(--ac-color-amber);background:var(--ac-color-tile);border-radius:0 var(--ac-radius-control) var(--ac-radius-control) 0;padding:10px 14px}.ac-secret{font-family:var(--ac-font-mono);background:var(--ac-color-inset);border:1px dashed var(--ac-color-ink-3);border-radius:var(--ac-radius-control);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:10px;display:block}.ac-log{font-family:var(--ac-font-mono);background:var(--ac-color-inset);border:1px solid var(--ac-color-tile-line);border-radius:var(--ac-radius-control);white-space:pre-wrap;overflow-wrap:anywhere;max-height:32rem;margin:0;padding:12px;font-size:.8125rem;overflow:auto}.ac-mounts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ac-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ac-shape{border-radius:var(--ac-radius-panel);border:1px solid var(--ac-color-glass-line);padding:28px 20px 20px}.ac-tree{justify-items:center;max-width:720px;margin:0 auto;display:grid}.ac-row{justify-items:center;width:100%;display:grid}.ac-row-many{gap:24px}.ac-part{background:var(--ac-color-node);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--ac-color-node-line);border-radius:var(--ac-radius-node);width:100%;max-width:300px;box-shadow:var(--ac-shadow-part);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;padding:16px 16px 14px;display:grid;position:relative}.ac-part-self{box-shadow:var(--ac-shadow-part), 0 0 0 2px var(--ac-color-amber), 0 0 24px var(--ac-color-amber)}@supports (color:color-mix(in lab, red, red)){.ac-part-self{box-shadow:var(--ac-shadow-part), 0 0 0 2px var(--ac-color-amber), 0 0 24px color-mix(in srgb, var(--ac-color-amber) 45%, transparent)}}.ac-part-icon{width:40px;height:40px;color:var(--ac-color-ink);grid-row:1/3}.ac-part-icon svg{width:40px;height:40px}.ac-part-title,.ac-part-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ac-part-title{font-weight:500}.ac-part-sub{color:var(--ac-color-ink-2);font-size:.8125rem}.ac-part-inset{background:var(--ac-color-inset);border-radius:10px;grid-column:1/3;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:7px 12px;font-size:.8125rem;display:flex}.ac-part-up:before,.ac-part-down:after{content:"";background:var(--ac-color-node);border:1px solid var(--ac-color-node-line);width:12px;height:7px;position:absolute;left:50%;transform:translate(-50%)}.ac-part-down:after{border-top:0;border-radius:0 0 7px 7px;bottom:-7px}.ac-part-up:before{border-bottom:0;border-radius:7px 7px 0 0;top:-7px}.ac-part-tab{background:var(--ac-color-node);border:1px solid var(--ac-color-node-line);border-bottom:0;border-radius:12px 12px 0 0;gap:2px;padding:2px 8px 6px;display:flex;position:absolute;top:-27px;left:50%;transform:translate(-50%)}.ac-part-tab form{display:contents}.ac-tab-control{width:24px;height:20px;color:var(--ac-color-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.ac-tab-control:hover{background:var(--ac-color-glass-strong)}.ac-tab-control svg{width:14px;height:14px}.ac-part-tabbed{margin-top:27px}.ac-part-tabbed.ac-part-up:before{display:none}.ac-edge{width:100%;height:48px;color:var(--ac-color-edge);display:block;overflow:visible}.ac-edge path{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.ac-topology{align-items:flex-start;gap:16px;display:flex}.ac-topology-picture{border-radius:var(--ac-radius-panel);border:1px solid var(--ac-color-glass-line);flex:1;min-width:0;padding:8px;overflow-x:auto}.ac-topology-detail{flex:0 0 18rem}.ac-topology-node rect{fill:var(--ac-color-node);stroke:var(--ac-color-node-line);stroke-width:1px}.ac-topology-node{cursor:pointer}.ac-topology-node:focus-visible rect,.ac-topology-selected rect{stroke:var(--ac-color-amber);stroke-width:2px}.ac-topology-node:focus{outline:none}.ac-topology-outside rect,.ac-topology-differs rect{stroke-dasharray:4 3}.ac-topology-platform rect{fill:var(--ac-color-inset)}.ac-topology-name{fill:var(--ac-color-ink);font-size:12px;font-weight:600}.ac-topology-kind{fill:var(--ac-color-ink-2);font-size:11px}.ac-topology-declared{fill:none;stroke:var(--ac-color-edge);stroke-width:1.25px}.ac-topology-call{fill:none;stroke:var(--ac-color-ink);stroke-dasharray:5 4}.ac-topology-warning{stroke:var(--ac-color-red)}.ac-topology-mark{fill:var(--ac-color-red);font-size:14px;font-weight:700}@media (forced-colors:active){.ac-rail,.ac-bar,.ac-listing,.ac-inspector,.ac-card,.ac-panel,.ac-part,.ac-listing-item{border:1px solid canvastext}.ac-button,.ac-rail-item,.ac-seg a{border:1px solid buttontext}.ac-rail-item[aria-current],.ac-seg a[aria-current=page],.ac-listing-item[aria-current=page]{outline:2px solid highlight}}@media (max-width:1180px){.ac-shell,.ac-shell:has(>.ac-listing),.ac-shell:has(.ac-inspector){grid-template-columns:var(--ac-shell-rail) minmax(0, 1fr);grid-template-rows:none;grid-auto-rows:auto}.ac-rail{grid-row:1/span 5}.ac-bar,.ac-listing,.ac-body,.ac-inspector{grid-area:auto/2;max-height:none;margin-inline:0;position:static}.ac-listing-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:18rem}}@media (max-width:720px){.ac-shell,.ac-shell:has(>.ac-rail),.ac-shell:has(>.ac-listing),.ac-shell:has(.ac-inspector){grid-template-columns:minmax(0,1fr)}.ac-rail{flex-flow:wrap;grid-area:auto/1;justify-content:flex-start;max-height:none;margin:0;padding:8px 10px;position:static}.ac-rail-areas{flex-flow:wrap}.ac-mark{margin:0 6px 0 0}.ac-rail-foot{margin-top:0;margin-left:auto}.ac-bar,.ac-listing,.ac-body,.ac-inspector{grid-column:1}.ac-bar{grid-template-columns:minmax(0,1fr) auto}.ac-bar-start{overflow:hidden}.ac-wordmark span{display:none}.ac-crumbs{grid-area:2/1/auto/-1}.ac-crumbs ol{white-space:normal;flex-wrap:wrap;row-gap:2px}.ac-head .ac-seg{width:100%;margin-left:0}.ac-row-many{gap:20px;grid-template-columns:minmax(0,1fr)!important}.ac-edge-split{display:none}.ac-facts{grid-template-columns:minmax(0,1fr)}.ac-facts dd{border-top:0;padding-top:0}.ac-topology{flex-direction:column}.ac-topology-detail{flex-basis:auto;width:100%}}}@layer utilities;@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fonts/inter-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@keyframes ac-ripple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ac-color-amber) 60%, transparent)}to{box-shadow:0 0 0 .6rem #0000}}