for-humanity 0.11.0 → 0.13.0

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 +33 -0
  2. package/README.md +16 -9
  3. package/dist/browser.js +16 -16
  4. package/dist/cli.css +2 -941
  5. package/dist/cli.js +92 -2290
  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-CbpLEhwu.js +2379 -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-C80YoNOe.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-C4_Lu1nZ.js +176 -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 -454
  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 -55
  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 -782
  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 -186
  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,941 +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
- & pre.wg_prose__lineNumbers code {
207
- counter-reset: line;
208
- }
209
- & pre.wg_prose__lineNumbers code .line::before {
210
- display: inline-block;
211
- width: 2em;
212
- margin-right: var(--app-space-stack);
213
- color: var(--app-color-text-muted);
214
- text-align: right;
215
- content: counter(line);
216
- counter-increment: line;
217
- user-select: none;
218
- }
219
- }
220
- .wg_prose__head {
221
- margin-bottom: var(--app-space-inline);
222
- padding-bottom: var(--app-space-block);
223
- border-bottom: 1px dotted var(--app-color-border);
224
- & > :last-child {
225
- margin-bottom: 0;
226
- }
227
- & [align=center] {
228
- padding: var(--app-space-group) 0;
229
- text-align: center;
230
- }
231
- & [align=center] > h1 {
232
- margin-block: var(--app-space-group);
233
- font-size: 24px;
234
- }
235
- & [align=center] > p {
236
- margin-bottom: var(--app-space-block);
237
- }
238
- & [align=center] > img {
239
- width: 72px;
240
- image-rendering: pixelated;
241
- }
242
- }
243
- .wg_prose__headingText {
244
- box-decoration-break: clone;
245
- transition: background-color var(--app-motion-duration-highlight-fade) var(--app-motion-easing-out);
246
- }
247
- .wg_prose__headingText--highlighted {
248
- background-color: var(--app-color-anchor-highlight);
249
- transition: none;
250
- }
251
- .wg_prose__part {
252
- margin-top: var(--app-space-section);
253
- padding-top: var(--app-space-stack);
254
- border-top: 1px dotted var(--app-color-border);
255
- color: var(--app-color-text-strong);
256
- font-size: var(--app-font-size-part);
257
- font-weight: var(--app-font-weight-strong);
258
- line-height: var(--app-line-height-heading);
259
- letter-spacing: var(--app-letter-spacing-heading);
260
- }
261
- .wg_prose__table {
262
- overflow-x: auto;
263
- margin: var(--app-space-block) 0;
264
- }
265
- .wg_prose__pill {
266
- display: inline-block;
267
- padding: 0 5px;
268
- border-radius: var(--app-radius-inline);
269
- font-size: var(--app-font-size-detail);
270
- font-weight: var(--app-font-weight-strong);
271
- line-height: 1.6;
272
- white-space: nowrap;
273
- }
274
- .wg_prose__pill--verified {
275
- background: var(--app-color-verified-soft);
276
- color: var(--app-color-verified);
277
- }
278
- .wg_prose__pill--unverified {
279
- background: var(--app-color-unverified-soft);
280
- color: var(--app-color-unverified);
281
- }
282
- .wg_prose__color {
283
- white-space: nowrap;
284
- &::before {
285
- display: inline-block;
286
- width: 0.8em;
287
- height: 0.8em;
288
- margin-right: 5px;
289
- border: 1px solid var(--app-color-border);
290
- border-radius: var(--app-radius-mark);
291
- background: var(--wg-prose-chip-color, transparent);
292
- content: "";
293
- vertical-align: -0.05em;
294
- }
295
- }
296
- .wg_prose__flow {
297
- overflow-x: auto;
298
- margin: var(--app-space-block) 0;
299
- padding: var(--app-space-block);
300
- border: 1px solid var(--app-color-border);
301
- border-radius: var(--app-radius-box);
302
- letter-spacing: 0;
303
- & svg {
304
- display: block;
305
- max-width: 100%;
306
- height: auto;
307
- margin: 0 auto;
308
- }
309
- }
310
- .wg_prose__note {
311
- margin: var(--app-space-block) 0;
312
- padding-left: var(--app-space-block);
313
- border-left: 2px solid var(--app-color-border);
314
- & > :last-child {
315
- margin-bottom: 0;
316
- }
317
- }
318
- .wg_prose__noteTitle {
319
- display: block;
320
- margin-bottom: var(--app-space-inline);
321
- color: var(--app-color-text-strong);
322
- font-weight: var(--app-font-weight-strong);
323
- }
324
- .wg_prose__details {
325
- margin: var(--app-space-block) 0;
326
- padding-bottom: var(--app-space-stack);
327
- border-top: 1px dotted var(--app-color-border);
328
- border-bottom: 1px dotted var(--app-color-border);
329
- & > :last-child {
330
- margin-bottom: 0;
331
- }
332
- }
333
- .wg_prose__detailsSummary {
334
- padding: var(--app-space-inline) 0;
335
- color: var(--app-color-link);
336
- font-weight: var(--app-font-weight-strong);
337
- cursor: pointer;
338
- &:hover {
339
- color: var(--app-color-link-hover);
340
- text-decoration: underline;
341
- text-underline-offset: 2px;
342
- }
343
- &:focus-visible {
344
- outline: var(--app-outline-focus);
345
- outline-offset: var(--app-outline-focus-offset);
346
- }
347
- }
348
-
349
- /* src/component/widget/cursor-face/wg-cursor-face.css */
350
- .wg_cursorFace__root {
351
- position: fixed;
352
- top: 0;
353
- left: 0;
354
- z-index: var(--app-z-index-popper);
355
- visibility: hidden;
356
- pointer-events: none;
357
- user-select: none;
358
- image-rendering: pixelated;
359
- }
360
- .wg_cursorFace__root--visible {
361
- visibility: visible;
362
- }
363
-
364
- /* src/component/widget/navigation/_wg-navigation-nav-list.css */
365
- .wg_navigationNavList__root {
366
- margin: 0;
367
- padding: 0;
368
- list-style: none;
369
- }
370
- .wg_navigationNavList__branch {
371
- display: block;
372
- padding: var(--app-space-tree-row) 0;
373
- color: var(--app-color-text-muted);
374
- font-size: var(--app-font-size-group);
375
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
376
- overflow-wrap: anywhere;
377
- }
378
- .wg_navigationNavList__link {
379
- display: block;
380
- padding: var(--app-space-tree-row) 0;
381
- color: var(--app-color-link);
382
- font-size: var(--app-font-size-dense);
383
- line-height: var(--app-line-height-tight);
384
- text-decoration: none;
385
- overflow-wrap: anywhere;
386
- &:where(:hover) {
387
- text-decoration: underline;
388
- }
389
- &:where(:focus-visible) {
390
- outline: none;
391
- text-decoration: underline;
392
- }
393
- }
394
- .wg_navigationNavList__link--active {
395
- color: var(--app-color-link);
396
- font-weight: var(--app-font-weight-active);
397
- }
398
- .wg_navigationNavList__item {
399
- & > .wg_navigationNavList__root {
400
- margin-left: var(--app-space-tree-indent);
401
- }
402
- }
403
-
404
- /* src/component/widget/navigation/_wg-navigation-nav.css */
405
- .wg_navigationNav__root {
406
- font-size: var(--app-font-size-dense);
407
- line-height: var(--app-line-height-tight);
408
- }
409
- .wg_navigationNav__docs {
410
- display: flex;
411
- flex-direction: column;
412
- gap: var(--app-space-tree-group);
413
- }
414
- .wg_navigationNav__group {
415
- margin: 0 0 var(--app-space-tree-label);
416
- color: var(--app-color-text-muted);
417
- font-size: var(--app-font-size-group);
418
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
419
- text-box: trim-start cap alphabetic;
420
- }
421
-
422
- /* src/component/widget/navigation/_wg-navigation-toc.css */
423
- .wg_navigationToc__root {
424
- font-size: var(--app-font-size-dense);
425
- line-height: var(--app-line-height-tight);
426
- }
427
- .wg_navigationToc__label {
428
- margin: 0 0 var(--app-space-tree-label);
429
- color: var(--app-color-text-muted);
430
- font-size: var(--app-font-size-group);
431
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
432
- text-box: trim-start cap alphabetic;
433
- }
434
- .wg_navigationToc__group {
435
- margin: 0 0 var(--app-space-tree-label);
436
- color: var(--app-color-text-muted);
437
- font-size: var(--app-font-size-group);
438
- line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
439
- text-box: trim-start cap alphabetic;
440
- }
441
- .wg_navigationToc__groupSection--named {
442
- margin-top: var(--app-space-tree-group);
443
- }
444
- .wg_navigationToc__list {
445
- margin: 0;
446
- padding: 0;
447
- list-style: none;
448
- }
449
- .wg_navigationToc__link {
450
- display: block;
451
- padding: var(--app-space-tree-row) 0;
452
- color: var(--app-color-text);
453
- font-size: var(--app-font-size-dense);
454
- line-height: var(--app-line-height-tight);
455
- text-decoration: none;
456
- &:where(:hover) {
457
- color: var(--app-color-text-strong);
458
- text-decoration: underline;
459
- }
460
- &:where(:focus-visible) {
461
- outline: none;
462
- color: var(--app-color-text-strong);
463
- text-decoration: underline;
464
- }
465
- }
466
- .wg_navigationToc__link--active {
467
- color: var(--app-color-text-strong);
468
- font-weight: var(--app-font-weight-active);
469
- }
470
- .wg_navigationToc__sub {
471
- margin: var(--app-space-tree-row) 0 4px var(--app-space-tree-indent);
472
- padding: 0;
473
- list-style: none;
474
- }
475
- .wg_navigationToc__subLink {
476
- display: block;
477
- padding: var(--app-space-tree-row) 0;
478
- color: var(--app-color-text);
479
- font-size: var(--app-font-size-detail);
480
- line-height: var(--app-line-height-tight);
481
- text-decoration: none;
482
- &:where(:hover) {
483
- color: var(--app-color-text-strong);
484
- text-decoration: underline;
485
- }
486
- &:where(:focus-visible) {
487
- outline: none;
488
- color: var(--app-color-text-strong);
489
- text-decoration: underline;
490
- }
491
- }
492
- .wg_navigationToc__subLink--active {
493
- color: var(--app-color-text-strong);
494
- font-weight: var(--app-font-weight-active);
495
- }
496
-
497
- /* src/component/widget/navigation/wg-navigation.css */
498
- .wg_navigation__brandRow {
499
- display: flex;
500
- position: sticky;
501
- top: 0;
502
- z-index: var(--app-z-index-sticky);
503
- align-self: start;
504
- min-width: 0;
505
- height: var(--app-size-brand);
506
- padding-block: var(--app-space-page-top) var(--app-space-group);
507
- background: var(--app-color-ground);
508
- gap: var(--app-space-inline);
509
- align-items: start;
510
- }
511
- .wg_navigation__brand {
512
- display: block;
513
- flex: 1;
514
- min-width: 0;
515
- overflow: hidden;
516
- color: var(--app-color-text-strong);
517
- font-family: var(--app-font-brand);
518
- font-size: var(--app-font-size-title);
519
- font-weight: var(--app-font-weight-mark);
520
- line-height: var(--app-line-height-title);
521
- letter-spacing: var(--app-letter-spacing-brand);
522
- text-decoration: none;
523
- text-overflow: ellipsis;
524
- white-space: nowrap;
525
- &:hover {
526
- text-decoration: underline;
527
- }
528
- &:focus-visible {
529
- outline: none;
530
- text-decoration: underline;
531
- }
532
- }
533
- .wg_navigation__menuIcon {
534
- width: 20px;
535
- height: 20px;
536
- fill: none;
537
- stroke: currentcolor;
538
- stroke-linecap: round;
539
- stroke-width: 1.5;
540
- }
541
- .wg_navigation__menuToggle {
542
- display: none;
543
- align-items: center;
544
- justify-content: center;
545
- flex: none;
546
- width: var(--app-size-menu-button);
547
- height: var(--app-size-menu-button);
548
- padding: 0;
549
- border: 0;
550
- border-radius: var(--app-radius-box);
551
- background: transparent;
552
- color: var(--app-color-text-strong);
553
- cursor: pointer;
554
- &:hover {
555
- background: var(--app-color-accent-soft);
556
- }
557
- &:focus-visible {
558
- outline: var(--app-outline-focus);
559
- outline-offset: var(--app-outline-focus-offset);
560
- }
561
- }
562
- .wg_navigation__menuToggle--visible {
563
- display: flex;
564
- }
565
- .wg_navigation__sidebar {
566
- grid-area: nav;
567
- position: sticky;
568
- top: 0;
569
- align-self: start;
570
- min-width: 0;
571
- height: 100dvh;
572
- margin-inline-end: var(--app-space-sidebar-gap);
573
- }
574
- .wg_navigation__documents {
575
- flex: 1;
576
- min-height: 0;
577
- }
578
- .wg_navigation__outline {
579
- display: flex;
580
- flex-direction: column;
581
- flex: 1;
582
- min-height: 0;
583
- &:where(:has(.wg_navigation__headings:empty)) {
584
- display: none;
585
- }
586
- }
587
- .wg_navigation__headings {
588
- flex: 1;
589
- min-height: 0;
590
- }
591
- .wg_navigation__navigation {
592
- display: flex;
593
- flex-direction: column;
594
- height: calc(100dvh - var(--app-size-brand));
595
- min-width: 0;
596
- min-height: 0;
597
- }
598
- .wg_navigation__tocRail {
599
- grid-area: outline;
600
- position: sticky;
601
- top: 0;
602
- align-self: start;
603
- min-width: 0;
604
- height: 100dvh;
605
- margin-inline-start: var(--app-space-sidebar-gap);
606
- padding-top: var(--app-size-brand);
607
- & > .wg_navigation__outline {
608
- height: 100%;
609
- }
610
- &:where(:has(.wg_navigation__headings:empty)) {
611
- display: none;
612
- }
613
- }
614
- .wg_navigation__scroll {
615
- overflow-y: auto;
616
- overscroll-behavior-y: contain;
617
- scroll-padding-block: var(--app-size-navigation-fade);
618
- }
619
- .wg_navigation__scroll--ready {
620
- scrollbar-width: none;
621
- }
622
- .wg_navigation__scroll--above {
623
- mask-image:
624
- linear-gradient(
625
- to bottom,
626
- transparent,
627
- #000 var(--app-size-navigation-fade));
628
- }
629
- .wg_navigation__scroll--below {
630
- mask-image:
631
- linear-gradient(
632
- to bottom,
633
- #000 calc(100% - var(--app-size-navigation-fade)),
634
- transparent);
635
- }
636
- .wg_navigation__scroll--above.wg_navigation__scroll--below {
637
- mask-image:
638
- linear-gradient(
639
- to bottom,
640
- transparent,
641
- #000 var(--app-size-navigation-fade),
642
- #000 calc(100% - var(--app-size-navigation-fade)),
643
- transparent);
644
- }
645
- .wg_navigation__drawer {
646
- position: fixed;
647
- inset: 0 auto 0 0;
648
- width: min(var(--app-size-drawer), calc(100% - var(--app-space-gutter) * 2));
649
- max-width: none;
650
- height: 100dvh;
651
- max-height: 100dvh;
652
- margin: 0;
653
- padding: 0 var(--app-space-gutter) var(--app-space-group);
654
- border: 0;
655
- border-right: 1px solid var(--app-color-border-layout);
656
- background: var(--app-color-ground);
657
- color: var(--app-color-text);
658
- overflow: hidden;
659
- &::backdrop {
660
- background: var(--app-color-backdrop);
661
- }
662
- }
663
- .wg_navigation__drawerHeader {
664
- display: flex;
665
- align-items: center;
666
- justify-content: space-between;
667
- gap: var(--app-space-inline);
668
- min-height: var(--app-size-mobile-header);
669
- margin-bottom: var(--app-space-block);
670
- background: var(--app-color-ground);
671
- }
672
- .wg_navigation__drawerTitle {
673
- margin: 0;
674
- font-size: var(--app-font-size-part);
675
- font-weight: var(--app-font-weight-strong);
676
- }
677
- .wg_navigation__drawerClose {
678
- display: flex;
679
- align-items: center;
680
- justify-content: center;
681
- flex: none;
682
- width: var(--app-size-menu-button);
683
- height: var(--app-size-menu-button);
684
- padding: 0;
685
- border: 0;
686
- border-radius: var(--app-radius-box);
687
- background: transparent;
688
- color: var(--app-color-text-strong);
689
- cursor: pointer;
690
- &:hover {
691
- background: var(--app-color-accent-soft);
692
- }
693
- &:focus-visible {
694
- outline: var(--app-outline-focus);
695
- outline-offset: var(--app-outline-focus-offset);
696
- }
697
- }
698
- .wg_navigation__drawerContent {
699
- min-width: 0;
700
- height: calc(100% - var(--app-size-mobile-header) - var(--app-space-block));
701
- & > .wg_navigation__navigation {
702
- height: 100%;
703
- }
704
- }
705
- @media (forced-colors: active) {
706
- .wg_navigation__scroll {
707
- mask-image: none;
708
- scrollbar-width: thin;
709
- scrollbar-color: auto;
710
- }
711
- }
712
- @media (width < 1360px) {
713
- .wg_navigation__tocRail {
714
- display: none;
715
- }
716
- }
717
- @media (width < 1024px) {
718
- .wg_navigation__sidebar {
719
- position: static;
720
- height: auto;
721
- margin-block-end: var(--app-space-block);
722
- margin-inline-end: 0;
723
- border-bottom: 1px solid var(--app-color-border-layout);
724
- }
725
- .wg_navigation__sidebar > .wg_navigation__navigation {
726
- height: auto;
727
- }
728
- .wg_navigation__sidebar > .wg_navigation__navigation > .wg_navigation__documents {
729
- max-height: none;
730
- }
731
- .wg_navigation__sidebar--navigationReady {
732
- position: sticky;
733
- top: 0;
734
- z-index: var(--app-z-index-sticky);
735
- background: var(--app-color-ground);
736
- }
737
- .wg_navigation__brandRow {
738
- position: static;
739
- height: var(--app-size-mobile-header);
740
- padding-block: 0;
741
- align-items: center;
742
- }
743
- }
744
-
745
- /* src/component/widget/shell-controls/wg-shell-controls.css */
746
- .wg_shellControls__navigation {
747
- display: contents;
748
- }
749
-
750
- /* src/style/base.css */
751
- * {
752
- box-sizing: border-box;
753
- }
754
- :root {
755
- background: var(--app-color-ground);
756
- scrollbar-gutter: stable;
757
- scroll-behavior: smooth;
758
- }
759
- @media (prefers-reduced-motion: reduce) {
760
- *,
761
- *::before,
762
- *::after {
763
- animation-duration: 0.01ms !important;
764
- animation-delay: 0s !important;
765
- animation-iteration-count: 1 !important;
766
- transition-duration: 0.01ms !important;
767
- transition-delay: 0s !important;
768
- scroll-behavior: auto !important;
769
- }
770
- }
771
-
772
- /* src/style/token.css */
773
- :root {
774
- color-scheme: light dark;
775
- --app-color-ground: light-dark(#fff, #181818);
776
- --app-color-surface: light-dark(#fff, #181818);
777
- --app-color-code: light-dark(#f1f1eb, #22221f);
778
- --app-color-backdrop: light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 55%));
779
- --app-color-text: light-dark(#333, #d5d5d5);
780
- --app-color-text-strong: light-dark(#222, #eee);
781
- --app-color-text-muted: light-dark(#666, #aaa);
782
- --app-color-anchor-highlight: light-dark(#f4f58a, #666322);
783
- --app-motion-duration-highlight-fade: 600ms;
784
- --app-motion-easing-out: ease-out;
785
- --app-color-border: light-dark(#aaa, #555);
786
- --app-color-border-soft: light-dark(#ddd, #333);
787
- --app-color-border-layout: light-dark(#eee, #2b2b2b);
788
- --app-color-accent: light-dark(#555, #b5b5b5);
789
- --app-color-accent-soft: light-dark(#f5f5f2, #222);
790
- --app-color-bad: light-dark(#b2412e, #ff9b8a);
791
- --app-color-bad-soft: light-dark(#f9ebe8, #3a2522);
792
- --app-color-bad-mark: light-dark(#f1cdc6, #5b322c);
793
- --app-color-good: light-dark(#2f7a47, #8bd3a3);
794
- --app-color-good-soft: light-dark(#e4f3ed, #1c342c);
795
- --app-color-good-mark: light-dark(#c4e4d4, #27503f);
796
- --app-color-warn: light-dark(#8a6400, #e6c46a);
797
- --app-color-warn-soft: light-dark(#fbf3d9, #3d3418);
798
- --app-color-link: light-dark(#11a, #9db8ff);
799
- --app-color-link-visited: light-dark(#51a, #c5a5ed);
800
- --app-color-link-hover: light-dark(#44d, #c1d1ff);
801
- --app-color-verified: light-dark(#176b36, #82cf95);
802
- --app-color-verified-soft: light-dark(#edf5ed, #1d2c20);
803
- --app-color-unverified: light-dark(#855700, #dfb26c);
804
- --app-color-unverified-soft: light-dark(#faf2df, #30291c);
805
- --app-font-mono:
806
- "Monoplex KR",
807
- ui-monospace,
808
- monospace;
809
- --app-font-body: "IBM Plex Sans KR", var(--app-font-mono);
810
- --app-font-brand: "Architects Daughter", var(--app-font-body);
811
- --app-font-size-group: 11px;
812
- --app-font-size-detail: 12px;
813
- --app-font-size-dense: 12px;
814
- --app-font-size-body: 12px;
815
- --app-font-size-lead: 12px;
816
- --app-font-size-part: 13px;
817
- --app-font-size-section: 15px;
818
- --app-font-size-title: 16px;
819
- --app-font-weight-mark: 400;
820
- --app-font-weight-active: 600;
821
- --app-font-weight-strong: 600;
822
- --app-font-weight-title: 600;
823
- --app-line-height-title: 1.5;
824
- --app-line-height-heading: 1.5;
825
- --app-line-height-tight: 1.4;
826
- --app-line-height-code: 1.65;
827
- --app-line-height-body: 1.7;
828
- --app-letter-spacing-body: -0.03em;
829
- --app-letter-spacing-brand: 0;
830
- --app-letter-spacing-heading: -0.04em;
831
- --app-letter-spacing-title: -0.045em;
832
- --app-space-inline: 6px;
833
- --app-space-stack: 10px;
834
- --app-space-block: 14px;
835
- --app-space-group: 20px;
836
- --app-space-subsection: 28px;
837
- --app-space-section: 64px;
838
- --app-space-tree-row: 0px;
839
- --app-space-tree-group: 16px;
840
- --app-space-tree-label: 2px;
841
- --app-space-tree-indent: 12px;
842
- --app-space-page-top: 28px;
843
- --app-space-gutter: 28px;
844
- --app-space-column: 32px;
845
- --app-space-sidebar-gap: 32px;
846
- --app-size-sidebar: 200px;
847
- --app-size-page: 1920px;
848
- --app-size-brand: calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));
849
- --app-size-mobile-header: 56px;
850
- --app-size-menu-button: 44px;
851
- --app-size-drawer: 320px;
852
- --app-size-navigation-fade: 28px;
853
- --app-space-anchor: 80px;
854
- --app-radius-pill: 0;
855
- --app-radius-card: 0;
856
- --app-radius-box: 0;
857
- --app-radius-inline: 0;
858
- --app-radius-mark: 0;
859
- --app-outline-focus: 2px solid var(--app-color-link);
860
- --app-outline-focus-offset: 2px;
861
- --app-z-index-sticky: 100;
862
- --app-z-index-popper: 300;
863
- --app-code-foreground: var(--app-color-text);
864
- --app-code-background: var(--app-color-code);
865
- --app-code-token-keyword: var(--app-color-text-strong);
866
- --app-code-token-function: var(--app-color-accent);
867
- --app-code-token-string: var(--app-color-verified);
868
- --app-code-token-string-expression: var(--app-color-verified);
869
- --app-code-token-constant: var(--app-color-unverified);
870
- --app-code-token-parameter: var(--app-color-text);
871
- --app-code-token-comment: var(--app-color-text-muted);
872
- --app-code-token-punctuation: var(--app-color-text-muted);
873
- --app-code-token-link: var(--app-color-link);
874
- }
875
- @media (width < 1024px) {
876
- :root {
877
- --app-space-page-top: 24px;
878
- --app-space-gutter: 20px;
879
- --app-space-tree-row: 7px;
880
- --app-space-anchor: calc(var(--app-size-mobile-header) + var(--app-space-block));
881
- }
882
- }
883
- @media (width < 640px) {
884
- :root {
885
- --app-space-page-top: 20px;
886
- --app-space-gutter: 16px;
887
- }
888
- }
889
- .wg_prose__code--bad {
890
- --app-code-background: var(--app-color-bad-soft);
891
- }
892
- .wg_prose__code--good {
893
- --app-code-background: var(--app-color-good-soft);
894
- }
895
-
896
- /* src/component/widget/shell/wg-shell.css */
897
- .wg_shell__root {
898
- display: grid;
899
- max-width: var(--app-size-page);
900
- margin: 0 auto;
901
- padding: 0 var(--app-space-gutter);
902
- 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));
903
- background: var(--app-color-ground);
904
- color: var(--app-color-text);
905
- font-family: var(--app-font-body);
906
- font-size: var(--app-font-size-body);
907
- line-height: var(--app-line-height-body);
908
- letter-spacing: var(--app-letter-spacing-body);
909
- word-break: keep-all;
910
- overflow-wrap: break-word;
911
- text-wrap: pretty;
912
- -webkit-font-smoothing: antialiased;
913
- }
914
- .wg_shell__root--drawerOpen {
915
- overflow: hidden;
916
- }
917
- .wg_shell__browserRoot {
918
- display: contents;
919
- }
920
- .wg_shell__main {
921
- grid-area: main;
922
- min-width: 0;
923
- border-inline: 1px solid var(--app-color-border-layout);
924
- padding-block: var(--app-size-brand) calc(100vh - var(--app-space-anchor));
925
- padding-inline: var(--app-space-column);
926
- }
927
- @media (width < 1360px) {
928
- .wg_shell__root {
929
- grid-template: "nav main" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr);
930
- }
931
- }
932
- @media (width < 1024px) {
933
- .wg_shell__root {
934
- grid-template: "nav" auto "main" 1fr / minmax(0, 1fr);
935
- }
936
- .wg_shell__main {
937
- padding-block-start: var(--app-space-page-top);
938
- padding-inline: 0;
939
- border-inline: 0;
940
- }
941
- }
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}& 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__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__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)}.wg_prose__code--bad,.wg_prose__codeFile--bad{--app-code-background:var(--app-color-bad-soft)}.wg_prose__code--good,.wg_prose__codeFile--good{--app-code-background:var(--app-color-good-soft)}@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*/