@layer properties,theme,base;@layer components{:where(.jx-mermaid){--readonly-code-bg:color-mix(in oklab, var(--muted) 42%, var(--background));--readonly-code-border:color-mix(in oklab, var(--border) 18%, transparent);--readonly-code-meta-bg:color-mix(in oklab, var(--accent) 12%, var(--background));--readonly-code-meta-fg:color-mix(in oklab, var(--accent) 58%, var(--foreground));--jx-mermaid-floor-min:6rem;--jx-mermaid-veil-blur:12px;--jx-mermaid-veil-contrast:1.05;--jx-mermaid-veil-brightness:.12;--jx-mermaid-veil-saturate:.9}:where(.dark .jx-mermaid){--readonly-code-bg:color-mix(in oklab, var(--muted) 78%, var(--background));--readonly-code-meta-bg:color-mix(in oklab, var(--accent) 18%, var(--background));--readonly-code-meta-fg:color-mix(in oklab, var(--accent) 60%, oklch(100% 0 0))}:where(.jx-light .jx-mermaid){--readonly-code-bg:color-mix(in oklab, var(--muted) 42%, var(--background));--readonly-code-meta-bg:color-mix(in oklab, var(--accent) 12%, var(--background));--readonly-code-meta-fg:color-mix(in oklab, var(--accent) 58%, var(--foreground))}:where([data-jx-mermaid-viewport]){overscroll-behavior:contain;overflow:auto}:where([data-jx-mermaid-viewport][data-jx-mermaid-veil]){-webkit-backdrop-filter:blur(var(--jx-mermaid-veil-blur)) contrast(var(--jx-mermaid-veil-contrast)) brightness(var(--jx-mermaid-veil-brightness)) saturate(var(--jx-mermaid-veil-saturate));backdrop-filter:blur(var(--jx-mermaid-veil-blur)) contrast(var(--jx-mermaid-veil-contrast)) brightness(var(--jx-mermaid-veil-brightness)) saturate(var(--jx-mermaid-veil-saturate));border-radius:var(--radius);border:1px solid color-mix(in oklab, currentColor 25%, transparent);background:0 0;padding:.5rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:where([data-jx-mermaid-viewport][data-jx-mermaid-veil]){background:var(--jx-mermaid-veil-ground,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}}:where([data-jx-mermaid-viewport][data-jx-mermaid-veil=floor]){background:var(--jx-mermaid-veil-ground,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}:where([data-jx-mermaid][data-state=floor] [data-jx-mermaid-viewport]),:where([data-jx-mermaid][data-state=rendering] [data-jx-mermaid-viewport]){min-height:var(--jx-mermaid-floor-min)}:where([data-jx-mermaid-floor]){white-space:pre;tab-size:4;margin:0;padding:.875rem;font-size:12.5px;line-height:1.6}:where([data-jx-mermaid-zoom]){transform-origin:0 0;width:max-content;padding:.875rem;animation:.2s ease-out jx-mermaid-fade;display:block}:where([data-jx-mermaid-zoom] svg){display:block}:where([data-jx-mermaid-error]){background:color-mix(in oklab, var(--error) 8%, var(--background))}:where(.jx-mermaid-copy.copied [data-jx-mermaid-icon] svg){height:calc(var(--jx-unit) * 3);width:calc(var(--jx-unit) * 3);stroke-width:2.5px}}@keyframes jx-mermaid-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:where([data-jx-mermaid-zoom]){animation:none}}:where(.jx-mermaid-copy):focus-visible,:where(.jx-mermaid-zoom-btn):focus-visible{outline:2px solid var(--ring);outline-offset:2px}