for-humanity 0.12.0 → 0.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (226) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +16 -9
  3. package/dist/browser.js +14 -16
  4. package/dist/cli.css +2 -968
  5. package/dist/cli.js +92 -2318
  6. package/dist/config.js +1 -0
  7. package/dist/constant/copy.d.ts +100 -0
  8. package/dist/constant/site.d.ts +20 -0
  9. package/dist/constant/status.d.ts +19 -0
  10. package/dist/copy-C1uzvEnr.js +103 -0
  11. package/dist/group-path-XAThmzvC.js +10 -0
  12. package/dist/load-site-B-u5-jv0.js +2343 -0
  13. package/dist/logger-Dv1i9xSV.js +9 -0
  14. package/dist/mermaid/THIRD-PARTY-NOTICES.txt +3134 -0
  15. package/dist/mermaid/chunk--TN-qHgG.js +2 -0
  16. package/dist/mermaid/chunk-0kM1Lv4D.js +2 -0
  17. package/dist/mermaid/chunk-3FHei3pH.js +2001 -0
  18. package/dist/mermaid/chunk-3_2p2GqN.js +2 -0
  19. package/dist/mermaid/chunk-6HLei9i0.js +84 -0
  20. package/dist/mermaid/chunk-7Sz3kAwl.js +2214 -0
  21. package/dist/mermaid/chunk-7Tarqbpa.js +18047 -0
  22. package/dist/mermaid/chunk-9kkt8lzL.js +10 -0
  23. package/dist/mermaid/chunk-B--pNBQF.js +884 -0
  24. package/dist/mermaid/chunk-B4F-pysn.js +4241 -0
  25. package/dist/mermaid/chunk-B58sEIY_.js +14 -0
  26. package/dist/mermaid/chunk-B9_UWzSH.js +1517 -0
  27. package/dist/mermaid/chunk-BB8uZHwY.js +75 -0
  28. package/dist/mermaid/chunk-BFfk0LEc.js +717 -0
  29. package/dist/mermaid/chunk-BKri0qr7.js +89 -0
  30. package/dist/mermaid/chunk-BL404pH5.js +26 -0
  31. package/dist/mermaid/chunk-BLeiQSWo.js +354 -0
  32. package/dist/mermaid/chunk-BOmH_UFd.js +2 -0
  33. package/dist/mermaid/chunk-BSej9Nhy.js +1361 -0
  34. package/dist/mermaid/chunk-BYzrzvCI.js +12 -0
  35. package/dist/mermaid/chunk-BariMtWr.js +3020 -0
  36. package/dist/mermaid/chunk-BcrBoMwH.js +2352 -0
  37. package/dist/mermaid/chunk-Bok8z-Yo.js +67 -0
  38. package/dist/mermaid/chunk-BpTHLKQM.js +1970 -0
  39. package/dist/mermaid/chunk-BqjuxRsC.js +733 -0
  40. package/dist/mermaid/chunk-BuvPd-s5.js +1073 -0
  41. package/dist/mermaid/chunk-BvVehae3.js +5069 -0
  42. package/dist/mermaid/chunk-C-JABYpd.js +3075 -0
  43. package/dist/mermaid/chunk-C9XlTm4w.js +2 -0
  44. package/dist/mermaid/chunk-CApNbSU9.js +6 -0
  45. package/dist/mermaid/chunk-CCM2AH-C.js +9 -0
  46. package/dist/mermaid/chunk-CD1E0F_N.js +2 -0
  47. package/dist/mermaid/chunk-CDWvKG7D.js +2 -0
  48. package/dist/mermaid/chunk-CEVPpC1F.js +34 -0
  49. package/dist/mermaid/chunk-CLDr12lf.js +47504 -0
  50. package/dist/mermaid/chunk-CLVYqOBI.js +61 -0
  51. package/dist/mermaid/chunk-CLeOkFb5.js +15 -0
  52. package/dist/mermaid/chunk-CLgRAtOz.js +37 -0
  53. package/dist/mermaid/chunk-CMqFNUBl.js +134 -0
  54. package/dist/mermaid/chunk-CTPaBJXB.js +2 -0
  55. package/dist/mermaid/chunk-CVi6IGBL.js +2 -0
  56. package/dist/mermaid/chunk-CWV_EN-4.js +4745 -0
  57. package/dist/mermaid/chunk-CZ0dAs3g.js +2 -0
  58. package/dist/mermaid/chunk-C_YGy4Fn.js +236 -0
  59. package/dist/mermaid/chunk-CcVH22Yt.js +100 -0
  60. package/dist/mermaid/chunk-CgG6CD9_.js +7175 -0
  61. package/dist/mermaid/chunk-CgOP6IDB.js +3397 -0
  62. package/dist/mermaid/chunk-Cgg2UTSf.js +13 -0
  63. package/dist/mermaid/chunk-ChJfJJ1A.js +214 -0
  64. package/dist/mermaid/chunk-Ck5XRA46.js +447 -0
  65. package/dist/mermaid/chunk-Ckuw16cl.js +203 -0
  66. package/dist/mermaid/chunk-CpAbRCbF.js +1880 -0
  67. package/dist/mermaid/chunk-CuYekbSv.js +2 -0
  68. package/dist/mermaid/chunk-CwS4wZ5a.js +2 -0
  69. package/dist/mermaid/chunk-D-bcrBO3.js +82 -0
  70. package/dist/mermaid/chunk-D3IEAkCW.js +76 -0
  71. package/dist/mermaid/chunk-D8XfBJ_K.js +645 -0
  72. package/dist/mermaid/chunk-D9Ddd9y4.js +2228 -0
  73. package/dist/mermaid/chunk-DBh1mIbK.js +12 -0
  74. package/dist/mermaid/chunk-DD6Df6Ic.js +5 -0
  75. package/dist/mermaid/chunk-DGVDaXjx.js +8 -0
  76. package/dist/mermaid/chunk-DK9KqIXj.js +632 -0
  77. package/dist/mermaid/chunk-DORnIAsy.js +4487 -0
  78. package/dist/mermaid/chunk-DU69_VcF.js +363 -0
  79. package/dist/mermaid/chunk-DVNvSFoz.js +2144 -0
  80. package/dist/mermaid/chunk-DZe-4kde.js +20 -0
  81. package/dist/mermaid/chunk-D_a06Rz4.js +287 -0
  82. package/dist/mermaid/chunk-DfyFJJi2.js +972 -0
  83. package/dist/mermaid/chunk-DhKYPp1Z.js +2 -0
  84. package/dist/mermaid/chunk-DjFqgNTG.js +94 -0
  85. package/dist/mermaid/chunk-DmbDDrr-.js +65 -0
  86. package/dist/mermaid/chunk-DpuxlyL_.js +696 -0
  87. package/dist/mermaid/chunk-DqGhppWe.js +2 -0
  88. package/dist/mermaid/chunk-DqPZxHXa.js +5 -0
  89. package/dist/mermaid/chunk-Dt_1Jyif.js +293 -0
  90. package/dist/mermaid/chunk-DyQBE_NW.js +1935 -0
  91. package/dist/mermaid/chunk-JckyC4mW.js +1009 -0
  92. package/dist/mermaid/chunk-K7Myuj2-.js +1334 -0
  93. package/dist/mermaid/chunk-KuPYb48V.js +275 -0
  94. package/dist/mermaid/chunk-MFVRUoO0.js +4020 -0
  95. package/dist/mermaid/chunk-MbInCS_6.js +28 -0
  96. package/dist/mermaid/chunk-MexOLyKV.js +355 -0
  97. package/dist/mermaid/chunk-NnbDtJzg.js +21856 -0
  98. package/dist/mermaid/chunk-SGpOYZbI.js +2139 -0
  99. package/dist/mermaid/chunk-TbxLDlcU.js +198 -0
  100. package/dist/mermaid/chunk-TftHqGLg.js +490 -0
  101. package/dist/mermaid/chunk-UjQ8vA_Z.js +4138 -0
  102. package/dist/mermaid/chunk-YgmVTKqc.js +16 -0
  103. package/dist/mermaid/chunk-_a9EZE1v.js +1798 -0
  104. package/dist/mermaid/chunk-dTb8jqeP.js +2 -0
  105. package/dist/mermaid/chunk-fFdMfF8S.js +2240 -0
  106. package/dist/mermaid/chunk-feYbMzBj.js +1267 -0
  107. package/dist/mermaid/chunk-g3Pn8DkW.js +46 -0
  108. package/dist/mermaid/chunk-hM77LvCb.js +19832 -0
  109. package/dist/mermaid/chunk-hUDb-eAW.js +527 -0
  110. package/dist/mermaid/chunk-tpABtZ-3.js +4252 -0
  111. package/dist/mermaid/chunk-xIbz3oFK.js +59 -0
  112. package/dist/mermaid/chunk-yBz-vst0.js +976 -0
  113. package/dist/mermaid/mermaid-BhtR3wyB.js +1145 -0
  114. package/dist/run-site-command-cqCjpIlc.js +129 -0
  115. package/dist/site-config-bllORGpm.js +90 -0
  116. package/dist/site.js +1 -0
  117. package/dist/start-dev-server-x7Ja5uwv.js +184 -0
  118. package/dist/to-change-queue-DbEnZGNK.js +34 -0
  119. package/dist/to-error-message-pF6_7wGK.js +16 -0
  120. package/dist/type/group-path.d.ts +7 -0
  121. package/dist/type/site-config.d.ts +57 -0
  122. package/package.json +34 -17
  123. package/src/component/widget/cursor-face/_constant/cursor-face.ts +0 -14
  124. package/src/component/widget/cursor-face/wg-cursor-face.css +0 -15
  125. package/src/component/widget/cursor-face/wg-cursor-face.tsx +0 -153
  126. package/src/component/widget/navigation/_constant/locale.ts +0 -9
  127. package/src/component/widget/navigation/_constant/navigation-data-schema.ts +0 -33
  128. package/src/component/widget/navigation/_constant/navigation.ts +0 -9
  129. package/src/component/widget/navigation/_constant/reading-line.ts +0 -4
  130. package/src/component/widget/navigation/_function/restore-navigation-scroll.ts +0 -59
  131. package/src/component/widget/navigation/_function/to-doc-groups/_to-doc-branches.ts +0 -15
  132. package/src/component/widget/navigation/_function/to-doc-groups/_to-doc-group-branches.ts +0 -70
  133. package/src/component/widget/navigation/_function/to-doc-groups/to-doc-groups.ts +0 -15
  134. package/src/component/widget/navigation/_function/to-navigation-data/_to-navigation-document.ts +0 -13
  135. package/src/component/widget/navigation/_function/to-navigation-data/_to-navigation-group.ts +0 -13
  136. package/src/component/widget/navigation/_function/to-navigation-data/to-navigation-data.ts +0 -18
  137. package/src/component/widget/navigation/_function/to-navigation-json.ts +0 -8
  138. package/src/component/widget/navigation/_function/to-toc-groups.ts +0 -38
  139. package/src/component/widget/navigation/_type/doc-branch.ts +0 -11
  140. package/src/component/widget/navigation/_type/doc-group.ts +0 -24
  141. package/src/component/widget/navigation/_type/navigation-data.ts +0 -75
  142. package/src/component/widget/navigation/_type/navigation-focus-snapshot.ts +0 -17
  143. package/src/component/widget/navigation/_type/toc-group.ts +0 -39
  144. package/src/component/widget/navigation/_wg-navigation-nav-list.css +0 -48
  145. package/src/component/widget/navigation/_wg-navigation-nav-list.tsx +0 -61
  146. package/src/component/widget/navigation/_wg-navigation-nav.css +0 -21
  147. package/src/component/widget/navigation/_wg-navigation-nav.tsx +0 -33
  148. package/src/component/widget/navigation/_wg-navigation-scroll.tsx +0 -117
  149. package/src/component/widget/navigation/_wg-navigation-toc.css +0 -91
  150. package/src/component/widget/navigation/_wg-navigation-toc.tsx +0 -114
  151. package/src/component/widget/navigation/wg-navigation.css +0 -282
  152. package/src/component/widget/navigation/wg-navigation.tsx +0 -420
  153. package/src/component/widget/prose/_constant/heading-highlight.ts +0 -4
  154. package/src/component/widget/prose/_constant/section.ts +0 -7
  155. package/src/component/widget/prose/_constant/status.ts +0 -9
  156. package/src/component/widget/prose/_function/has-block-content.ts +0 -30
  157. package/src/component/widget/prose/_function/rehype-head.ts +0 -31
  158. package/src/component/widget/prose/_function/rehype-sections/_to-section-headings.ts +0 -20
  159. package/src/component/widget/prose/_function/rehype-sections/rehype-sections.ts +0 -21
  160. package/src/component/widget/prose/_function/rehype-tables.ts +0 -22
  161. package/src/component/widget/prose/_function/remark-blocks.ts +0 -112
  162. package/src/component/widget/prose/_function/remark-flow.ts +0 -26
  163. package/src/component/widget/prose/_function/remark-links.ts +0 -33
  164. package/src/component/widget/prose/_function/remark-parts.ts +0 -26
  165. package/src/component/widget/prose/_function/remark-status.ts +0 -59
  166. package/src/component/widget/prose/_function/remark-swatch.ts +0 -16
  167. package/src/component/widget/prose/_function/remark-unknown-directives.ts +0 -25
  168. package/src/component/widget/prose/wg-prose.css +0 -484
  169. package/src/component/widget/prose/wg-prose.tsx +0 -43
  170. package/src/component/widget/shell/wg-shell.css +0 -63
  171. package/src/component/widget/shell/wg-shell.tsx +0 -88
  172. package/src/component/widget/shell-controls/wg-shell-controls.css +0 -4
  173. package/src/component/widget/shell-controls/wg-shell-controls.tsx +0 -170
  174. package/src/constant/asset.ts +0 -63
  175. package/src/constant/copy.ts +0 -133
  176. package/src/constant/doc.ts +0 -13
  177. package/src/constant/font.ts +0 -34
  178. package/src/constant/site.ts +0 -24
  179. package/src/constant/status.ts +0 -15
  180. package/src/entry/browser/browser.tsx +0 -22
  181. package/src/entry/cli/_constant/cli.ts +0 -19
  182. package/src/entry/cli/_constant/crawling.ts +0 -14
  183. package/src/entry/cli/_constant/snippet.ts +0 -21
  184. package/src/entry/cli/_function/create-app.tsx +0 -57
  185. package/src/entry/cli/_function/create-dev-app.ts +0 -87
  186. package/src/entry/cli/_function/create-processor/_rehype-assets.ts +0 -70
  187. package/src/entry/cli/_function/create-processor/_rehype-heading-ids.ts +0 -34
  188. package/src/entry/cli/_function/create-processor/_remark-report.ts +0 -15
  189. package/src/entry/cli/_function/create-processor/_remark-snippets.ts +0 -117
  190. package/src/entry/cli/_function/create-processor/_shiki-transformers.ts +0 -91
  191. package/src/entry/cli/_function/create-processor/create-processor.ts +0 -64
  192. package/src/entry/cli/_function/read-docs.ts +0 -128
  193. package/src/entry/cli/_function/read-home.ts +0 -32
  194. package/src/entry/cli/_function/to-crawling-app.ts +0 -42
  195. package/src/entry/cli/cli.test.ts +0 -804
  196. package/src/entry/cli/cli.ts +0 -206
  197. package/src/env.d.ts +0 -6
  198. package/src/page/doc/pg-doc.tsx +0 -35
  199. package/src/page/home/pg-home.tsx +0 -40
  200. package/src/store/navigation/create-navigation-stores.test.ts +0 -74
  201. package/src/store/navigation/create-navigation-stores.ts +0 -59
  202. package/src/store/navigation/navigation-state.ts +0 -36
  203. package/src/store/navigation/navigation-storage.ts +0 -9
  204. package/src/store/navigation/to-navigation-scroll-state.ts +0 -42
  205. package/src/style/base.css +0 -28
  206. package/src/style/token.css +0 -188
  207. package/src/type/doc-content.ts +0 -15
  208. package/src/type/doc-data.ts +0 -38
  209. package/src/type/doc-file-data.ts +0 -21
  210. package/src/type/doc-heading.ts +0 -17
  211. package/src/type/doc-outline.ts +0 -16
  212. package/src/type/doc-section.ts +0 -9
  213. package/src/type/doc.ts +0 -20
  214. package/src/type/group-path.ts +0 -7
  215. package/src/type/site-assets.ts +0 -25
  216. package/src/type/site-config.ts +0 -73
  217. package/src/type/vfile-data.d.ts +0 -10
  218. package/src/util/async/to-change-queue.test.ts +0 -58
  219. package/src/util/async/to-change-queue.ts +0 -43
  220. package/src/util/dom/find-hash-target.ts +0 -18
  221. package/src/util/dom/reveal-hash-target.ts +0 -15
  222. package/src/util/error/to-error-message.ts +0 -10
  223. package/src/util/file/to-asset-path.ts +0 -26
  224. package/src/util/font/to-font-css.test.ts +0 -41
  225. package/src/util/font/to-font-css.ts +0 -28
  226. package/src/util/mermaid/render-flow.js +0 -321
package/dist/cli.css CHANGED
@@ -1,968 +1,2 @@
1
- /* src/component/widget/prose/wg-prose.css */
2
- .wg_prose__root {
3
- & h1 {
4
- margin: 0 0 var(--app-space-stack);
5
- color: var(--app-color-text-strong);
6
- font-size: var(--app-font-size-title);
7
- font-weight: var(--app-font-weight-title);
8
- line-height: var(--app-line-height-title);
9
- letter-spacing: var(--app-letter-spacing-title);
10
- text-wrap: balance;
11
- text-box: trim-start cap alphabetic;
12
- }
13
- & p {
14
- margin: 0 0 var(--app-space-stack);
15
- }
16
- & img {
17
- max-width: 100%;
18
- height: auto;
19
- vertical-align: middle;
20
- }
21
- & h1 + p {
22
- font-size: var(--app-font-size-lead);
23
- }
24
- & h2 {
25
- margin: var(--app-space-section) 0 var(--app-space-stack);
26
- padding-top: var(--app-space-group);
27
- border-top: 1px solid var(--app-color-border);
28
- color: var(--app-color-text-strong);
29
- font-size: var(--app-font-size-section);
30
- font-weight: var(--app-font-weight-strong);
31
- line-height: var(--app-line-height-heading);
32
- letter-spacing: var(--app-letter-spacing-heading);
33
- text-wrap: balance;
34
- scroll-margin-top: var(--app-space-anchor);
35
- }
36
- & .wg_prose__head + h2 {
37
- margin-top: var(--app-space-group);
38
- padding-top: 0;
39
- border-top: 0;
40
- }
41
- & .wg_prose__part + h2 {
42
- margin-top: var(--app-space-block);
43
- padding-top: 0;
44
- border-top: 0;
45
- }
46
- & h3 {
47
- margin: var(--app-space-subsection) 0 var(--app-space-inline);
48
- color: var(--app-color-text-strong);
49
- font-size: var(--app-font-size-lead);
50
- font-weight: var(--app-font-weight-strong);
51
- line-height: var(--app-line-height-tight);
52
- scroll-margin-top: var(--app-space-anchor);
53
- }
54
- & h4 {
55
- margin: var(--app-space-group) 0 6px;
56
- color: var(--app-color-text-strong);
57
- font-size: var(--app-font-size-body);
58
- font-weight: var(--app-font-weight-strong);
59
- }
60
- & h5 {
61
- margin: var(--app-space-block) 0 6px;
62
- color: var(--app-color-text-muted);
63
- font-size: var(--app-font-size-dense);
64
- font-weight: var(--app-font-weight-strong);
65
- }
66
- & a {
67
- color: var(--app-color-link);
68
- text-decoration: none;
69
- text-underline-offset: 2px;
70
- }
71
- & a:visited {
72
- color: var(--app-color-link-visited);
73
- }
74
- & a:hover {
75
- color: var(--app-color-link-hover);
76
- text-decoration: underline;
77
- }
78
- & a:focus-visible {
79
- border-radius: var(--app-radius-mark);
80
- outline: var(--app-outline-focus);
81
- outline-offset: var(--app-outline-focus-offset);
82
- }
83
- & strong {
84
- color: var(--app-color-text-strong);
85
- font-weight: var(--app-font-weight-strong);
86
- }
87
- & ul {
88
- margin: 0 0 var(--app-space-stack);
89
- padding-left: 20px;
90
- }
91
- & ol {
92
- margin: 0 0 var(--app-space-stack);
93
- padding-left: 22px;
94
- }
95
- & li {
96
- margin-bottom: 4px;
97
- }
98
- & li > ul {
99
- margin: 4px 0 0;
100
- }
101
- & li > ol {
102
- margin: 4px 0 0;
103
- }
104
- & code {
105
- padding: 1px 3px;
106
- border-radius: var(--app-radius-inline);
107
- background: var(--app-color-code);
108
- color: var(--app-color-text-strong);
109
- font-family: inherit;
110
- font-size: 1em;
111
- }
112
- & pre {
113
- overflow-x: auto;
114
- margin: var(--app-space-block) 0;
115
- padding: var(--app-space-stack) var(--app-space-block);
116
- border: 1px solid var(--app-color-border);
117
- border-radius: var(--app-radius-box);
118
- background: var(--app-color-code);
119
- font-family: var(--app-font-mono);
120
- font-size: var(--app-font-size-detail);
121
- line-height: var(--app-line-height-code);
122
- letter-spacing: 0;
123
- tab-size: 4;
124
- }
125
- & pre code {
126
- padding: 0;
127
- background: none;
128
- color: inherit;
129
- font-size: inherit;
130
- }
131
- & blockquote {
132
- margin: var(--app-space-block) 0;
133
- padding: 0 0 0 var(--app-space-block);
134
- border-left: 1px solid var(--app-color-border);
135
- }
136
- & blockquote > :last-child {
137
- margin-bottom: 0;
138
- }
139
- & table {
140
- width: 100%;
141
- border: 1px solid var(--app-color-border);
142
- border-collapse: collapse;
143
- font-size: var(--app-font-size-dense);
144
- font-variant-numeric: tabular-nums;
145
- }
146
- & th {
147
- padding: var(--app-space-inline) var(--app-space-stack);
148
- border: 1px solid var(--app-color-border);
149
- background: var(--app-color-code);
150
- color: var(--app-color-text-strong);
151
- font-weight: var(--app-font-weight-strong);
152
- text-align: left;
153
- vertical-align: bottom;
154
- white-space: nowrap;
155
- }
156
- & td {
157
- padding: var(--app-space-inline) var(--app-space-stack);
158
- border: 1px solid var(--app-color-border);
159
- text-align: left;
160
- vertical-align: top;
161
- }
162
- & tbody tr:hover td {
163
- background: var(--app-color-accent-soft);
164
- }
165
- & hr {
166
- margin: var(--app-space-section) 0;
167
- border: 0;
168
- border-top: 1px dotted var(--app-color-border);
169
- }
170
- & pre code .line {
171
- display: inline-block;
172
- width: calc(100% + 2 * var(--app-space-block));
173
- margin: 0 calc(-1 * var(--app-space-block));
174
- padding: 0 var(--app-space-block);
175
- }
176
- & pre code .line.highlighted {
177
- background: var(--app-color-accent-soft);
178
- }
179
- & pre code .line.highlighted.error {
180
- background: var(--app-color-bad-soft);
181
- }
182
- & pre code .line.highlighted.warning {
183
- background: var(--app-color-warn-soft);
184
- }
185
- & pre code .line.diff.add {
186
- background: var(--app-color-good-soft);
187
- }
188
- & pre code .line.diff.remove {
189
- background: var(--app-color-bad-soft);
190
- opacity: 0.8;
191
- }
192
- & pre.wg_prose__code--bad code .line.highlighted,
193
- & pre.wg_prose__code--bad code .line.highlighted.error,
194
- & pre.wg_prose__code--bad code .line.diff.remove {
195
- background: var(--app-color-bad-mark);
196
- }
197
- & pre.wg_prose__code--good code .line.highlighted,
198
- & pre.wg_prose__code--good code .line.diff.add {
199
- background: var(--app-color-good-mark);
200
- }
201
- & pre code .highlighted-word {
202
- padding: 0 2px;
203
- border-radius: var(--app-radius-inline);
204
- background: var(--app-color-accent-soft);
205
- }
206
- & .wg_prose__codeFile {
207
- margin: var(--app-space-block) 0;
208
- }
209
- & .wg_prose__codeFile pre {
210
- margin: 0;
211
- border-top-left-radius: 0;
212
- border-top-right-radius: 0;
213
- }
214
- & .wg_prose__codeFileTitle {
215
- display: flex;
216
- gap: var(--app-space-block);
217
- justify-content: space-between;
218
- padding: var(--app-space-inline) var(--app-space-block);
219
- border: 1px solid var(--app-color-border);
220
- border-bottom: 0;
221
- border-radius: var(--app-radius-box) var(--app-radius-box) 0 0;
222
- background: var(--app-code-background);
223
- color: var(--app-color-text-muted);
224
- font-family: var(--app-font-mono);
225
- font-size: var(--app-font-size-dense);
226
- letter-spacing: 0;
227
- }
228
- & .wg_prose__codeFileLang {
229
- text-transform: uppercase;
230
- }
231
- & pre.wg_prose__lineNumbers code {
232
- counter-reset: line;
233
- }
234
- & pre.wg_prose__lineNumbers code .line::before {
235
- display: inline-block;
236
- width: 2em;
237
- margin-right: var(--app-space-stack);
238
- color: var(--app-color-text-muted);
239
- text-align: right;
240
- content: counter(line);
241
- counter-increment: line;
242
- user-select: none;
243
- }
244
- }
245
- .wg_prose__head {
246
- margin-bottom: var(--app-space-inline);
247
- padding-bottom: var(--app-space-block);
248
- border-bottom: 1px dotted var(--app-color-border);
249
- & > :last-child {
250
- margin-bottom: 0;
251
- }
252
- & [align=center] {
253
- padding: var(--app-space-group) 0;
254
- text-align: center;
255
- }
256
- & [align=center] > h1 {
257
- margin-block: var(--app-space-group);
258
- font-size: 24px;
259
- }
260
- & [align=center] > p {
261
- margin-bottom: var(--app-space-block);
262
- }
263
- & [align=center] > img {
264
- width: 72px;
265
- image-rendering: pixelated;
266
- }
267
- }
268
- .wg_prose__headingText {
269
- box-decoration-break: clone;
270
- transition: background-color var(--app-motion-duration-highlight-fade) var(--app-motion-easing-out);
271
- }
272
- .wg_prose__headingText--highlighted {
273
- background-color: var(--app-color-anchor-highlight);
274
- transition: none;
275
- }
276
- .wg_prose__part {
277
- margin-top: var(--app-space-section);
278
- padding-top: var(--app-space-stack);
279
- border-top: 1px dotted var(--app-color-border);
280
- color: var(--app-color-text-strong);
281
- font-size: var(--app-font-size-part);
282
- font-weight: var(--app-font-weight-strong);
283
- line-height: var(--app-line-height-heading);
284
- letter-spacing: var(--app-letter-spacing-heading);
285
- }
286
- .wg_prose__table {
287
- overflow-x: auto;
288
- margin: var(--app-space-block) 0;
289
- }
290
- .wg_prose__pill {
291
- display: inline-block;
292
- padding: 0 5px;
293
- border-radius: var(--app-radius-inline);
294
- font-size: var(--app-font-size-detail);
295
- font-weight: var(--app-font-weight-strong);
296
- line-height: 1.6;
297
- white-space: nowrap;
298
- }
299
- .wg_prose__pill--verified {
300
- background: var(--app-color-verified-soft);
301
- color: var(--app-color-verified);
302
- }
303
- .wg_prose__pill--unverified {
304
- background: var(--app-color-unverified-soft);
305
- color: var(--app-color-unverified);
306
- }
307
- .wg_prose__color {
308
- white-space: nowrap;
309
- &::before {
310
- display: inline-block;
311
- width: 0.8em;
312
- height: 0.8em;
313
- margin-right: 5px;
314
- border: 1px solid var(--app-color-border);
315
- border-radius: var(--app-radius-mark);
316
- background: var(--wg-prose-chip-color, transparent);
317
- content: "";
318
- vertical-align: -0.05em;
319
- }
320
- }
321
- .wg_prose__flow {
322
- overflow-x: auto;
323
- margin: var(--app-space-block) 0;
324
- padding: var(--app-space-block);
325
- border: 1px solid var(--app-color-border);
326
- border-radius: var(--app-radius-box);
327
- letter-spacing: 0;
328
- & svg {
329
- display: block;
330
- max-width: 100%;
331
- height: auto;
332
- margin: 0 auto;
333
- }
334
- }
335
- .wg_prose__note {
336
- margin: var(--app-space-block) 0;
337
- padding-left: var(--app-space-block);
338
- border-left: 2px solid var(--app-color-border);
339
- & > :last-child {
340
- margin-bottom: 0;
341
- }
342
- }
343
- .wg_prose__noteTitle {
344
- display: block;
345
- margin-bottom: var(--app-space-inline);
346
- color: var(--app-color-text-strong);
347
- font-weight: var(--app-font-weight-strong);
348
- }
349
- .wg_prose__details {
350
- margin: var(--app-space-block) 0;
351
- padding-bottom: var(--app-space-stack);
352
- border-top: 1px dotted var(--app-color-border);
353
- border-bottom: 1px dotted var(--app-color-border);
354
- & > :last-child {
355
- margin-bottom: 0;
356
- }
357
- }
358
- .wg_prose__detailsSummary {
359
- padding: var(--app-space-inline) 0;
360
- color: var(--app-color-link);
361
- font-weight: var(--app-font-weight-strong);
362
- cursor: pointer;
363
- &:hover {
364
- color: var(--app-color-link-hover);
365
- text-decoration: underline;
366
- text-underline-offset: 2px;
367
- }
368
- &:focus-visible {
369
- outline: var(--app-outline-focus);
370
- outline-offset: var(--app-outline-focus-offset);
371
- }
372
- }
373
-
374
- /* src/component/widget/cursor-face/wg-cursor-face.css */
375
- .wg_cursorFace__root {
376
- position: fixed;
377
- top: 0;
378
- left: 0;
379
- z-index: var(--app-z-index-popper);
380
- visibility: hidden;
381
- pointer-events: none;
382
- user-select: none;
383
- image-rendering: pixelated;
384
- }
385
- .wg_cursorFace__root--visible {
386
- visibility: visible;
387
- }
388
-
389
- /* src/component/widget/navigation/_wg-navigation-nav-list.css */
390
- .wg_navigationNavList__root {
391
- margin: 0;
392
- padding: 0;
393
- list-style: none;
394
- }
395
- .wg_navigationNavList__branch {
396
- display: block;
397
- padding: var(--app-space-tree-row) 0;
398
- color: var(--app-color-text-muted);
399
- font-size: var(--app-font-size-group);
400
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
401
- overflow-wrap: anywhere;
402
- }
403
- .wg_navigationNavList__link {
404
- display: block;
405
- padding: var(--app-space-tree-row) 0;
406
- color: var(--app-color-link);
407
- font-size: var(--app-font-size-dense);
408
- line-height: var(--app-line-height-tight);
409
- text-decoration: none;
410
- overflow-wrap: anywhere;
411
- &:where(:hover) {
412
- text-decoration: underline;
413
- }
414
- &:where(:focus-visible) {
415
- outline: none;
416
- text-decoration: underline;
417
- }
418
- }
419
- .wg_navigationNavList__link--active {
420
- color: var(--app-color-link);
421
- font-weight: var(--app-font-weight-active);
422
- }
423
- .wg_navigationNavList__item {
424
- & > .wg_navigationNavList__root {
425
- margin-left: var(--app-space-tree-indent);
426
- }
427
- }
428
-
429
- /* src/component/widget/navigation/_wg-navigation-nav.css */
430
- .wg_navigationNav__root {
431
- font-size: var(--app-font-size-dense);
432
- line-height: var(--app-line-height-tight);
433
- }
434
- .wg_navigationNav__docs {
435
- display: flex;
436
- flex-direction: column;
437
- gap: var(--app-space-tree-group);
438
- }
439
- .wg_navigationNav__group {
440
- margin: 0 0 var(--app-space-tree-label);
441
- color: var(--app-color-text-muted);
442
- font-size: var(--app-font-size-group);
443
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
444
- text-box: trim-start cap alphabetic;
445
- }
446
-
447
- /* src/component/widget/navigation/_wg-navigation-toc.css */
448
- .wg_navigationToc__root {
449
- font-size: var(--app-font-size-dense);
450
- line-height: var(--app-line-height-tight);
451
- }
452
- .wg_navigationToc__label {
453
- margin: 0 0 var(--app-space-tree-label);
454
- color: var(--app-color-text-muted);
455
- font-size: var(--app-font-size-group);
456
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
457
- text-box: trim-start cap alphabetic;
458
- }
459
- .wg_navigationToc__group {
460
- margin: 0 0 var(--app-space-tree-label);
461
- color: var(--app-color-text-muted);
462
- font-size: var(--app-font-size-group);
463
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
464
- text-box: trim-start cap alphabetic;
465
- }
466
- .wg_navigationToc__groupSection--named {
467
- margin-top: var(--app-space-tree-group);
468
- }
469
- .wg_navigationToc__list {
470
- margin: 0;
471
- padding: 0;
472
- list-style: none;
473
- }
474
- .wg_navigationToc__link {
475
- display: block;
476
- padding: var(--app-space-tree-row) 0;
477
- color: var(--app-color-text);
478
- font-size: var(--app-font-size-dense);
479
- line-height: var(--app-line-height-tight);
480
- text-decoration: none;
481
- &:where(:hover) {
482
- color: var(--app-color-text-strong);
483
- text-decoration: underline;
484
- }
485
- &:where(:focus-visible) {
486
- outline: none;
487
- color: var(--app-color-text-strong);
488
- text-decoration: underline;
489
- }
490
- }
491
- .wg_navigationToc__link--active {
492
- color: var(--app-color-text-strong);
493
- font-weight: var(--app-font-weight-active);
494
- }
495
- .wg_navigationToc__sub {
496
- margin: var(--app-space-tree-row) 0 4px var(--app-space-tree-indent);
497
- padding: 0;
498
- list-style: none;
499
- }
500
- .wg_navigationToc__subLink {
501
- display: block;
502
- padding: var(--app-space-tree-row) 0;
503
- color: var(--app-color-text);
504
- font-size: var(--app-font-size-detail);
505
- line-height: var(--app-line-height-tight);
506
- text-decoration: none;
507
- &:where(:hover) {
508
- color: var(--app-color-text-strong);
509
- text-decoration: underline;
510
- }
511
- &:where(:focus-visible) {
512
- outline: none;
513
- color: var(--app-color-text-strong);
514
- text-decoration: underline;
515
- }
516
- }
517
- .wg_navigationToc__subLink--active {
518
- color: var(--app-color-text-strong);
519
- font-weight: var(--app-font-weight-active);
520
- }
521
-
522
- /* src/component/widget/navigation/wg-navigation.css */
523
- .wg_navigation__brandRow {
524
- display: flex;
525
- position: sticky;
526
- top: 0;
527
- z-index: var(--app-z-index-sticky);
528
- align-self: start;
529
- min-width: 0;
530
- height: var(--app-size-brand);
531
- padding-block: var(--app-space-page-top) var(--app-space-group);
532
- background: var(--app-color-ground);
533
- gap: var(--app-space-inline);
534
- align-items: start;
535
- }
536
- .wg_navigation__brand {
537
- display: block;
538
- flex: 1;
539
- min-width: 0;
540
- overflow: hidden;
541
- color: var(--app-color-text-strong);
542
- font-family: var(--app-font-brand);
543
- font-size: var(--app-font-size-title);
544
- font-weight: var(--app-font-weight-mark);
545
- line-height: var(--app-line-height-title);
546
- letter-spacing: var(--app-letter-spacing-brand);
547
- text-decoration: none;
548
- text-overflow: ellipsis;
549
- white-space: nowrap;
550
- &:hover {
551
- text-decoration: underline;
552
- }
553
- &:focus-visible {
554
- outline: none;
555
- text-decoration: underline;
556
- }
557
- }
558
- .wg_navigation__menuIcon {
559
- width: 20px;
560
- height: 20px;
561
- fill: none;
562
- stroke: currentcolor;
563
- stroke-linecap: round;
564
- stroke-width: 1.5;
565
- }
566
- .wg_navigation__menuToggle {
567
- display: none;
568
- align-items: center;
569
- justify-content: center;
570
- flex: none;
571
- width: var(--app-size-menu-button);
572
- height: var(--app-size-menu-button);
573
- padding: 0;
574
- border: 0;
575
- border-radius: var(--app-radius-box);
576
- background: transparent;
577
- color: var(--app-color-text-strong);
578
- cursor: pointer;
579
- &:hover {
580
- background: var(--app-color-accent-soft);
581
- }
582
- &:focus-visible {
583
- outline: var(--app-outline-focus);
584
- outline-offset: var(--app-outline-focus-offset);
585
- }
586
- }
587
- .wg_navigation__menuToggle--visible {
588
- display: flex;
589
- }
590
- .wg_navigation__sidebar {
591
- grid-area: nav;
592
- position: sticky;
593
- top: 0;
594
- align-self: start;
595
- min-width: 0;
596
- height: 100dvh;
597
- margin-inline-end: var(--app-space-sidebar-gap);
598
- }
599
- .wg_navigation__documents {
600
- flex: 1;
601
- min-height: 0;
602
- }
603
- .wg_navigation__outline {
604
- display: flex;
605
- flex-direction: column;
606
- flex: 1;
607
- min-height: 0;
608
- &:where(:has(.wg_navigation__headings:empty)) {
609
- display: none;
610
- }
611
- }
612
- .wg_navigation__headings {
613
- flex: 1;
614
- min-height: 0;
615
- }
616
- .wg_navigation__navigation {
617
- display: flex;
618
- flex-direction: column;
619
- height: calc(100dvh - var(--app-size-brand));
620
- min-width: 0;
621
- min-height: 0;
622
- }
623
- .wg_navigation__tocRail {
624
- grid-area: outline;
625
- position: sticky;
626
- top: 0;
627
- align-self: start;
628
- min-width: 0;
629
- height: 100dvh;
630
- margin-inline-start: var(--app-space-sidebar-gap);
631
- padding-top: var(--app-size-brand);
632
- & > .wg_navigation__outline {
633
- height: 100%;
634
- }
635
- &:where(:has(.wg_navigation__headings:empty)) {
636
- display: none;
637
- }
638
- }
639
- .wg_navigation__scroll {
640
- overflow-y: auto;
641
- overscroll-behavior-y: contain;
642
- scroll-padding-block: var(--app-size-navigation-fade);
643
- }
644
- .wg_navigation__scroll--ready {
645
- scrollbar-width: none;
646
- }
647
- .wg_navigation__scroll--above {
648
- mask-image:
649
- linear-gradient(
650
- to bottom,
651
- transparent,
652
- #000 var(--app-size-navigation-fade));
653
- }
654
- .wg_navigation__scroll--below {
655
- mask-image:
656
- linear-gradient(
657
- to bottom,
658
- #000 calc(100% - var(--app-size-navigation-fade)),
659
- transparent);
660
- }
661
- .wg_navigation__scroll--above.wg_navigation__scroll--below {
662
- mask-image:
663
- linear-gradient(
664
- to bottom,
665
- transparent,
666
- #000 var(--app-size-navigation-fade),
667
- #000 calc(100% - var(--app-size-navigation-fade)),
668
- transparent);
669
- }
670
- .wg_navigation__drawer {
671
- position: fixed;
672
- inset: 0 auto 0 0;
673
- width: min(var(--app-size-drawer), calc(100% - var(--app-space-gutter) * 2));
674
- max-width: none;
675
- height: 100dvh;
676
- max-height: 100dvh;
677
- margin: 0;
678
- padding: 0 var(--app-space-gutter) var(--app-space-group);
679
- border: 0;
680
- border-right: 1px solid var(--app-color-border-layout);
681
- background: var(--app-color-ground);
682
- color: var(--app-color-text);
683
- overflow: hidden;
684
- &::backdrop {
685
- background: var(--app-color-backdrop);
686
- }
687
- }
688
- .wg_navigation__drawerHeader {
689
- display: flex;
690
- align-items: center;
691
- justify-content: space-between;
692
- gap: var(--app-space-inline);
693
- min-height: var(--app-size-mobile-header);
694
- margin-bottom: var(--app-space-block);
695
- background: var(--app-color-ground);
696
- }
697
- .wg_navigation__drawerTitle {
698
- margin: 0;
699
- font-size: var(--app-font-size-part);
700
- font-weight: var(--app-font-weight-strong);
701
- }
702
- .wg_navigation__drawerClose {
703
- display: flex;
704
- align-items: center;
705
- justify-content: center;
706
- flex: none;
707
- width: var(--app-size-menu-button);
708
- height: var(--app-size-menu-button);
709
- padding: 0;
710
- border: 0;
711
- border-radius: var(--app-radius-box);
712
- background: transparent;
713
- color: var(--app-color-text-strong);
714
- cursor: pointer;
715
- &:hover {
716
- background: var(--app-color-accent-soft);
717
- }
718
- &:focus-visible {
719
- outline: var(--app-outline-focus);
720
- outline-offset: var(--app-outline-focus-offset);
721
- }
722
- }
723
- .wg_navigation__drawerContent {
724
- min-width: 0;
725
- height: calc(100% - var(--app-size-mobile-header) - var(--app-space-block));
726
- & > .wg_navigation__navigation {
727
- height: 100%;
728
- }
729
- }
730
- @media (forced-colors: active) {
731
- .wg_navigation__scroll {
732
- mask-image: none;
733
- scrollbar-width: thin;
734
- scrollbar-color: auto;
735
- }
736
- }
737
- @media (width < 1360px) {
738
- .wg_navigation__tocRail {
739
- display: none;
740
- }
741
- }
742
- @media (width < 1024px) {
743
- .wg_navigation__sidebar {
744
- position: static;
745
- height: auto;
746
- margin-block-end: var(--app-space-block);
747
- margin-inline-end: 0;
748
- border-bottom: 1px solid var(--app-color-border-layout);
749
- }
750
- .wg_navigation__sidebar > .wg_navigation__navigation {
751
- height: auto;
752
- }
753
- .wg_navigation__sidebar > .wg_navigation__navigation > .wg_navigation__documents {
754
- max-height: none;
755
- }
756
- .wg_navigation__sidebar--navigationReady {
757
- position: sticky;
758
- top: 0;
759
- z-index: var(--app-z-index-sticky);
760
- background: var(--app-color-ground);
761
- }
762
- .wg_navigation__brandRow {
763
- position: static;
764
- height: var(--app-size-mobile-header);
765
- padding-block: 0;
766
- align-items: center;
767
- }
768
- }
769
-
770
- /* src/component/widget/shell-controls/wg-shell-controls.css */
771
- .wg_shellControls__navigation {
772
- display: contents;
773
- }
774
-
775
- /* src/style/base.css */
776
- * {
777
- box-sizing: border-box;
778
- }
779
- :root {
780
- background: var(--app-color-ground);
781
- scrollbar-gutter: stable;
782
- scroll-behavior: smooth;
783
- }
784
- @media (prefers-reduced-motion: reduce) {
785
- *,
786
- *::before,
787
- *::after {
788
- animation-duration: 0.01ms !important;
789
- animation-delay: 0s !important;
790
- animation-iteration-count: 1 !important;
791
- transition-duration: 0.01ms !important;
792
- transition-delay: 0s !important;
793
- scroll-behavior: auto !important;
794
- }
795
- }
796
-
797
- /* src/style/token.css */
798
- :root {
799
- color-scheme: light dark;
800
- --app-color-ground: light-dark(#fff, #181818);
801
- --app-color-surface: light-dark(#fff, #181818);
802
- --app-color-code: light-dark(#f1f1eb, #22221f);
803
- --app-color-backdrop: light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 55%));
804
- --app-color-text: light-dark(#333, #d5d5d5);
805
- --app-color-text-strong: light-dark(#222, #eee);
806
- --app-color-text-muted: light-dark(#666, #aaa);
807
- --app-color-anchor-highlight: light-dark(#f4f58a, #666322);
808
- --app-motion-duration-highlight-fade: 600ms;
809
- --app-motion-easing-out: ease-out;
810
- --app-color-border: light-dark(#aaa, #555);
811
- --app-color-border-soft: light-dark(#ddd, #333);
812
- --app-color-border-layout: light-dark(#eee, #2b2b2b);
813
- --app-color-accent: light-dark(#555, #b5b5b5);
814
- --app-color-accent-soft: light-dark(#f5f5f2, #222);
815
- --app-color-bad: light-dark(#b2412e, #ff9b8a);
816
- --app-color-bad-soft: light-dark(#f9ebe8, #3a2522);
817
- --app-color-bad-mark: light-dark(#f1cdc6, #5b322c);
818
- --app-color-good: light-dark(#2f7a47, #8bd3a3);
819
- --app-color-good-soft: light-dark(#e4f3ed, #1c342c);
820
- --app-color-good-mark: light-dark(#c4e4d4, #27503f);
821
- --app-color-warn: light-dark(#8a6400, #e6c46a);
822
- --app-color-warn-soft: light-dark(#fbf3d9, #3d3418);
823
- --app-color-link: light-dark(#11a, #9db8ff);
824
- --app-color-link-visited: light-dark(#51a, #c5a5ed);
825
- --app-color-link-hover: light-dark(#44d, #c1d1ff);
826
- --app-color-verified: light-dark(#176b36, #82cf95);
827
- --app-color-verified-soft: light-dark(#edf5ed, #1d2c20);
828
- --app-color-unverified: light-dark(#855700, #dfb26c);
829
- --app-color-unverified-soft: light-dark(#faf2df, #30291c);
830
- --app-font-mono:
831
- "Monoplex KR",
832
- ui-monospace,
833
- monospace;
834
- --app-font-body: "IBM Plex Sans KR", var(--app-font-mono);
835
- --app-font-brand: "Architects Daughter", var(--app-font-body);
836
- --app-font-size-group: 11px;
837
- --app-font-size-detail: 12px;
838
- --app-font-size-dense: 12px;
839
- --app-font-size-body: 12px;
840
- --app-font-size-lead: 12px;
841
- --app-font-size-part: 13px;
842
- --app-font-size-section: 15px;
843
- --app-font-size-title: 16px;
844
- --app-font-weight-mark: 400;
845
- --app-font-weight-active: 600;
846
- --app-font-weight-strong: 600;
847
- --app-font-weight-title: 600;
848
- --app-line-height-title: 1.5;
849
- --app-line-height-heading: 1.5;
850
- --app-line-height-tight: 1.4;
851
- --app-line-height-code: 1.65;
852
- --app-line-height-body: 1.7;
853
- --app-letter-spacing-body: -0.03em;
854
- --app-letter-spacing-brand: 0;
855
- --app-letter-spacing-heading: -0.04em;
856
- --app-letter-spacing-title: -0.045em;
857
- --app-space-inline: 6px;
858
- --app-space-stack: 10px;
859
- --app-space-block: 14px;
860
- --app-space-group: 20px;
861
- --app-space-subsection: 28px;
862
- --app-space-section: 64px;
863
- --app-space-tree-row: 0px;
864
- --app-space-tree-group: 16px;
865
- --app-space-tree-label: 2px;
866
- --app-space-tree-indent: 12px;
867
- --app-space-page-top: 28px;
868
- --app-space-gutter: 28px;
869
- --app-space-column: 32px;
870
- --app-space-sidebar-gap: 32px;
871
- --app-size-sidebar: 200px;
872
- --app-size-page: 1920px;
873
- --app-size-brand: calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));
874
- --app-size-mobile-header: 56px;
875
- --app-size-menu-button: 44px;
876
- --app-size-drawer: 320px;
877
- --app-size-navigation-fade: 28px;
878
- --app-space-anchor: 80px;
879
- --app-radius-pill: 0;
880
- --app-radius-card: 0;
881
- --app-radius-box: 0;
882
- --app-radius-inline: 0;
883
- --app-radius-mark: 0;
884
- --app-outline-focus: 2px solid var(--app-color-link);
885
- --app-outline-focus-offset: 2px;
886
- --app-z-index-sticky: 100;
887
- --app-z-index-popper: 300;
888
- --app-code-foreground: var(--app-color-text);
889
- --app-code-background: var(--app-color-code);
890
- --app-code-token-keyword: var(--app-color-text-strong);
891
- --app-code-token-function: var(--app-color-accent);
892
- --app-code-token-string: var(--app-color-verified);
893
- --app-code-token-string-expression: var(--app-color-verified);
894
- --app-code-token-constant: var(--app-color-unverified);
895
- --app-code-token-parameter: var(--app-color-text);
896
- --app-code-token-comment: var(--app-color-text-muted);
897
- --app-code-token-punctuation: var(--app-color-text-muted);
898
- --app-code-token-link: var(--app-color-link);
899
- }
900
- @media (width < 1024px) {
901
- :root {
902
- --app-space-page-top: 24px;
903
- --app-space-gutter: 20px;
904
- --app-space-tree-row: 7px;
905
- --app-space-anchor: calc(var(--app-size-mobile-header) + var(--app-space-block));
906
- }
907
- }
908
- @media (width < 640px) {
909
- :root {
910
- --app-space-page-top: 20px;
911
- --app-space-gutter: 16px;
912
- }
913
- }
914
- .wg_prose__code--bad,
915
- .wg_prose__codeFile--bad {
916
- --app-code-background: var(--app-color-bad-soft);
917
- }
918
- .wg_prose__code--good,
919
- .wg_prose__codeFile--good {
920
- --app-code-background: var(--app-color-good-soft);
921
- }
922
-
923
- /* src/component/widget/shell/wg-shell.css */
924
- .wg_shell__root {
925
- display: grid;
926
- max-width: var(--app-size-page);
927
- margin: 0 auto;
928
- padding: 0 var(--app-space-gutter);
929
- grid-template: "nav main outline" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr) calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap));
930
- background: var(--app-color-ground);
931
- color: var(--app-color-text);
932
- font-family: var(--app-font-body);
933
- font-size: var(--app-font-size-body);
934
- line-height: var(--app-line-height-body);
935
- letter-spacing: var(--app-letter-spacing-body);
936
- word-break: keep-all;
937
- overflow-wrap: break-word;
938
- text-wrap: pretty;
939
- -webkit-font-smoothing: antialiased;
940
- }
941
- .wg_shell__root--drawerOpen {
942
- overflow: hidden;
943
- }
944
- .wg_shell__browserRoot {
945
- display: contents;
946
- }
947
- .wg_shell__main {
948
- grid-area: main;
949
- min-width: 0;
950
- border-inline: 1px solid var(--app-color-border-layout);
951
- padding-block: var(--app-size-brand) calc(100vh - var(--app-space-anchor));
952
- padding-inline: var(--app-space-column);
953
- }
954
- @media (width < 1360px) {
955
- .wg_shell__root {
956
- grid-template: "nav main" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr);
957
- }
958
- }
959
- @media (width < 1024px) {
960
- .wg_shell__root {
961
- grid-template: "nav" auto "main" 1fr / minmax(0, 1fr);
962
- }
963
- .wg_shell__main {
964
- padding-block-start: var(--app-space-page-top);
965
- padding-inline: 0;
966
- border-inline: 0;
967
- }
968
- }
1
+ .wg_prose__root{& h1{margin:0 0 var(--app-space-stack);color:var(--app-color-text-strong);font-size:var(--app-font-size-title);font-weight:var(--app-font-weight-title);line-height:var(--app-line-height-title);letter-spacing:var(--app-letter-spacing-title);text-wrap:balance;text-box:trim-start cap alphabetic}& p{margin:0 0 var(--app-space-stack)}& img{vertical-align:middle;max-width:100%;height:auto}& h1+p{font-size:var(--app-font-size-lead)}& h2{margin:var(--app-space-section) 0 var(--app-space-stack);padding-top:var(--app-space-group);border-top:1px solid var(--app-color-border);color:var(--app-color-text-strong);font-size:var(--app-font-size-section);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-heading);letter-spacing:var(--app-letter-spacing-heading);text-wrap:balance;scroll-margin-top:var(--app-space-anchor)}& .wg_prose__head+h2{margin-top:var(--app-space-group);border-top:0;padding-top:0}& .wg_prose__part+h2{margin-top:var(--app-space-block);border-top:0;padding-top:0}& h3{margin:var(--app-space-subsection) 0 var(--app-space-inline);color:var(--app-color-text-strong);font-size:var(--app-font-size-lead);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-tight);scroll-margin-top:var(--app-space-anchor)}& h4{margin:var(--app-space-group) 0 6px;color:var(--app-color-text-strong);font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-strong)}& h5{margin:var(--app-space-block) 0 6px;color:var(--app-color-text-muted);font-size:var(--app-font-size-dense);font-weight:var(--app-font-weight-strong)}& a{color:var(--app-color-link);text-underline-offset:2px;text-decoration:none}& a:visited{color:var(--app-color-link-visited)}& a:hover{color:var(--app-color-link-hover);text-decoration:underline}& a:focus-visible{border-radius:var(--app-radius-mark);outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}& strong{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong)}& ul{margin:0 0 var(--app-space-stack);padding-left:20px}& ol{margin:0 0 var(--app-space-stack);padding-left:22px}& li{margin-bottom:4px}& li>ul,& li>ol{margin:4px 0 0}& code{border-radius:var(--app-radius-inline);background:var(--app-color-code);color:var(--app-color-text-strong);padding:1px 3px;font-family:inherit;font-size:1em}& pre{margin:var(--app-space-block) 0;padding:var(--app-space-stack) var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box);background:var(--app-color-code);font-family:var(--app-font-mono);font-size:var(--app-font-size-detail);line-height:var(--app-line-height-code);letter-spacing:0;tab-size:4;overflow-x:auto}& pre code{color:inherit;font-size:inherit;background:0 0;padding:0}& .wg_prose__code{background:var(--app-code-background);color:var(--app-code-foreground)}& .wg_prose__code--bad{background:var(--app-color-bad-soft)}& .wg_prose__code--good{background:var(--app-color-good-soft)}& blockquote{margin:var(--app-space-block) 0;padding:0 0 0 var(--app-space-block);border-left:1px solid var(--app-color-border)}& blockquote>:last-child{margin-bottom:0}& table{border:1px solid var(--app-color-border);border-collapse:collapse;width:100%;font-size:var(--app-font-size-dense);font-variant-numeric:tabular-nums}& th{padding:var(--app-space-inline) var(--app-space-stack);border:1px solid var(--app-color-border);background:var(--app-color-code);color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong);text-align:left;vertical-align:bottom;white-space:nowrap}& td{padding:var(--app-space-inline) var(--app-space-stack);border:1px solid var(--app-color-border);text-align:left;vertical-align:top}& tbody tr:hover td{background:var(--app-color-accent-soft)}& hr{margin:var(--app-space-section) 0;border:0;border-top:1px dotted var(--app-color-border)}& pre code .line{width:calc(100% + 2 * var(--app-space-block));margin:0 calc(-1 * var(--app-space-block));padding:0 var(--app-space-block);display:inline-block}& pre code .line.highlighted{background:var(--app-color-accent-soft)}& pre code .line.highlighted.error{background:var(--app-color-bad-soft)}& pre code .line.highlighted.warning{background:var(--app-color-warn-soft)}& pre code .line.diff.add{background:var(--app-color-good-soft)}& pre code .line.diff.remove{background:var(--app-color-bad-soft);opacity:.8}& pre.wg_prose__code--bad code .line.highlighted,& pre.wg_prose__code--bad code .line.highlighted.error,& pre.wg_prose__code--bad code .line.diff.remove{background:var(--app-color-bad-mark)}& pre.wg_prose__code--good code .line.highlighted,& pre.wg_prose__code--good code .line.diff.add{background:var(--app-color-good-mark)}& pre code .highlighted-word{border-radius:var(--app-radius-inline);background:var(--app-color-accent-soft);padding:0 2px}& .wg_prose__codeFile{margin:var(--app-space-block) 0}& .wg_prose__codeFile pre{border-top-left-radius:0;border-top-right-radius:0;margin:0}& .wg_prose__codeFileTitle{gap:var(--app-space-block);padding:var(--app-space-inline) var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box) var(--app-radius-box) 0 0;background:var(--app-code-background);color:var(--app-color-text-muted);font-family:var(--app-font-mono);font-size:var(--app-font-size-dense);letter-spacing:0;border-bottom:0;justify-content:space-between;display:flex}& .wg_prose__codeFileTitle--bad{background:var(--app-color-bad-soft)}& .wg_prose__codeFileTitle--good{background:var(--app-color-good-soft)}& .wg_prose__codeFileLang{text-transform:uppercase}& pre.wg_prose__lineNumbers code{counter-reset:line}& pre.wg_prose__lineNumbers code .line:before{width:2em;margin-right:var(--app-space-stack);color:var(--app-color-text-muted);text-align:right;content:counter(line);counter-increment:line;user-select:none;display:inline-block}}.wg_prose__title{margin:0 0 var(--app-space-stack);color:var(--app-color-text-strong);font-size:var(--app-font-size-title);font-weight:var(--app-font-weight-title);line-height:var(--app-line-height-title);letter-spacing:var(--app-letter-spacing-title);text-wrap:balance;text-box:trim-start cap alphabetic}.wg_prose__lead{margin:0 0 var(--app-space-stack);font-size:var(--app-font-size-lead)}.wg_prose__head{margin-bottom:var(--app-space-inline);padding-bottom:var(--app-space-block);border-bottom:1px dotted var(--app-color-border);&>:last-child{margin-bottom:0}& [align=center]{padding:var(--app-space-group) 0;text-align:center}& [align=center]>h1{margin-block:var(--app-space-group);font-size:24px}& [align=center]>p{margin-bottom:var(--app-space-block)}& [align=center]>img{width:72px;image-rendering:pixelated}}.wg_prose__headingText{box-decoration-break:clone;transition:background-color var(--app-motion-duration-highlight-fade) var(--app-motion-easing-out)}.wg_prose__headingText--highlighted{background-color:var(--app-color-anchor-highlight);transition:none}.wg_prose__part{margin-top:var(--app-space-section);padding-top:var(--app-space-stack);border-top:1px dotted var(--app-color-border);color:var(--app-color-text-strong);font-size:var(--app-font-size-part);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-heading);letter-spacing:var(--app-letter-spacing-heading)}.wg_prose__table{margin:var(--app-space-block) 0;overflow-x:auto}.wg_prose__pill{border-radius:var(--app-radius-inline);font-size:var(--app-font-size-detail);font-weight:var(--app-font-weight-strong);white-space:nowrap;padding:0 5px;line-height:1.6;display:inline-block}.wg_prose__pill--verified{background:var(--app-color-verified-soft);color:var(--app-color-verified)}.wg_prose__pill--unverified{background:var(--app-color-unverified-soft);color:var(--app-color-unverified)}.wg_prose__color{white-space:nowrap;&:before{border:1px solid var(--app-color-border);border-radius:var(--app-radius-mark);background:var(--wg-prose-chip-color,transparent);content:"";vertical-align:-.05em;width:.8em;height:.8em;margin-right:5px;display:inline-block}}.wg_prose__note{margin:var(--app-space-block) 0;padding-left:var(--app-space-block);border-left:2px solid var(--app-color-border);&>:last-child{margin-bottom:0}}.wg_prose__noteTitle{margin-bottom:var(--app-space-inline);color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong);display:block}.wg_prose__details{margin:var(--app-space-block) 0;padding-bottom:var(--app-space-stack);border-top:1px dotted var(--app-color-border);border-bottom:1px dotted var(--app-color-border);&>:last-child{margin-bottom:0}}.wg_prose__detailsSummary{padding:var(--app-space-inline) 0;color:var(--app-color-link);font-weight:var(--app-font-weight-strong);cursor:pointer;&:hover{color:var(--app-color-link-hover);text-underline-offset:2px;text-decoration:underline}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_cursorFace__root{z-index:var(--app-z-index-popper);visibility:hidden;pointer-events:none;user-select:none;image-rendering:pixelated;position:fixed;top:0;left:0}.wg_cursorFace__root--visible{visibility:visible}.wg_mermaid__root{margin:var(--app-space-block) 0;padding:var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box)}.wg_mermaid__result{text-align:center;letter-spacing:0;overflow-x:auto}.wg_mermaid__error{color:var(--app-color-text-strong)}.wg_mermaid__tooltip{color:var(--app-color-mermaid-tooltip-text);overflow-wrap:anywhere}.wg_mermaid__measurement{visibility:hidden;letter-spacing:0;position:absolute;top:0;left:-100000px}.wg_navigationNavList__root{margin:0;padding:0;list-style:none}.wg_navigationNavList__branch{padding:var(--app-space-tree-row) 0;color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));overflow-wrap:anywhere;display:block}.wg_navigationNavList__link{padding:var(--app-space-tree-row) 0;color:var(--app-color-link);font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight);overflow-wrap:anywhere;text-decoration:none;display:block;&:where(:hover){text-decoration:underline}&:where(:focus-visible){outline:none;text-decoration:underline}}.wg_navigationNavList__link--active{color:var(--app-color-link);font-weight:var(--app-font-weight-active)}.wg_navigationNavList__item{&>.wg_navigationNavList__root{margin-left:var(--app-space-tree-indent)}}.wg_navigationNav__root{font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight)}.wg_navigationNav__docs{gap:var(--app-space-tree-group);flex-direction:column;display:flex}.wg_navigationNav__group{margin:0 0 var(--app-space-tree-label);color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));text-box:trim-start cap alphabetic}.wg_navigationToc__root{font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight)}.wg_navigationToc__label,.wg_navigationToc__group{margin:0 0 var(--app-space-tree-label);color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));text-box:trim-start cap alphabetic}.wg_navigationToc__groupSection--named{margin-top:var(--app-space-tree-group)}.wg_navigationToc__list{margin:0;padding:0;list-style:none}.wg_navigationToc__link{padding:var(--app-space-tree-row) 0;color:var(--app-color-text);font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight);text-decoration:none;display:block;&:where(:hover){color:var(--app-color-text-strong);text-decoration:underline}&:where(:focus-visible){color:var(--app-color-text-strong);outline:none;text-decoration:underline}}.wg_navigationToc__link--active{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-active)}.wg_navigationToc__sub{margin:var(--app-space-tree-row) 0 4px var(--app-space-tree-indent);padding:0;list-style:none}.wg_navigationToc__subLink{padding:var(--app-space-tree-row) 0;color:var(--app-color-text);font-size:var(--app-font-size-detail);line-height:var(--app-line-height-tight);text-decoration:none;display:block;&:where(:hover){color:var(--app-color-text-strong);text-decoration:underline}&:where(:focus-visible){color:var(--app-color-text-strong);outline:none;text-decoration:underline}}.wg_navigationToc__subLink--active{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-active)}.wg_navigation__brandRow{z-index:var(--app-z-index-sticky);min-width:0;height:var(--app-size-brand);padding-block:var(--app-space-page-top) var(--app-space-group);background:var(--app-color-ground);align-self:start;gap:var(--app-space-inline);align-items:start;display:flex;position:sticky;top:0}.wg_navigation__brand{min-width:0;color:var(--app-color-text-strong);font-family:var(--app-font-brand);font-size:var(--app-font-size-title);font-weight:var(--app-font-weight-mark);line-height:var(--app-line-height-title);letter-spacing:var(--app-letter-spacing-brand);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;display:block;overflow:hidden;&:hover{text-decoration:underline}&:focus-visible{outline:none;text-decoration:underline}}.wg_navigation__menuIcon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:20px;height:20px}.wg_navigation__menuToggle{width:var(--app-size-menu-button);height:var(--app-size-menu-button);border-radius:var(--app-radius-box);color:var(--app-color-text-strong);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:none;&:hover{background:var(--app-color-accent-soft)}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_navigation__menuToggle--visible{display:flex}.wg_navigation__sidebar{min-width:0;height:100dvh;grid-area:nav;align-self:start;margin-inline-end:var(--app-space-sidebar-gap);position:sticky;top:0}.wg_navigation__documents{flex:1;min-height:0}.wg_navigation__outline{flex-direction:column;flex:1;min-height:0;display:flex;&:where(:has(.wg_navigation__headings:empty)){display:none}}.wg_navigation__headings{flex:1;min-height:0}.wg_navigation__navigation{height:calc(100dvh - var(--app-size-brand));flex-direction:column;min-width:0;min-height:0;display:flex}.wg_navigation__tocRail{min-width:0;height:100dvh;padding-top:var(--app-size-brand);grid-area:outline;align-self:start;margin-inline-start:var(--app-space-sidebar-gap);position:sticky;top:0;&>.wg_navigation__outline{height:100%}&:where(:has(.wg_navigation__headings:empty)){display:none}}.wg_navigation__scroll{overscroll-behavior-y:contain;scroll-padding-block:var(--app-size-navigation-fade);overflow-y:auto}.wg_navigation__scroll--ready{scrollbar-width:none}.wg_navigation__scroll--above{mask-image:linear-gradient(to bottom, transparent, #000 var(--app-size-navigation-fade))}.wg_navigation__scroll--below{mask-image:linear-gradient(to bottom, #000 calc(100% - var(--app-size-navigation-fade)), transparent)}.wg_navigation__scroll--above.wg_navigation__scroll--below{mask-image:linear-gradient(to bottom, transparent, #000 var(--app-size-navigation-fade), #000 calc(100% - var(--app-size-navigation-fade)), transparent)}.wg_navigation__drawer{width:min(var(--app-size-drawer), calc(100% - var(--app-space-gutter) * 2));max-width:none;height:100dvh;max-height:100dvh;padding:0 var(--app-space-gutter) var(--app-space-group);border:0;border-right:1px solid var(--app-color-border-layout);background:var(--app-color-ground);color:var(--app-color-text);margin:0;position:fixed;inset:0 auto 0 0;overflow:hidden;&::backdrop{background:var(--app-color-backdrop)}}.wg_navigation__drawerHeader{justify-content:space-between;align-items:center;gap:var(--app-space-inline);min-height:var(--app-size-mobile-header);margin-bottom:var(--app-space-block);background:var(--app-color-ground);display:flex}.wg_navigation__drawerTitle{font-size:var(--app-font-size-part);font-weight:var(--app-font-weight-strong);margin:0}.wg_navigation__drawerClose{width:var(--app-size-menu-button);height:var(--app-size-menu-button);border-radius:var(--app-radius-box);color:var(--app-color-text-strong);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;&:hover{background:var(--app-color-accent-soft)}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_navigation__drawerContent{min-width:0;height:calc(100% - var(--app-size-mobile-header) - var(--app-space-block));&>.wg_navigation__navigation{height:100%}}@media (forced-colors:active){.wg_navigation__scroll{scrollbar-width:thin;scrollbar-color:auto;mask-image:none}}@media (width<1360px){.wg_navigation__tocRail{display:none}}@media (width<1024px){.wg_navigation__sidebar{height:auto;border-bottom:1px solid var(--app-color-border-layout);margin-block-end:var(--app-space-block);margin-inline-end:0;position:static}.wg_navigation__sidebar>.wg_navigation__navigation{height:auto}.wg_navigation__sidebar>.wg_navigation__navigation>.wg_navigation__documents{max-height:none}.wg_navigation__sidebar--navigationReady{z-index:var(--app-z-index-sticky);background:var(--app-color-ground);position:sticky;top:0}.wg_navigation__brandRow{height:var(--app-size-mobile-header);align-items:center;padding-block:0;position:static}}.wg_shellControls__navigation{display:contents}*{box-sizing:border-box}:root{background:var(--app-color-ground);scrollbar-gutter:stable;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{color-scheme:light dark;--app-color-ground:light-dark(#fff,#181818);--app-color-code:light-dark(#f1f1eb,#22221f);--app-color-backdrop:light-dark(#0000004d,#0000008c);--app-color-text:light-dark(#333,#d5d5d5);--app-color-text-strong:light-dark(#222,#eee);--app-color-text-muted:light-dark(#666,#aaa);--app-color-mermaid-tooltip-text:#333;--app-color-anchor-highlight:light-dark(#f4f58a,#666322);--app-motion-duration-highlight-fade:.6s;--app-motion-easing-out:ease-out;--app-color-border:light-dark(#aaa,#555);--app-color-border-layout:light-dark(#eee,#2b2b2b);--app-color-accent:light-dark(#555,#b5b5b5);--app-color-accent-soft:light-dark(#f5f5f2,#222);--app-color-bad-soft:light-dark(#f9ebe8,#3a2522);--app-color-bad-mark:light-dark(#f1cdc6,#5b322c);--app-color-good-soft:light-dark(#e4f3ed,#1c342c);--app-color-good-mark:light-dark(#c4e4d4,#27503f);--app-color-warn-soft:light-dark(#fbf3d9,#3d3418);--app-color-link:light-dark(#11a,#9db8ff);--app-color-link-visited:light-dark(#51a,#c5a5ed);--app-color-link-hover:light-dark(#44d,#c1d1ff);--app-color-verified:light-dark(#176b36,#82cf95);--app-color-verified-soft:light-dark(#edf5ed,#1d2c20);--app-color-unverified:light-dark(#855700,#dfb26c);--app-color-unverified-soft:light-dark(#faf2df,#30291c);--app-font-mono:"Monoplex KR", ui-monospace, monospace;--app-font-body:"IBM Plex Sans KR", var(--app-font-mono);--app-font-brand:"Architects Daughter", var(--app-font-body);--app-font-size-group:11px;--app-font-size-detail:12px;--app-font-size-dense:12px;--app-font-size-body:12px;--app-font-size-lead:12px;--app-font-size-part:13px;--app-font-size-section:15px;--app-font-size-title:16px;--app-font-weight-mark:400;--app-font-weight-active:600;--app-font-weight-strong:600;--app-font-weight-title:600;--app-line-height-title:1.5;--app-line-height-heading:1.5;--app-line-height-tight:1.4;--app-line-height-code:1.65;--app-line-height-body:1.7;--app-letter-spacing-body:-.03em;--app-letter-spacing-brand:0;--app-letter-spacing-heading:-.04em;--app-letter-spacing-title:-.045em;--app-space-inline:6px;--app-space-stack:10px;--app-space-block:14px;--app-space-group:20px;--app-space-subsection:28px;--app-space-section:64px;--app-space-tree-row:0px;--app-space-tree-group:16px;--app-space-tree-label:2px;--app-space-tree-indent:12px;--app-space-page-top:28px;--app-space-gutter:28px;--app-space-column:32px;--app-space-sidebar-gap:32px;--app-size-sidebar:200px;--app-size-page:1920px;--app-size-brand:calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));--app-size-mobile-header:56px;--app-size-menu-button:44px;--app-size-drawer:320px;--app-size-navigation-fade:28px;--app-space-anchor:80px;--app-radius-box:0;--app-radius-inline:0;--app-radius-mark:0;--app-outline-focus:2px solid var(--app-color-link);--app-outline-focus-offset:2px;--app-z-index-sticky:100;--app-z-index-popper:300;--app-code-foreground:var(--app-color-text);--app-code-background:var(--app-color-code);--app-code-token-keyword:var(--app-color-text-strong);--app-code-token-function:var(--app-color-accent);--app-code-token-string:var(--app-color-verified);--app-code-token-string-expression:var(--app-color-verified);--app-code-token-constant:var(--app-color-unverified);--app-code-token-parameter:var(--app-color-text);--app-code-token-comment:var(--app-color-text-muted);--app-code-token-punctuation:var(--app-color-text-muted);--app-code-token-link:var(--app-color-link)}@media (width<1024px){:root{--app-space-page-top:24px;--app-space-gutter:20px;--app-space-tree-row:7px;--app-space-anchor:calc(var(--app-size-mobile-header) + var(--app-space-block))}}@media (width<640px){:root{--app-space-page-top:20px;--app-space-gutter:16px}}.wg_shell__root{max-width:var(--app-size-page);padding:0 var(--app-space-gutter);grid-template:"nav main outline" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr) calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap));background:var(--app-color-ground);color:var(--app-color-text);font-family:var(--app-font-body);font-size:var(--app-font-size-body);line-height:var(--app-line-height-body);letter-spacing:var(--app-letter-spacing-body);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0 auto;display:grid}.wg_shell__root--drawerOpen{overflow:hidden}.wg_shell__browserRoot{display:contents}.wg_shell__main{border-inline:1px solid var(--app-color-border-layout);min-width:0;padding-block:var(--app-size-brand) calc(100vh - var(--app-space-anchor));padding-inline:var(--app-space-column);grid-area:main}@media (width<1360px){.wg_shell__root{grid-template:"nav main" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr)}}@media (width<1024px){.wg_shell__root{grid-template:"nav""main"1fr/minmax(0,1fr)}.wg_shell__main{border-inline:0;padding-block-start:var(--app-space-page-top);padding-inline:0}}
2
+ /*$vite$:1*/