ardo 3.0.5 → 3.1.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 (48) hide show
  1. package/dist/{FileTree-qpT1ZVrW.d.ts → Features-D_Pt7zpA.d.ts} +2 -42
  2. package/dist/Search-DOJMNI2T.css +193 -0
  3. package/dist/Search-DOJMNI2T.css.map +1 -0
  4. package/dist/Search-VYYG3D43.js +10 -0
  5. package/dist/chunk-4YQE3TNM.js +1 -0
  6. package/dist/chunk-4YQE3TNM.js.map +1 -0
  7. package/dist/chunk-AXLJDGQL.js +1 -0
  8. package/dist/chunk-AXLJDGQL.js.map +1 -0
  9. package/dist/{chunk-XK7YZAVP.js → chunk-CZM5NX27.js} +259 -237
  10. package/dist/chunk-CZM5NX27.js.map +1 -0
  11. package/dist/{chunk-QKDVSW6Q.js → chunk-IEPSORG5.js} +122 -56
  12. package/dist/chunk-IEPSORG5.js.map +1 -0
  13. package/dist/chunk-KUWEUO37.js +1 -0
  14. package/dist/chunk-KUWEUO37.js.map +1 -0
  15. package/dist/chunk-PMS3P4MA.js +43 -0
  16. package/dist/chunk-PMS3P4MA.js.map +1 -0
  17. package/dist/{chunk-BHHI2BO4.js → chunk-ZPYQQZ7J.js} +36 -20
  18. package/dist/chunk-ZPYQQZ7J.js.map +1 -0
  19. package/dist/index.css +1290 -0
  20. package/dist/index.css.map +1 -0
  21. package/dist/index.d.ts +1 -1
  22. package/dist/index.js +7 -8
  23. package/dist/mdx/provider.css +403 -0
  24. package/dist/mdx/provider.css.map +1 -0
  25. package/dist/mdx/provider.js +3 -2
  26. package/dist/mdx/provider.js.map +1 -1
  27. package/dist/theme/index.d.ts +196 -0
  28. package/dist/theme/index.js +135 -0
  29. package/dist/theme/index.js.map +1 -0
  30. package/dist/ui/index.css +1290 -0
  31. package/dist/ui/index.css.map +1 -0
  32. package/dist/ui/index.d.ts +3 -23
  33. package/dist/ui/index.js +7 -10
  34. package/dist/ui/styles.css +1023 -2041
  35. package/dist/ui/styles.css.map +1 -0
  36. package/dist/ui/styles.d.ts +2 -0
  37. package/dist/ui/styles.js +4 -0
  38. package/dist/ui/styles.js.map +1 -0
  39. package/dist/vite/index.js +4 -0
  40. package/dist/vite/index.js.map +1 -1
  41. package/package.json +12 -2
  42. package/dist/Search-MXGJE6PQ.js +0 -9
  43. package/dist/chunk-BHHI2BO4.js.map +0 -1
  44. package/dist/chunk-MJQGGJQZ.js +0 -88
  45. package/dist/chunk-MJQGGJQZ.js.map +0 -1
  46. package/dist/chunk-QKDVSW6Q.js.map +0 -1
  47. package/dist/chunk-XK7YZAVP.js.map +0 -1
  48. /package/dist/{Search-MXGJE6PQ.js.map → Search-VYYG3D43.js.map} +0 -0
package/dist/index.css ADDED
@@ -0,0 +1,1290 @@
1
+ /* vanilla-extract-css-ns:src/ui/Layout.css.ts.vanilla.css?source=LkxheW91dF9sYXlvdXRfXzhhdXRqbTAgewogIG1pbi1oZWlnaHQ6IDEwMHZoOwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKfQouTGF5b3V0X2xheW91dENvbnRhaW5lcl9fOGF1dGptMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4OiAxOwogIHBhZGRpbmctdG9wOiB2YXIoLS1hcmRvLWxheW91dC1oZWFkZXJIZWlnaHQpOwp9Ci5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgZmxleDogMTsKICBtaW4td2lkdGg6IDA7CiAgcGFkZGluZzogNDBweCAzMnB4OwogIG1hcmdpbi1sZWZ0OiB2YXIoLS1hcmRvLWxheW91dC1zaWRlYmFyV2lkdGgpOwp9Ci5MYXlvdXRfaG9tZV9fOGF1dGptMyB7CiAgbWluLWhlaWdodDogMTAwdmg7Cn0KLkxheW91dF9ob21lTWFpbl9fOGF1dGptNCB7CiAgcGFkZGluZy10b3A6IHZhcigtLWFyZG8tbGF5b3V0LWhlYWRlckhlaWdodCk7Cn0KLkxheW91dF9ob21lX184YXV0am0zIC5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgbWFyZ2luLWxlZnQ6IDA7CiAgcGFkZGluZzogMDsKfQouTGF5b3V0X3NraXBMaW5rX184YXV0am01IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtMTAwJTsKICBsZWZ0OiAxNnB4OwogIHotaW5kZXg6IDIwMDsKICBwYWRkaW5nOiAxMnB4IDI0cHg7CiAgYmFja2dyb3VuZDogdmFyKC0tYXJkby1jb2xvci1icmFuZCk7CiAgY29sb3I6IHdoaXRlOwogIGZvbnQtd2VpZ2h0OiA2MDA7CiAgZm9udC1zaXplOiAxNHB4OwogIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1iYXNlKTsKICBib3gtc2hhZG93OiB2YXIoLS1hcmRvLWNvbG9yLXNoYWRvd01kKTsKfQouTGF5b3V0X3NraXBMaW5rX184YXV0am01OmZvY3VzIHsKICB0b3A6IDE2cHg7Cn0KQG1lZGlhIChtYXgtd2lkdGg6IDEwMjRweCkgewogIC5MYXlvdXRfbWFpbl9fOGF1dGptMiB7CiAgICBtYXJnaW4tbGVmdDogMDsKICB9Cn0 */
2
+ .Layout_layout__8autjm0 {
3
+ min-height: 100vh;
4
+ display: flex;
5
+ flex-direction: column;
6
+ }
7
+ .Layout_layoutContainer__8autjm1 {
8
+ display: flex;
9
+ flex: 1;
10
+ padding-top: var(--ardo-layout-headerHeight);
11
+ }
12
+ .Layout_main__8autjm2 {
13
+ flex: 1;
14
+ min-width: 0;
15
+ padding: 40px 32px;
16
+ margin-left: var(--ardo-layout-sidebarWidth);
17
+ }
18
+ .Layout_home__8autjm3 {
19
+ min-height: 100vh;
20
+ }
21
+ .Layout_homeMain__8autjm4 {
22
+ padding-top: var(--ardo-layout-headerHeight);
23
+ }
24
+ .Layout_home__8autjm3 .Layout_main__8autjm2 {
25
+ margin-left: 0;
26
+ padding: 0;
27
+ }
28
+ .Layout_skipLink__8autjm5 {
29
+ position: absolute;
30
+ top: -100%;
31
+ left: 16px;
32
+ z-index: 200;
33
+ padding: 12px 24px;
34
+ background: var(--ardo-color-brand);
35
+ color: white;
36
+ font-weight: 600;
37
+ font-size: 14px;
38
+ text-decoration: none;
39
+ border-radius: var(--ardo-radius-base);
40
+ box-shadow: var(--ardo-color-shadowMd);
41
+ }
42
+ .Layout_skipLink__8autjm5:focus {
43
+ top: 16px;
44
+ }
45
+ @media (max-width: 1024px) {
46
+ .Layout_main__8autjm2 {
47
+ margin-left: 0;
48
+ }
49
+ }
50
+
51
+ /* vanilla-extract-css-ns:src/ui/Header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VTXPbNhC961fspTPipFBJ2bJl5tJpLjkkObS9Z0BiSSKCABZYSnQ6-u8d8MukRKtWJhcRAhYPD_veYlcfkQu0X4v28_Wfb-nabkL4dwFQGidJGh1DJmsU7xcAZMoYQj9SmFE3tDIv-nGB7Z-Uq3R54HbJGLfCMMWfTUWsPeZjExTAO0B9WDqeIeMWOZPaITEyZRB4rJILIXXOmkNfi_SBCU93uTWVFjGYnUqLZQQhhPAbhKvtZggR1pQsk4rQxpCoyi6jdVkH4DhVlhMuo1UbzI6Y7CSxmzYlpmau4MIcYwghKmu4K-uOTjjQCe-DX7vl9dzyusH6zqQWWMcQheH7xWmxEtzuYHVFq8sUhKto0yBC9DhNxZuIRpurRKOg4TVh9MFo4lK_UIsaakK6UvHnGDKFtSfAlcw1k4R7F0OKmtD66W-VI5k9s9RoQk0xuJKnyBKkI6IemysKw19GBvHXuPMkQ1iHZX1J7BNm1HNa38Qp52UM6_s50D89lx717nZUb6MxqjK5-ST1roe8_wHI5vYAhDUxgamxvK1fbTT6hdQoY2MY1WUzw_yGxhtkue6L3pQ8lfQ8jn5ZZhl3FFzlHxfmgLa5RQcVexOe7-njN01kL_HdwzQ7ThL-LUlhH_7QhGdGE3PyO8ad9N3UsYN5DLvHiggt84Zq_MJ8XeB-fMDeJFLhZ9TVHxWR0f05j1MZ-kyO622YM1b4V2LIdmWdT3dpZC_T4NhtS7bdwiwXsnITYdop5vbBm1iOkj2mdqF0kv9lsqlwBd8nlc1fynY77zz_ZUJaTFt_pEZVez2Yb3NWJJeoruR6Cp0ok-48wlEKKl407F2w7rJ07UaDd89yGXW1MHI0V-qtbhbodmTKL_zQ83-6oR7nBOtx-NXe-jP65iutefCef3kgeuh-_jfBST5Ob8PSdwVnlBQz0U3YXKO5961kO9f0ttOm9_R0mcGREAlofrjVohOZHFmktBise_a-z5zYita5tG0_p8XvexSSw3LPazYs-WYRNNFvao6TJtbb_zQP_viwPce-_mrNVdpptPs1k8-8d6fF6T-ae4pTKwoAAA */
52
+ .Header_header__qjc2r50 {
53
+ position: fixed;
54
+ top: 0;
55
+ left: 0;
56
+ right: 0;
57
+ height: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top));
58
+ padding-top: env(safe-area-inset-top);
59
+ background: oklch(1 0 0 / 0.85);
60
+ backdrop-filter: blur(12px) saturate(1.5);
61
+ -webkit-backdrop-filter: blur(12px) saturate(1.5);
62
+ box-shadow: 0 1px 3px oklch(0 0 0 / 0.04), 0 1px 2px oklch(0 0 0 / 0.02);
63
+ z-index: 100;
64
+ }
65
+ .dark .Header_header__qjc2r50 {
66
+ background: oklch(0.15 0.02 170 / 0.85);
67
+ box-shadow: 0 1px 3px oklch(0 0 0 / 0.15), 0 1px 2px oklch(0 0 0 / 0.1);
68
+ }
69
+ .Header_headerContainer__qjc2r51 {
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: space-between;
73
+ height: 100%;
74
+ padding: 0 32px 0 20px;
75
+ }
76
+ .Header_headerLeft__qjc2r52 {
77
+ display: flex;
78
+ align-items: center;
79
+ gap: 24px;
80
+ }
81
+ .Header_headerRight__qjc2r53 {
82
+ display: flex;
83
+ align-items: center;
84
+ gap: 12px;
85
+ }
86
+ .Header_logoLink__qjc2r54 {
87
+ display: flex;
88
+ align-items: center;
89
+ gap: 10px;
90
+ text-decoration: none;
91
+ color: var(--ardo-color-text);
92
+ transition: opacity var(--ardo-transition-fast);
93
+ }
94
+ .Header_logoLink__qjc2r54:hover {
95
+ opacity: 0.8;
96
+ }
97
+ .Header_logo__qjc2r55 {
98
+ height: 36px;
99
+ }
100
+ .Header_siteTitle__qjc2r56 {
101
+ font-size: 20px;
102
+ font-weight: 700;
103
+ letter-spacing: -0.02em;
104
+ }
105
+ .Header_mobileMenuButton__qjc2r57 {
106
+ display: none;
107
+ background: none;
108
+ border: none;
109
+ cursor: pointer;
110
+ padding: 8px;
111
+ border-radius: var(--ardo-radius-sm);
112
+ }
113
+ .Header_mobileMenuButton__qjc2r57:hover {
114
+ background: var(--ardo-color-bgSoft);
115
+ }
116
+ .Header_hamburger__qjc2r58 {
117
+ display: flex;
118
+ flex-direction: column;
119
+ gap: 5px;
120
+ }
121
+ .Header_hamburger__qjc2r58 span {
122
+ display: block;
123
+ width: 20px;
124
+ height: 2px;
125
+ background: var(--ardo-color-text);
126
+ border-radius: 1px;
127
+ transition: all var(--ardo-transition-fast);
128
+ }
129
+ .Header_desktopNav__qjc2r59 {
130
+ display: flex;
131
+ align-items: center;
132
+ }
133
+ .Header_mobileMenu__qjc2r5a {
134
+ position: fixed;
135
+ top: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top));
136
+ left: 0;
137
+ right: 0;
138
+ padding: 12px 16px 16px;
139
+ background: var(--ardo-color-bg);
140
+ border-top: 1px solid var(--ardo-color-border);
141
+ box-shadow: 0 14px 28px oklch(0 0 0 / 0.08);
142
+ z-index: 99;
143
+ }
144
+ .Header_mobileNav__qjc2r5b nav {
145
+ display: flex;
146
+ flex-direction: column;
147
+ align-items: stretch;
148
+ gap: 4px;
149
+ }
150
+ .Header_mobileNav__qjc2r5b a {
151
+ width: 100%;
152
+ }
153
+ @media (max-width: 1024px) {
154
+ .Header_headerContainer__qjc2r51 {
155
+ padding: 0 20px;
156
+ }
157
+ }
158
+ @media (max-width: 768px) {
159
+ .Header_mobileMenuButton__qjc2r57 {
160
+ display: block;
161
+ }
162
+ .Header_desktopNav__qjc2r59 {
163
+ display: none;
164
+ }
165
+ }
166
+
167
+ /* vanilla-extract-css-ns:src/ui/Nav.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VTTW8iMQy98yuiSkhwCBpQkVD4C9VeeukNmcQzkxLiUWKm0131v1eT-YBKQLsr7S1x7Ofn95zFL6h3HurdbrMu_QEz8WcihLGxcvCuRO6w2U6EAGcLLy3jMSqh0TOGNlxApcSmaraTj8miR3qy_jCgLRNaRdGyJa9EQAdsa2xrNTkKStQQZlJCMCRTRDI2_GSLkudtVnuTBjUF6CA8-VSek2cZ7W9UYvlYNWPoDdtaJdZZ1sYqMMb6IrEcE_cUDAYZwNhT_EKhC8l47JoH8AN1cO4y8fwkc4gt1xsKKAU5Y0hCaPKMnpV4eNh-0QX2kdyJsSPHTEclEn2HeZplOtLJKRxVd3TA-DKT62ya2L5Zw2VfV_YqrPqBQR-KQCdvrgi-D-DN_Iouy674UoXU44YOe4h4R4eS6lGG287Pv6dbPFN-R_AF6HbF7nYaRr4PcWldL64Gp2fLLJsKKVabqjljRNIW3CXM6q--0uspss3f5bgj56e-92PW-TF4O9x_9pG-3fnevn_b-ivT_wfDPwF8WfSjrQQAAA */
168
+ .Nav_nav__85hnke0 {
169
+ display: flex;
170
+ align-items: center;
171
+ gap: 8px;
172
+ }
173
+ .Nav_navLink__85hnke1 {
174
+ position: relative;
175
+ color: var(--ardo-color-textLight);
176
+ text-decoration: none;
177
+ font-size: 14px;
178
+ font-weight: 500;
179
+ padding: 8px 14px;
180
+ border-radius: var(--ardo-radius-sm);
181
+ transition: all var(--ardo-transition-fast);
182
+ }
183
+ .Nav_navLink__85hnke1::after {
184
+ content: "";
185
+ position: absolute;
186
+ bottom: 0;
187
+ left: 50%;
188
+ transform: translateX(-50%);
189
+ width: 0;
190
+ height: 2px;
191
+ background: var(--ardo-color-brand);
192
+ border-radius: 1px;
193
+ transition: width var(--ardo-transition-base);
194
+ }
195
+ .Nav_navLink__85hnke1:hover {
196
+ color: var(--ardo-color-text);
197
+ background: var(--ardo-color-bgSoft);
198
+ }
199
+ .Nav_navLink__85hnke1.active {
200
+ color: var(--ardo-color-brand);
201
+ }
202
+ .Nav_navLink__85hnke1.active::after {
203
+ width: calc(100% - 28px);
204
+ }
205
+ .Nav_socialLink__85hnke2 {
206
+ display: flex;
207
+ align-items: center;
208
+ justify-content: center;
209
+ width: 40px;
210
+ height: 40px;
211
+ color: var(--ardo-color-textLight);
212
+ border-radius: var(--ardo-radius-base);
213
+ transition: all var(--ardo-transition-fast);
214
+ }
215
+ .Nav_socialLink__85hnke2:hover {
216
+ color: var(--ardo-color-text);
217
+ background: var(--ardo-color-bgSoft);
218
+ }
219
+
220
+ /* vanilla-extract-css-ns:src/ui/components/ThemeToggle.css.ts.vanilla.css?source=LlRoZW1lVG9nZ2xlX3RoZW1lVG9nZ2xlX18xOGc1aXl6MCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiA0MHB4OwogIGhlaWdodDogNDBweDsKICBiYWNrZ3JvdW5kOiBub25lOwogIGJvcmRlcjogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dExpZ2h0KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1iYXNlKTsKICB0cmFuc2l0aW9uOiBhbGwgdmFyKC0tYXJkby10cmFuc2l0aW9uLWZhc3QpOwp9Ci5UaGVtZVRvZ2dsZV90aGVtZVRvZ2dsZV9fMThnNWl5ejA6aG92ZXIgewogIGJhY2tncm91bmQ6IHZhcigtLWFyZG8tY29sb3ItYmdTb2Z0KTsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci10ZXh0KTsKfQ */
221
+ .ThemeToggle_themeToggle__18g5iyz0 {
222
+ display: flex;
223
+ align-items: center;
224
+ justify-content: center;
225
+ width: 40px;
226
+ height: 40px;
227
+ background: none;
228
+ border: none;
229
+ cursor: pointer;
230
+ color: var(--ardo-color-textLight);
231
+ border-radius: var(--ardo-radius-base);
232
+ transition: all var(--ardo-transition-fast);
233
+ }
234
+ .ThemeToggle_themeToggle__18g5iyz0:hover {
235
+ background: var(--ardo-color-bgSoft);
236
+ color: var(--ardo-color-text);
237
+ }
238
+
239
+ /* vanilla-extract-css-ns:src/ui/components/Search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Y3YrjNhi9n6cQCwsJHaV24mRSL4VCYaF0KUund2VZZEuJ1SiSseTE2WXevUi2YtlWnGQGSpmLSeRP3-_R0XFmzwQVafZV1v--HqsU00MAvj8AkAtJFRU8BgVhSNED-fAAwJFilcUgZWifT-bzIK8ewSI4HB_BYhXk1VTb7FEFG7swCN7rJVUgbt2ZR-CAigmEqMACtg_hBkk1_fDw8jDrZPaREoZteqFJD1OZM3SKwYaRSodAjG45pIrsZQxSwhUp9PIW5TFY58ZkTznMCN1mKgZRUK_lCGPKt8YGhPN6MUHpbluIkuPYTTQVTBQw2T6LjTKVJqLApIhBmFdACkaxx9qYONawQJiWsuO4XoIJksRYmq2e0IpU6pPOv_GYloXUhnq93-Ymmtk41u1HkIgKygxhcRy3u-pqOLgzpOJMHEgBxsb6CC7t3Yi0lPBIVUb5qAuDDLdw3_gKxPFtXW6mZrsTg8D8LfIKiB1Ls0kwi9YgmIVLED4F4Ef9MfJ04Teel8omOTdJatTGILSobI5L4IKKC26OnCgVo5y0CxvBFZT0G4lBGA0Ba83GyruaZBznDKUkEwyTwmR8GyaveK0neaCSJowYt73q-vs_i1wDx3pY9KgJJVKwUpl6lchjkCKWTjTrgB9AaAmpqI984BDYnvLJcmXoy245HAEE8yivptMbOMB3osNVM407aaEF2MCufvCpDqc7sWHaLqMYE67XvkHKscbSPAyG7fuTyJIpadsXmfYxKhWU6sQcTGnObqmx4UYbD55igEolLvm37pddZk6YSHcdjtX8CuaNdw0ciEkqClQP80bgntueCKXE_oY2t4e5Q5DnAd_Hab2aY4akgmlGGXbpxybnh3Xfh2HHPgH2jGaSMJIq0oRx4HmJjILlxfT_oooR63p1YW6GaI4NKpZBUAOl2FJ-Ls9cmP4QzyTVbbRBnsaCNGy2qJHxOqr5Q_TQvq7JwoJvMQCfkQyuWHhd4I9CqJaifvLLk39KqejmBFPBFeFqIFHmUU-PdM7KfYIEGiq8jX3c9s_f0v5-F3YJ7vZf17O6qZy3a6ummQ1YG_6PfFj9lRF0zhp1Z0e5vprgFYU5MtnmsrGztQRrv2vHUGYF5Tt793vu8b4esKIvF9TGcYe4vmeIzngi9-4aEalyP2BSxNh9FNpteqMN-6w2hvM7tc3vyVkjJt0Rt_efQQojm0tA6fj4P4DbHXroLG3QnrJTJ7azbrrzy55gisDEeVN7Wq3zamqKuiDDzbMzpu3708tgg0eSD3Y1pBfUn913ML9Pj4K2Glor8lqcOHEaxyJHKVWnNlB9ZCA5EK5kO_1hQK_u7CrJjpaM5h4tGVgt6WmS587wwHK40cNXN-07j_FvjBSCpMoRxwT__E4VJXn35caXr-_9uhc-DT1S95U0_pMXxHMB9teJ7q8EF34TeGstXQi_qpaRUxD2AB_6AW8PyluL6aLwVcWMA7l39b64pNW-L18krQHhexRZM_WFHe_LvzbcwBQOEwAA */
240
+ .Search_search__wxcdiv0 {
241
+ position: relative;
242
+ width: clamp(220px, 30vw, 360px);
243
+ max-width: 100%;
244
+ transition: width var(--ardo-transition-fast);
245
+ }
246
+ .Search_searchField__wxcdiv1 {
247
+ display: flex;
248
+ align-items: center;
249
+ gap: 8px;
250
+ min-height: 40px;
251
+ padding: 8px 12px;
252
+ background: var(--ardo-color-bgSoft);
253
+ border: 1px solid var(--ardo-color-border);
254
+ border-radius: var(--ardo-radius-base);
255
+ color: var(--ardo-color-textLighter);
256
+ cursor: text;
257
+ transition:
258
+ border-color var(--ardo-transition-fast),
259
+ box-shadow var(--ardo-transition-fast),
260
+ color var(--ardo-transition-fast);
261
+ }
262
+ .Search_search__wxcdiv0:hover .Search_searchField__wxcdiv1,
263
+ .Search_search__wxcdiv0:focus-within .Search_searchField__wxcdiv1 {
264
+ border-color: var(--ardo-color-brand);
265
+ color: var(--ardo-color-textLight);
266
+ box-shadow: 0 0 0 3px oklch(0.48 0.15 170 / 0.14);
267
+ }
268
+ .Search_searchInput__wxcdiv2 {
269
+ flex: 1;
270
+ min-width: 0;
271
+ border: none;
272
+ outline: none;
273
+ font-size: 14px;
274
+ background: none;
275
+ color: var(--ardo-color-text);
276
+ }
277
+ .Search_searchInput__wxcdiv2::placeholder {
278
+ color: var(--ardo-color-textLighter);
279
+ }
280
+ .Search_searchInput__wxcdiv2:focus-visible {
281
+ outline: none;
282
+ }
283
+ .Search_searchPopover__wxcdiv3 {
284
+ position: absolute;
285
+ top: calc(100% + 10px);
286
+ right: 0;
287
+ width: min(560px, calc(100vw - 24px));
288
+ background: var(--ardo-color-bg);
289
+ border-radius: 16px;
290
+ border: 1px solid var(--ardo-color-border);
291
+ box-shadow: var(--ardo-color-shadowLg);
292
+ overflow: hidden;
293
+ z-index: 210;
294
+ }
295
+ .Search_searchResults__wxcdiv4 {
296
+ list-style: none;
297
+ max-height: 400px;
298
+ overflow-y: auto;
299
+ }
300
+ .Search_searchResult__wxcdiv5 {
301
+ display: block;
302
+ padding: 12px 20px;
303
+ text-decoration: none;
304
+ color: var(--ardo-color-text);
305
+ border-bottom: 1px solid var(--ardo-color-borderLight);
306
+ transition: background var(--ardo-transition-fast);
307
+ }
308
+ .Search_searchResult__wxcdiv5:last-child {
309
+ border-bottom: none;
310
+ }
311
+ .Search_searchResult__wxcdiv5:hover,
312
+ .Search_searchResult__wxcdiv5.selected {
313
+ background: oklch(0.48 0.15 170 / 0.05);
314
+ }
315
+ .Search_searchResultTitle__wxcdiv6 {
316
+ display: block;
317
+ font-weight: 500;
318
+ margin-bottom: 2px;
319
+ }
320
+ .Search_searchResultSection__wxcdiv7 {
321
+ display: block;
322
+ font-size: 13px;
323
+ color: var(--ardo-color-textLighter);
324
+ }
325
+ .Search_searchNoResults__wxcdiv8 {
326
+ padding: 32px 20px;
327
+ text-align: center;
328
+ color: var(--ardo-color-textLighter);
329
+ }
330
+ .Search_searchFooter__wxcdiv9 {
331
+ display: flex;
332
+ justify-content: center;
333
+ gap: 24px;
334
+ padding: 12px 20px;
335
+ background: var(--ardo-color-bgSoft);
336
+ border-top: 1px solid var(--ardo-color-border);
337
+ font-size: 12px;
338
+ color: var(--ardo-color-textLighter);
339
+ }
340
+ .Search_searchFooter__wxcdiv9 kbd {
341
+ padding: 2px 6px;
342
+ background: var(--ardo-color-bg);
343
+ border: 1px solid var(--ardo-color-border);
344
+ border-radius: 4px;
345
+ margin-right: 4px;
346
+ }
347
+ .Search_searchClear__wxcdiva {
348
+ display: inline-flex;
349
+ align-items: center;
350
+ justify-content: center;
351
+ width: 24px;
352
+ height: 24px;
353
+ flex-shrink: 0;
354
+ background: none;
355
+ border: none;
356
+ cursor: pointer;
357
+ font-size: 18px;
358
+ color: var(--ardo-color-textLighter);
359
+ padding: 4px;
360
+ border-radius: var(--ardo-radius-sm);
361
+ transition: all var(--ardo-transition-fast);
362
+ }
363
+ .Search_searchClear__wxcdiva:hover {
364
+ background: var(--ardo-color-bgSoft);
365
+ color: var(--ardo-color-text);
366
+ }
367
+ .Search_searchKbd__wxcdivb {
368
+ display: none;
369
+ margin-left: 4px;
370
+ }
371
+ .Search_searchKbd__wxcdivb kbd {
372
+ padding: 2px 6px;
373
+ background: var(--ardo-color-bg);
374
+ border: 1px solid var(--ardo-color-border);
375
+ border-radius: 4px;
376
+ font-size: 11px;
377
+ font-family: var(--ardo-font-family);
378
+ }
379
+ @media (max-width: 768px) {
380
+ .Search_search__wxcdiv0 {
381
+ width: 40px;
382
+ }
383
+ .Search_searchField__wxcdiv1 {
384
+ width: 40px;
385
+ gap: 0;
386
+ padding: 8px;
387
+ }
388
+ .Search_searchInput__wxcdiv2 {
389
+ flex: 0 0 auto;
390
+ width: 0;
391
+ opacity: 0;
392
+ pointer-events: none;
393
+ }
394
+ .Search_searchPopover__wxcdiv3 {
395
+ right: 0;
396
+ width: min(420px, calc(100vw - 20px));
397
+ }
398
+ .Search_searchFooter__wxcdiv9 {
399
+ display: none;
400
+ }
401
+ .Search_searchClear__wxcdiva {
402
+ display: none;
403
+ }
404
+ .Search_search__wxcdiv0[data-expanded=true],
405
+ .Search_search__wxcdiv0:focus-within {
406
+ width: min(360px, calc(100vw - 20px));
407
+ }
408
+ .Search_search__wxcdiv0[data-expanded=true] .Search_searchField__wxcdiv1,
409
+ .Search_search__wxcdiv0:focus-within .Search_searchField__wxcdiv1 {
410
+ width: 100%;
411
+ gap: 8px;
412
+ padding: 8px 12px;
413
+ }
414
+ .Search_search__wxcdiv0[data-expanded=true] .Search_searchInput__wxcdiv2,
415
+ .Search_search__wxcdiv0:focus-within .Search_searchInput__wxcdiv2 {
416
+ flex: 1;
417
+ opacity: 1;
418
+ pointer-events: auto;
419
+ }
420
+ .Search_search__wxcdiv0[data-expanded=true] .Search_searchClear__wxcdiva,
421
+ .Search_search__wxcdiv0:focus-within .Search_searchClear__wxcdiva {
422
+ display: inline-flex;
423
+ }
424
+ }
425
+ @media (min-width: 768px) {
426
+ .Search_searchKbd__wxcdivb {
427
+ display: flex;
428
+ gap: 3px;
429
+ }
430
+ }
431
+
432
+ /* vanilla-extract-css-ns:src/ui/Sidebar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Wu27bMBTd_RVEgQLOQJeyY6dllqJdUiCdUqBjQIlXEmuKFEjKllvk3wtSj0iRazsdAg-yrnhf555DcvEgOMTMPNr2-RiR9c2BK4L-zBAqtRVOaEVRKmrgtzOEnC4p2jEzx5gZrrFkB105nAPjYO5AZLm78uskpI4i4v_uBXf5Mac26U__PTjlwZ-ihMlkHhGyyxE-lyw4loxzoTKKltdljZakrL1V78CkUu_xgSJWOe1tsa6xzRnXe4qiskYErcoa6a1M8jlB_vcBkQVZhbAxS7aZ0ZXio_ITLbXpqv-SXd3OnmYLzswWLU7jeVnyqAn4ItS9sK4PF4VwUliHrTtIoEhpBf9yi3q_VfArmMmEws2IomUDVmsM8900phbVFwtjbTiYzljWyGop-BSfZt19y4hpZd8cFHdhkn1561AeF7aU7EBRKiFkZFJkCgsHhaUoAeXAePOvyjqRHnCilQPlKLIlSwDH4PYA6jgYatsn24yTxVIn2xGXNmWNIjJEh6Kln5o3hB6PsMJB7e57Ffg3zCHRhjU6asaEUKqV5_9voCi6HuFqGBeVHUVuTNgWTUzDVCdLJuVw4fMnnDJ7HPYxBjT3IglInOrovBri7Hvl4IKMC5Y4sYOTKWPDFL8gp1_2UMVOwlUP6r7dQ9aETNi6OsHWPuWY9Td-ONOefkD9rMabV9E2YxOFjbl2llpgLiBXh8OmwWFIuFbIwT9QJtWmoKgqSzAJs9Ds386BwV5SoUCyIGso3pCnY4QpjSHVpqNNK_h37wbny7rpqjtD1kdVtSbvL6NVaEH77t3Bd78OIErwG7gRahvOtrNVX6yuc5Feo5pprK9aSlZa6ON9bI6jAQoddxq8nt-TylifrdSiI_CQtK_h6xsRZ9rsYAyX7WH_Ma5p1kXSmnjIPBCa0Y45mONPhENze_hcABcMzQtW45bOEfF3mavge-ZaMdh7urE9zZ7-AmuRysfcCQAA */
433
+ .Sidebar_sidebar__1057ydn0 {
434
+ position: fixed;
435
+ top: var(--ardo-layout-headerHeight);
436
+ left: 0;
437
+ width: var(--ardo-layout-sidebarWidth);
438
+ height: calc(100vh - var(--ardo-layout-headerHeight));
439
+ padding: 24px 20px;
440
+ overflow-y: auto;
441
+ box-shadow: 1px 0 3px oklch(0 0 0 / 0.03);
442
+ background: var(--ardo-color-sidebarBg);
443
+ }
444
+ .dark .Sidebar_sidebar__1057ydn0 {
445
+ box-shadow: 1px 0 3px oklch(0 0 0 / 0.1);
446
+ }
447
+ .Sidebar_sidebarList__1057ydn1 {
448
+ list-style: none;
449
+ }
450
+ .Sidebar_sidebarList1__1057ydn3 {
451
+ margin-left: 12px;
452
+ margin-top: 6px;
453
+ padding-left: 12px;
454
+ border-left: 1px solid var(--ardo-color-borderLight);
455
+ }
456
+ .Sidebar_sidebarItemHeader__1057ydn5 {
457
+ display: flex;
458
+ align-items: center;
459
+ justify-content: space-between;
460
+ }
461
+ .Sidebar_sidebarLink__1057ydn6 {
462
+ display: block;
463
+ padding: 6px 10px;
464
+ margin: 2px 0;
465
+ color: var(--ardo-color-textLight);
466
+ text-decoration: none;
467
+ font-size: 14px;
468
+ border-radius: var(--ardo-radius-sm);
469
+ transition: all var(--ardo-transition-fast);
470
+ }
471
+ .Sidebar_sidebarLink__1057ydn6:hover {
472
+ color: var(--ardo-color-text);
473
+ background: var(--ardo-color-bgMute);
474
+ }
475
+ .Sidebar_sidebarLink__1057ydn6.active {
476
+ color: var(--ardo-color-brand);
477
+ background: var(--ardo-color-brandSubtle);
478
+ font-weight: 500;
479
+ border-left: 3px solid var(--ardo-color-brand);
480
+ padding-left: 7px;
481
+ }
482
+ .Sidebar_sidebarText__1057ydn7 {
483
+ display: flex;
484
+ align-items: center;
485
+ gap: 6px;
486
+ padding: 6px 10px;
487
+ color: var(--ardo-color-textLighter);
488
+ text-decoration: none;
489
+ font-weight: 600;
490
+ font-size: 12px;
491
+ text-transform: uppercase;
492
+ letter-spacing: 0.05em;
493
+ border-radius: var(--ardo-radius-sm);
494
+ transition: all var(--ardo-transition-fast);
495
+ }
496
+ .Sidebar_sidebarText__1057ydn7::before {
497
+ content: "";
498
+ width: 5px;
499
+ height: 5px;
500
+ border-radius: 50%;
501
+ background: var(--ardo-color-brand);
502
+ opacity: 0.5;
503
+ flex-shrink: 0;
504
+ }
505
+ .Sidebar_sidebarText__1057ydn7:hover {
506
+ color: var(--ardo-color-text);
507
+ }
508
+ .Sidebar_sidebarText__1057ydn7.active {
509
+ color: var(--ardo-color-brand);
510
+ }
511
+ .Sidebar_sidebarCollapse__1057ydn8 {
512
+ background: none;
513
+ border: none;
514
+ cursor: pointer;
515
+ padding: 6px;
516
+ color: var(--ardo-color-textLighter);
517
+ border-radius: var(--ardo-radius-sm);
518
+ transition: all var(--ardo-transition-fast);
519
+ }
520
+ .Sidebar_sidebarCollapse__1057ydn8:hover {
521
+ background: var(--ardo-color-bgMute);
522
+ color: var(--ardo-color-text);
523
+ }
524
+ .Sidebar_sidebarCollapse__1057ydn8.collapsed {
525
+ transform: rotate(-90deg);
526
+ }
527
+ @media (max-width: 1024px) {
528
+ .Sidebar_sidebar__1057ydn0 {
529
+ display: none;
530
+ }
531
+ }
532
+
533
+ /* vanilla-extract-css-ns:src/ui/Footer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61WTW_bOBC9-1fMJYAFlF7KsfPBXBZdoKdmUSC99FRQ4ljmmiK5FB3bXeS_L0jJsmQpgdsGRvxBijNv5r15zOyTMR7d91X98T29uf-X0ozCfxMAy4WQumBwPbd7mC_s_mEC4HHvCVey0Axy1B5dWM3MnlRrLsyOAQWS2j1c2z2YjcrXUwrh9QfQGb1O4tM83xTObLVgoKRG7kjhuJCo_TS9owKLD_DM3ZQQ7oQhuVHGkaxIgF59OMac3d-GgCmktzSBlNKr5GHyMpkJ7jYwe6uuC7Gm7wc1vYtQl-dYeyi_OFlyd2jBphGskJVV_MBgpTD2P7aeSI9l1SXgn23l5epAcqM9at_dKrhlQMO3EIPsXPgd3uOS0Z5U8gcySBuGYw1sWFVg_rMs1j42puSukJpkxntTMrgJZ89LekLLHffmxMC8X5TUoackUybfhKA7KfyaQQNkjSFb-zMzTqAjofvbisGSXp0T9DpkdB3QgfZ0Xgd9RudlztVR0qUUQuGwlM9Sb9oqrmMVr_Upc1yLpJ0Vgblx3EujGWijMW44ritZrxnLc-kP3TinbbLilR8RSx8OW5tndBFUE40Bnd0Njz1iVfEC25OLeOZXNBAbeh7-L2MPLuy2CZbvm-DjVirxVZanCm4GCeY_k6DVsTd2IOJmlj71TeQ2Zuwdo3XKxjDrxXlftXEtWE1llBQjoomPJSPpH9HzNvnduCkMpr-yPEeSod8h6jds42yKj6DfgTAU0vdUev-7QxNB7RpPWFL6m4M0BHjBGFmHz3_j_iRw3iekcFJEz3VSEI-lVdxjKHFb6opBunLhr3Xl9Exxx_AB10denWSejfMeDV1Ih3ndgjrRQ_fyDilgTrtivEyIA8PtPFovkYxX-DZn3bt2kKreeCqTcya5Uq-w2GS8pGMdNptCGu0db-VFuJXrSzle-IvBhT-u0qdt5hUmF5b3KHp4dYO1xSkiwu5_VdFBR2vkGar2IL7mfGNzcqkbRhyx3yvjSgZba9HlvIpkKvQeHQneEqVFZ3SJ5YiNLMZV_VV6dSJodcJ_BHvzNtijR7xM_ixRSA7TSDGD-JHEeD-li0Z1danxaxjXb1Myt_vYjpfJy_8ztN0aIwsAAA */
534
+ .Footer_footer__169q00b0 {
535
+ padding: 32px 24px;
536
+ text-align: center;
537
+ box-shadow: 0 -1px 3px oklch(0 0 0 / 0.03);
538
+ background:
539
+ linear-gradient(
540
+ 180deg,
541
+ var(--ardo-color-bg) 0%,
542
+ oklch(0.97 0.01 170) 100%);
543
+ }
544
+ .dark .Footer_footer__169q00b0 {
545
+ box-shadow: 0 -1px 3px oklch(0 0 0 / 0.1);
546
+ background:
547
+ linear-gradient(
548
+ 180deg,
549
+ var(--ardo-color-bg) 0%,
550
+ oklch(0.18 0.015 170) 100%);
551
+ }
552
+ .Footer_footerPrimary__169q00b1 {
553
+ display: flex;
554
+ align-items: center;
555
+ justify-content: center;
556
+ gap: 0;
557
+ flex-wrap: wrap;
558
+ font-size: 14px;
559
+ color: var(--ardo-color-textLight);
560
+ margin-bottom: 6px;
561
+ }
562
+ .Footer_footerSeparator__169q00b2 {
563
+ display: inline-block;
564
+ width: 4px;
565
+ height: 4px;
566
+ border-radius: 50%;
567
+ background: var(--ardo-color-textLighter);
568
+ margin: 0 12px;
569
+ vertical-align: middle;
570
+ }
571
+ .Footer_footerLink__169q00b3 {
572
+ color: var(--ardo-color-brand);
573
+ text-decoration: none;
574
+ transition: opacity var(--ardo-transition-fast);
575
+ }
576
+ .Footer_footerLink__169q00b3:hover {
577
+ opacity: 0.8;
578
+ }
579
+ .Footer_footerMessage__169q00b4 {
580
+ font-size: 14px;
581
+ color: var(--ardo-color-textLighter);
582
+ }
583
+ .Footer_footerCopyright__169q00b5 {
584
+ font-size: 14px;
585
+ color: var(--ardo-color-textLighter);
586
+ }
587
+ .Footer_footerBuildTime__169q00b6 {
588
+ font-size: 12px;
589
+ color: var(--ardo-color-textLighter);
590
+ margin-top: 6px;
591
+ }
592
+ .Footer_contentFooter__169q00b7 {
593
+ margin-top: 60px;
594
+ padding-top: 24px;
595
+ border-top: 1px solid var(--ardo-color-border);
596
+ }
597
+ .Footer_contentMeta__169q00b8 {
598
+ display: flex;
599
+ justify-content: space-between;
600
+ align-items: center;
601
+ margin-bottom: 24px;
602
+ font-size: 14px;
603
+ color: var(--ardo-color-textLighter);
604
+ }
605
+ .Footer_editLink__169q00b9 {
606
+ color: var(--ardo-color-brand);
607
+ text-decoration: none;
608
+ font-weight: 500;
609
+ transition: opacity var(--ardo-transition-fast);
610
+ }
611
+ .Footer_editLink__169q00b9:hover {
612
+ opacity: 0.8;
613
+ }
614
+ .Footer_prevNext__169q00ba {
615
+ display: grid;
616
+ grid-template-columns: 1fr 1fr;
617
+ gap: 16px;
618
+ }
619
+ .Footer_prevNextLinkBase__169q00bb {
620
+ display: flex;
621
+ flex-direction: column;
622
+ padding: 16px 20px;
623
+ border: 1px solid var(--ardo-color-border);
624
+ border-radius: var(--ardo-radius-base);
625
+ text-decoration: none;
626
+ box-shadow: var(--ardo-color-shadowSm);
627
+ transition: all var(--ardo-transition-base);
628
+ }
629
+ .Footer_prevNextLinkBase__169q00bb:hover {
630
+ border-color: oklch(0.48 0.15 170 / 0.4);
631
+ background: var(--ardo-color-brandSubtle);
632
+ box-shadow: var(--ardo-color-shadowMd);
633
+ }
634
+ .Footer_nextLink__169q00bd {
635
+ text-align: right;
636
+ }
637
+ .Footer_prevNextLabel__169q00be {
638
+ font-size: 12px;
639
+ font-weight: 500;
640
+ color: var(--ardo-color-textLighter);
641
+ text-transform: uppercase;
642
+ letter-spacing: 0.05em;
643
+ margin-bottom: 4px;
644
+ }
645
+ .Footer_prevNextTitle__169q00bf {
646
+ font-weight: 600;
647
+ color: var(--ardo-color-brand);
648
+ }
649
+ @media (hover: hover) {
650
+ .Footer_prevNextLinkBase__169q00bb:hover {
651
+ transform: translateY(-2px);
652
+ }
653
+ }
654
+
655
+ /* vanilla-extract-css-ns:src/ui/TOC.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41UwW7iMBC98xU-wsEoCbRi3ctKvfRQaS-V9ohMPCEWjseyBwi74t9XtlNKdinbWzTznt-b53Hmbz-e14T1el2S3-G3omC_J4w5DJo0WsEa3YN6mjBG6AQ7SD_lXHqF3MgT7om3IBX4F9DblmYR5-OXYEX8PmpF7S0WYf0z9hKjhUyppamnZVEcWsb_p5SITiql7Vawaul6VhWuj1U8gG8MHvlJMLknfJqcJ_NhzDdNBi6zlmnWBi3xoH-BYGWZj0il42DrsUizEPTEyUsbGvSdYHvnwNcyQGwaIALPg5N1MlTMixV0sVOjQT-KIFV4PO41CoBPs3TSb7XlGyTCTrDyMTr5MP6qA118V8m30YF4oJMBwSxaGMPt7gJfJLjSwRl5EmxjsN6N4ntwfb6vocINNCRYucxpfHWElJCCGr3Mu5NdjRNe5DM36BX4QahyPQtotGIpXyc9WLoKJaP4u58EGtZTGnNt7KPFGxniQn6WiWjjnqRk7s03-8ss_wycMXcE57ImfYC7ihsvrfq65IAeKy4uksv8lEd3Wv2zV3a3vDAebjAWq8z43oHSkk072fPhXZfVqnD9LJHmt38kV3v3vg3nyfkPdv0voXYEAAA */
656
+ .TOC_toc__1trko900 {
657
+ position: fixed;
658
+ top: var(--ardo-layout-headerHeight);
659
+ right: 0;
660
+ width: var(--ardo-layout-tocWidth);
661
+ height: calc(100vh - var(--ardo-layout-headerHeight));
662
+ padding: 24px 20px;
663
+ overflow-y: auto;
664
+ }
665
+ .TOC_tocTitle__1trko901 {
666
+ font-size: 11px;
667
+ font-weight: 600;
668
+ text-transform: uppercase;
669
+ letter-spacing: 0.08em;
670
+ color: var(--ardo-color-textLighter);
671
+ margin-bottom: 16px;
672
+ }
673
+ .TOC_tocList__1trko902 {
674
+ list-style: none;
675
+ }
676
+ .TOC_tocLink__1trko903 {
677
+ display: block;
678
+ padding: 5px 0;
679
+ padding-left: 14px;
680
+ color: var(--ardo-color-textLighter);
681
+ text-decoration: none;
682
+ font-size: 13px;
683
+ border-left: 2px solid transparent;
684
+ margin-left: -14px;
685
+ transition: all var(--ardo-transition-fast);
686
+ }
687
+ .TOC_tocLink__1trko903:hover {
688
+ color: var(--ardo-color-text);
689
+ border-left-color: var(--ardo-color-border);
690
+ }
691
+ .TOC_tocLink__1trko903.active {
692
+ color: var(--ardo-color-brand);
693
+ border-left-color: var(--ardo-color-brand);
694
+ }
695
+ .TOC_tocLink3__1trko904 {
696
+ padding-left: 26px;
697
+ }
698
+ .TOC_tocLink4__1trko905 {
699
+ padding-left: 38px;
700
+ }
701
+ @media (max-width: 1280px) {
702
+ .TOC_toc__1trko900 {
703
+ display: none;
704
+ }
705
+ }
706
+
707
+ /* vanilla-extract-css-ns:src/ui/DocPage.css.ts.vanilla.css?source=#H4sIAAAAAAAAA4WTP0_DMBDF93yKG1shR3YoUKULAgYGkBiQGJEbX1sjx46cA1JQvzuy04bQBJgivdyf37u8pDeueJBrfFb757NYiXL24jl8JgBK15WR2xxWBptFAlDKhr1rRZscCmmKyZv0E8akV44ZuXWvxApnCS3dy-Yp1E3hBIZF5Ir27bQd6tfa5sBBvpILSiWV0nbNDK4oH-mvtcKl9O2MRbJL0oOP_fprZ0lqi74zJKKh4CMHcWTlfxc9qMCZzaqmz-n1ekO_nqRzCyexc5T4FqXq4WYRt70MWzoiV-Yw4z_XHvQDztJ5hb6TRdVA7YxWfYOFMy6UhMpRkEdN5jsHp-3ZnA1H_8AcTs_bXVF6x9b4BedBM9oi2-w1kWZRQyL0rK5kEY_HeMozLBdDdyILk4dAN1gXXlekne2wZsdYYt5iRXv50DBhQ3cBbDoCej629sqpbbfvLO47ars4C32XJSotYdLLk-DxM8ee9O8_7Djr8Y67X8Zmcz4Y-0_gBxk9ZGWX7L4A44Kfbv0DAAA */
708
+ .DocPage_docPage__1f1m4jr0 {
709
+ display: flex;
710
+ max-width: calc(var(--ardo-layout-contentMaxWidth) + var(--ardo-layout-tocWidth));
711
+ margin: 0 auto;
712
+ padding-left: var(--ardo-layout-sidebarWidth);
713
+ }
714
+ .DocPage_contentContainer__1f1m4jr1 {
715
+ flex: 1;
716
+ max-width: var(--ardo-layout-contentMaxWidth);
717
+ padding: 0 24px;
718
+ padding-right: calc(var(--ardo-layout-tocWidth) + 24px);
719
+ }
720
+ .DocPage_contentHeader__1f1m4jr2 {
721
+ margin-bottom: 40px;
722
+ padding-bottom: 24px;
723
+ border-bottom: 1px solid var(--ardo-color-border);
724
+ }
725
+ .DocPage_contentTitle__1f1m4jr3 {
726
+ font-size: 36px;
727
+ font-weight: 700;
728
+ line-height: 1.2;
729
+ letter-spacing: -0.02em;
730
+ margin-bottom: 12px;
731
+ }
732
+ .DocPage_contentDescription__1f1m4jr4 {
733
+ font-size: 18px;
734
+ color: var(--ardo-color-textLight);
735
+ line-height: 1.6;
736
+ }
737
+ .DocPage_contentBody__1f1m4jr5 {
738
+ line-height: 1.75;
739
+ }
740
+ @media (max-width: 1024px) {
741
+ .DocPage_docPage__1f1m4jr0 {
742
+ padding-left: 0;
743
+ }
744
+ }
745
+ @media (max-width: 1280px) {
746
+ .DocPage_contentContainer__1f1m4jr1 {
747
+ padding-right: 24px;
748
+ }
749
+ }
750
+
751
+ /* vanilla-extract-css-ns:src/ui/theme/animations.css.ts.vanilla.css?source=QGtleWZyYW1lcyBhbmltYXRpb25zX2ZhZGVJblVwX18xZmo2OHI5MCB7CiAgZnJvbSB7CiAgICBvcGFjaXR5OiAwOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDIwcHgpOwogIH0KICB0byB7CiAgICBvcGFjaXR5OiAxOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApOwogIH0KfQ */
752
+ @keyframes animations_fadeInUp__1fj68r90 {
753
+ from {
754
+ opacity: 0;
755
+ transform: translateY(20px);
756
+ }
757
+ to {
758
+ opacity: 1;
759
+ transform: translateY(0);
760
+ }
761
+ }
762
+
763
+ /* vanilla-extract-css-ns:src/ui/components/Hero.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71WTW_jNhC951cQCxiwgNClHFuWlUvTFmgLFL1sW2BPAS2OZMYUKVB0rN0i_70gJdr68jrYFr3YEkXOPD7Oe8PFL6DV897-PL9sYrINCfr7DqGSMsZlnqCQkLJGy1VZo5iU9eMdQgZqg6nguUxQCtKAtqOlqrjhSiZIg6CGv4IdVa-gM6FOCdpzxkA-3r3dLcY5k2QHmdLgcqdKGpAmQR8-9APTXaXE0bjARpUJIvZJQGbaR83zvX_eKWNU4V9oesi1OkqWIE0ZpwLn9h-kmYMQvKwARWSG1mSGqEEPZIbI7B6pg0j3c7JYxYgswjVaEoK-Q2RBosB9N5rKqqQapLHLg_urweNL8A2ZIRxOhQ83TfhwOQ6_ceEFl0D1JXwYEwb5PXqleo4x1UzhVAml8S5vQkx8-KgyE9hznQUNvdweIYZXkKZKkFQS3Ckxqg_o1ln9S2Kjtd1udCY2_E959dE9r_8frd0i_1FJQ7kE7RkMHXMFrfGJM7NPUExaZRVU51wmiCB6NOq6qr5gLhnUCQr7qZ4kL6gBn2jpElE32AjIP1bPGWXwq_yzfH4Os5co1luCyCKqENAKrHb2V5SKeJEP8YdxDz_20lu1wxkXBnSCmFYlrvaUqdOcIGspS2suV2WwDgZU_gW64kp6MA8OCONVKejnBHFpzxHvhEoPj10Ps5nCVYtFSYMr_gUSFD50hk7QeEdEnGG4U00mzllTyYKhpUxP-3jcGQHNZKWZZSAsa1QpwdnXNn1ZgG1BHqsEbbfbSYbDqBkWYKyGq5KmbsdkQZZQ9Mn7nRbnylg55jpcRKsJLmIyMs_pnf7cCsdBxyfYHbjBl2U4FbxMXN_oTnB9JONC4JbtjjD7eQcBhrvFZEEe7HaRUzLet_jDxUAff0BtPAXrIQWreIKCTUNBS7trOvE05dhzPgaxHqCguZ3hgURDIGGb4VoNWhp-s8GDIbTlylfJWZvrqK_Nplt6e2kH277pRwf4owH-p7SxkBb_pq_CTIDL93KsDM8-43M3v1wVclpeSreL_2wYAmp80naa_Z1K77PHkx7gQbhbCuYGimoEoGX5ctNxhhSPbWJ93SZcCTNIlW4dtumeI_12zrAZwjtaNdbgit5fcIToTr188tPHPPxg9efJ2I568lcMrC2v056bFnLdmrNtQN4zrxrVwzvgJHt7_3snqJ-oPgRjINGtNrGaBPIkzkqn7wCQB7cUd8XHx6HclJuYutQ0tXK75dya8Xb3fQGMUzTvGMAmiss6cImm2rkd74ggIi3dNt9bb824f_Ttc3LR2HF7i7zcBoumDLKvycivu-zZEZog9zfc743ibFWYKV20XUhQA5_meFnWwTBPqSEDXWEN7JgCw4XyFzT7Pso8dSXrXcq8Zbx9M-JLhLd_ACOwkWHQDQAA */
764
+ .Hero_hero__j780910 {
765
+ padding: 100px 24px 80px;
766
+ text-align: center;
767
+ position: relative;
768
+ overflow: hidden;
769
+ }
770
+ .Hero_hero__j780910::before {
771
+ content: "";
772
+ position: absolute;
773
+ top: 0;
774
+ left: 0;
775
+ right: 0;
776
+ bottom: 0;
777
+ background:
778
+ radial-gradient(
779
+ ellipse 60% 50% at 30% 0%,
780
+ oklch(0.48 0.15 200 / 0.06) 0%,
781
+ transparent 60%),
782
+ radial-gradient(
783
+ ellipse 80% 50% at 70% -10%,
784
+ oklch(0.48 0.15 170 / 0.12) 0%,
785
+ transparent 70%),
786
+ linear-gradient(
787
+ 180deg,
788
+ var(--ardo-color-bg) 0%,
789
+ var(--ardo-color-bgSoft) 100%);
790
+ pointer-events: none;
791
+ }
792
+ .dark .Hero_hero__j780910::before {
793
+ background:
794
+ radial-gradient(
795
+ ellipse 60% 50% at 30% 0%,
796
+ oklch(0.65 0.16 200 / 0.1) 0%,
797
+ transparent 60%),
798
+ radial-gradient(
799
+ ellipse 80% 50% at 70% -10%,
800
+ oklch(0.65 0.16 170 / 0.2) 0%,
801
+ transparent 70%),
802
+ linear-gradient(
803
+ 180deg,
804
+ var(--ardo-color-bg) 0%,
805
+ var(--ardo-color-bgSoft) 100%);
806
+ }
807
+ .Hero_heroContainer__j780911 {
808
+ max-width: 800px;
809
+ margin: 0 auto;
810
+ position: relative;
811
+ z-index: 1;
812
+ }
813
+ .Hero_heroAnimate__j780912 {
814
+ animation: animations_fadeInUp__1fj68r90 0.6s ease both;
815
+ }
816
+ .Hero_hero__j780910 img {
817
+ max-width: 180px;
818
+ margin-bottom: 40px;
819
+ filter: drop-shadow(0 4px 20px oklch(0.48 0.15 170 / 0.15));
820
+ }
821
+ .Hero_heroVersion__j780913 {
822
+ display: inline-block;
823
+ padding: 4px 14px;
824
+ font-size: 13px;
825
+ font-weight: 600;
826
+ color: var(--ardo-color-brand);
827
+ background: var(--ardo-color-brandSubtle);
828
+ border: 1px solid oklch(0.48 0.15 170 / 0.15);
829
+ border-radius: 999px;
830
+ margin-bottom: 16px;
831
+ letter-spacing: 0.02em;
832
+ }
833
+ .Hero_heroName__j780914 {
834
+ font-size: 64px;
835
+ font-weight: 800;
836
+ background: var(--ardo-color-brandGradient);
837
+ -webkit-background-clip: text;
838
+ -webkit-text-fill-color: transparent;
839
+ background-clip: text;
840
+ letter-spacing: -0.03em;
841
+ line-height: 1.1;
842
+ }
843
+ .Hero_heroText__j780915 {
844
+ font-size: 48px;
845
+ font-weight: 700;
846
+ margin-top: 8px;
847
+ letter-spacing: -0.02em;
848
+ line-height: 1.15;
849
+ }
850
+ .Hero_heroTagline__j780916 {
851
+ font-size: 18px;
852
+ color: var(--ardo-color-textLight);
853
+ margin-top: 24px;
854
+ max-width: 560px;
855
+ margin-left: auto;
856
+ margin-right: auto;
857
+ line-height: 1.65;
858
+ }
859
+ .Hero_heroActions__j780917 {
860
+ display: flex;
861
+ justify-content: center;
862
+ gap: 16px;
863
+ margin-top: 40px;
864
+ flex-wrap: wrap;
865
+ }
866
+ .Hero_heroAction__j780918 {
867
+ display: inline-flex;
868
+ align-items: center;
869
+ gap: 8px;
870
+ padding: 14px 28px;
871
+ font-size: 15px;
872
+ font-weight: 600;
873
+ text-decoration: none;
874
+ border-radius: var(--ardo-radius-base);
875
+ transition: all var(--ardo-transition-base);
876
+ }
877
+ .Hero_heroActionBrand__j780919 {
878
+ background: var(--ardo-color-brand);
879
+ color: white;
880
+ box-shadow: 0 4px 14px oklch(0.48 0.15 170 / 0.3);
881
+ }
882
+ .Hero_heroActionBrand__j780919:hover {
883
+ background: var(--ardo-color-brandDark);
884
+ box-shadow: 0 6px 20px oklch(0.48 0.15 170 / 0.4);
885
+ }
886
+ .Hero_heroActionAlt__j78091a {
887
+ background: var(--ardo-color-bg);
888
+ color: var(--ardo-color-text);
889
+ border: 1px solid var(--ardo-color-border);
890
+ }
891
+ .Hero_heroActionAlt__j78091a:hover {
892
+ border-color: var(--ardo-color-brand);
893
+ color: var(--ardo-color-brand);
894
+ }
895
+ @media (max-width: 768px) {
896
+ .Hero_hero__j780910 {
897
+ padding: 60px 20px;
898
+ }
899
+ .Hero_heroName__j780914 {
900
+ font-size: 40px;
901
+ }
902
+ .Hero_heroText__j780915 {
903
+ font-size: 28px;
904
+ }
905
+ .Hero_heroTagline__j780916 {
906
+ font-size: 16px;
907
+ }
908
+ }
909
+ @media (hover: hover) {
910
+ .Hero_heroActionBrand__j780919:hover {
911
+ transform: translateY(-2px);
912
+ }
913
+ }
914
+ @media (prefers-reduced-motion: reduce) {
915
+ .Hero_heroAnimate__j780912 {
916
+ animation: none;
917
+ }
918
+ .Hero_heroActionBrand__j780919:hover {
919
+ transform: none;
920
+ }
921
+ }
922
+
923
+ /* vanilla-extract-css-ns:src/ui/components/Features.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTY_bNhC9768gAhSwgaVLybKs1V4KtCgSIDltcihQwKDFkcSsRKoknVVa7H8PSMlayaZiL9CFDvqa4XszHM681Z9AzUGB3uXHh12w-Qfu9g1B_90g1FDGuChSlJCmRWHUtPc3CO1p9lgoeRAsRd-oWmBMFZM4k5VUeF88yNwsnZ1UDBQ2sklR0LRIy4ozj4czW97fPN-szgi9B8pADbQCR8tAazCteCFSlIEwoCxcTVXBBd5LY2SdoiixbH1rfuamgmHJ0C2ZS2Gw5v9CitZxF6b79AS8KE2KtoTYbxUYAwrrhmYuL5isSAi1Bz4I5-AfDnszYbA-ZRAkHQOXH0-ObfwfLa9lB9ziJ85MmaJNTDrPjkyKCKIHI_08fpfCUC5G2Y0cEcZ1U9HvKSoUZ3Yxe8cG6qaiBiyFQy10ihQ0QM3CAuCcm1tUc1HTdhFaErcoyNXS8Stok6JwIDaQDQJyPduB42ZamGFyVU2O61FRxg96YtZ9wtXY7rqatdYt1iVl8smD3P14qJ2lUVRobrgUKaJVNbZ--YX3VIMzp4LXtLc-PupdThl8EF-a3S7Iv8aJuiOIrDYaAdWA9tKUF9KXlvIbKJfEPh99lcnHKisXZBUliKyCDQq2BP2KyCq6NspPbHmLiLts5ubWC2ZOuq8cfxaHMCXOSl6xRbB04QxJwgxc_ZJa_99Q4QxU8gZY6xmsIH4DsGgGLIzeAGwzA7YO3wAsngGLyBzYh0yKYal42hPzCly_cdMHcwO1Hs-grwdteP4dZ1IYEGb8q-96Ud-wyn6wHN9Px0d8TV9TVDA7TiqYaVyzhzD0dcQN-eVnY8fBvb6TXdOOrtmDy6lYjtg_ldzA_VmXc_QaqkAYL7OpNtieTeatRxvEnTY43cF-uPkkQ2Algwf9DzCUVy8qLDnDj16jDCouAB8LLVjFr5EpH7l4HHjczfGY5GHT5eGK8rH6jUEmVT_fhBRur4ZjxoXjfuG0OWXRMxmXZEGbmZLMqTb-kpzGO5qSDmROS554pTQ3vdvQAd79HQZ34Tvr_lsNjFO0GImgbZw0bdehzpveiRofyR7bNYYe8ex19qncyR4epZPffUalTqtgIPASm0tcitxtJi6vGOl3MJeq7k-pVZt_LfC6aZenII2CHJTGCtghA4Zr2W18934RtgccCaxjAXpzcZnvi_vzD2POg09UDQAA */
924
+ .Features_features__15qe9bp0 {
925
+ padding: 80px 24px;
926
+ background: var(--ardo-color-bgSoft);
927
+ border-top: 1px solid var(--ardo-color-border);
928
+ }
929
+ .Features_featuresHeader__15qe9bp1 {
930
+ text-align: center;
931
+ margin-bottom: 48px;
932
+ }
933
+ .Features_featuresTitle__15qe9bp2 {
934
+ font-size: 36px;
935
+ font-weight: 700;
936
+ letter-spacing: -0.02em;
937
+ margin-bottom: 12px;
938
+ }
939
+ .Features_featuresSubtitle__15qe9bp3 {
940
+ font-size: 18px;
941
+ color: var(--ardo-color-textLight);
942
+ max-width: 560px;
943
+ margin: 0 auto;
944
+ }
945
+ .Features_featuresContainer__15qe9bp4 {
946
+ display: grid;
947
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
948
+ gap: 20px;
949
+ max-width: 1100px;
950
+ margin: 0 auto;
951
+ }
952
+ .Features_feature__15qe9bp5 {
953
+ padding: 28px;
954
+ background: var(--ardo-color-bg);
955
+ border-radius: var(--ardo-radius-lg);
956
+ border: 1px solid var(--ardo-color-border);
957
+ box-shadow: var(--ardo-color-shadowSm);
958
+ transition: all var(--ardo-transition-base);
959
+ animation: animations_fadeInUp__1fj68r90 0.5s ease both;
960
+ }
961
+ .Features_feature__15qe9bp5:hover {
962
+ border-color: oklch(0.48 0.15 170 / 0.4);
963
+ box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px oklch(0.48 0.15 170 / 0.1);
964
+ }
965
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(1) {
966
+ animation-delay: 0ms;
967
+ }
968
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(2) {
969
+ animation-delay: 80ms;
970
+ }
971
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(3) {
972
+ animation-delay: 160ms;
973
+ }
974
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(4) {
975
+ animation-delay: 240ms;
976
+ }
977
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(5) {
978
+ animation-delay: 320ms;
979
+ }
980
+ .Features_featuresContainer__15qe9bp4 .Features_feature__15qe9bp5:nth-child(6) {
981
+ animation-delay: 400ms;
982
+ }
983
+ .Features_featureIcon__15qe9bp6 {
984
+ display: flex;
985
+ align-items: center;
986
+ justify-content: center;
987
+ width: 48px;
988
+ height: 48px;
989
+ margin-bottom: 16px;
990
+ background: var(--ardo-color-brandSubtle);
991
+ border: 1px solid oklch(0.48 0.15 170 / 0.12);
992
+ border-radius: 50%;
993
+ color: var(--ardo-color-brand);
994
+ transition: all var(--ardo-transition-base);
995
+ }
996
+ .Features_feature__15qe9bp5:hover .Features_featureIcon__15qe9bp6 {
997
+ background: var(--ardo-color-brand);
998
+ color: white;
999
+ border-color: transparent;
1000
+ }
1001
+ .Features_featureTitle__15qe9bp7 {
1002
+ font-size: 17px;
1003
+ font-weight: 600;
1004
+ margin-bottom: 10px;
1005
+ letter-spacing: -0.01em;
1006
+ }
1007
+ .Features_featureDetails__15qe9bp8 {
1008
+ font-size: 14px;
1009
+ color: var(--ardo-color-textLight);
1010
+ line-height: 1.6;
1011
+ margin-bottom: 12px;
1012
+ }
1013
+ .Features_featureLink__15qe9bp9 {
1014
+ font-size: 14px;
1015
+ font-weight: 500;
1016
+ color: var(--ardo-color-brand);
1017
+ text-decoration: none;
1018
+ display: inline-flex;
1019
+ align-items: center;
1020
+ gap: 4px;
1021
+ transition: gap var(--ardo-transition-fast);
1022
+ }
1023
+ .Features_featureLink__15qe9bp9:hover {
1024
+ gap: 8px;
1025
+ }
1026
+ .Features_featureLink__15qe9bp9::after {
1027
+ content: "\2192";
1028
+ }
1029
+ @media (max-width: 768px) {
1030
+ .Features_features__15qe9bp0 {
1031
+ padding: 48px 16px;
1032
+ }
1033
+ .Features_featuresTitle__15qe9bp2 {
1034
+ font-size: 28px;
1035
+ }
1036
+ .Features_featuresSubtitle__15qe9bp3 {
1037
+ font-size: 16px;
1038
+ }
1039
+ }
1040
+ @media (hover: hover) {
1041
+ .Features_feature__15qe9bp5:hover {
1042
+ transform: translateY(-3px);
1043
+ }
1044
+ }
1045
+ @media (prefers-reduced-motion: reduce) {
1046
+ .Features_feature__15qe9bp5 {
1047
+ animation: none;
1048
+ }
1049
+ .Features_feature__15qe9bp5:hover {
1050
+ transform: none;
1051
+ }
1052
+ }
1053
+
1054
+ /* vanilla-extract-css-ns:src/ui/components/CopyButton.css.ts.vanilla.css?source=LkNvcHlCdXR0b25fY29weUJ1dHRvbl9fMWZsbTJ1bDAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDEwcHg7CiAgcmlnaHQ6IDEwcHg7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogNnB4OwogIHBhZGRpbmc6IDZweCAxMHB4OwogIGJhY2tncm91bmQ6IHZhcigtLWFyZG8tY29sb3ItYmcpOwogIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWFyZG8tY29sb3ItYm9yZGVyKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1hcmRvLXJhZGl1cy1zbSk7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtc2l6ZTogMTJweDsKICBmb250LWZhbWlseTogdmFyKC0tYXJkby1mb250LWZhbWlseSk7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dExpZ2h0KTsKICBvcGFjaXR5OiAwLjY7CiAgdHJhbnNpdGlvbjogYWxsIHZhcigtLWFyZG8tdHJhbnNpdGlvbi1iYXNlKTsKfQouQ29weUJ1dHRvbl9jb3B5QnV0dG9uX18xZmxtMnVsMDpob3ZlciB7CiAgb3BhY2l0eTogMTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1hcmRvLWNvbG9yLWJnU29mdCk7CiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci1icmFuZCk7Cn0 */
1055
+ .CopyButton_copyButton__1flm2ul0 {
1056
+ position: absolute;
1057
+ top: 10px;
1058
+ right: 10px;
1059
+ display: flex;
1060
+ align-items: center;
1061
+ gap: 6px;
1062
+ padding: 6px 10px;
1063
+ background: var(--ardo-color-bg);
1064
+ border: 1px solid var(--ardo-color-border);
1065
+ border-radius: var(--ardo-radius-sm);
1066
+ cursor: pointer;
1067
+ font-size: 12px;
1068
+ font-family: var(--ardo-font-family);
1069
+ color: var(--ardo-color-textLight);
1070
+ opacity: 0.6;
1071
+ transition: all var(--ardo-transition-base);
1072
+ }
1073
+ .CopyButton_copyButton__1flm2ul0:hover {
1074
+ opacity: 1;
1075
+ background: var(--ardo-color-bgSoft);
1076
+ border-color: var(--ardo-color-brand);
1077
+ color: var(--ardo-color-brand);
1078
+ }
1079
+
1080
+ /* vanilla-extract-css-ns:src/ui/components/CodeBlock.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-VWO2_bMBDe_StYFAFiIFQpv5IoWzt0Cbo0QMeAFs8SYZokSCpxWuS_F6RkWpZlWwXaqZt1vOd33905-aIYfBYqXz_n8ddzKhZ3hk4J-jVCaENNwWWGJkRvEXmIEixg5TKE04XeeulSGQYGG8p4ZTP0Qs01xtQw1YjwkloYe031AmYl1GuGSs4YyGBN83VhVCXZgWmuhDI4pFaM91EylOotskpwdkI7qDUWW2xLyny8Xt3v4XH8MHofJYdwPHEnIMKRBjg0ZYzLIkOpxyMW30pfcAnU4MKXDdJd3xMGxQ1Sa5GX1ySZ3SGSpHOU3hL0CZGEzMaIXN2crQOlhFyFalZKOmz5T8hQOq1jB9Er8KJ0GZoTEmUruuHi7aDqIN8oqYKzEKcHFQdb9-j9tSDHS-Wc2gxH_gjNH4ZqDSbiOanxVJY7rmSGDAjq-AsMMtUGDtgZqt73pmnLjml4myFaOTUcmjbOs9qZ7ysuG5zTZDG_BOG4ywxnqLSaGpAOfeAbrYyj0oV6GTVrNLjqJupHmMDdigwGzL8Ee8atFvQtQysBNYcEbDHjBvK6F7kS1Ub-mePEA1Q3hcs9UKLscfPI5X6wpoc5Lb3WQ7u3-yUTO0xQZ-_U22gaydnC-mL8pORFKXy-wEIu7aadmtt03ImOT3Fhaahk3YnwYH2rNssWlrNDHLgMjItwvHLmygxNJ3XdF4e32X_-G1PBCz9iXt5a4abpUQNlZcFgCwJylyGpJPRS82TmO1bObufzxX2wtSVf8yNIz8xBbWA1lW2XdZHhDYtmMcXMLpt4vb6N9NWoSsci5v_7uQtwPNGljZAs-rfF5ezb-fyd67FLLuZ2O_Ac1zzeQ7n7zitjPVG04tKBOXdc_80hnfTvqki4nR5O61SCVnMrqRDtaPsnvKLWDcMvKz0zj2fm-IoNcJbQ3N_us952e7CDxMW9OXRc3kdJI2aAvbrGmkoQ3bt67l8u6aNKZ9ZJd86iXv-Oexi9_wbZM8AFaAsAAA */
1081
+ .CodeBlock_codeBlock__1l68ra30 {
1082
+ margin: 20px 0;
1083
+ margin-left: -16px;
1084
+ border-radius: var(--ardo-radius-base);
1085
+ overflow: hidden;
1086
+ background: var(--ardo-color-codeBg);
1087
+ border: 1px solid var(--ardo-color-codeBorder);
1088
+ box-shadow: var(--ardo-color-codeShadow);
1089
+ }
1090
+ .CodeBlock_codeTitle__1l68ra31 {
1091
+ padding: 10px 16px;
1092
+ background:
1093
+ linear-gradient(
1094
+ 90deg,
1095
+ oklch(0.48 0.15 170 / 0.04) 0%,
1096
+ var(--ardo-color-codeBorder) 100%);
1097
+ font-size: 13px;
1098
+ font-weight: 500;
1099
+ font-family: var(--ardo-font-mono);
1100
+ color: var(--ardo-color-textLight);
1101
+ border-bottom: 1px solid var(--ardo-color-codeBorder);
1102
+ }
1103
+ .CodeBlock_codeWrapper__1l68ra32 {
1104
+ position: relative;
1105
+ }
1106
+ .CodeBlock_codeWrapper__1l68ra32 pre {
1107
+ margin: 0;
1108
+ padding: 16px;
1109
+ overflow-x: auto;
1110
+ font-family: var(--ardo-font-mono);
1111
+ font-size: 14px;
1112
+ line-height: 1.65;
1113
+ color: var(--ardo-color-text);
1114
+ background: transparent !important;
1115
+ }
1116
+ .dark .CodeBlock_codeWrapper__1l68ra32 pre {
1117
+ color: #e2e8f0;
1118
+ }
1119
+ .CodeBlock_codeWrapper__1l68ra32 pre code {
1120
+ display: flex;
1121
+ flex-direction: column;
1122
+ }
1123
+ .CodeBlock_codeWrapper__1l68ra32 pre code .line {
1124
+ min-height: 1lh;
1125
+ }
1126
+ .CodeBlock_codeLine__1l68ra33 {
1127
+ display: block;
1128
+ margin: 0 -16px;
1129
+ padding: 0 16px;
1130
+ border-left: 3px solid transparent;
1131
+ }
1132
+ .CodeBlock_codeLine__1l68ra33.highlighted {
1133
+ background: oklch(0.48 0.15 170 / 0.1);
1134
+ border-left-color: var(--ardo-color-brand);
1135
+ }
1136
+ .CodeBlock_lineNumber__1l68ra34 {
1137
+ display: inline-block;
1138
+ width: 32px;
1139
+ color: var(--ardo-color-textLighter);
1140
+ text-align: right;
1141
+ margin-right: 16px;
1142
+ user-select: none;
1143
+ }
1144
+ .dark .CodeBlock_lineNumber__1l68ra34 {
1145
+ color: #475569;
1146
+ }
1147
+ .shiki {
1148
+ background: transparent !important;
1149
+ }
1150
+ .shiki span {
1151
+ color: var(--shiki-light);
1152
+ }
1153
+ .dark .shiki span {
1154
+ color: var(--shiki-dark);
1155
+ }
1156
+ .CodeBlock_codeGroup__1l68ra35 {
1157
+ margin: 20px 0;
1158
+ margin-left: -16px;
1159
+ border-radius: var(--ardo-radius-base);
1160
+ overflow: hidden;
1161
+ background: var(--ardo-color-codeBg);
1162
+ border: 1px solid var(--ardo-color-codeBorder);
1163
+ box-shadow: var(--ardo-color-codeShadow);
1164
+ }
1165
+ .CodeBlock_codeGroupTabs__1l68ra36 {
1166
+ display: flex;
1167
+ background: var(--ardo-color-codeBorder);
1168
+ border-bottom: 1px solid var(--ardo-color-codeBorder);
1169
+ }
1170
+ .CodeBlock_codeGroupTab__1l68ra37 {
1171
+ padding: 10px 16px;
1172
+ background: none;
1173
+ border: none;
1174
+ cursor: pointer;
1175
+ font-size: 13px;
1176
+ font-family: var(--ardo-font-mono);
1177
+ color: var(--ardo-color-textLight);
1178
+ border-bottom: 2px solid transparent;
1179
+ margin-bottom: -1px;
1180
+ transition: all var(--ardo-transition-fast);
1181
+ }
1182
+ .CodeBlock_codeGroupTab__1l68ra37:hover {
1183
+ color: var(--ardo-color-text);
1184
+ }
1185
+ .CodeBlock_codeGroupTab__1l68ra37.active {
1186
+ color: var(--ardo-color-brand);
1187
+ border-bottom-color: var(--ardo-color-brand);
1188
+ background: var(--ardo-color-codeBg);
1189
+ }
1190
+ .ardo-code-group-panel .CodeBlock_codeBlock__1l68ra30 {
1191
+ margin: 0;
1192
+ border: none;
1193
+ border-radius: 0;
1194
+ box-shadow: none;
1195
+ background: transparent;
1196
+ }
1197
+
1198
+ /* vanilla-extract-css-ns:src/ui/components/Container.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52UwW7CMBBE7_mKPZaDEaE0UHNrf6F35MSOsWpsyzEFWvHvVZw0BErtpLdoMjN6knd3-qqVI0Ixuym6r00ql-ywtDP4SgB2xHKhMKSZOcJsnQAYQqlQHEM6N0ev12quLWUWWULFvsLwQewDQsRS3UooJxWbXJwYUnOESktBe3HJSodhcflzTqb3GN3JsI0TpoNNPWxOindu9V7RK4JCS22RE-aF9wga-Q-jd0xuyEKJSZj1QKwSine88zhvGxnG_GMex92mIuyUKN6bi8c4epMYRt56x4E3oQi3UKXuqBdx6to_jNk7xxHXkQiv0o51vE9x3to_jNc7x_HWkT9534STF9TMo1JRGUlOGErJ_EUgUnCFhGO7CkPBlGO2ljkxGFbN0Si1cujABN86DNls1mmV-GQY0kVja24QyrVzeteGQ2C_rsPSE_5ne3uFtyu8CpbGVqtXfLNfz8HeyOT3aq_GnwRLg8PZq7ya0DxYGZyfWmLKdVWFr7rz8lIohrbtgKTTbJ2cvwGhHDgltAYAAA */
1199
+ .Container_container__1l7ew7r0 {
1200
+ margin: 16px 0;
1201
+ padding: 12px 16px;
1202
+ border-radius: var(--ardo-radius-base);
1203
+ border: 1px solid;
1204
+ border-left: 4px solid;
1205
+ }
1206
+ .Container_container_type_tip__1l7ew7r1 {
1207
+ background: var(--ardo-color-tipBg);
1208
+ border-color: var(--ardo-color-tipBorder);
1209
+ border-left-color: var(--ardo-color-tip);
1210
+ }
1211
+ .Container_container_type_warning__1l7ew7r2 {
1212
+ background: var(--ardo-color-warningBg);
1213
+ border-color: var(--ardo-color-warningBorder);
1214
+ border-left-color: var(--ardo-color-warning);
1215
+ }
1216
+ .Container_container_type_danger__1l7ew7r3 {
1217
+ background: var(--ardo-color-dangerBg);
1218
+ border-color: var(--ardo-color-dangerBorder);
1219
+ border-left-color: var(--ardo-color-danger);
1220
+ }
1221
+ .Container_container_type_info__1l7ew7r4 {
1222
+ background: var(--ardo-color-infoBg);
1223
+ border-color: var(--ardo-color-infoBorder);
1224
+ border-left-color: var(--ardo-color-info);
1225
+ }
1226
+ .Container_container_type_note__1l7ew7r5 {
1227
+ background: var(--ardo-color-noteBg);
1228
+ border-color: var(--ardo-color-noteBorder);
1229
+ border-left-color: var(--ardo-color-note);
1230
+ }
1231
+ .Container_containerTitle__1l7ew7r6 {
1232
+ display: flex;
1233
+ align-items: center;
1234
+ gap: 8px;
1235
+ font-weight: 600;
1236
+ font-size: 14px;
1237
+ margin-bottom: 8px;
1238
+ }
1239
+ .Container_containerTitle_type_tip__1l7ew7r7 {
1240
+ color: var(--ardo-color-tip);
1241
+ }
1242
+ .Container_containerTitle_type_warning__1l7ew7r8 {
1243
+ color: var(--ardo-color-warning);
1244
+ }
1245
+ .Container_containerTitle_type_danger__1l7ew7r9 {
1246
+ color: var(--ardo-color-danger);
1247
+ }
1248
+ .Container_containerTitle_type_info__1l7ew7ra {
1249
+ color: var(--ardo-color-info);
1250
+ }
1251
+ .Container_containerTitle_type_note__1l7ew7rb {
1252
+ color: var(--ardo-color-note);
1253
+ }
1254
+ .Container_containerContent__1l7ew7rc {
1255
+ font-size: 14px;
1256
+ line-height: 1.6;
1257
+ }
1258
+
1259
+ /* vanilla-extract-css-ns:src/ui/components/Tabs.css.ts.vanilla.css?source=LlRhYnNfdGFic19fMWp5cHIzNDAgewogIG1hcmdpbjogMjBweCAwOwp9Ci5UYWJzX3RhYkxpc3RfXzFqeXByMzQxIHsKICBkaXNwbGF5OiBmbGV4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS1hcmRvLWNvbG9yLWJvcmRlcik7CiAgZ2FwOiA0cHg7Cn0KLlRhYnNfdGFiX18xanlwcjM0MiB7CiAgcGFkZGluZzogMTBweCAxOHB4OwogIGJhY2tncm91bmQ6IG5vbmU7CiAgYm9yZGVyOiBub25lOwogIGN1cnNvcjogcG9pbnRlcjsKICBmb250LXNpemU6IDE0cHg7CiAgZm9udC13ZWlnaHQ6IDUwMDsKICBjb2xvcjogdmFyKC0tYXJkby1jb2xvci10ZXh0TGlnaHQpOwogIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB0cmFuc3BhcmVudDsKICBtYXJnaW4tYm90dG9tOiAtMXB4OwogIHRyYW5zaXRpb246IGFsbCB2YXIoLS1hcmRvLXRyYW5zaXRpb24tZmFzdCk7Cn0KLlRhYnNfdGFiX18xanlwcjM0Mjpob3ZlciB7CiAgY29sb3I6IHZhcigtLWFyZG8tY29sb3ItdGV4dCk7Cn0KLlRhYnNfdGFiX18xanlwcjM0Mi5hY3RpdmUgewogIGNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1hcmRvLWNvbG9yLWJyYW5kKTsKfQouVGFic190YWJQYW5lbF9fMWp5cHIzNDMgewogIHBhZGRpbmc6IDIwcHggMDsKfQ */
1260
+ .Tabs_tabs__1jypr340 {
1261
+ margin: 20px 0;
1262
+ }
1263
+ .Tabs_tabList__1jypr341 {
1264
+ display: flex;
1265
+ border-bottom: 1px solid var(--ardo-color-border);
1266
+ gap: 4px;
1267
+ }
1268
+ .Tabs_tab__1jypr342 {
1269
+ padding: 10px 18px;
1270
+ background: none;
1271
+ border: none;
1272
+ cursor: pointer;
1273
+ font-size: 14px;
1274
+ font-weight: 500;
1275
+ color: var(--ardo-color-textLight);
1276
+ border-bottom: 2px solid transparent;
1277
+ margin-bottom: -1px;
1278
+ transition: all var(--ardo-transition-fast);
1279
+ }
1280
+ .Tabs_tab__1jypr342:hover {
1281
+ color: var(--ardo-color-text);
1282
+ }
1283
+ .Tabs_tab__1jypr342.active {
1284
+ color: var(--ardo-color-brand);
1285
+ border-bottom-color: var(--ardo-color-brand);
1286
+ }
1287
+ .Tabs_tabPanel__1jypr343 {
1288
+ padding: 20px 0;
1289
+ }
1290
+ /*# sourceMappingURL=index.css.map */