/*
JetBrains Mono variable WOFF2 subsets from Google Fonts service revision v24.
These fixed bytes are shared by the viewer and its SVG/raster exports.
No local() source: an installed copy must not override the bundled font.
Uncovered characters (including CJK) still use the system fallback stack.
Upstream: https://github.com/JetBrains/JetBrainsMono

cyrillic-ext    1664 bytes  sha256 9343de2ca5d9549f792e7962375af8efb0f320c7643bfd36c884b5a30e5c396f
cyrillic        8892 bytes  sha256 4995a9a43ac659ec32fcd8b463755cd6a07b31a6e6b3894a6a153b661cf490e2
greek           6800 bytes  sha256 49c3da6c9a2b279b0f1f860f5cfb1f5dc38d88a5c7be9c9b1837bbc4e3db6111
vietnamese      5872 bytes  sha256 d44eb1936043a56038eb02dd70b243f379bef65783f94ec12f277550720411f1
latin-ext      11596 bytes  sha256 9c38cb2d0d2d93c1ee6e21fa78db76f13ea7e15e15cc64214c7ca89b6aaa35c4
latin          31340 bytes  sha256 2c32b9b3ee358c119e210f6f5195f9bd34894d78a785ff2e95d60e718e400af4

Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.
*/
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-9343de2ca5d9549f792e7962375af8efb0f320c7643bfd36c884b5a30e5c396f.woff2)
    format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-4995a9a43ac659ec32fcd8b463755cd6a07b31a6e6b3894a6a153b661cf490e2.woff2)
    format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-49c3da6c9a2b279b0f1f860f5cfb1f5dc38d88a5c7be9c9b1837bbc4e3db6111.woff2)
    format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-d44eb1936043a56038eb02dd70b243f379bef65783f94ec12f277550720411f1.woff2)
    format('woff2');
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-9c38cb2d0d2d93c1ee6e21fa78db76f13ea7e15e15cc64214c7ca89b6aaa35c4.woff2)
    format('woff2');
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/native-2c32b9b3ee358c119e210f6f5195f9bd34894d78a785ff2e95d60e718e400af4.woff2)
    format('woff2');
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

svg[data-stage-diagram] {
  font-family:
    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'DejaVu Sans Mono',
    'Liberation Mono', 'Noto Sans Mono CJK SC', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', monospace;
}
svg[data-stage-diagram],
svg[data-stage-diagram][data-theme='dark'] {
  --bg: #020617;
  --grid: #1e293b;
  --text: #ffffff;
  --text-muted: #94a3b8;
  --text-dim: #475569;
  --text-faint: #7d8da1;
  --panel: rgba(15, 23, 42, 0.5);
  --panel-border: #1e293b;
  --lane-fill: rgba(15, 23, 42, 0.22);
  --lane-stroke: #334155;
  --arrow: #64748b;
  --arrow-emphasis: #34d399;
  --mask: #0f172a;
  --frontend-fill: rgba(8, 51, 68, 0.4);
  --frontend-stroke: #22d3ee;
  --backend-fill: rgba(6, 78, 59, 0.4);
  --backend-stroke: #34d399;
  --database-fill: rgba(76, 29, 149, 0.4);
  --database-stroke: #a78bfa;
  --cloud-fill: rgba(120, 53, 15, 0.3);
  --cloud-stroke: #fbbf24;
  --security-fill: rgba(136, 19, 55, 0.4);
  --security-stroke: #fb7185;
  --messagebus-fill: rgba(251, 146, 60, 0.3);
  --messagebus-stroke: #fb923c;
  --external-fill: rgba(30, 41, 59, 0.5);
  --external-stroke: #94a3b8;
  --toolbar-bg: rgba(15, 23, 42, 0.8);
  --toolbar-border: #334155;
  --toolbar-text: #e2e8f0;
  --toolbar-hover: rgba(15, 23, 42, 0.95);
  --toolbar-menu-bg: #0f172a;
}
svg[data-stage-diagram][data-theme='light'] {
  --bg: #f8fafc;
  --grid: #e2e8f0;
  --text: #0f172a;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --text-faint: #64748b;
  --panel: #ffffff;
  --panel-border: #e2e8f0;
  --lane-fill: rgba(248, 250, 252, 0.65);
  --lane-stroke: #cbd5e1;
  --arrow: #94a3b8;
  --arrow-emphasis: #059669;
  --mask: #ffffff;
  --frontend-fill: rgba(34, 211, 238, 0.15);
  --frontend-stroke: #0891b2;
  --backend-fill: rgba(52, 211, 153, 0.18);
  --backend-stroke: #059669;
  --database-fill: rgba(167, 139, 250, 0.2);
  --database-stroke: #7c3aed;
  --cloud-fill: rgba(251, 191, 36, 0.18);
  --cloud-stroke: #d97706;
  --security-fill: rgba(251, 113, 133, 0.15);
  --security-stroke: #e11d48;
  --messagebus-fill: rgba(251, 146, 60, 0.15);
  --messagebus-stroke: #ea580c;
  --external-fill: rgba(148, 163, 184, 0.18);
  --external-stroke: #64748b;
  --toolbar-bg: rgba(255, 255, 255, 0.92);
  --toolbar-border: #cbd5e1;
  --toolbar-text: #334155;
  --toolbar-hover: #ffffff;
  --toolbar-menu-bg: #ffffff;
}
svg[data-stage-diagram][data-preset='signal-flow'][data-theme='dark'] {
  --bg: #030711;
  --grid: #15233a;
  --panel: rgba(6, 14, 28, 0.78);
  --panel-border: #1d3350;
  --lane-fill: rgba(9, 22, 40, 0.5);
  --lane-stroke: #2c4564;
  --text: #f5fbff;
  --text-muted: #9eb0c7;
  --text-dim: #52667f;
  --text-faint: #7890ad;
  --mask: #07101e;
  --frontend-fill: rgba(6, 182, 212, 0.14);
  --frontend-stroke: #67e8f9;
  --backend-fill: rgba(16, 185, 129, 0.14);
  --backend-stroke: #5eead4;
  --database-fill: rgba(139, 92, 246, 0.16);
  --database-stroke: #c4b5fd;
  --cloud-fill: rgba(245, 158, 11, 0.13);
  --cloud-stroke: #fcd34d;
  --security-fill: rgba(244, 63, 94, 0.13);
  --security-stroke: #fda4af;
  --messagebus-fill: rgba(249, 115, 22, 0.13);
  --messagebus-stroke: #fdba74;
  --external-fill: rgba(71, 85, 105, 0.24);
  --external-stroke: #a5b4c7;
  --arrow: #7890ad;
  --arrow-emphasis: #2dd4bf;
  --toolbar-bg: rgba(7, 16, 30, 0.86);
  --toolbar-border: #29415f;
  --toolbar-menu-bg: #07101e;
}
svg[data-stage-diagram][data-preset='signal-flow'][data-theme='light'] {
  --bg: #f4f9fc;
  --grid: #d4e5ee;
  --panel: rgba(255, 255, 255, 0.82);
  --panel-border: #bfd5e2;
  --lane-fill: rgba(232, 243, 248, 0.62);
  --lane-stroke: #a9c5d5;
  --text: #102638;
  --text-muted: #587287;
  --text-dim: #8aa2b4;
  --text-faint: #668397;
  --mask: #ffffff;
  --frontend-fill: rgba(6, 182, 212, 0.09);
  --frontend-stroke: #0789a1;
  --backend-fill: rgba(5, 150, 105, 0.09);
  --backend-stroke: #087f69;
  --database-fill: rgba(124, 58, 237, 0.09);
  --database-stroke: #7254c7;
  --cloud-fill: rgba(217, 119, 6, 0.08);
  --cloud-stroke: #b9670b;
  --security-fill: rgba(225, 29, 72, 0.08);
  --security-stroke: #c53a59;
  --messagebus-fill: rgba(234, 88, 12, 0.08);
  --messagebus-stroke: #c65f27;
  --external-fill: rgba(100, 116, 139, 0.1);
  --external-stroke: #607a8c;
  --arrow: #7b97aa;
  --arrow-emphasis: #0d9488;
}
svg[data-stage-diagram][data-preset='blueprint'][data-theme='dark'] {
  --bg: #06131f;
  --grid: #17425a;
  --panel: rgba(7, 27, 43, 0.9);
  --panel-border: #27627f;
  --lane-fill: rgba(10, 43, 66, 0.36);
  --lane-stroke: #34799a;
  --text: #e3f6ff;
  --text-muted: #91b8ca;
  --text-dim: #557e92;
  --text-faint: #739caf;
  --mask: #0a2031;
  --frontend-fill: rgba(26, 157, 193, 0.14);
  --frontend-stroke: #66d9ef;
  --backend-fill: rgba(31, 155, 124, 0.13);
  --backend-stroke: #69dfbd;
  --database-fill: rgba(120, 105, 196, 0.14);
  --database-stroke: #b4a8ff;
  --cloud-fill: rgba(197, 145, 43, 0.13);
  --cloud-stroke: #ffd166;
  --security-fill: rgba(199, 76, 104, 0.13);
  --security-stroke: #ff8da1;
  --messagebus-fill: rgba(207, 112, 49, 0.13);
  --messagebus-stroke: #ffad66;
  --external-fill: rgba(84, 119, 139, 0.18);
  --external-stroke: #a7cad9;
  --arrow: #78a3b7;
  --arrow-emphasis: #64dfc1;
  --toolbar-bg: rgba(7, 28, 45, 0.92);
  --toolbar-border: #34799a;
  --toolbar-text: #d8f3ff;
  --toolbar-hover: rgba(18, 58, 83, 0.95);
  --toolbar-menu-bg: #0a2031;
}
svg[data-stage-diagram][data-preset='blueprint'][data-theme='light'] {
  --bg: #edf7fa;
  --grid: #b5d5e1;
  --panel: rgba(249, 253, 255, 0.94);
  --panel-border: #78aabd;
  --lane-fill: rgba(210, 232, 240, 0.42);
  --lane-stroke: #83b2c4;
  --text: #123344;
  --text-muted: #4e7486;
  --text-dim: #86a6b4;
  --text-faint: #668c9d;
  --mask: #f9fdff;
  --frontend-fill: rgba(8, 145, 178, 0.08);
  --frontend-stroke: #087f9c;
  --backend-fill: rgba(5, 128, 101, 0.08);
  --backend-stroke: #08755f;
  --database-fill: rgba(100, 75, 180, 0.08);
  --database-stroke: #6757a8;
  --cloud-fill: rgba(181, 120, 15, 0.08);
  --cloud-stroke: #a86609;
  --security-fill: rgba(190, 48, 80, 0.07);
  --security-stroke: #b32f50;
  --messagebus-fill: rgba(196, 81, 22, 0.07);
  --messagebus-stroke: #b65120;
  --external-fill: rgba(79, 112, 128, 0.08);
  --external-stroke: #506f7e;
  --arrow: #6d93a5;
  --arrow-emphasis: #087f69;
  --toolbar-bg: rgba(247, 252, 254, 0.94);
  --toolbar-border: #8ab5c5;
  --toolbar-text: #294f61;
  --toolbar-hover: #ffffff;
  --toolbar-menu-bg: #f9fdff;
}
svg[data-stage-diagram][data-preset='editorial'][data-theme='dark'] {
  --bg: #181611;
  --grid: #39342a;
  --panel: rgba(35, 31, 24, 0.96);
  --panel-border: #625a4a;
  --lane-fill: rgba(52, 46, 35, 0.46);
  --lane-stroke: #726957;
  --text: #f4eddf;
  --text-muted: #b9ae9b;
  --text-dim: #776e60;
  --text-faint: #9d917e;
  --mask: #231f18;
  --frontend-fill: rgba(43, 133, 142, 0.16);
  --frontend-stroke: #7fc6c7;
  --backend-fill: rgba(63, 132, 92, 0.16);
  --backend-stroke: #8fc29e;
  --database-fill: rgba(117, 91, 141, 0.17);
  --database-stroke: #c0a4d0;
  --cloud-fill: rgba(170, 119, 49, 0.16);
  --cloud-stroke: #d8ad68;
  --security-fill: rgba(157, 69, 65, 0.17);
  --security-stroke: #df9085;
  --messagebus-fill: rgba(174, 79, 42, 0.16);
  --messagebus-stroke: #df946f;
  --external-fill: rgba(126, 115, 96, 0.18);
  --external-stroke: #b8ad99;
  --arrow: #948978;
  --arrow-emphasis: #dd6b3d;
  --toolbar-bg: rgba(35, 31, 24, 0.92);
  --toolbar-border: #625a4a;
  --toolbar-text: #eee5d5;
  --toolbar-hover: #302a20;
  --toolbar-menu-bg: #231f18;
}
svg[data-stage-diagram][data-preset='editorial'][data-theme='light'] {
  --bg: #f2eee5;
  --grid: #d8d0c2;
  --panel: rgba(251, 248, 241, 0.97);
  --panel-border: #c4b9a6;
  --lane-fill: rgba(229, 221, 207, 0.42);
  --lane-stroke: #b8aa94;
  --text: #242018;
  --text-muted: #6f6658;
  --text-dim: #a09788;
  --text-faint: #817767;
  --mask: #fbf8f1;
  --frontend-fill: rgba(31, 117, 126, 0.09);
  --frontend-stroke: #287e84;
  --backend-fill: rgba(42, 119, 75, 0.09);
  --backend-stroke: #397b53;
  --database-fill: rgba(105, 75, 130, 0.09);
  --database-stroke: #765d86;
  --cloud-fill: rgba(157, 103, 31, 0.1);
  --cloud-stroke: #9a671f;
  --security-fill: rgba(153, 58, 52, 0.09);
  --security-stroke: #9e463f;
  --messagebus-fill: rgba(182, 70, 27, 0.09);
  --messagebus-stroke: #ad4b25;
  --external-fill: rgba(101, 91, 75, 0.09);
  --external-stroke: #746b5e;
  --arrow: #8a806f;
  --arrow-emphasis: #bb4c23;
  --toolbar-bg: rgba(251, 248, 241, 0.94);
  --toolbar-border: #c4b9a6;
  --toolbar-text: #40392f;
  --toolbar-hover: #fffdf8;
  --toolbar-menu-bg: #fbf8f1;
}
svg[data-stage-diagram] {
  width: 100%;
  min-width: min(900px, 100%);
  display: block;
  transform-origin: 0px 0px;
  transition: transform 0.18s;
}
svg[data-stage-diagram][data-chapter-handoff] [data-node-id][data-chapter-role='stay'] {
  opacity: 1;
}
svg[data-stage-diagram][data-chapter-handoff] [data-node-id][data-chapter-role='enter'] {
  opacity: 0.78;
}
svg[data-stage-diagram][data-chapter-handoff] [data-node-id][data-chapter-role='leave'] {
  opacity: 0.26;
}
svg[data-stage-diagram][data-theme='light'] #theme-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 16.4v1.4M2.2 10h1.4M16.4 10h1.4M4.5 4.5l1 1M14.5 14.5l1 1M15.5 4.5l-1 1M5.5 14.5l-1 1'/%3E%3C/g%3E%3C/svg%3E");
}
svg[data-stage-diagram][data-theme='dark'] #theme-icon {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}
svg[data-stage-diagram] .c-grid {
  stroke: var(--grid);
  fill: none;
}
svg[data-stage-diagram] .c-mask {
  fill: var(--mask);
  stroke: none;
}
svg[data-stage-diagram] .c-frontend {
  fill: var(--frontend-fill);
  stroke: var(--frontend-stroke);
}
svg[data-stage-diagram] .c-backend {
  fill: var(--backend-fill);
  stroke: var(--backend-stroke);
}
svg[data-stage-diagram] .c-database {
  fill: var(--database-fill);
  stroke: var(--database-stroke);
}
svg[data-stage-diagram] .c-cloud {
  fill: var(--cloud-fill);
  stroke: var(--cloud-stroke);
}
svg[data-stage-diagram] .c-security {
  fill: var(--security-fill);
  stroke: var(--security-stroke);
}
svg[data-stage-diagram] .c-messagebus {
  fill: var(--messagebus-fill);
  stroke: var(--messagebus-stroke);
}
svg[data-stage-diagram] .c-external {
  fill: var(--external-fill);
  stroke: var(--external-stroke);
}
svg[data-stage-diagram] .t-primary {
  fill: var(--text);
}
svg[data-stage-diagram] .t-muted {
  fill: var(--text-muted);
}
svg[data-stage-diagram] .t-dim {
  fill: var(--text-dim);
}
svg[data-stage-diagram] .t-frontend {
  fill: var(--frontend-stroke);
}
svg[data-stage-diagram] .t-backend {
  fill: var(--backend-stroke);
}
svg[data-stage-diagram] .t-database {
  fill: var(--database-stroke);
}
svg[data-stage-diagram] .t-cloud {
  fill: var(--cloud-stroke);
}
svg[data-stage-diagram] .t-security {
  fill: var(--security-stroke);
}
svg[data-stage-diagram] .t-messagebus {
  fill: var(--messagebus-stroke);
}
svg[data-stage-diagram] .t-external {
  fill: var(--external-stroke);
}
svg[data-stage-diagram] .semantic-sigil {
  fill: none;
  stroke: currentcolor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.76;
  pointer-events: none;
}
svg[data-stage-diagram] .semantic-sigil > * {
  vector-effect: non-scaling-stroke;
}
svg[data-stage-diagram] .semantic-sigil .sigil-fill {
  fill: currentcolor;
  stroke: none;
}
svg[data-stage-diagram] .s-frontend {
  color: var(--frontend-stroke);
}
svg[data-stage-diagram] .s-backend {
  color: var(--backend-stroke);
}
svg[data-stage-diagram] .s-database {
  color: var(--database-stroke);
}
svg[data-stage-diagram] .s-cloud {
  color: var(--cloud-stroke);
}
svg[data-stage-diagram] .s-security {
  color: var(--security-stroke);
}
svg[data-stage-diagram] .s-messagebus {
  color: var(--messagebus-stroke);
}
svg[data-stage-diagram] .s-external {
  color: var(--external-stroke);
}
svg[data-stage-diagram] .brand-mark {
  pointer-events: none;
}
svg[data-stage-diagram] .brand-mark-badge {
  fill: rgb(255, 255, 255);
  stroke: none;
}
svg[data-stage-diagram] .brand-mark-frame {
  fill: none;
  stroke: rgb(203, 213, 225);
  stroke-width: 0.8;
  vector-effect: non-scaling-stroke;
}
svg[data-stage-diagram] .brand-mark-fallback {
  fill: none;
  stroke: rgb(71, 85, 105);
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}
svg[data-stage-diagram][data-preset='blueprint'] .brand-mark-badge,
svg[data-stage-diagram][data-preset='blueprint'] .brand-mark-frame {
  rx: 1px;
}
svg[data-stage-diagram] [data-detail] {
  transition: opacity 160ms;
}
svg[data-stage-diagram] [data-detail-anchor] {
  transform-box: fill-box;
  transform-origin: center center;
  transition: transform 160ms;
}
svg[data-stage-diagram][data-focus-active] [data-focus-match][data-detail],
svg[data-stage-diagram][data-focus-active] [data-focus-match] [data-detail],
svg[data-stage-diagram][data-reach-active] [data-reach-match][data-detail],
svg[data-stage-diagram][data-reach-active] [data-reach-match] [data-detail],
svg[data-stage-diagram][data-lens-active] [data-lens-match][data-detail],
svg[data-stage-diagram][data-lens-active] [data-lens-match] [data-detail],
svg[data-stage-diagram][data-legend-preview-active] [data-legend-preview-match][data-detail],
svg[data-stage-diagram][data-legend-preview-active] [data-legend-preview-match] [data-detail],
svg[data-stage-diagram][data-intent-trace-active] [data-intent-trace-match][data-detail],
svg[data-stage-diagram][data-intent-trace-active] [data-intent-trace-match] [data-detail],
svg[data-stage-diagram][data-route-active] [data-route-match][data-detail],
svg[data-stage-diagram][data-route-active] [data-route-match] [data-detail],
svg[data-stage-diagram][data-story-active] [data-story-step][data-detail],
svg[data-stage-diagram][data-story-active] [data-story-step] [data-detail],
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview][data-detail],
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview] [data-detail],
svg[data-stage-diagram] [data-node-id]:hover [data-detail],
svg[data-stage-diagram] [data-node-id]:focus-visible [data-detail] {
  opacity: 1;
  pointer-events: auto;
}
svg[data-stage-diagram][data-focus-active] [data-focus-match] [data-detail-anchor],
svg[data-stage-diagram][data-reach-active] [data-reach-match] [data-detail-anchor],
svg[data-stage-diagram][data-lens-active] [data-lens-match] [data-detail-anchor],
svg[data-stage-diagram][data-legend-preview-active]
  [data-legend-preview-match]
  [data-detail-anchor],
svg[data-stage-diagram][data-intent-trace-active] [data-intent-trace-match] [data-detail-anchor],
svg[data-stage-diagram][data-route-active] [data-route-match] [data-detail-anchor],
svg[data-stage-diagram][data-story-active] [data-story-step] [data-detail-anchor],
svg[data-stage-diagram] [data-node-id]:hover [data-detail-anchor],
svg[data-stage-diagram] [data-node-id]:focus-visible [data-detail-anchor] {
  transform: none;
}
svg[data-stage-diagram] .a-default {
  stroke: var(--arrow);
  fill: none;
}
svg[data-stage-diagram] .a-emphasis {
  stroke: var(--arrow-emphasis);
  fill: none;
}
svg[data-stage-diagram] .a-security {
  stroke: var(--security-stroke);
  fill: none;
  stroke-dasharray: 5, 5;
}
svg[data-stage-diagram] .a-dashed {
  stroke: var(--database-stroke);
  fill: none;
  stroke-dasharray: 4, 4;
}
svg[data-stage-diagram] .m-default {
  fill: var(--arrow);
}
svg[data-stage-diagram] .m-emphasis {
  fill: var(--arrow-emphasis);
}
svg[data-stage-diagram] .m-security {
  fill: var(--security-stroke);
}
svg[data-stage-diagram] .m-dashed {
  fill: var(--database-stroke);
}
svg[data-stage-diagram] [data-node-id] {
  cursor: pointer;
  transition:
    opacity 0.18s,
    filter 0.18s;
}
svg[data-stage-diagram] [data-edge-from] {
  transition:
    opacity 0.18s,
    filter 0.18s;
}
svg[data-stage-diagram] [data-node-id]:hover,
svg[data-stage-diagram] [data-node-id]:focus-visible {
  filter: drop-shadow(0 0 7px var(--frontend-stroke));
  outline: none;
}
svg[data-stage-diagram] [data-node-id]:hover .source-evidence-beacon,
svg[data-stage-diagram] [data-node-id]:focus-visible .source-evidence-beacon,
svg[data-stage-diagram] [data-node-id][data-focus-selected] .source-evidence-beacon {
  opacity: 1;
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--backend-stroke) 72%, transparent));
}
svg[data-stage-diagram][data-preset='signal-flow'] .source-evidence-beacon {
  opacity: 0.9;
}
svg[data-stage-diagram][data-preset='blueprint'] .source-evidence-beacon rect {
  rx: 0.8px;
  filter: none;
}
svg[data-stage-diagram] [data-legend-kind][role='button'] {
  cursor: pointer;
}
svg[data-stage-diagram] [data-legend-kind]:focus {
  outline: none;
}
svg[data-stage-diagram] [data-legend-hit] {
  fill: transparent;
  stroke: transparent;
  stroke-width: 1.4;
  pointer-events: all;
  vector-effect: non-scaling-stroke;
  transition:
    stroke 150ms,
    stroke-width 150ms,
    filter 150ms;
}
svg[data-stage-diagram] [data-legend-count-badge] {
  pointer-events: none;
}
svg[data-stage-diagram] [data-legend-count-badge] rect {
  fill: var(--mask);
  stroke: var(--panel-border);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
svg[data-stage-diagram] [data-legend-count-badge] text {
  fill: var(--text-muted);
  font-size: 8px;
  font-weight: 700;
  text-anchor: middle;
}
svg[data-stage-diagram] [data-legend-kind][role='button']:hover [data-legend-hit] {
  stroke: color-mix(in srgb, var(--database-stroke) 58%, transparent);
}
svg[data-stage-diagram] [data-legend-kind][role='button']:focus-visible [data-legend-hit] {
  stroke: var(--frontend-stroke);
  stroke-width: 1.8;
  filter: drop-shadow(0 0 3px var(--frontend-stroke));
}
svg[data-stage-diagram] [data-legend-kind][data-legend-selected] [data-legend-hit] {
  stroke: var(--database-stroke);
  stroke-width: 2.2;
  stroke-dasharray: 3, 2;
}
svg[data-stage-diagram] [data-legend-kind][data-legend-selected] [data-legend-count-badge] rect {
  stroke: var(--database-stroke);
  stroke-width: 1.8;
}
svg[data-stage-diagram] [data-legend-kind][data-legend-zero] {
  opacity: 0.44;
}
svg[data-stage-diagram][data-preset='signal-flow']
  [data-legend-kind][data-legend-selected]
  [data-legend-hit] {
  filter: drop-shadow(0 0 4px var(--database-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'] [data-legend-hit],
svg[data-stage-diagram][data-preset='blueprint'] [data-legend-count-badge] rect {
  rx: 0;
  filter: none;
}
svg[data-stage-diagram][data-legend-preview-active] [data-node-id],
svg[data-stage-diagram][data-legend-preview-active] [data-edge-from] {
  opacity: 0.11;
}
svg[data-stage-diagram][data-legend-preview-active] [data-legend-preview-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-legend-preview-active] [data-legend-preview-peer] {
  opacity: 0.62;
}
svg[data-stage-diagram][data-legend-preview-active] [data-legend-preview-selected] {
  filter: drop-shadow(0 0 8px var(--database-stroke));
}
svg[data-stage-diagram][data-lens-active] [data-node-id],
svg[data-stage-diagram][data-lens-active] [data-edge-from] {
  opacity: 0.11;
}
svg[data-stage-diagram][data-lens-active] [data-lens-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-lens-active] [data-lens-peer] {
  opacity: 0.62;
}
svg[data-stage-diagram][data-lens-active] [data-lens-selected] {
  filter: drop-shadow(0 0 10px var(--database-stroke));
}
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow {
  stroke-width: 3.7;
  opacity: 1;
}
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow[data-direction='out'],
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow[data-direction='forward'] {
  filter: drop-shadow(0 0 6px var(--frontend-stroke));
}
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow[data-direction='in'],
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow[data-direction='reverse'] {
  filter: drop-shadow(0 0 6px var(--database-stroke));
}
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-lens-flow[data-direction='within'] {
  filter: drop-shadow(0 0 6px var(--messagebus-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'] .semantic-lens-flow {
  stroke-width: 2.45;
  stroke-linecap: square;
  filter: none;
  opacity: 0.78;
}
svg[data-stage-diagram][data-focus-active] [data-node-id],
svg[data-stage-diagram][data-focus-active] [data-edge-from] {
  opacity: 0.13;
}
svg[data-stage-diagram][data-focus-active] [data-focus-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-focus-active] [data-focus-selected] {
  filter: drop-shadow(0 0 10px var(--frontend-stroke));
}
svg[data-stage-diagram][data-reach-active] [data-node-id],
svg[data-stage-diagram][data-reach-active] [data-edge-from] {
  opacity: 0.09;
}
svg[data-stage-diagram][data-reach-active] [data-reach-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-reach-active='upstream'] [data-reach-origin] {
  filter: drop-shadow(0 0 11px var(--database-stroke));
}
svg[data-stage-diagram][data-reach-active='downstream'] [data-reach-origin] {
  filter: drop-shadow(0 0 11px var(--backend-stroke));
}
svg[data-stage-diagram][data-reach-active='upstream'] [data-edge-from][data-reach-match] {
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--database-stroke) 72%, transparent));
}
svg[data-stage-diagram][data-reach-active='downstream'] [data-edge-from][data-reach-match] {
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--backend-stroke) 72%, transparent));
}
svg[data-stage-diagram][data-preset='blueprint'][data-reach-active] [data-reach-origin],
svg[data-stage-diagram][data-preset='blueprint'][data-reach-active]
  [data-edge-from][data-reach-match] {
  filter: none;
}
svg[data-stage-diagram][data-preset='blueprint']
  .relationship-hit-target:focus-visible
  .relationship-focus-rail {
  stroke-linecap: square;
  filter: none;
}
svg[data-stage-diagram][data-relationship-direct-active] [data-node-id],
svg[data-stage-diagram][data-relationship-direct-active] [data-edge-from] {
  opacity: 0.16;
}
svg[data-stage-diagram][data-relationship-direct-active] [data-relationship-preview],
svg[data-stage-diagram][data-relationship-direct-active] [data-relationship-preview-node] {
  opacity: 1;
}
svg[data-stage-diagram][data-focus-active]:not([data-relationship-pin-active])
  .relationship-hit-rail,
svg[data-stage-diagram][data-story-active] .relationship-hit-rail,
svg[data-stage-diagram][data-route-picking] .relationship-hit-rail,
svg[data-stage-diagram][data-route-active] .relationship-hit-rail,
svg[data-stage-diagram][data-lens-active] .relationship-hit-rail,
svg[data-stage-diagram][data-chapter-preview] .relationship-hit-rail {
  pointer-events: none;
}
svg[data-stage-diagram][data-relationship-preview-active] [data-focus-match] {
  opacity: 0.18;
}
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview],
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview-node] {
  opacity: 1;
}
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview] {
  filter: drop-shadow(0 0 5px var(--arrow-emphasis));
}
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview] path,
svg[data-stage-diagram][data-relationship-preview-active] path[data-relationship-preview],
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview] line,
svg[data-stage-diagram][data-relationship-preview-active] line[data-relationship-preview],
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview] polyline,
svg[data-stage-diagram][data-relationship-preview-active] polyline[data-relationship-preview] {
  stroke-width: 2.75;
}
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview-source] {
  filter: drop-shadow(0 0 7px var(--frontend-stroke));
}
svg[data-stage-diagram][data-relationship-preview-active] [data-relationship-preview-target] {
  filter: drop-shadow(0 0 7px var(--database-stroke));
}
svg[data-stage-diagram][data-preset='signal-flow'] .relationship-flow-pulse {
  stroke: var(--frontend-stroke);
  stroke-width: 3.85;
  filter: drop-shadow(0 0 7px var(--frontend-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'] .relationship-flow-pulse {
  stroke-width: 2.5;
  stroke-linecap: square;
  filter: none;
}
svg[data-stage-diagram][data-preset='editorial'] .relationship-flow-pulse {
  stroke: var(--arrow-emphasis);
  stroke-width: 2.75;
  filter: none;
}
svg[data-stage-diagram][data-preset='signal-flow'] .semantic-flow-token {
  filter: drop-shadow(currentcolor 0px 0px 5px);
}
svg[data-stage-diagram][data-preset='blueprint'] .semantic-flow-token {
  filter: none;
}
svg[data-stage-diagram][data-preset='editorial'] .semantic-flow-token {
  filter: none;
}
svg[data-stage-diagram][data-intent-trace-active] [data-node-id],
svg[data-stage-diagram][data-intent-trace-active] [data-edge-from] {
  opacity: 0.2;
}
svg[data-stage-diagram][data-intent-trace-active] [data-intent-trace-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-intent-trace-active] [data-intent-trace-selected] {
  filter: drop-shadow(0 0 10px var(--frontend-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'] [data-intent-trace-selected],
svg[data-stage-diagram][data-preset='blueprint'] .intent-trace-flow {
  filter: none;
  stroke-linecap: square;
}
svg[data-stage-diagram][data-preset='editorial'] [data-intent-trace-selected],
svg[data-stage-diagram][data-preset='editorial'] .intent-trace-flow {
  filter: none;
}
svg[data-stage-diagram][data-route-picking='target'] [data-node-id] {
  opacity: 0.24;
}
svg[data-stage-diagram][data-route-picking='target'] [data-route-candidate],
svg[data-stage-diagram][data-route-picking='target'] [data-route-start] {
  opacity: 1;
}
svg[data-stage-diagram][data-route-picking] [data-node-id] {
  cursor: crosshair;
}
svg[data-stage-diagram][data-route-picking] [data-route-start] {
  filter: drop-shadow(0 0 10px var(--frontend-stroke));
}
svg[data-stage-diagram][data-route-active] [data-node-id],
svg[data-stage-diagram][data-route-active] [data-edge-from] {
  opacity: 0.11;
}
svg[data-stage-diagram][data-route-active] [data-route-match] {
  opacity: 1;
}
svg[data-stage-diagram][data-route-active] [data-route-start] {
  filter: drop-shadow(0 0 11px var(--frontend-stroke));
}
svg[data-stage-diagram][data-route-active] [data-route-end] {
  filter: drop-shadow(0 0 11px var(--security-stroke));
}
svg[data-stage-diagram][data-route-active]
  [data-route-step]:not([data-route-start]):not([data-route-end]) {
  filter: drop-shadow(0 0 7px var(--backend-stroke));
}
svg[data-stage-diagram][data-route-journey] [data-route-match][data-route-journey-state='past'] {
  opacity: 0.62;
}
svg[data-stage-diagram][data-route-journey] [data-route-match][data-route-journey-state='future'] {
  opacity: 0.34;
}
svg[data-stage-diagram][data-route-journey] [data-route-match][data-route-journey-state='current'] {
  opacity: 1;
}
svg[data-stage-diagram][data-route-journey] [data-node-id][data-route-journey-current] {
  filter: drop-shadow(0 0 10px var(--backend-stroke));
}
svg[data-stage-diagram][data-route-journey] [data-edge-from][data-route-journey-current] {
  opacity: 1;
  filter: drop-shadow(0 0 6px var(--backend-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'] [data-route-start],
svg[data-stage-diagram][data-preset='blueprint'] [data-route-end],
svg[data-stage-diagram][data-preset='blueprint'] [data-route-step],
svg[data-stage-diagram][data-preset='blueprint'] .route-probe-flow {
  filter: none;
  stroke-linecap: square;
}
svg[data-stage-diagram][data-preset='blueprint'] .route-journey-flow {
  filter: none;
  stroke-linecap: square;
}
svg[data-stage-diagram][data-preset='editorial'] [data-route-start],
svg[data-stage-diagram][data-preset='editorial'] [data-route-end],
svg[data-stage-diagram][data-preset='editorial'] [data-route-step],
svg[data-stage-diagram][data-preset='editorial'] .route-probe-flow,
svg[data-stage-diagram][data-preset='editorial'] .route-journey-flow {
  filter: none;
}
svg[data-stage-diagram][data-preset='editorial'] .c-grid {
  stroke-dasharray: 1, 4;
  opacity: 0.48;
}
svg[data-stage-diagram][data-preset='editorial'] .c-region {
  fill: color-mix(in srgb, var(--cloud-fill) 48%, transparent);
  stroke-dasharray: 9, 4;
}
svg[data-stage-diagram][data-preset='editorial'] [data-node-id]:hover,
svg[data-stage-diagram][data-preset='editorial'] [data-node-id]:focus-visible,
svg[data-stage-diagram][data-preset='editorial'][data-focus-active] [data-focus-selected] {
  filter: drop-shadow(0 2px 2px color-mix(in srgb, var(--text) 18%, transparent));
}
svg[data-stage-diagram][data-preset='blueprint'] .c-grid {
  stroke-dasharray: 1, 3;
  opacity: 0.78;
}
svg[data-stage-diagram][data-preset='blueprint'] .c-region {
  fill: color-mix(in srgb, var(--cloud-fill) 58%, transparent);
  stroke-dasharray: 12, 4, 2, 4;
}
svg[data-stage-diagram][data-preset='blueprint'] .c-security-group,
svg[data-stage-diagram][data-preset='blueprint'] .c-lane {
  stroke-dasharray: 7, 3;
}
svg[data-stage-diagram][data-preset='blueprint'] [data-node-id]:hover,
svg[data-stage-diagram][data-preset='blueprint'] [data-node-id]:focus-visible {
  filter: drop-shadow(0 0 3px var(--frontend-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'][data-focus-active] [data-focus-selected] {
  filter: drop-shadow(0 0 3px var(--frontend-stroke));
}
svg[data-stage-diagram][data-preset='blueprint'][data-focus-active][data-reach-active]
  [data-focus-selected][data-reach-origin] {
  filter: none;
}
svg[data-stage-diagram][data-preset='blueprint'][data-relationship-preview-active]
  [data-relationship-preview],
svg[data-stage-diagram][data-preset='blueprint'][data-relationship-preview-active]
  [data-relationship-preview-source],
svg[data-stage-diagram][data-preset='blueprint'][data-relationship-preview-active]
  [data-relationship-preview-target] {
  filter: drop-shadow(0 0 3px var(--frontend-stroke));
}
svg[data-stage-diagram][data-story-beat] [data-story-step] {
  opacity: 0.22;
  filter: saturate(0.42);
  transition:
    opacity 180ms,
    filter 180ms;
}
svg[data-stage-diagram][data-story-beat] [data-story-step][data-story-beat-state='past'] {
  opacity: 0.72;
  filter: saturate(0.82);
}
svg[data-stage-diagram][data-story-beat] [data-story-step][data-story-beat-state='next'] {
  opacity: 0.5;
  filter: saturate(0.66);
}
svg[data-stage-diagram][data-story-beat] [data-story-step][data-story-beat-state='active'] {
  opacity: 1;
  filter: drop-shadow(0 0 7px var(--frontend-stroke));
  animation: 360ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running archify-story-beat-node;
}
svg[data-stage-diagram][data-story-beat] [data-edge-from][data-story-beat-step] {
  opacity: 0.16;
  transition: opacity 160ms;
}
svg[data-stage-diagram][data-story-beat]
  [data-edge-from][data-story-beat-step][data-story-beat-state='past'] {
  opacity: 0.58;
}
svg[data-stage-diagram][data-story-beat]
  [data-edge-from][data-story-beat-step][data-story-beat-state='next'] {
  opacity: 0.34;
}
svg[data-stage-diagram][data-story-beat]
  [data-edge-from][data-story-beat-step][data-story-beat-state='active'] {
  opacity: 1;
}
svg[data-stage-diagram][data-story-beat] .story-trail-flow {
  opacity: 0;
  transition: opacity 160ms;
}
svg[data-stage-diagram][data-story-beat] .story-trail-flow[data-story-beat-state='past'] {
  opacity: 0.34;
}
svg[data-stage-diagram][data-story-beat] .story-trail-flow[data-story-beat-state='next'] {
  opacity: 0.2;
}
svg[data-stage-diagram][data-story-beat] .story-trail-flow[data-story-beat-state='active'] {
  opacity: 0.92;
}
svg[data-stage-diagram][data-story-beat] .story-trail-flow[data-story-pulse='true'] {
  stroke-dasharray: 2, 13;
  stroke-dashoffset: 30;
  opacity: 0.92;
  animation: 0.78s linear 0s 1 normal both running archify-story-flow;
}
svg[data-stage-diagram][data-preset='blueprint'] .story-trail-flow {
  stroke-linecap: square;
  filter: none;
  opacity: 0.5;
}
svg[data-stage-diagram][data-preset='blueprint'][data-story-beat]
  [data-story-step][data-story-beat-state='active'] {
  filter: none;
  animation: auto ease 0s 1 normal none running none;
}
svg[data-stage-diagram][data-preset='editorial'] .story-trail-flow {
  filter: none;
}
svg[data-stage-diagram][data-preset='editorial'][data-story-beat]
  [data-story-step][data-story-beat-state='active'] {
  filter: drop-shadow(0 2px 2px color-mix(in srgb, var(--text) 16%, transparent));
}
svg[data-stage-diagram][data-chapter-preview] [data-node-id],
svg[data-stage-diagram][data-chapter-preview] [data-edge-from] {
  opacity: 0.1 !important;
  filter: none !important;
  transition: none !important;
}
svg[data-stage-diagram][data-chapter-preview] .story-trail-overlay {
  opacity: 0.08 !important;
}
svg[data-stage-diagram][data-chapter-preview] [data-node-id][data-chapter-preview-role='stay'] {
  opacity: 0.76 !important;
  filter: saturate(0.7) !important;
}
svg[data-stage-diagram][data-chapter-preview] [data-node-id][data-chapter-preview-role='enter'] {
  opacity: 1 !important;
  filter: saturate(1.2) !important;
}
svg[data-stage-diagram][data-chapter-preview] [data-node-id][data-chapter-preview-role='leave'] {
  opacity: 0.28 !important;
  filter: grayscale(0.72) !important;
}
svg[data-stage-diagram][data-preset='blueprint'][data-chapter-preview] [data-node-id] {
  filter: none !important;
}
svg[data-stage-diagram] .c-security-group {
  fill: transparent;
  stroke: var(--security-stroke);
  stroke-dasharray: 4, 4;
}
svg[data-stage-diagram] .c-region {
  fill: rgba(251, 191, 36, 0.05);
  stroke: var(--cloud-stroke);
  stroke-dasharray: 8, 4;
}
svg[data-stage-diagram] .c-lane {
  fill: var(--lane-fill);
  stroke: var(--lane-stroke);
  stroke-dasharray: 6, 6;
}
svg[data-stage-diagram][data-preset='signal-flow'][data-animation='trace'] [data-animate='edge'] {
  stroke-linecap: round;
  filter: drop-shadow(0 0 3px var(--arrow-emphasis));
  animation-duration: 1.75s;
}
svg[data-stage-diagram][data-preset='signal-flow'][data-animation='trace'] [data-animate='node'] {
  animation-duration: 3.1s;
}
svg[data-stage-diagram][data-preset='blueprint'][data-animation='trace'] [data-animate='edge'] {
  stroke-linecap: square;
  filter: none;
  animation-duration: 2.15s;
}
svg[data-stage-diagram][data-preset='blueprint'][data-animation='trace'] [data-animate='node'] {
  animation-name: archify-blueprint-node-pulse;
  animation-duration: 3.8s;
}
svg[data-stage-diagram][data-preset='editorial'][data-animation='trace'] [data-animate='edge'] {
  filter: none;
  animation-duration: 2.2s;
}
svg[data-stage-diagram][data-preset='editorial'][data-animation='trace'] [data-animate='node'] {
  animation-name: archify-editorial-node-pulse;
  animation-duration: 3.5s;
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(fonts/native-071c7c06a3fe2346fd2f4034c762cd0dc79a5021da100ef14401fc07814b279e.woff2)
    format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans KR';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url(fonts/native-b1d9cc1fdc311431a624220aa1d3be36193a2c5165bc658d8467180d2a051455.woff2)
    format('woff2');
}
svg[data-stage-diagram] text {
  font-family: 'IBM Plex Sans KR', 'JetBrains Mono', sans-serif;
}
svg[data-stage-diagram] {
  height: auto;
  --stage-bg: #0c1b19;
  --bg: #0c1b19;
  --mask: #0c1b19;
  --text: #eef7f4;
  --text-muted: #a8bbb5;
  --text-dim: #71938a;
  --arrow: #71938a;
  --arrow-emphasis: #71938a;
  --frontend-fill: #172e47;
  --frontend-stroke: #94c7fb;
  --backend-fill: #123e30;
  --backend-stroke: #79d8ad;
  --database-fill: #30234c;
  --database-stroke: #c6a9f7;
  --external-fill: #253732;
  --external-stroke: #c4d4ce;
  --cloud-stroke: #567068;
}