markdown-design-doc-viewer-embed 0.0.0-stage → 1.5.1

package/viewer.css

@@ -0,0 +1,1769 @@
+/* embed/reset.css */
+:where(.seqnotes-embedded) *,
+:where(.seqnotes-embedded) ::before,
+:where(.seqnotes-embedded) ::after {
+  box-sizing: revert;
+  margin: revert;
+  padding: revert;
+  border: revert;
+}
+:where(.seqnotes-embedded) :where(h1, h2, h3, h4, h5, h6) {
+  font-size: revert;
+  font-weight: revert;
+}
+:where(.seqnotes-embedded) :where(a) {
+  color: revert;
+  text-decoration: revert;
+}
+:where(.seqnotes-embedded) :where(ol, ul, menu) {
+  list-style: revert;
+}
+:where(.seqnotes-embedded) :where(hr) {
+  height: revert;
+  color: revert;
+}
+:where(.seqnotes-embedded) :where(table) {
+  text-indent: revert;
+  border-color: revert;
+  border-collapse: revert;
+}
+:where(.seqnotes-embedded) :where(code, kbd, samp, pre) {
+  font-family: revert;
+  font-size: revert;
+}
+:where(.seqnotes-embedded) :where(sub, sup) {
+  font-size: revert;
+  line-height: revert;
+  position: revert;
+  vertical-align: revert;
+  top: revert;
+  bottom: revert;
+}
+:where(.seqnotes-embedded) :where(small) {
+  font-size: revert;
+}
+:where(.seqnotes-embedded) :where(abbr[title]) {
+  text-decoration: revert;
+}
+:where(.seqnotes-embedded) :where(img, svg, video, canvas, audio, iframe, embed, object) {
+  display: revert;
+  vertical-align: revert;
+}
+:where(.seqnotes-embedded) :where(img, video) {
+  max-width: revert;
+  height: revert;
+}
+:where(.seqnotes-embedded) :where(button, input, select, optgroup, textarea) {
+  font: revert;
+  letter-spacing: revert;
+  color: revert;
+  background-color: revert;
+  border-radius: revert;
+  opacity: revert;
+  appearance: revert;
+}
+:where(.seqnotes-embedded) :where(textarea) {
+  resize: revert;
+}
+:where(.seqnotes-embedded) ::placeholder {
+  color: revert;
+  opacity: revert;
+}
+
+/* webview/preview.css */
+.seqnotes-viewer {
+  --seqnotes-accent: var(--vscode-textLink-activeForeground, #3794ff);
+  --seqnotes-accent-bg: color-mix(in srgb, var(--seqnotes-accent) 12%, transparent);
+  --seqnotes-current: var(--vscode-editorLineNumber-activeForeground, #c6c6c6);
+  --seqnotes-border: var(--vscode-panel-border, rgba(128, 128, 128, 0.35));
+  --seqnotes-muted: var(--vscode-descriptionForeground, rgba(128, 128, 128, 0.9));
+  --seqnotes-th-bg: var(--vscode-textCodeBlock-background, rgba(128, 128, 128, 0.1));
+}
+.seqnotes-viewer[data-seqnotes-theme=light]:not(.vscode-light, .vscode-high-contrast-light) {
+  color-scheme: light;
+  --vscode-editor-background: #ffffff;
+  --vscode-editor-foreground: #3b3b3b;
+  --vscode-foreground: #3b3b3b;
+  --vscode-descriptionForeground: #717171;
+  --vscode-icon-foreground: #3b3b3b;
+  --vscode-errorForeground: #f85149;
+  --vscode-focusBorder: #005fb8;
+  --vscode-textLink-foreground: #005fb8;
+  --vscode-textLink-activeForeground: #005fb8;
+  --vscode-textCodeBlock-background: #f3f3f3;
+  --vscode-textBlockQuote-border: #e5e5e5;
+  --vscode-textBlockQuote-foreground: #616161;
+  --vscode-panel-border: #e5e5e5;
+  --vscode-editorLineNumber-activeForeground: #171184;
+  --vscode-editorWidget-background: #f8f8f8;
+  --vscode-editorWidget-border: #c8c8c8;
+  --vscode-widget-shadow: rgba(0, 0, 0, 0.16);
+  --vscode-list-hoverBackground: #f2f2f2;
+  --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31);
+  --vscode-sash-hoverBorder: #005fb8;
+  --vscode-inputValidation-warningBackground: #f6f5d2;
+  --vscode-inputValidation-warningBorder: #b89500;
+  --vscode-input-background: #ffffff;
+  --vscode-input-foreground: #3b3b3b;
+  --vscode-input-border: #cecece;
+  --vscode-input-placeholderForeground: #767676;
+  --vscode-charts-blue: #1a85ff;
+  --vscode-charts-green: #388a34;
+  --vscode-charts-purple: #652d90;
+  --vscode-charts-red: #e51400;
+  --vscode-charts-yellow: #bf8803;
+  --vscode-editorGutter-addedBackground: #2ea043;
+  --vscode-editorGutter-modifiedBackground: #005fb8;
+  --vscode-editorGutter-deletedBackground: #f85149;
+  --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.25);
+  --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
+  --vscode-textPreformat-foreground: #3b3b3b;
+  --vscode-textBlockQuote-background: #f8f8f8;
+  --vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4);
+  --vscode-keybindingLabel-foreground: #3b3b3b;
+  --vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4);
+  --vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4);
+  --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4);
+  --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
+  --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);
+}
+.seqnotes-viewer[data-seqnotes-theme=dark]:is(.vscode-light, .vscode-high-contrast-light) {
+  color-scheme: dark;
+  --vscode-editor-background: #1f1f1f;
+  --vscode-editor-foreground: #cccccc;
+  --vscode-foreground: #cccccc;
+  --vscode-descriptionForeground: #9d9d9d;
+  --vscode-icon-foreground: #cccccc;
+  --vscode-errorForeground: #f85149;
+  --vscode-focusBorder: #0078d4;
+  --vscode-textLink-foreground: #4daafc;
+  --vscode-textLink-activeForeground: #4daafc;
+  --vscode-textCodeBlock-background: #2b2b2b;
+  --vscode-textBlockQuote-border: #616161;
+  --vscode-textBlockQuote-foreground: #cccccc;
+  --vscode-panel-border: #2b2b2b;
+  --vscode-editorLineNumber-activeForeground: #cccccc;
+  --vscode-editorWidget-background: #202020;
+  --vscode-editorWidget-border: #313131;
+  --vscode-widget-shadow: rgba(0, 0, 0, 0.36);
+  --vscode-list-hoverBackground: #2a2d2e;
+  --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
+  --vscode-sash-hoverBorder: #0078d4;
+  --vscode-inputValidation-warningBackground: #352a05;
+  --vscode-inputValidation-warningBorder: #b89500;
+  --vscode-input-background: #313131;
+  --vscode-input-foreground: #cccccc;
+  --vscode-input-border: #3c3c3c;
+  --vscode-input-placeholderForeground: #989898;
+  --vscode-charts-blue: #3794ff;
+  --vscode-charts-green: #89d185;
+  --vscode-charts-purple: #b180d7;
+  --vscode-charts-red: #f14c4c;
+  --vscode-charts-yellow: #cca700;
+  --vscode-editorGutter-addedBackground: #2ea043;
+  --vscode-editorGutter-modifiedBackground: #0078d4;
+  --vscode-editorGutter-deletedBackground: #f85149;
+  --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.2);
+  --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
+  --vscode-textPreformat-foreground: #d0d0d0;
+  --vscode-textBlockQuote-background: #2b2b2b;
+  --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17);
+  --vscode-keybindingLabel-foreground: #cccccc;
+  --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6);
+  --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6);
+  --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4);
+  --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
+  --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4);
+}
+html:has(> body[data-seqnotes-theme=light]:not(.vscode-light, .vscode-high-contrast-light)) {
+  color-scheme: light;
+  background: #ffffff;
+  scrollbar-color: rgba(100, 100, 100, 0.4) #ffffff;
+}
+html:has(> body[data-seqnotes-theme=dark]:is(.vscode-light, .vscode-high-contrast-light)) {
+  color-scheme: dark;
+  background: #1f1f1f;
+  scrollbar-color: rgba(121, 121, 121, 0.4) #1f1f1f;
+}
+.seqnotes-viewer {
+  padding: 2px 26px 40vh;
+  font-family: var(--vscode-markdown-font-family, var(--vscode-font-family));
+  font-size: var(--vscode-markdown-font-size, 14px);
+  line-height: var(--vscode-markdown-line-height, 1.6);
+  color: var(--vscode-editor-foreground);
+  background: var(--vscode-editor-background);
+  word-wrap: break-word;
+}
+:where(.seqnotes-viewer) :is(h1, h2, h3, h4, h5, h6) {
+  font-weight: 600;
+  line-height: 1.25;
+  margin: 1.4em 0 0.6em;
+}
+:where(.seqnotes-viewer) h1 {
+  font-size: 2em;
+  padding-bottom: 0.3em;
+  border-bottom: 1px solid var(--seqnotes-border);
+}
+:where(.seqnotes-viewer) h2 {
+  font-size: 1.5em;
+  padding-bottom: 0.3em;
+  border-bottom: 1px solid var(--seqnotes-border);
+}
+:where(.seqnotes-viewer) h3 {
+  font-size: 1.25em;
+}
+:where(.seqnotes-viewer) a {
+  color: var(--vscode-textLink-foreground);
+  text-decoration: none;
+}
+:where(.seqnotes-viewer) a:hover {
+  color: var(--vscode-textLink-activeForeground);
+  text-decoration: underline;
+}
+:where(.seqnotes-viewer) code {
+  font-family: var(--vscode-editor-font-family, monospace);
+  font-size: 0.9em;
+  background: var(--vscode-textCodeBlock-background, rgba(128, 128, 128, 0.15));
+  padding: 0.1em 0.35em;
+  border-radius: 3px;
+}
+:where(.seqnotes-viewer) pre {
+  background: var(--vscode-textCodeBlock-background, rgba(128, 128, 128, 0.15));
+  padding: 12px 16px;
+  border-radius: 4px;
+  overflow: auto;
+}
+:where(.seqnotes-viewer) pre code {
+  background: none;
+  padding: 0;
+}
+:where(.seqnotes-viewer) blockquote {
+  margin: 0 0 1em;
+  padding: 0 1em;
+  border-left: 4px solid var(--vscode-textBlockQuote-border, var(--seqnotes-border));
+  color: var(--vscode-textBlockQuote-foreground, inherit);
+}
+:where(.seqnotes-viewer) table {
+  border-collapse: collapse;
+  margin-bottom: 1em;
+}
+:where(.seqnotes-viewer) :is(th, td) {
+  border: 1px solid var(--seqnotes-border);
+  padding: 4px 10px;
+}
+:where(.seqnotes-viewer) th {
+  background: var(--seqnotes-th-bg);
+}
+.seqnotes-viewer.seqnotes-sticky-table-header thead th {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: linear-gradient(var(--seqnotes-th-bg), var(--seqnotes-th-bg)), var(--vscode-editor-background);
+}
+.seqnotes-cell-hidden {
+  display: none;
+}
+.seqnotes-cell-sub {
+  display: block;
+  font-size: 0.9em;
+  font-weight: normal;
+  color: var(--seqnotes-muted);
+}
+.seqnotes-cell-sub code {
+  font-size: 1em;
+}
+.seqnotes-tree-table {
+  --seqnotes-tree-indent: 1.25em;
+  --seqnotes-tree-line: color-mix(in srgb, var(--seqnotes-muted) 55%, transparent);
+  --seqnotes-tree-y: calc(5px + 0.8em);
+}
+@supports (top: 1lh) {
+  .seqnotes-tree-table {
+    --seqnotes-tree-y: calc(5px + 0.5lh);
+  }
+}
+.seqnotes-tree-head {
+  text-align: left;
+}
+.seqnotes-tree-head,
+.seqnotes-tree-cell {
+  padding-left: calc(10px + (var(--seqnotes-depth, 0) + 1) * var(--seqnotes-tree-indent));
+}
+.seqnotes-tree-cell {
+  position: relative;
+  white-space: nowrap;
+}
+.seqnotes-tree-guides {
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: 10px;
+  display: flex;
+  pointer-events: none;
+}
+.seqnotes-tree-guides > span {
+  position: relative;
+  flex: none;
+  width: var(--seqnotes-tree-indent);
+}
+.seqnotes-tree-guides > span::before,
+.seqnotes-tree-guides > span::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+}
+.seqnotes-tree-pipe::before,
+.seqnotes-tree-tee::before {
+  top: 0;
+  bottom: 0;
+  border-left: 1px solid var(--seqnotes-tree-line);
+}
+.seqnotes-tree-elbow::before {
+  top: 0;
+  height: var(--seqnotes-tree-y);
+  border-left: 1px solid var(--seqnotes-tree-line);
+}
+.seqnotes-tree-tee::after,
+.seqnotes-tree-elbow::after {
+  top: var(--seqnotes-tree-y);
+  width: calc(1.5 * var(--seqnotes-tree-indent) - 4px);
+  border-top: 1px solid var(--seqnotes-tree-line);
+}
+.seqnotes-tree-parent :is(.seqnotes-tree-tee, .seqnotes-tree-elbow)::after {
+  width: calc(var(--seqnotes-tree-indent) - 0.45em);
+}
+.seqnotes-tree-stem::before {
+  top: calc(var(--seqnotes-tree-y) + 0.45em);
+  bottom: 0;
+  border-left: 1px solid var(--seqnotes-tree-line);
+}
+.seqnotes-tree-folded .seqnotes-tree-stem {
+  display: none;
+}
+.seqnotes-tree-toggle {
+  position: absolute;
+  top: calc(var(--seqnotes-tree-y) - 0.6em);
+  left: calc(10px + var(--seqnotes-depth) * var(--seqnotes-tree-indent));
+  display: grid;
+  place-items: center;
+  width: var(--seqnotes-tree-indent);
+  height: 1.2em;
+  padding: 0;
+  border: none;
+  border-radius: 3px;
+  background: none;
+  color: var(--seqnotes-muted);
+  font: inherit;
+  cursor: pointer;
+}
+.seqnotes-tree-toggle:hover {
+  color: inherit;
+  background: var(--seqnotes-accent-bg);
+}
+.seqnotes-tree-toggle:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder, var(--seqnotes-accent));
+}
+.seqnotes-tree-toggle::before {
+  content: "";
+  width: 0.4em;
+  height: 0.4em;
+  margin-top: -0.2em;
+  border-right: 1.5px solid currentColor;
+  border-bottom: 1.5px solid currentColor;
+  transform: rotate(45deg);
+}
+.seqnotes-tree-folded .seqnotes-tree-toggle::before {
+  margin: 0 0 0 -0.2em;
+  transform: rotate(-45deg);
+}
+:where(.seqnotes-tree-table:not(.seqnotes-table-plain)) .seqnotes-tree-parent > td {
+  background: color-mix(in srgb, var(--seqnotes-th-bg) 50%, transparent);
+}
+:where(.seqnotes-tree-table:not(.seqnotes-table-plain)) .seqnotes-tree-parent > .seqnotes-tree-cell {
+  font-weight: 600;
+}
+.seqnotes-tree-hidden {
+  display: none;
+}
+.seqnotes-table-tree-highlight .seqnotes-tree-table:not(.seqnotes-table-plain) > tbody > .seqnotes-tree-related > td {
+  background: color-mix(in srgb, var(--seqnotes-accent) 6%, transparent);
+}
+.seqnotes-table-tree-highlight .seqnotes-tree-table:not(.seqnotes-table-plain) > tbody > .seqnotes-tree-current > td {
+  background: var(--seqnotes-accent-bg);
+}
+.seqnotes-table-plain-cell {
+  position: relative;
+  padding-right: 34px;
+}
+.seqnotes-table-plain-cell > .seqnotes-table-plain-toggle {
+  top: 50%;
+  right: 4px;
+  transform: translateY(-50%);
+}
+.seqnotes-item-table:hover .seqnotes-table-plain-toggle {
+  opacity: 1;
+}
+.seqnotes-table-plain-toggle[aria-pressed=true] {
+  background: var(--seqnotes-accent-bg);
+}
+.seqnotes-table-plain :is(th, td).seqnotes-cell-hidden {
+  display: table-cell;
+}
+.seqnotes-table-plain :is(.seqnotes-cell-sub, .seqnotes-tree-guides, .seqnotes-tree-toggle) {
+  display: none;
+}
+.seqnotes-table-plain :is(.seqnotes-tree-head, .seqnotes-tree-cell) {
+  padding-left: 10px;
+  white-space: normal;
+}
+.seqnotes-table-plain .seqnotes-tree-head {
+  text-align: revert;
+}
+.seqnotes-table-plain .seqnotes-tree-hidden {
+  display: table-row;
+}
+@media print {
+  .seqnotes-tree-hidden {
+    display: table-row;
+  }
+  .seqnotes-tree-toggle {
+    visibility: hidden;
+  }
+  .seqnotes-table-plain-toggle {
+    display: none;
+  }
+  .seqnotes-table-plain-cell {
+    padding-right: 10px;
+  }
+  .seqnotes-tree-folded .seqnotes-tree-stem {
+    display: block;
+  }
+  .seqnotes-tree-parent :is(.seqnotes-tree-tee, .seqnotes-tree-elbow)::after {
+    width: calc(1.5 * var(--seqnotes-tree-indent) - 4px);
+  }
+}
+.seqnotes-front-matter {
+  font-size: 0.9em;
+}
+.seqnotes-front-matter th,
+.seqnotes-front-matter td {
+  padding: 2px 8px;
+}
+.seqnotes-front-matter th {
+  text-align: left;
+  font-weight: normal;
+  color: var(--seqnotes-muted);
+  background: none;
+}
+.seqnotes-front-matter td {
+  white-space: pre-wrap;
+}
+.seqnotes-doc-header {
+  font-size: 0.9em;
+  margin-bottom: 1.5em;
+}
+.seqnotes-doc-headline {
+  display: flex;
+  flex-wrap: wrap;
+  overflow: hidden;
+  border: 1px solid var(--seqnotes-border);
+  border-radius: 4px;
+}
+.seqnotes-doc-title,
+.seqnotes-doc-meta > div {
+  min-width: 0;
+  margin: 0 0 -1px -1px;
+  padding: 0.5em 8px;
+  border-left: 1px solid var(--seqnotes-border);
+  border-bottom: 1px solid var(--seqnotes-border);
+  overflow-wrap: anywhere;
+}
+.seqnotes-doc-title {
+  flex: 1 1 auto;
+  display: flex;
+  align-items: center;
+  font-weight: 600;
+  white-space: pre-wrap;
+}
+.seqnotes-doc-meta {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin: 0 0 0 auto;
+}
+.seqnotes-doc-meta:first-child {
+  margin-left: 0;
+  justify-content: flex-start;
+}
+.seqnotes-doc-meta > div {
+  flex: 1 1 auto;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+}
+.seqnotes-doc-meta dt {
+  color: var(--seqnotes-muted);
+  white-space: nowrap;
+}
+.seqnotes-doc-meta dd {
+  min-width: 0;
+  margin: 0;
+  white-space: pre-wrap;
+}
+.seqnotes-doc-status dd {
+  padding: 0 0.6em;
+  border: 1px solid var(--seqnotes-border);
+  border-radius: 1em;
+}
+.seqnotes-doc-header .seqnotes-front-matter {
+  margin: 0.4em 0 0;
+  font-size: 1em;
+}
+.seqnotes-doc-header details.seqnotes-doc-more {
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+}
+.seqnotes-doc-headline + details.seqnotes-doc-more {
+  margin-top: 0.6em;
+}
+.seqnotes-doc-header .seqnotes-doc-more > summary {
+  display: inline-flex;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: none;
+  font-weight: normal;
+  color: var(--seqnotes-muted);
+}
+.seqnotes-doc-header .seqnotes-doc-more > summary:hover {
+  color: var(--vscode-foreground, inherit);
+}
+.seqnotes-index table {
+  width: 100%;
+}
+.seqnotes-index th {
+  text-align: left;
+}
+.seqnotes-index-file {
+  color: var(--seqnotes-muted);
+  font-family: var(--vscode-editor-font-family);
+  font-size: 0.9em;
+}
+.seqnotes-index-status span {
+  padding: 0 0.6em;
+  border: 1px solid var(--seqnotes-border);
+  border-radius: 1em;
+  white-space: nowrap;
+}
+.seqnotes-index-changes .seqnotes-diff-counts {
+  flex-wrap: wrap;
+}
+.seqnotes-index-unchanged {
+  color: var(--seqnotes-muted);
+}
+.seqnotes-index-new {
+  padding: 0 0.6em;
+  border: 1px solid var(--vscode-editorGutter-addedBackground, #2ea043);
+  border-radius: 1em;
+  white-space: nowrap;
+}
+.seqnotes-index-filter {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 12px;
+  margin: 0 0 1em;
+}
+.seqnotes-index-filter input {
+  flex: 0 1 28em;
+  min-width: 0;
+  padding: 4px 8px;
+  font: inherit;
+  color: var(--vscode-input-foreground, inherit);
+  background: var(--vscode-input-background, transparent);
+  border: 1px solid var(--vscode-input-border, var(--seqnotes-border));
+  border-radius: 2px;
+}
+.seqnotes-index-filter input::placeholder {
+  color: var(--vscode-input-placeholderForeground, var(--seqnotes-muted));
+}
+.seqnotes-index-filter input:focus {
+  outline: 1px solid var(--vscode-focusBorder, #0078d4);
+  outline-offset: -1px;
+}
+.seqnotes-index-count,
+.seqnotes-index-empty {
+  color: var(--seqnotes-muted);
+}
+.seqnotes-index th:has(> .seqnotes-index-sort) {
+  padding: 0;
+}
+.seqnotes-index-sort {
+  display: flex;
+  align-items: center;
+  gap: 0.3em;
+  width: 100%;
+  padding: 4px 10px;
+  font: inherit;
+  font-weight: inherit;
+  text-align: left;
+  color: inherit;
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+.seqnotes-index-sort:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder, #0078d4);
+  outline-offset: -1px;
+}
+.seqnotes-index-sort::after {
+  content: "\2195";
+  color: var(--seqnotes-muted);
+  opacity: 0;
+}
+.seqnotes-index-sort:hover::after {
+  opacity: 1;
+}
+.seqnotes-index th[aria-sort=ascending] .seqnotes-index-sort::after {
+  content: "\2191";
+  opacity: 1;
+}
+.seqnotes-index th[aria-sort=descending] .seqnotes-index-sort::after {
+  content: "\2193";
+  opacity: 1;
+}
+@media print {
+  .seqnotes-index-filter {
+    display: none;
+  }
+  .seqnotes-index-sort::after {
+    display: none;
+  }
+}
+:where(.seqnotes-viewer) img {
+  max-width: 100%;
+}
+:where(.seqnotes-viewer) hr {
+  border: 0;
+  border-top: 1px solid var(--seqnotes-border);
+}
+.markdown-alert {
+  --seqnotes-alert: var(--vscode-charts-blue, #3794ff);
+  margin: 0 0 1em;
+  padding: 0 1em;
+  border-left: 4px solid var(--seqnotes-alert);
+}
+.markdown-alert-tip {
+  --seqnotes-alert: var(--vscode-charts-green, #388a34);
+}
+.markdown-alert-important {
+  --seqnotes-alert: var(--vscode-charts-purple, #b180d7);
+}
+.markdown-alert-warning {
+  --seqnotes-alert: var(--vscode-charts-yellow, #cca700);
+}
+.markdown-alert-caution {
+  --seqnotes-alert: var(--vscode-charts-red, #f14c4c);
+}
+.markdown-alert-title {
+  display: flex;
+  align-items: center;
+  color: var(--seqnotes-alert);
+  font-weight: 600;
+}
+.markdown-alert-title .octicon {
+  flex: none;
+  margin-right: 0.5em;
+  fill: currentColor;
+}
+.task-list-item {
+  list-style-type: none;
+}
+.task-list-item-checkbox {
+  margin: 0 0.3em 0.2em -1.4em;
+  vertical-align: middle;
+}
+.footnote-ref {
+  font-size: 0.75em;
+  line-height: 0;
+}
+.footnote-ref a {
+  margin: 0 0.1em;
+}
+.footnotes-sep {
+  margin-top: 2em;
+}
+.footnotes {
+  font-size: 0.9em;
+  color: var(--seqnotes-muted);
+}
+.footnotes-list {
+  padding-left: 2em;
+}
+.footnote-item p {
+  margin: 0.3em 0;
+}
+.footnote-backref {
+  text-decoration: none;
+}
+.seqnotes-footnote-popup {
+  position: fixed;
+  z-index: 15;
+  box-sizing: border-box;
+  max-width: min(480px, calc(100vw - 16px));
+  max-height: 50vh;
+  overflow: auto;
+  padding: 8px 12px;
+  font-size: 0.9em;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  border: 1px solid var(--vscode-editorWidget-border, var(--seqnotes-border));
+  border-radius: 4px;
+  box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.16));
+}
+.seqnotes-footnote-popup[hidden] {
+  display: none;
+}
+.seqnotes-footnote-popup > :first-child {
+  margin-top: 0;
+}
+.seqnotes-footnote-popup > :last-child {
+  margin-bottom: 0;
+}
+@media print {
+  .seqnotes-footnote-popup {
+    display: none;
+  }
+}
+.footnote-ref a,
+.footnote-item {
+  scroll-margin-top: 1em;
+}
+:where(.seqnotes-viewer) details {
+  margin: 0 0 1em;
+  padding: 0 12px;
+  border: 1px solid var(--seqnotes-border);
+  border-radius: 4px;
+}
+:where(.seqnotes-viewer) details[open] {
+  padding-bottom: 0.8em;
+}
+:where(.seqnotes-viewer) summary {
+  display: flex;
+  align-items: center;
+  gap: 0.6em;
+  margin: 0 -12px;
+  padding: 6px 12px;
+  border-radius: 3px;
+  background: var(--vscode-textCodeBlock-background, rgba(128, 128, 128, 0.1));
+  font-weight: 600;
+  list-style: none;
+  cursor: pointer;
+  user-select: none;
+  transition: background-color 0.15s;
+}
+:where(.seqnotes-viewer) summary::-webkit-details-marker {
+  display: none;
+}
+:where(.seqnotes-viewer) summary::before {
+  content: "";
+  flex: none;
+  width: 0.4em;
+  height: 0.4em;
+  margin: 0 0.1em;
+  border-right: 2px solid var(--seqnotes-muted);
+  border-bottom: 2px solid var(--seqnotes-muted);
+  transform: rotate(-45deg);
+  transition: transform 0.15s, border-color 0.15s;
+}
+:where(.seqnotes-viewer) details[open] > summary {
+  margin-bottom: 0.8em;
+  border-bottom: 1px solid var(--seqnotes-border);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+:where(.seqnotes-viewer) details[open] > summary::before {
+  transform: rotate(45deg);
+}
+:where(.seqnotes-viewer) summary:hover {
+  background: var(--vscode-list-hoverBackground, rgba(128, 128, 128, 0.2));
+}
+:where(.seqnotes-viewer) summary:hover::before {
+  border-color: var(--seqnotes-accent);
+}
+:where(.seqnotes-viewer) summary:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+  outline-offset: -1px;
+}
+:where(.seqnotes-viewer) details > :last-child:not(summary) {
+  margin-bottom: 0;
+}
+.seqnotes-viewer {
+  --seqnotes-hl-keyword: #569cd6;
+  --seqnotes-hl-type: #4ec9b0;
+  --seqnotes-hl-number: #b5cea8;
+  --seqnotes-hl-string: #ce9178;
+  --seqnotes-hl-function: #dcdcaa;
+  --seqnotes-hl-comment: #6a9955;
+  --seqnotes-hl-meta: #9b9b9b;
+  --seqnotes-hl-variable: #9cdcfe;
+  --seqnotes-hl-selector: #d7ba7d;
+}
+.seqnotes-viewer:is(.vscode-light, .vscode-high-contrast-light):not([data-seqnotes-theme=dark]),
+.seqnotes-viewer[data-seqnotes-theme=light] {
+  --seqnotes-hl-keyword: #0000ff;
+  --seqnotes-hl-type: #267f99;
+  --seqnotes-hl-number: #098658;
+  --seqnotes-hl-string: #a31515;
+  --seqnotes-hl-function: #795e26;
+  --seqnotes-hl-comment: #008000;
+  --seqnotes-hl-meta: #808080;
+  --seqnotes-hl-variable: #001080;
+  --seqnotes-hl-selector: #800000;
+}
+.hljs-keyword,
+.hljs-literal,
+.hljs-symbol,
+.hljs-name,
+.hljs-link {
+  color: var(--seqnotes-hl-keyword);
+}
+.hljs-built_in,
+.hljs-type {
+  color: var(--seqnotes-hl-type);
+}
+.hljs-number,
+.hljs-class,
+.hljs-addition {
+  color: var(--seqnotes-hl-number);
+}
+.hljs-string,
+.hljs-regexp,
+.hljs-deletion {
+  color: var(--seqnotes-hl-string);
+}
+.hljs-title,
+.hljs-title.function_ {
+  color: var(--seqnotes-hl-function);
+}
+.hljs-comment,
+.hljs-quote {
+  color: var(--seqnotes-hl-comment);
+  font-style: italic;
+}
+.hljs-meta,
+.hljs-tag {
+  color: var(--seqnotes-hl-meta);
+}
+.hljs-variable,
+.hljs-template-variable,
+.hljs-attr,
+.hljs-attribute,
+.hljs-property {
+  color: var(--seqnotes-hl-variable);
+}
+.hljs-section,
+.hljs-bullet,
+.hljs-selector-tag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: var(--seqnotes-hl-selector);
+}
+.hljs-section,
+.hljs-strong {
+  font-weight: bold;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.seqnotes-mermaid {
+  margin: 1em 0;
+}
+.seqnotes-mermaid-scratch {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  pointer-events: none;
+}
+.seqnotes-diagram {
+  position: relative;
+}
+.seqnotes-diagram svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 0 auto;
+}
+.seqnotes-zoom-button,
+.seqnotes-zoom-toolbar button,
+.seqnotes-table-plain-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: none;
+  color: var(--vscode-icon-foreground, currentColor);
+  font: inherit;
+  font-size: 16px;
+  line-height: 1;
+  cursor: pointer;
+}
+.seqnotes-zoom-button:hover,
+.seqnotes-zoom-toolbar button:hover,
+.seqnotes-table-plain-toggle:hover {
+  background: var(--vscode-toolbar-hoverBackground, rgba(128, 128, 128, 0.2));
+}
+.seqnotes-zoom-button:focus-visible,
+.seqnotes-zoom-toolbar button:focus-visible,
+.seqnotes-table-plain-toggle:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+}
+.seqnotes-zoom-button,
+.seqnotes-table-plain-toggle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1;
+  opacity: 0;
+  border: 1px solid var(--vscode-editorWidget-border, var(--seqnotes-border));
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  transition: opacity 0.15s;
+}
+.seqnotes-diagram:hover > .seqnotes-zoom-button,
+.seqnotes-zoom-button:focus-visible,
+.seqnotes-table-plain-toggle:focus-visible {
+  opacity: 1;
+}
+.seqnotes-zoomable {
+  cursor: zoom-in;
+}
+.seqnotes-zoomable:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+  outline-offset: 2px;
+}
+.seqnotes-zoom {
+  position: fixed;
+  inset: 0;
+  z-index: 20;
+  overflow: hidden;
+  background: var(--vscode-editor-background);
+  outline: none;
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+}
+.seqnotes-zoom[hidden] {
+  display: none;
+}
+.seqnotes-zoom-stage {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transform-origin: 0 0;
+}
+.seqnotes-zoom-stage svg {
+  display: block;
+}
+.seqnotes-zoom-stage img {
+  display: block;
+  max-width: none;
+}
+.seqnotes-zoom.seqnotes-zoom-dragging {
+  cursor: grabbing;
+}
+.seqnotes-zoom .seqnotes-wireframe-screen {
+  cursor: auto;
+  user-select: text;
+}
+.seqnotes-zoom.seqnotes-zoom-space .seqnotes-wireframe-screen {
+  cursor: grab;
+  user-select: none;
+}
+.seqnotes-zoom-toolbar {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  display: flex;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--vscode-editorWidget-border, var(--seqnotes-border));
+  border-radius: 6px;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
+}
+.seqnotes-mermaid-src {
+  white-space: pre;
+}
+.seqnotes-error-message {
+  color: var(--vscode-errorForeground, #f14c4c);
+  margin-bottom: 4px;
+  white-space: pre-wrap;
+}
+.seqnotes-warnings {
+  position: relative;
+  margin: 12px 0;
+  padding: 6px 2em 6px 12px;
+  border: 1px solid var(--vscode-inputValidation-warningBorder, #b89500);
+  background: var(--vscode-inputValidation-warningBackground, rgba(184, 149, 0, 0.15));
+  border-radius: 4px;
+}
+.seqnotes-warnings p {
+  margin: 4px 0;
+}
+.seqnotes-warnings-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 1.6em;
+  height: 1.6em;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: none;
+  color: var(--vscode-icon-foreground, currentColor);
+  font: inherit;
+  line-height: 1;
+  cursor: pointer;
+}
+.seqnotes-warnings-close:hover {
+  background: var(--vscode-toolbar-hoverBackground, rgba(128, 128, 128, 0.2));
+}
+.seqnotes-warnings-close:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+}
+.seqnotes-viewer.seqnotes-limit-width .seqnotes-viewer-root > * {
+  margin-inline: max(0px, (100% - 1280px) / 2);
+}
+.seqnotes-viewer.seqnotes-limit-width.seqnotes-wide .seqnotes-viewer-root > .seqnotes-pair:not(.seqnotes-pair-stacked) {
+  margin-inline: 0;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) {
+  display: grid;
+  grid-template-columns: minmax(0, var(--seqnotes-split, 55%)) 24px minmax(0, 1fr);
+  align-items: stretch;
+}
+.seqnotes-splitter {
+  display: none;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter {
+  display: block;
+  cursor: col-resize;
+  position: relative;
+  touch-action: none;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 11px;
+  width: 2px;
+  background: transparent;
+  transition: background-color 0.15s;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter:hover::after,
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter:active::after {
+  background: var(--vscode-sash-hoverBorder, var(--seqnotes-accent));
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter:focus {
+  outline: none;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-splitter:focus-visible::after {
+  background: var(--vscode-focusBorder, var(--seqnotes-accent));
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-seq-col {
+  align-self: start;
+  position: sticky;
+  top: 0;
+  max-height: var(--seqnotes-viewport-height, 100vh);
+  overflow: auto;
+  box-sizing: border-box;
+  padding: 8px 0;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-seq-col .seqnotes-mermaid {
+  margin: 0;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-overview-col > :first-child,
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-overview-col > :first-child > :first-child {
+  margin-top: 8px;
+}
+.seqnotes-linked {
+  cursor: pointer;
+}
+.seqnotes-hit {
+  stroke: transparent !important;
+  stroke-width: 14px !important;
+  fill: none !important;
+  pointer-events: stroke;
+}
+.messageText.seqnotes-linked {
+  text-decoration: underline dotted;
+}
+.messageText.seqnotes-active {
+  fill: var(--seqnotes-accent) !important;
+  font-weight: bold;
+}
+.seqnotes-msg.seqnotes-active:not(.seqnotes-hit, .messageText) {
+  stroke: var(--seqnotes-accent) !important;
+  stroke-width: 3px !important;
+}
+.seqnotes-note.seqnotes-anchor > rect {
+  fill: var(--seqnotes-accent) !important;
+  stroke: var(--seqnotes-accent) !important;
+}
+.seqnotes-note.seqnotes-anchor :is(text, tspan) {
+  fill: var(--vscode-editor-background, #fff) !important;
+  font-weight: bold;
+}
+text.seqnotes-anchor,
+text.seqnotes-anchor tspan {
+  fill: var(--seqnotes-accent) !important;
+  font-weight: bold;
+}
+.seqnotes-anchor,
+.seqnotes-goto {
+  cursor: pointer;
+}
+.seqnotes-goto > rect {
+  stroke: var(--seqnotes-accent) !important;
+  stroke-dasharray: 5 3;
+}
+.seqnotes-goto :is(text, tspan) {
+  text-decoration: underline dotted;
+}
+.seqnotes-goto.seqnotes-jump-hover > rect,
+.seqnotes-note.seqnotes-anchor.seqnotes-jump-hover > rect {
+  stroke-width: 3px !important;
+}
+.seqnotes-goto.seqnotes-jump-hover :is(text, tspan) {
+  fill: var(--seqnotes-accent) !important;
+}
+text.seqnotes-anchor.seqnotes-jump-hover {
+  text-decoration: underline;
+}
+.seqnotes-goto:focus-visible,
+.seqnotes-anchor:focus-visible {
+  outline: 2px solid var(--vscode-focusBorder, var(--seqnotes-accent));
+  outline-offset: 2px;
+}
+.seqnotes-branch {
+  fill: var(--seqnotes-accent);
+  fill-opacity: 0;
+  pointer-events: none;
+  transition: fill-opacity 0.15s;
+}
+.seqnotes-branch.seqnotes-jump-hover {
+  fill-opacity: 0.08;
+}
+.seqnotes-branch.seqnotes-flash {
+  animation: seqnotes-branch-flash 1.2s ease-out;
+}
+@keyframes seqnotes-branch-flash {
+  0%, 30% {
+    fill-opacity: 0.25;
+  }
+  100% {
+    fill-opacity: 0;
+  }
+}
+g.seqnotes-flash > rect {
+  animation: seqnotes-note-flash 1.2s ease-out;
+}
+@keyframes seqnotes-note-flash {
+  0%, 30% {
+    stroke: var(--seqnotes-accent);
+    stroke-width: 6px;
+  }
+}
+text.seqnotes-flash {
+  animation: seqnotes-text-flash 1.2s ease-out;
+}
+@keyframes seqnotes-text-flash {
+  0%, 30% {
+    opacity: 0.3;
+  }
+}
+.seqnotes-jump-back {
+  position: absolute;
+  z-index: 1;
+  transform: translateY(-50%);
+  max-width: 60%;
+  overflow: hidden;
+  padding: 1px 8px;
+  border: 1px solid var(--seqnotes-accent);
+  border-radius: 10px;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background, #fff));
+  color: var(--seqnotes-accent);
+  font: 12px/1.6 var(--vscode-font-family, sans-serif);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+}
+.seqnotes-jump-back:hover {
+  background: var(--seqnotes-accent);
+  color: var(--vscode-editor-background, #fff);
+}
+.seqnotes-jump-back:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+  outline-offset: 1px;
+}
+.seqnotes-node.seqnotes-linked .nodeLabel:not([class*=attribute-] *) {
+  text-decoration: underline dotted;
+}
+.seqnotes-node.seqnotes-active :is(rect, polygon, circle, ellipse, path, polyline):not(.label *, .divider *, [class^=row-rect] *) {
+  stroke: var(--seqnotes-accent) !important;
+  stroke-width: 3px !important;
+}
+.seqnotes-node.seqnotes-active .nodeLabel:not([class*=attribute-] *) {
+  color: var(--seqnotes-accent) !important;
+  font-weight: bold;
+}
+.seqnotes-node.seqnotes-active text {
+  fill: var(--seqnotes-accent) !important;
+  font-weight: bold;
+}
+.seqnotes-wireframe {
+  margin: 1em 0;
+  padding: 10px;
+}
+.seqnotes-wireframe-src {
+  display: none;
+}
+.seqnotes-wireframe-frame {
+  position: relative;
+  max-width: 100%;
+  margin: 0 auto;
+  border: 1px solid var(--seqnotes-border);
+  background: #fff;
+}
+.seqnotes-wireframe-screen {
+  transform-origin: 0 0;
+  contain: layout paint;
+}
+.seqnotes-wireframe-frame:hover > .seqnotes-zoom-button {
+  opacity: 1;
+}
+.seqnotes-wireframe-note {
+  margin: 6px 0 0;
+  color: var(--vscode-editorWarning-foreground, #b89500);
+  font-size: 0.9em;
+}
+.seqnotes-wireframe-missing > p {
+  margin: 0;
+  padding: 2em 1em;
+  border: 1px dashed var(--seqnotes-border);
+  color: var(--seqnotes-muted);
+  text-align: center;
+}
+.seqnotes-part {
+  position: absolute;
+  box-sizing: border-box;
+  pointer-events: none;
+  border: 2px solid transparent;
+  border-radius: 3px;
+  transition: background-color 0.15s, border-color 0.15s;
+}
+.seqnotes-part.seqnotes-active {
+  border-color: var(--seqnotes-accent);
+  background: var(--seqnotes-accent-bg);
+}
+.seqnotes-part-number {
+  position: absolute;
+  left: 0;
+  top: 0;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 4px;
+  border-radius: 9px;
+  box-sizing: border-box;
+  background: #d93025;
+  color: #fff;
+  font: bold 11px/18px var(--vscode-font-family, sans-serif);
+  text-align: center;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+.seqnotes-part.seqnotes-active .seqnotes-part-number {
+  background: var(--seqnotes-accent);
+}
+.seqnotes-part.seqnotes-unlinked:not(.seqnotes-active) .seqnotes-part-number {
+  opacity: 0.45;
+}
+tr.seqnotes-row {
+  cursor: pointer;
+}
+tr.seqnotes-row.seqnotes-active > td {
+  background: var(--seqnotes-accent-bg);
+}
+tr.seqnotes-row.seqnotes-active > td:first-child {
+  box-shadow: inset 3px 0 0 var(--seqnotes-accent);
+}
+.seqnotes-section {
+  display: flow-root;
+  margin: 0.8em 0;
+  border-left: 3px solid transparent;
+  padding: 0 8px 0 12px;
+  border-radius: 2px;
+  transition: background-color 0.15s, border-color 0.15s;
+}
+.seqnotes-section.seqnotes-active {
+  border-left-color: var(--seqnotes-accent);
+  background: var(--seqnotes-accent-bg);
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-overview-col > .seqnotes-section ~ .seqnotes-section {
+  position: relative;
+  margin-top: 1.6em;
+}
+.seqnotes-viewer.seqnotes-wide .seqnotes-pair:not(.seqnotes-pair-stacked) > .seqnotes-overview-col > .seqnotes-section ~ .seqnotes-section::before {
+  content: "";
+  position: absolute;
+  top: -0.8em;
+  left: -3px;
+  right: 0;
+  border-top: 1px solid var(--seqnotes-border);
+}
+.seqnotes-section > :is(h1, h2, h3, h4, h5, h6) {
+  cursor: pointer;
+  margin-top: 0.5em;
+}
+.seqnotes-section > :is(h1, h2, h3, h4, h5, h6):hover {
+  color: var(--seqnotes-accent);
+}
+.seqnotes-step {
+  display: inline-block;
+  min-width: 1.6em;
+  margin-right: 0.5em;
+  padding: 0 0.45em;
+  border-radius: 0.8em;
+  background: var(--vscode-foreground, #333);
+  color: var(--vscode-editor-background, #fff);
+  font-size: 0.65em;
+  line-height: 1.6em;
+  text-align: center;
+  vertical-align: middle;
+  box-sizing: border-box;
+}
+.messageText.seqnotes-unlinked:not(.seqnotes-current) {
+  opacity: 0.55;
+}
+.seqnotes-node.seqnotes-unlinked:not(.seqnotes-current) .label {
+  opacity: 0.55;
+}
+.seqnotes-unlinked:is(h1, h2, h3, h4, h5, h6)::after,
+.seqnotes-unlinked > td[data-seqnotes-mark]::after {
+  content: attr(data-seqnotes-mark);
+  margin-left: 0.6em;
+  padding: 0 0.5em;
+  border: 1px dashed var(--seqnotes-border);
+  border-radius: 1em;
+  color: var(--seqnotes-muted);
+  font-size: 0.6em;
+  font-weight: normal;
+  vertical-align: middle;
+}
+[data-line].seqnotes-current:not(.seqnotes-mermaid) {
+  box-shadow: -10px 0 0 -7px var(--seqnotes-current);
+}
+.messageText.seqnotes-current {
+  font-weight: bold;
+  text-decoration: underline;
+}
+.seqnotes-msg.seqnotes-current:not(.seqnotes-hit, .messageText) {
+  stroke-width: 3px !important;
+}
+.seqnotes-node.seqnotes-current :is(rect, polygon, circle, ellipse, path, polyline):not(.label *, .divider *, [class^=row-rect] *) {
+  stroke-width: 3px !important;
+}
+.seqnotes-node.seqnotes-current .nodeLabel:not([class*=attribute-] *) {
+  font-weight: bold;
+  text-decoration: underline;
+}
+.seqnotes-node.statediagram-cluster:is(.seqnotes-active, .seqnotes-current) .nodeLabel {
+  font-weight: normal;
+}
+.seqnotes-toc {
+  position: fixed;
+  top: 50%;
+  right: 4px;
+  z-index: 10;
+  transform: translateY(-50%);
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 20px;
+  max-height: 70vh;
+  padding: 6px 0;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  font-size: 13px;
+  line-height: 1.4;
+}
+.seqnotes-toc[hidden] {
+  display: none;
+}
+.seqnotes-toc-title {
+  display: none;
+}
+.seqnotes-toc ol {
+  position: relative;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+}
+.seqnotes-toc button {
+  display: block;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 8px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.seqnotes-toc button::before {
+  content: "";
+  position: absolute;
+  top: 3px;
+  right: 2px;
+  width: calc(14px - var(--seqnotes-toc-depth, 0) * 4px);
+  height: 2px;
+  border-radius: 1px;
+  background: var(--seqnotes-border);
+}
+.seqnotes-toc .seqnotes-toc-current button::before {
+  background: var(--seqnotes-accent);
+}
+.seqnotes-toc-text {
+  display: none;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) {
+  width: max-content;
+  min-width: 160px;
+  max-width: min(320px, 60vw);
+  padding: 6px;
+  border-color: var(--vscode-editorWidget-border, var(--seqnotes-border));
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) .seqnotes-toc-title {
+  display: block;
+  padding: 0 8px 4px;
+  color: var(--seqnotes-muted);
+  font-size: 11px;
+  font-weight: 600;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) ol {
+  overflow-y: auto;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) button {
+  height: auto;
+  padding: 2px 8px 2px calc(8px + var(--seqnotes-toc-depth, 0) * 12px);
+  border-left: 2px solid transparent;
+  border-radius: 3px;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) button::before {
+  display: none;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) .seqnotes-toc-text {
+  display: inline;
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) button:hover {
+  background: var(--vscode-list-hoverBackground, rgba(128, 128, 128, 0.2));
+}
+.seqnotes-toc:is(:hover, :has(:focus-visible)) .seqnotes-toc-current button {
+  border-left-color: var(--seqnotes-accent);
+  color: var(--seqnotes-accent);
+}
+.seqnotes-toc button:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+  outline-offset: -1px;
+}
+[data-seqnotes-diff] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-addedBackground, #2ea043);
+}
+[data-seqnotes-diff=changed] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-modifiedBackground, #005fb8);
+}
+[data-seqnotes-diff=deleted] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-deletedBackground, #f85149);
+}
+[data-seqnotes-diff]:not(tr, :where(.seqnotes-diff-off *)) {
+  border-radius: 2px;
+  background: color-mix(in srgb, var(--seqnotes-diff-color) 8%, transparent);
+  box-shadow: -4px 0 0 0 var(--vscode-editor-background, transparent), -8px 0 0 0 var(--seqnotes-diff-color);
+}
+tr[data-seqnotes-diff]:not(:where(.seqnotes-diff-off *)) > :is(td, th) {
+  background: color-mix(in srgb, var(--seqnotes-diff-color) 10%, transparent);
+}
+tr[data-seqnotes-diff]:not(:where(.seqnotes-diff-off *)) > :first-child {
+  box-shadow: inset 4px 0 0 0 var(--seqnotes-diff-color);
+}
+[data-seqnotes-diff=deleted] {
+  opacity: 0.75;
+}
+:is(h1, h2, h3, h4, h5, h6)[data-seqnotes-diff]:not(:where(.seqnotes-diff-off *)) {
+  padding-left: 4px;
+}
+ins.seqnotes-diff-ins {
+  text-decoration: none;
+}
+ins.seqnotes-diff-ins:not(:where(.seqnotes-diff-off *)) {
+  border-radius: 2px;
+  background: var(--vscode-diffEditor-insertedTextBackground, rgba(156, 204, 44, 0.25));
+  box-shadow: 0 1.5px 0 0 var(--vscode-editorGutter-addedBackground, #2ea043);
+}
+del.seqnotes-diff-del {
+  border-radius: 2px;
+  background: var(--vscode-diffEditor-removedTextBackground, rgba(255, 0, 0, 0.2));
+  text-decoration: line-through;
+  text-decoration-color: var(--vscode-editorGutter-deletedBackground, #f85149);
+}
+.seqnotes-diff-old-diagram {
+  margin: 0.5em 0 1em;
+}
+.seqnotes-diff-old-diagram > summary {
+  color: var(--seqnotes-muted);
+  font-size: 0.9em;
+}
+.seqnotes-diff-old-diagram > .seqnotes-mermaid {
+  opacity: 0.75;
+  background: color-mix(in srgb, var(--vscode-editorGutter-deletedBackground, #f85149) 8%, transparent);
+}
+.seqnotes-diff-focus {
+  outline: 2px solid var(--vscode-focusBorder, #005fb8);
+  outline-offset: 2px;
+}
+[data-seqnotes-diff] {
+  scroll-margin: 25vh 0;
+}
+.seqnotes-diff-bar {
+  position: fixed;
+  bottom: 16px;
+  left: 50%;
+  z-index: 12;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  max-width: calc(100vw - 32px);
+  box-sizing: border-box;
+  padding: 3px 3px 3px 12px;
+  border: 1px solid var(--vscode-editorWidget-border, var(--seqnotes-border));
+  border-radius: 6px;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
+  font-size: 12px;
+  transform: translateX(-50%);
+}
+.seqnotes-diff-bar[hidden] {
+  display: none;
+}
+.seqnotes-diff-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.seqnotes-diff-counts {
+  display: flex;
+  gap: 8px;
+  color: var(--seqnotes-muted);
+  white-space: nowrap;
+}
+.seqnotes-diff-count::before {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  margin-right: 4px;
+  border-radius: 2px;
+  background: var(--seqnotes-diff-color);
+}
+.seqnotes-diff-count[data-kind=added] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-addedBackground, #2ea043);
+}
+.seqnotes-diff-count[data-kind=changed] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-modifiedBackground, #005fb8);
+}
+.seqnotes-diff-count[data-kind=deleted] {
+  --seqnotes-diff-color: var(--vscode-editorGutter-deletedBackground, #f85149);
+}
+.seqnotes-diff-buttons {
+  display: flex;
+  gap: 2px;
+}
+.seqnotes-diff-buttons button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--vscode-icon-foreground, currentColor);
+  cursor: pointer;
+}
+.seqnotes-diff-buttons button:hover {
+  background: var(--vscode-toolbar-hoverBackground, rgba(128, 128, 128, 0.2));
+}
+.seqnotes-diff-buttons button:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder);
+}
+.seqnotes-diff-buttons button:disabled {
+  opacity: 0.4;
+  cursor: default;
+  background: transparent;
+}
+@media print {
+  .seqnotes-diff-bar {
+    display: none;
+  }
+}
+
+/* webview/theme.css */
+.seqnotes-viewer {
+  --vscode-font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    "Hiragino Sans",
+    "Hiragino Kaku Gothic ProN",
+    Meiryo,
+    "Noto Sans JP",
+    sans-serif;
+  --vscode-markdown-font-family: var(--vscode-font-family);
+  --vscode-markdown-font-size: 14px;
+  --vscode-markdown-line-height: 1.6;
+  --vscode-editor-font-family:
+    "SF Mono",
+    Menlo,
+    Consolas,
+    "Liberation Mono",
+    monospace;
+}
+.seqnotes-viewer.vscode-light {
+  color-scheme: light;
+  --vscode-editor-background: #ffffff;
+  --vscode-editor-foreground: #3b3b3b;
+  --vscode-foreground: #3b3b3b;
+  --vscode-descriptionForeground: #717171;
+  --vscode-icon-foreground: #3b3b3b;
+  --vscode-errorForeground: #f85149;
+  --vscode-focusBorder: #005fb8;
+  --vscode-textLink-foreground: #005fb8;
+  --vscode-textLink-activeForeground: #005fb8;
+  --vscode-textCodeBlock-background: #f3f3f3;
+  --vscode-textBlockQuote-border: #e5e5e5;
+  --vscode-textBlockQuote-foreground: #616161;
+  --vscode-panel-border: #e5e5e5;
+  --vscode-editorLineNumber-activeForeground: #171184;
+  --vscode-editorWidget-background: #f8f8f8;
+  --vscode-sideBar-background: #f8f8f8;
+  --vscode-editorWidget-border: #c8c8c8;
+  --vscode-widget-shadow: rgba(0, 0, 0, 0.16);
+  --vscode-list-hoverBackground: #f2f2f2;
+  --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31);
+  --vscode-sash-hoverBorder: #005fb8;
+  --vscode-inputValidation-warningBackground: #f6f5d2;
+  --vscode-inputValidation-warningBorder: #b89500;
+  --vscode-input-background: #ffffff;
+  --vscode-input-foreground: #3b3b3b;
+  --vscode-input-border: #cecece;
+  --vscode-input-placeholderForeground: #767676;
+  --vscode-charts-blue: #1a85ff;
+  --vscode-charts-green: #388a34;
+  --vscode-charts-purple: #652d90;
+  --vscode-charts-red: #e51400;
+  --vscode-charts-yellow: #bf8803;
+  --vscode-editorGutter-addedBackground: #2ea043;
+  --vscode-editorGutter-modifiedBackground: #005fb8;
+  --vscode-editorGutter-deletedBackground: #f85149;
+  --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.25);
+  --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
+}
+.seqnotes-viewer.vscode-dark {
+  color-scheme: dark;
+  --vscode-editor-background: #1f1f1f;
+  --vscode-editor-foreground: #cccccc;
+  --vscode-foreground: #cccccc;
+  --vscode-descriptionForeground: #9d9d9d;
+  --vscode-icon-foreground: #cccccc;
+  --vscode-errorForeground: #f85149;
+  --vscode-focusBorder: #0078d4;
+  --vscode-textLink-foreground: #4daafc;
+  --vscode-textLink-activeForeground: #4daafc;
+  --vscode-textCodeBlock-background: #2b2b2b;
+  --vscode-textBlockQuote-border: #616161;
+  --vscode-textBlockQuote-foreground: #cccccc;
+  --vscode-panel-border: #2b2b2b;
+  --vscode-editorLineNumber-activeForeground: #cccccc;
+  --vscode-editorWidget-background: #202020;
+  --vscode-sideBar-background: #181818;
+  --vscode-editorWidget-border: #313131;
+  --vscode-widget-shadow: rgba(0, 0, 0, 0.36);
+  --vscode-list-hoverBackground: #2a2d2e;
+  --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31);
+  --vscode-sash-hoverBorder: #0078d4;
+  --vscode-inputValidation-warningBackground: #352a05;
+  --vscode-inputValidation-warningBorder: #b89500;
+  --vscode-input-background: #313131;
+  --vscode-input-foreground: #cccccc;
+  --vscode-input-border: #3c3c3c;
+  --vscode-input-placeholderForeground: #989898;
+  --vscode-charts-blue: #3794ff;
+  --vscode-charts-green: #89d185;
+  --vscode-charts-purple: #b180d7;
+  --vscode-charts-red: #f14c4c;
+  --vscode-charts-yellow: #cca700;
+  --vscode-editorGutter-addedBackground: #2ea043;
+  --vscode-editorGutter-modifiedBackground: #0078d4;
+  --vscode-editorGutter-deletedBackground: #f85149;
+  --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.2);
+  --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2);
+}
+
+/* embed/viewer.css */
+.seqnotes-viewer.seqnotes-embedded {
+  position: relative;
+  box-sizing: border-box;
+  height: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+.seqnotes-embedded > .seqnotes-viewer-scroller {
+  box-sizing: border-box;
+  height: 100%;
+  overflow: auto;
+  padding: 2px 26px calc(var(--seqnotes-viewport-height, 0px) * 0.4);
+}
+.seqnotes-embedded > .seqnotes-toc {
+  position: absolute;
+  right: calc(4px + var(--seqnotes-scrollbar-width, 0px));
+  max-height: 70%;
+}
+.seqnotes-embedded > .seqnotes-diff-bar {
+  position: absolute;
+  max-width: calc(100% - 32px);
+}