@modern-js/module-tools-docs 2.0.0-beta.4

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 (163) hide show
  1. package/LICENSE +144 -0
  2. package/docs/.island/config.ts +245 -0
  3. package/docs/.island/dist/404.html +41 -0
  4. package/docs/.island/dist/assets/before-getting-started.1b82b538.js +87 -0
  5. package/docs/.island/dist/assets/before-getting-started.582a31cc.js +87 -0
  6. package/docs/.island/dist/assets/build-config.72eb0918.js +804 -0
  7. package/docs/.island/dist/assets/build-config.d8bb1658.js +809 -0
  8. package/docs/.island/dist/assets/build-preset.96805d7d.js +256 -0
  9. package/docs/.island/dist/assets/build-preset.c20dcd40.js +256 -0
  10. package/docs/.island/dist/assets/build-your-ui.7f349247.js +2 -0
  11. package/docs/.island/dist/assets/build-your-ui.a8361604.js +2 -0
  12. package/docs/.island/dist/assets/command-preview.2d45fc82.js +264 -0
  13. package/docs/.island/dist/assets/command-preview.dc51b953.js +264 -0
  14. package/docs/.island/dist/assets/components.esm.03560353.js +9 -0
  15. package/docs/.island/dist/assets/design-system.86694ff5.js +1254 -0
  16. package/docs/.island/dist/assets/design-system.c4745cce.js +639 -0
  17. package/docs/.island/dist/assets/dev.1d326a37.js +37 -0
  18. package/docs/.island/dist/assets/dev.1fd06000.js +37 -0
  19. package/docs/.island/dist/assets/down.f35427d3.svg +1 -0
  20. package/docs/.island/dist/assets/extension.12299fd6.js +2 -0
  21. package/docs/.island/dist/assets/extension.96dc63a4.js +2 -0
  22. package/docs/.island/dist/assets/getting-started.40e9218d.js +117 -0
  23. package/docs/.island/dist/assets/getting-started.b1ed3f10.js +114 -0
  24. package/docs/.island/dist/assets/github.3bf8ccee.svg +1 -0
  25. package/docs/.island/dist/assets/index.2b2347ea.js +33 -0
  26. package/docs/.island/dist/assets/index.6cef6f5f.js +4 -0
  27. package/docs/.island/dist/assets/index.cb118238.js +36 -0
  28. package/docs/.island/dist/assets/index.ccb6ce27.js +4 -0
  29. package/docs/.island/dist/assets/island_inject.11a12ecc.js +1 -0
  30. package/docs/.island/dist/assets/island_inject.b13deaee.js +1 -0
  31. package/docs/.island/dist/assets/loading.8c9bb911.svg +1 -0
  32. package/docs/.island/dist/assets/modify-output-product.7f6bff35.js +100 -0
  33. package/docs/.island/dist/assets/modify-output-product.b91eff1f.js +100 -0
  34. package/docs/.island/dist/assets/moon.6b705924.svg +3 -0
  35. package/docs/.island/dist/assets/plugin.895932d8.js +42 -0
  36. package/docs/.island/dist/assets/plugin.d2fbc531.js +42 -0
  37. package/docs/.island/dist/assets/publish-your-project.21b8309f.js +164 -0
  38. package/docs/.island/dist/assets/publish-your-project.8d398b17.js +166 -0
  39. package/docs/.island/dist/assets/right.89674cd7.svg +1 -0
  40. package/docs/.island/dist/assets/search.0aea6901.svg +1 -0
  41. package/docs/.island/dist/assets/search.1c85d17c.js +3 -0
  42. package/docs/.island/dist/assets/search.484eca11.js +222 -0
  43. package/docs/.island/dist/assets/search.54fca8d0.js +3 -0
  44. package/docs/.island/dist/assets/style.09015a4b.css +1 -0
  45. package/docs/.island/dist/assets/style.2e5f7bc2.css +1970 -0
  46. package/docs/.island/dist/assets/sun.841dac10.svg +11 -0
  47. package/docs/.island/dist/assets/test-your-project.18bd4582.js +190 -0
  48. package/docs/.island/dist/assets/test-your-project.f53bebf7.js +190 -0
  49. package/docs/.island/dist/assets/test.0da1f99f.js +67 -0
  50. package/docs/.island/dist/assets/test.0e81f002.js +66 -0
  51. package/docs/.island/dist/assets/translator.b1077c44.svg +1 -0
  52. package/docs/.island/dist/assets/use-micro-generator.7d9e4016.js +60 -0
  53. package/docs/.island/dist/assets/use-micro-generator.db5520c1.js +60 -0
  54. package/docs/.island/dist/assets/using-storybook.57ea6b77.js +260 -0
  55. package/docs/.island/dist/assets/using-storybook.a2212f2e.js +260 -0
  56. package/docs/.island/dist/assets/welcome.0449a9c8.js +13 -0
  57. package/docs/.island/dist/assets/welcome.a8448931.js +13 -0
  58. package/docs/.island/dist/assets/why-module-engineering-solution.6ae8c0e3.js +26 -0
  59. package/docs/.island/dist/assets/why-module-engineering-solution.c9a45cbd.js +26 -0
  60. package/docs/.island/dist/chunk-COLCRJ2V.js +1 -0
  61. package/docs/.island/dist/chunk-K5FMOYDC.js +10 -0
  62. package/docs/.island/dist/chunk-WE42KMYS.js +26 -0
  63. package/docs/.island/dist/client-entry.js +3 -0
  64. package/docs/.island/dist/en/api/build-config.html +344 -0
  65. package/docs/.island/dist/en/api/build-preset.html +82 -0
  66. package/docs/.island/dist/en/api/design-system.html +155 -0
  67. package/docs/.island/dist/en/api/dev.html +45 -0
  68. package/docs/.island/dist/en/api/index.html +41 -0
  69. package/docs/.island/dist/en/api/plugin.html +48 -0
  70. package/docs/.island/dist/en/api/test.html +58 -0
  71. package/docs/.island/dist/en/guide/before-getting-started.html +127 -0
  72. package/docs/.island/dist/en/guide/build-your-ui.html +41 -0
  73. package/docs/.island/dist/en/guide/command-preview.html +100 -0
  74. package/docs/.island/dist/en/guide/extension.html +41 -0
  75. package/docs/.island/dist/en/guide/getting-started.html +76 -0
  76. package/docs/.island/dist/en/guide/modify-output-product.html +140 -0
  77. package/docs/.island/dist/en/guide/publish-your-project.html +91 -0
  78. package/docs/.island/dist/en/guide/test-your-project.html +72 -0
  79. package/docs/.island/dist/en/guide/use-micro-generator.html +65 -0
  80. package/docs/.island/dist/en/guide/using-storybook.html +113 -0
  81. package/docs/.island/dist/en/guide/welcome.html +53 -0
  82. package/docs/.island/dist/en/guide/why-module-engineering-solution.html +49 -0
  83. package/docs/.island/dist/en/index.html +42 -0
  84. package/docs/.island/dist/react-dom.js +1 -0
  85. package/docs/.island/dist/react-dom_client.js +1 -0
  86. package/docs/.island/dist/react.js +1 -0
  87. package/docs/.island/dist/react_jsx-runtime.js +10 -0
  88. package/docs/.island/dist/ssr-manifest.json +57 -0
  89. package/docs/.island/dist/test-result.png +0 -0
  90. package/docs/.island/dist/why-module-solution.png +0 -0
  91. package/docs/.island/dist/zh/api/build-config.html +347 -0
  92. package/docs/.island/dist/zh/api/build-preset.html +82 -0
  93. package/docs/.island/dist/zh/api/design-system.html +149 -0
  94. package/docs/.island/dist/zh/api/dev.html +46 -0
  95. package/docs/.island/dist/zh/api/index.html +41 -0
  96. package/docs/.island/dist/zh/api/plugin.html +48 -0
  97. package/docs/.island/dist/zh/api/test.html +59 -0
  98. package/docs/.island/dist/zh/guide/before-getting-started.html +127 -0
  99. package/docs/.island/dist/zh/guide/build-your-ui.html +41 -0
  100. package/docs/.island/dist/zh/guide/command-preview.html +100 -0
  101. package/docs/.island/dist/zh/guide/extension.html +41 -0
  102. package/docs/.island/dist/zh/guide/getting-started.html +79 -0
  103. package/docs/.island/dist/zh/guide/modify-output-product.html +140 -0
  104. package/docs/.island/dist/zh/guide/publish-your-project.html +92 -0
  105. package/docs/.island/dist/zh/guide/test-your-project.html +72 -0
  106. package/docs/.island/dist/zh/guide/use-micro-generator.html +65 -0
  107. package/docs/.island/dist/zh/guide/using-storybook.html +114 -0
  108. package/docs/.island/dist/zh/guide/welcome.html +53 -0
  109. package/docs/.island/dist/zh/guide/why-module-engineering-solution.html +49 -0
  110. package/docs/.island/dist/zh/index.html +42 -0
  111. package/docs/.island/index.html +39 -0
  112. package/docs/.island/styles/index.css +10 -0
  113. package/docs/en/api/build-config.md +501 -0
  114. package/docs/en/api/build-preset.md +214 -0
  115. package/docs/en/api/design-system.md +524 -0
  116. package/docs/en/api/dev.md +32 -0
  117. package/docs/en/api/index.md +3 -0
  118. package/docs/en/api/plugin.md +34 -0
  119. package/docs/en/api/test.md +48 -0
  120. package/docs/en/guide/advance/asset.mdx +132 -0
  121. package/docs/en/guide/advance/build-umd.mdx +241 -0
  122. package/docs/en/guide/advance/copy.md +235 -0
  123. package/docs/en/guide/advance/external-dependency.mdx +125 -0
  124. package/docs/en/guide/advance/in-depth-about-build.md +266 -0
  125. package/docs/en/guide/advance/in-depth-about-dev-command.md +22 -0
  126. package/docs/en/guide/basic/before-getting-started.md +187 -0
  127. package/docs/en/guide/basic/command-preview.md +204 -0
  128. package/docs/en/guide/basic/modify-output-product.md +145 -0
  129. package/docs/en/guide/basic/publish-your-project.md +115 -0
  130. package/docs/en/guide/basic/test-your-project.mdx +158 -0
  131. package/docs/en/guide/basic/use-micro-generator.md +35 -0
  132. package/docs/en/guide/basic/using-storybook.mdx +187 -0
  133. package/docs/en/guide/intro/getting-started.md +78 -0
  134. package/docs/en/guide/intro/welcome.md +14 -0
  135. package/docs/en/guide/intro/why-module-engineering-solution.md +17 -0
  136. package/docs/en/index.md +35 -0
  137. package/docs/public/test-result.png +0 -0
  138. package/docs/public/why-module-solution.png +0 -0
  139. package/docs/zh/api/build-config.md +570 -0
  140. package/docs/zh/api/build-preset.md +220 -0
  141. package/docs/zh/api/design-system.md +1147 -0
  142. package/docs/zh/api/dev.md +33 -0
  143. package/docs/zh/api/index.md +3 -0
  144. package/docs/zh/api/plugins.md +108 -0
  145. package/docs/zh/api/testing.md +52 -0
  146. package/docs/zh/guide/advance/asset.mdx +132 -0
  147. package/docs/zh/guide/advance/build-umd.mdx +232 -0
  148. package/docs/zh/guide/advance/copy.md +235 -0
  149. package/docs/zh/guide/advance/external-dependency.mdx +125 -0
  150. package/docs/zh/guide/advance/in-depth-about-build.md +267 -0
  151. package/docs/zh/guide/advance/in-depth-about-dev-command.md +26 -0
  152. package/docs/zh/guide/basic/before-getting-started.md +187 -0
  153. package/docs/zh/guide/basic/command-preview.md +204 -0
  154. package/docs/zh/guide/basic/modify-output-product.md +144 -0
  155. package/docs/zh/guide/basic/publish-your-project.md +112 -0
  156. package/docs/zh/guide/basic/test-your-project.mdx +158 -0
  157. package/docs/zh/guide/basic/use-micro-generator.md +35 -0
  158. package/docs/zh/guide/basic/using-storybook.mdx +186 -0
  159. package/docs/zh/guide/intro/getting-started.md +78 -0
  160. package/docs/zh/guide/intro/welcome.md +14 -0
  161. package/docs/zh/guide/intro/why-module-engineering-solution.md +17 -0
  162. package/docs/zh/index.md +29 -0
  163. package/package.json +19 -0
@@ -0,0 +1,1970 @@
1
+ *,
2
+ ::before,
3
+ ::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ html {
8
+ line-height: 1.4;
9
+ font-size: 16px;
10
+ -webkit-text-size-adjust: 100%;
11
+ }
12
+
13
+ html.dark {
14
+ color-scheme: dark;
15
+ }
16
+
17
+ body {
18
+ margin: 0;
19
+ width: 100%;
20
+ min-width: 320px;
21
+ min-height: 100vh;
22
+ line-height: 24px;
23
+ font-family: var(--island-font-family-base);
24
+ font-size: 16px;
25
+ font-weight: 400;
26
+ color: var(--island-c-text-1);
27
+ background-color: var(--island-c-bg);
28
+ direction: ltr;
29
+ font-synthesis: none;
30
+ text-rendering: optimizeLegibility;
31
+ -webkit-font-smoothing: antialiased;
32
+ -moz-osx-font-smoothing: grayscale;
33
+ }
34
+
35
+ main {
36
+ display: block;
37
+ }
38
+
39
+ h1,
40
+ h2,
41
+ h3,
42
+ h4,
43
+ h5,
44
+ h6 {
45
+ margin: 0;
46
+ line-height: 24px;
47
+ font-size: 16px;
48
+ font-weight: 400;
49
+ }
50
+
51
+ p {
52
+ margin: 0;
53
+ }
54
+
55
+ strong,
56
+ b {
57
+ font-weight: 600;
58
+ }
59
+
60
+ /**
61
+ * Avoid 300ms click delay on touch devices that support the `touch-action`
62
+ * CSS property.
63
+ *
64
+ * In particular, unlike most other browsers, IE11+Edge on Windows 10 on
65
+ * touch devices and IE Mobile 10-11 DON'T remove the click delay when
66
+ * `<meta name="viewport" content="width=device-width">` is present.
67
+ * However, they DO support removing the click delay via
68
+ * `touch-action: manipulation`.
69
+ *
70
+ * See:
71
+ * - http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
72
+ * - http://caniuse.com/#feat=css-touch-action
73
+ * - http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
74
+ */
75
+ a,
76
+ area,
77
+ button,
78
+ [role='button'],
79
+ input,
80
+ label,
81
+ select,
82
+ summary,
83
+ textarea {
84
+ touch-action: manipulation;
85
+ }
86
+
87
+ a {
88
+ color: inherit;
89
+ text-decoration: inherit;
90
+ }
91
+
92
+ ol,
93
+ ul {
94
+ list-style: none;
95
+ margin: 0;
96
+ padding: 0;
97
+ }
98
+
99
+ blockquote {
100
+ margin: 0;
101
+ }
102
+
103
+ pre,
104
+ code,
105
+ kbd,
106
+ samp {
107
+ font-family: var(--island-font-family-mono);
108
+ }
109
+
110
+ img,
111
+ svg,
112
+ video,
113
+ canvas,
114
+ audio,
115
+ iframe,
116
+ embed,
117
+ object {
118
+ display: block;
119
+ vertical-align: middle;
120
+ }
121
+
122
+ figure {
123
+ margin: 0;
124
+ }
125
+
126
+ img,
127
+ video {
128
+ max-width: 100%;
129
+ height: auto;
130
+ }
131
+
132
+ button,
133
+ input,
134
+ optgroup,
135
+ select,
136
+ textarea {
137
+ border: 0;
138
+ padding: 0;
139
+ line-height: inherit;
140
+ color: inherit;
141
+ }
142
+
143
+ button {
144
+ padding: 0;
145
+ font-family: inherit;
146
+ background-color: transparent;
147
+ background-image: none;
148
+ }
149
+
150
+ button,
151
+ [role='button'] {
152
+ cursor: pointer;
153
+ }
154
+
155
+ button:focus,
156
+ button:focus-visible {
157
+ outline: 1px dotted;
158
+ outline: 4px auto -webkit-focus-ring-color;
159
+ }
160
+
161
+ button:focus:not(:focus-visible) {
162
+ outline: none !important;
163
+ }
164
+
165
+ input:focus,
166
+ textarea:focus,
167
+ select:focus {
168
+ outline: none;
169
+ }
170
+
171
+ table {
172
+ border-collapse: collapse;
173
+ }
174
+
175
+ input {
176
+ background-color: transparent;
177
+ }
178
+
179
+ input:-ms-input-placeholder,
180
+ textarea:-ms-input-placeholder {
181
+ color: var(--island-c-text-3);
182
+ }
183
+
184
+ input::-ms-input-placeholder,
185
+ textarea::-ms-input-placeholder {
186
+ color: var(--island-c-text-3);
187
+ }
188
+
189
+ input::placeholder,
190
+ textarea::placeholder {
191
+ color: var(--island-c-text-3);
192
+ }
193
+
194
+ input::-webkit-outer-spin-button,
195
+ input::-webkit-inner-spin-button {
196
+ -webkit-appearance: none;
197
+ margin: 0;
198
+ }
199
+
200
+ input[type='number'] {
201
+ -moz-appearance: textfield;
202
+ }
203
+
204
+ textarea {
205
+ resize: vertical;
206
+ }
207
+
208
+ select {
209
+ -webkit-appearance: none;
210
+ }
211
+
212
+ fieldset {
213
+ margin: 0;
214
+ padding: 0;
215
+ }
216
+
217
+ .visually-hidden {
218
+ visibility: hidden;
219
+ }
220
+
221
+ /* https://github.com/francoischalifour/medium-zoom#debugging */
222
+ .medium-zoom-overlay,
223
+ .medium-zoom-image--opened {
224
+ z-index: 999;
225
+ }
226
+ /**
227
+ * Colors Base
228
+ *
229
+ * These are the pure base color presets. Most of the time, you should not be
230
+ * using these colors directly in the theme but rather use "Colors Theme"
231
+ * instead because those are "Theme (light or dark)" dependant.
232
+ * -------------------------------------------------------------------------- */
233
+
234
+ :root {
235
+ --island-c-white: #ffffff;
236
+ --island-c-white-soft: #f9f9f9;
237
+ --island-c-white-mute: #f1f1f1;
238
+
239
+ --island-c-black: #1a1a1a;
240
+ --island-c-black-pure: #000000;
241
+ --island-c-black-soft: #242424;
242
+ --island-c-black-mute: #2f2f2f;
243
+
244
+ --island-c-gray: #8e8e8e;
245
+ --island-c-gray-light-1: #aeaeae;
246
+ --island-c-gray-light-2: #c7c7c7;
247
+ --island-c-gray-light-3: #d1d1d1;
248
+ --island-c-gray-light-4: #e5e5e5;
249
+ --island-c-gray-light-5: #f2f2f2;
250
+ --island-c-gray-dark-1: #636363;
251
+ --island-c-gray-dark-2: #484848;
252
+ --island-c-gray-dark-3: #3a3a3a;
253
+ --island-c-gray-dark-4: #282828;
254
+ --island-c-gray-dark-5: #202020;
255
+
256
+ --island-c-divider-light-1: rgba(60, 60, 60, 0.29);
257
+ --island-c-divider-light-2: rgba(60, 60, 60, 0.12);
258
+ --island-c-divider-dark-1: rgba(84, 84, 84, 0.65);
259
+ --island-c-divider-dark-2: rgba(84, 84, 84, 0.48);
260
+
261
+ --island-c-indigo: #213547;
262
+ --island-c-indigo-soft: #476582;
263
+ --island-c-indigo-light: #aac8e4;
264
+ --island-c-indigo-lighter: #c9def1;
265
+ --island-c-indigo-dark: #1d2f3f;
266
+ --island-c-indigo-darker: #14212e;
267
+
268
+ --island-c-text-light-1: var(--island-c-indigo);
269
+ --island-c-text-light-2: rgba(60, 60, 60, 0.7);
270
+ --island-c-text-light-3: rgba(60, 60, 60, 0.33);
271
+ --island-c-text-light-4: rgba(60, 60, 60, 0.18);
272
+
273
+ --island-c-text-dark-1: rgba(255, 255, 255, 0.87);
274
+ --island-c-text-dark-2: rgba(235, 235, 235, 0.6);
275
+ --island-c-text-dark-3: rgba(235, 235, 235, 0.38);
276
+ --island-c-text-dark-4: rgba(235, 235, 235, 0.18);
277
+
278
+ --island-c-green: #21b8a3;
279
+ --island-c-green-light: #41c6b0;
280
+ --island-c-green-lighter: #41c6b0;
281
+ --island-c-green-dark: #149684;
282
+ --island-c-green-darker: #149684;
283
+ --island-c-green-dimm: #062521;
284
+
285
+ --island-c-green-dimm-1: rgba(66, 184, 131, 0.5);
286
+ --island-c-green-dimm-2: rgba(66, 184, 131, 0.25);
287
+ --island-c-green-dimm-3: rgba(66, 184, 131, 0.05);
288
+
289
+ --island-c-blue: #646cff;
290
+ --island-c-blue-light: #747bff;
291
+ --island-c-blue-lighter: #9499ff;
292
+ --island-c-blue-lightest: #bcc0ff;
293
+ --island-c-blue-dark: #535bf2;
294
+ --island-c-blue-darker: #454ce1;
295
+ --island-c-blue-dimm: rgba(100, 108, 255, 0.08);
296
+
297
+ --island-c-yellow: #ffc517;
298
+ --island-c-yellow-light: #fcd253;
299
+ --island-c-yellow-lighter: #fcfc7c;
300
+ --island-c-yellow-darker: #ad850e;
301
+ --island-c-yellow-dimm-1: rgba(255, 197, 23, 0.5);
302
+ --island-c-yellow-dimm-2: rgba(255, 197, 23, 0.25);
303
+ --island-c-yellow-dimm-3: rgba(255, 197, 23, 0.05);
304
+
305
+ --island-c-red: #ed3c50;
306
+ --island-c-red-light: #f54e82;
307
+ --island-c-red-lighter: #fd1d7c;
308
+ --island-c-red-darker: #ab2131;
309
+ --island-c-red-dimm-1: rgba(237, 60, 80, 0.5);
310
+ --island-c-red-dimm-2: rgba(237, 60, 80, 0.25);
311
+ --island-c-red-dimm-3: rgba(237, 60, 80, 0.05);
312
+ }
313
+
314
+ /**
315
+ * Colors Theme
316
+ * -------------------------------------------------------------------------- */
317
+
318
+ :root {
319
+ --island-c-bg: var(--island-c-white);
320
+ --island-c-bg-soft: var(--island-c-white-soft);
321
+ --island-c-bg-mute: var(--island-c-white-mute);
322
+ --island-c-bg-alt: var(--island-c-white-soft);
323
+
324
+ --island-c-divider: var(--island-c-divider-light-1);
325
+ --island-c-divider-light: var(--island-c-divider-light-2);
326
+
327
+ --island-c-text-1: var(--island-c-text-light-1);
328
+ --island-c-text-2: var(--island-c-text-light-2);
329
+ --island-c-text-3: var(--island-c-text-light-3);
330
+ --island-c-text-4: var(--island-c-text-light-4);
331
+
332
+ --island-c-text-code: var(--island-c-indigo-soft);
333
+
334
+ --island-c-brand: var(--island-c-green);
335
+ --island-c-brand-light: var(--island-c-green-light);
336
+ --island-c-brand-lighter: var(--island-c-green-lighter);
337
+ --island-c-brand-dark: var(--island-c-green-dark);
338
+ --island-c-brand-darker: var(--island-c-green-darker);
339
+ }
340
+
341
+ .dark {
342
+ --island-c-bg: var(--island-c-black-soft);
343
+ --island-c-bg-soft: var(--island-c-black-mute);
344
+ --island-c-bg-mute: var(--island-c-gray-dark-3);
345
+ --island-c-bg-alt: var(--island-c-black);
346
+
347
+ --island-c-divider: var(--island-c-divider-dark-1);
348
+ --island-c-divider-light: var(--island-c-divider-dark-2);
349
+
350
+ --island-c-divider-inverse: var(--island-c-divider-light-1);
351
+ --island-c-divider-inverse-light: var(--island-c-divider-light-2);
352
+
353
+ --island-c-text-1: var(--island-c-text-dark-1);
354
+ --island-c-text-2: var(--island-c-text-dark-2);
355
+ --island-c-text-3: var(--island-c-text-dark-3);
356
+ --island-c-text-4: var(--island-c-text-dark-4);
357
+
358
+ --island-c-text-inverse-1: var(--island-c-text-light-1);
359
+ --island-c-text-inverse-2: var(--island-c-text-light-2);
360
+ --island-c-text-inverse-3: var(--island-c-text-light-3);
361
+ --island-c-text-inverse-4: var(--island-c-text-light-4);
362
+
363
+ --island-c-text-code: var(--island-c-indigo-lighter);
364
+ }
365
+
366
+ /**
367
+ * Typography
368
+ * -------------------------------------------------------------------------- */
369
+
370
+ :root {
371
+ --island-font-family-base: 'Inter var experimental', 'Inter var',
372
+ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
373
+ Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
374
+ --island-font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
375
+ }
376
+
377
+ /**
378
+ * Layouts
379
+ * -------------------------------------------------------------------------- */
380
+
381
+ :root {
382
+ --island-layout-max-width: 1440px;
383
+ }
384
+
385
+ /**
386
+ * Component: Code
387
+ * -------------------------------------------------------------------------- */
388
+
389
+ :root {
390
+ --island-code-line-height: 1.7;
391
+ --island-code-font-size: 0.875em;
392
+
393
+ --island-code-block-color: var(--island-c-text-dark-1);
394
+ --island-code-block-bg: #292d3e;
395
+
396
+ --island-code-line-highlight-color: rgba(0, 0, 0, 0.5);
397
+ --island-code-line-number-color: var(--island-c-text-dark-3);
398
+
399
+ --island-code-copy-code-hover-bg: rgba(255, 255, 255, 0.05);
400
+ --island-code-copy-code-active-text: var(--island-c-text-dark-2);
401
+ }
402
+
403
+ /**
404
+ * Icons
405
+ * -------------------------------------------------------------------------- */
406
+
407
+ :root {
408
+ --island-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
409
+ --island-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E");
410
+ --island-icon-tip: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 960C264.58 960 64 759.42 64 512S264.58 64 512 64s448 200.58 448 448-200.58 448-448 448z m0-832c-212.08 0-384 171.92-384 384s171.92 384 384 384 384-171.92 384-384-171.92-384-384-384z m0 112c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z m0 160c-17.67 0-32 14.33-32 32v320c0 17.67 14.33 32 32 32 17.67 0 32-14.33 32-32V432c0-17.67-14.33-32-32-32z' fill='%2321b8a3'/%3E%3C/svg%3E");
411
+ }
412
+
413
+ .dark {
414
+ --island-code-block-bg: var(--island-c-bg-alt);
415
+ }
416
+
417
+ /**
418
+ * Z-indexes
419
+ * -------------------------------------------------------------------------- */
420
+
421
+ :root {
422
+ --island-z-index-local-nav: 10;
423
+ --island-z-index-nav: 20;
424
+ --island-z-index-layout-top: 30;
425
+ --island-z-index-backdrop: 40;
426
+ --island-z-index-sidebar: 50;
427
+ --island-z-index-footer: 60;
428
+ }
429
+
430
+ /**
431
+ * Component: Button
432
+ * -------------------------------------------------------------------------- */
433
+
434
+ :root {
435
+ --island-button-brand-border: var(--island-c-brand-light);
436
+ --island-button-brand-text: var(--island-c-text-dark-1);
437
+ --island-button-brand-bg: var(--island-c-brand);
438
+ --island-button-brand-hover-border: var(--island-c-brand-light);
439
+ --island-button-brand-hover-text: var(--island-c-text-dark-1);
440
+ --island-button-brand-hover-bg: var(--island-c-brand-light);
441
+ --island-button-brand-active-border: var(--island-c-brand-light);
442
+ --island-button-brand-active-text: var(--island-c-text-dark-1);
443
+ --island-button-brand-active-bg: var(--island-button-brand-bg);
444
+
445
+ --island-button-alt-border: var(--island-c-gray-light-3);
446
+ --island-button-alt-text: var(--island-c-text-light-1);
447
+ --island-button-alt-bg: var(--island-c-gray-light-5);
448
+ --island-button-alt-hover-border: var(--island-c-gray-light-3);
449
+ --island-button-alt-hover-text: var(--island-c-text-light-1);
450
+ --island-button-alt-hover-bg: var(--island-c-gray-light-4);
451
+ --island-button-alt-active-border: var(--island-c-gray-light-3);
452
+ --island-button-alt-active-text: var(--island-c-text-light-1);
453
+ --island-button-alt-active-bg: var(--island-c-gray-light-3);
454
+
455
+ --island-button-sponsor-border: var(--island-c-gray-light-3);
456
+ --island-button-sponsor-text: var(--island-c-text-light-2);
457
+ --island-button-sponsor-bg: transparent;
458
+ --island-button-sponsor-hover-border: var(--island-c-sponsor);
459
+ --island-button-sponsor-hover-text: var(--island-c-sponsor);
460
+ --island-button-sponsor-hover-bg: transparent;
461
+ --island-button-sponsor-active-border: var(--island-c-sponsor);
462
+ --island-button-sponsor-active-text: var(--island-c-sponsor);
463
+ --island-button-sponsor-active-bg: transparent;
464
+ }
465
+
466
+ .dark {
467
+ --island-button-brand-border: var(--island-c-brand-light);
468
+ --island-button-brand-text: var(--island-c-text-dark-1);
469
+ --island-button-brand-bg: var(--island-c-brand-dark);
470
+ --island-button-brand-hover-border: var(--island-c-brand-lighter);
471
+ --island-button-brand-hover-text: var(--island-c-text-dark-1);
472
+ --island-button-brand-hover-bg: var(--island-c-brand);
473
+ --island-button-brand-active-border: var(--island-c-brand-lighter);
474
+ --island-button-brand-active-text: var(--island-c-text-dark-1);
475
+ --island-button-brand-active-bg: var(--island-button-brand-bg);
476
+
477
+ --island-button-alt-border: var(--island-c-gray-dark-2);
478
+ --island-button-alt-text: var(--island-c-text-dark-1);
479
+ --island-button-alt-bg: var(--island-c-bg-mute);
480
+ --island-button-alt-hover-border: var(--island-c-gray-dark-2);
481
+ --island-button-alt-hover-text: var(--island-c-text-dark-1);
482
+ --island-button-alt-hover-bg: var(--island-c-gray-dark-2);
483
+ --island-button-alt-active-border: var(--island-c-gray-dark-2);
484
+ --island-button-alt-active-text: var(--island-c-text-dark-1);
485
+ --island-button-alt-active-bg: var(--island-button-alt-bg);
486
+
487
+ --island-button-sponsor-border: var(--island-c-gray-dark-1);
488
+ --island-button-sponsor-text: var(--island-c-text-dark-2);
489
+ }
490
+
491
+ /**
492
+ * Component: Custom Block
493
+ * -------------------------------------------------------------------------- */
494
+
495
+ :root {
496
+ --island-custom-block-code-font-size: 13px;
497
+
498
+ --island-custom-block-info-border: var(--island-c-divider-light);
499
+ --island-custom-block-info-text: var(--island-c-text-2);
500
+ --island-custom-block-info-bg: var(--island-c-white-soft);
501
+ --island-custom-block-info-code-bg: var(--island-c-gray-light-4);
502
+
503
+ --island-custom-block-tip-border: var(--island-c-green-dimm-1);
504
+ --island-custom-block-tip-text: var(--island-c-green-darker);
505
+ --island-custom-block-tip-bg: var(--island-c-green-dimm-3);
506
+ --island-custom-block-tip-code-bg: var(--island-custom-block-tip-bg);
507
+
508
+ --island-custom-block-warning-border: var(--island-c-yellow-dimm-1);
509
+ --island-custom-block-warning-text: var(--island-c-yellow-darker);
510
+ --island-custom-block-warning-bg: var(--island-c-yellow-dimm-3);
511
+ --island-custom-block-warning-code-bg: var(--island-custom-block-warning-bg);
512
+
513
+ --island-custom-block-danger-border: var(--island-c-red-dimm-1);
514
+ --island-custom-block-danger-text: var(--island-c-red-darker);
515
+ --island-custom-block-danger-bg: var(--island-c-red-dimm-3);
516
+ --island-custom-block-danger-code-bg: var(--island-custom-block-danger-bg);
517
+ }
518
+
519
+ .dark {
520
+ --island-custom-block-info-border: var(--island-c-divider-light);
521
+ --island-custom-block-info-bg: var(--island-c-black-mute);
522
+ --island-custom-block-info-code-bg: var(--island-c-gray-dark-4);
523
+
524
+ --island-custom-block-tip-border: var(--island-c-green-dimm-2);
525
+ --island-custom-block-tip-text: var(--island-c-green-light);
526
+
527
+ --island-custom-block-warning-border: var(--island-c-yellow-dimm-2);
528
+ --island-custom-block-warning-text: var(--island-c-yellow-light);
529
+
530
+ --island-custom-block-danger-border: var(--island-c-red-dimm-2);
531
+ --island-custom-block-danger-text: var(--island-c-red-light);
532
+ }
533
+
534
+ /**
535
+ * Component: Nav
536
+ * -------------------------------------------------------------------------- */
537
+
538
+ :root {
539
+ --island-nav-height: var(--island-nav-height-mobile);
540
+ --island-nav-height-mobile: 56px;
541
+ --island-nav-height-desktop: 60px;
542
+ }
543
+
544
+ @media (min-width: 960px) {
545
+ :root {
546
+ --island-nav-height: var(--island-nav-height-desktop);
547
+ }
548
+ }
549
+
550
+ /**
551
+ * Component: Sidebar
552
+ * -------------------------------------------------------------------------- */
553
+
554
+ :root {
555
+ --island-sidebar-width: 272px;
556
+ }
557
+
558
+ /**
559
+ * Component: Home
560
+ * -------------------------------------------------------------------------- */
561
+
562
+ :root {
563
+ --island-home-hero-name-color: transparent;
564
+ --island-home-hero-name-background: -webkit-linear-gradient(
565
+ 120deg,
566
+ var(--island-c-brand) 30%,
567
+ #41d1ff
568
+ );
569
+
570
+ --island-home-hero-image-background-image: none;
571
+ --island-home-hero-image-filter: none;
572
+ }
573
+
574
+ /**
575
+ * Shadows
576
+ * -------------------------------------------------------------------------- */
577
+
578
+ :root {
579
+ --island-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04),
580
+ 0 1px 2px rgba(0, 0, 0, 0.06);
581
+ --island-shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07),
582
+ 0 1px 4px rgba(0, 0, 0, 0.07);
583
+ --island-shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1),
584
+ 0 2px 6px rgba(0, 0, 0, 0.08);
585
+ --island-shadow-4: 0 14px 44px rgba(0, 0, 0, 0.12),
586
+ 0 3px 9px rgba(0, 0, 0, 0.12);
587
+ --island-shadow-5: 0 18px 56px rgba(0, 0, 0, 0.16),
588
+ 0 4px 12px rgba(0, 0, 0, 0.16);
589
+ }
590
+ /**
591
+ * Headings
592
+ * -------------------------------------------------------------------------- */
593
+
594
+ .island-doc h1,
595
+ .island-doc h2,
596
+ .island-doc h3,
597
+ .island-doc h4,
598
+ .island-doc h5,
599
+ .island-doc h6 {
600
+ position: relative;
601
+ font-weight: 600;
602
+ outline: none;
603
+ }
604
+
605
+ .island-doc h1::before,
606
+ .island-doc h2::before,
607
+ .island-doc h3::before,
608
+ .island-doc h4::before,
609
+ .island-doc h5::before,
610
+ .island-doc h6::before {
611
+ display: block;
612
+ content: '';
613
+ margin-top: -56px;
614
+ height: 56px;
615
+ visibility: hidden;
616
+ pointer-events: none;
617
+ }
618
+
619
+ .island-doc h1 {
620
+ letter-spacing: -0.02em;
621
+ line-height: 40px;
622
+ font-size: 28px;
623
+ margin-bottom: 40px;
624
+ }
625
+
626
+ .island-doc h2 {
627
+ margin: 48px 0 16px;
628
+ /* padding-top: 24px; */
629
+ letter-spacing: -0.02em;
630
+ line-height: 32px;
631
+ font-size: 24px;
632
+ }
633
+
634
+ .island-doc h3 {
635
+ margin: 32px 0 0;
636
+ letter-spacing: -0.01em;
637
+ line-height: 28px;
638
+ font-size: 20px;
639
+ }
640
+
641
+ .island-doc .header-anchor {
642
+ float: left;
643
+ margin-left: -0.87em;
644
+ padding-right: 0.23em;
645
+ font-weight: 500;
646
+ opacity: 0;
647
+ transition: color 0.25s, opacity 0.25s;
648
+ }
649
+
650
+ .island-doc h1:hover .header-anchor,
651
+ .island-doc h1 .header-anchor:focus,
652
+ .island-doc h2:hover .header-anchor,
653
+ .island-doc h2 .header-anchor:focus,
654
+ .island-doc h3:hover .header-anchor,
655
+ .island-doc h3 .header-anchor:focus,
656
+ .island-doc h4:hover .header-anchor,
657
+ .island-doc h4 .header-anchor:focus,
658
+ .island-doc h5:hover .header-anchor,
659
+ .island-doc h5 .header-anchor:focus,
660
+ .island-doc h6:hover .header-anchor,
661
+ .island-doc h6 .header-anchor:focus {
662
+ opacity: 1;
663
+ }
664
+
665
+ @media (min-width: 768px) {
666
+ .island-doc h1 {
667
+ letter-spacing: -0.02em;
668
+ line-height: 40px;
669
+ font-size: 32px;
670
+ }
671
+ }
672
+
673
+ /**
674
+ * Paragraph and inline elements
675
+ * -------------------------------------------------------------------------- */
676
+
677
+ .island-doc p,
678
+ .island-doc summary {
679
+ margin: 16px 0;
680
+ }
681
+
682
+ .island-doc p {
683
+ z-index: 2;
684
+ line-height: 28px;
685
+ }
686
+
687
+ .island-doc blockquote {
688
+ margin: 16px 0;
689
+ border-left: 2px solid var(--island-c-divider);
690
+ padding-left: 16px;
691
+ transition: border-color 0.5s;
692
+ }
693
+
694
+ .island-doc blockquote > p {
695
+ margin: 0;
696
+ font-size: 16px;
697
+ color: var(--island-c-text-2);
698
+ transition: color 0.5s;
699
+ }
700
+
701
+ .island-doc a {
702
+ font-weight: 500;
703
+ color: var(--island-c-brand);
704
+ text-decoration-style: dotted;
705
+ transition: color 0.25s;
706
+ }
707
+
708
+ .island-doc a:hover {
709
+ color: var(--island-c-brand-dark);
710
+ }
711
+
712
+ .island-doc strong {
713
+ font-weight: 600;
714
+ }
715
+
716
+ /**
717
+ * Lists
718
+ * -------------------------------------------------------------------------- */
719
+
720
+ .island-doc ul,
721
+ .island-doc ol {
722
+ padding-left: 1.25rem;
723
+ margin: 16px 0;
724
+ }
725
+
726
+ .island-doc ul {
727
+ list-style: disc;
728
+ }
729
+
730
+ .island-doc ol {
731
+ list-style: decimal;
732
+ }
733
+
734
+ .island-doc li + li {
735
+ margin-top: 8px;
736
+ }
737
+
738
+ .island-doc li > ol,
739
+ .island-doc li > ul {
740
+ margin: 8px 0 0;
741
+ }
742
+
743
+ /**
744
+ * Table
745
+ * -------------------------------------------------------------------------- */
746
+
747
+ .island-doc table {
748
+ display: block;
749
+ border-collapse: collapse;
750
+ margin: 20px 0;
751
+ overflow-x: auto;
752
+ }
753
+
754
+ .island-doc tr {
755
+ border-top: 1px solid var(--island-c-divider);
756
+ transition: background-color 0.5s;
757
+ }
758
+
759
+ .island-doc tr:nth-child(2n) {
760
+ background-color: var(--island-c-bg-soft);
761
+ }
762
+
763
+ .island-doc th,
764
+ .island-doc td {
765
+ border: 1px solid var(--island-c-divider);
766
+ padding: 12px 16px;
767
+ }
768
+
769
+ .island-doc th {
770
+ font-size: 16px;
771
+ font-weight: 600;
772
+ background-color: var(--island-c-white-soft);
773
+ }
774
+
775
+ .dark .island-doc th {
776
+ background-color: var(--island-c-black);
777
+ }
778
+
779
+ /**
780
+ * Decorational elements
781
+ * -------------------------------------------------------------------------- */
782
+
783
+ .island-doc hr {
784
+ margin: 16px 0;
785
+ border: none;
786
+ border-top: 1px solid var(--island-c-divider-light);
787
+ }
788
+
789
+ /**
790
+ * Custom Block
791
+ * -------------------------------------------------------------------------- */
792
+
793
+ .island-doc .custom-block {
794
+ margin: 16px 0;
795
+ }
796
+
797
+ .island-doc .custom-block p {
798
+ margin: 8px 0;
799
+ line-height: 24px;
800
+ }
801
+
802
+ .island-doc .custom-block p:first-child {
803
+ margin: 0;
804
+ }
805
+
806
+ .island-doc .custom-block a {
807
+ color: inherit;
808
+ font-weight: 600;
809
+ text-decoration: underline;
810
+ transition: opacity 0.25s;
811
+ }
812
+
813
+ .island-doc .custom-block a:hover {
814
+ opacity: 0.6;
815
+ }
816
+
817
+ .island-doc .custom-block code {
818
+ font-size: var(--island-custom-block-code-font-size);
819
+ font-weight: 700;
820
+ color: inherit;
821
+ }
822
+
823
+ .island-doc .custom-block div[class*='language-'] {
824
+ margin: 8px 0;
825
+ }
826
+
827
+ .island-doc .custom-block div[class*='language-'] code {
828
+ font-weight: 400;
829
+ background-color: transparent;
830
+ }
831
+
832
+ /**
833
+ * Code
834
+ * -------------------------------------------------------------------------- */
835
+
836
+ /* inline code */
837
+ .island-doc :not(pre, h1, h2, h3, h4, h5, h6) > code {
838
+ font-size: var(--island-code-font-size);
839
+ }
840
+
841
+ .island-doc :not(pre, div) > code {
842
+ border-radius: 4px;
843
+ padding: 3px 6px;
844
+ color: var(--island-c-text-code);
845
+ background-color: var(--island-c-bg-mute);
846
+ transition: color 0.5s, background-color 0.5s;
847
+ }
848
+
849
+ .island-doc h1 > code,
850
+ .island-doc h2 > code,
851
+ .island-doc h3 > code {
852
+ font-size: 0.9em;
853
+ }
854
+
855
+ .island-doc a > code {
856
+ color: var(--island-c-brand);
857
+ transition: color 0.25s;
858
+ }
859
+
860
+ .island-doc a:hover > code {
861
+ color: var(--island-c-brand-dark);
862
+ }
863
+
864
+ .island-doc div[class*='language-'] {
865
+ position: relative;
866
+ margin: 16px -24px;
867
+ background-color: var(--island-code-block-bg);
868
+ overflow-x: auto;
869
+ transition: background-color 0.5s;
870
+ }
871
+
872
+ @media (min-width: 640px) {
873
+ .island-doc div[class*='language-'] {
874
+ border-radius: 8px;
875
+ margin: 16px 0;
876
+ }
877
+ }
878
+
879
+ @media (max-width: 639px) {
880
+ .island-doc li div[class*='language-'] {
881
+ border-radius: 8px 0 0 8px;
882
+ }
883
+ }
884
+
885
+ .island-doc div[class*='language-'] + div[class*='language-'],
886
+ .island-doc div[class$='-api'] + div[class*='language-'],
887
+ .island-doc
888
+ div[class*='language-']
889
+ + div[class$='-api']
890
+ > div[class*='language-'] {
891
+ margin-top: -8px;
892
+ }
893
+
894
+ .island-doc [class*='language-'] pre,
895
+ .island-doc [class*='language-'] code {
896
+ text-align: left;
897
+ white-space: pre;
898
+ word-spacing: normal;
899
+ word-break: normal;
900
+ word-wrap: normal;
901
+ -moz-tab-size: 4;
902
+ -o-tab-size: 4;
903
+ tab-size: 4;
904
+ -webkit-hyphens: none;
905
+ -moz-hyphens: none;
906
+ -ms-hyphens: none;
907
+ hyphens: none;
908
+ }
909
+
910
+ .island-doc [class*='language-'] pre {
911
+ position: relative;
912
+ z-index: 1;
913
+ margin: 0;
914
+ padding: 16px 0;
915
+ background: transparent;
916
+ overflow-x: auto;
917
+ }
918
+
919
+ .island-doc [class*='language-'] code {
920
+ display: block;
921
+ padding: 0 24px;
922
+ width: fit-content;
923
+ min-width: 100%;
924
+ line-height: var(--island-code-line-height);
925
+ font-size: var(--island-code-font-size);
926
+ color: var(--island-code-block-color);
927
+ transition: color 0.5s;
928
+ }
929
+
930
+ .island-doc [class*='language-'] code .highlighted {
931
+ background-color: var(--island-code-line-highlight-color);
932
+ transition: background-color 0.5s;
933
+ margin: 0 -24px;
934
+ padding: 0 24px;
935
+ width: calc(100% + 2 * 24px);
936
+ display: inline-block;
937
+ }
938
+
939
+ .island-doc div[class*='language-'].line-numbers-mode {
940
+ padding-left: 32px;
941
+ }
942
+
943
+ .island-doc.line-number-disable div[class*='language-'].line-numbers-mode {
944
+ padding-left: 0px;
945
+ }
946
+
947
+ .island-doc .line-numbers-wrapper {
948
+ position: absolute;
949
+ top: 0;
950
+ bottom: 0;
951
+ left: 0;
952
+ z-index: 3;
953
+ padding-top: 16px;
954
+ width: 36px;
955
+ text-align: center;
956
+ font-family: var(--island-font-family-mono);
957
+ line-height: var(--island-code-line-height);
958
+ font-size: var(--island-code-font-size);
959
+ color: var(--island-code-line-number-color);
960
+ transition: border-color 0.5s, color 0.5s;
961
+ display: flex;
962
+ flex-direction: column;
963
+ }
964
+
965
+ .island-doc.line-number-disable .line-numbers-wrapper {
966
+ display: none;
967
+ }
968
+
969
+ .island-doc [class*='language-'] > button.copy {
970
+ position: absolute;
971
+ top: 8px;
972
+ right: 8px;
973
+ z-index: 3;
974
+ display: block;
975
+ justify-content: center;
976
+ align-items: center;
977
+ border-radius: 4px;
978
+ width: 40px;
979
+ height: 40px;
980
+ background-color: var(--island-code-block-bg);
981
+ opacity: 0;
982
+ cursor: pointer;
983
+ background-image: var(--island-icon-copy);
984
+ background-position: 50%;
985
+ background-size: 20px;
986
+ background-repeat: no-repeat;
987
+ transition: opacity 0.4s;
988
+ }
989
+
990
+ .island-doc [class*='language-']:hover > button.copy,
991
+ .island-doc [class*='language-'] > button.copy:focus {
992
+ opacity: 1;
993
+ }
994
+
995
+ .island-doc [class*='language-'] > button.copy:hover {
996
+ background-color: var(--island-code-copy-code-hover-bg);
997
+ }
998
+
999
+ .island-doc [class*='language-'] > button.copy.copied,
1000
+ .island-doc [class*='language-'] > button.copy:hover.copied {
1001
+ border-radius: 0 4px 4px 0;
1002
+ background-color: var(--island-code-copy-code-hover-bg);
1003
+ background-image: var(--island-icon-copied);
1004
+ }
1005
+
1006
+ .island-doc [class*='language-'] > button.copy.copied::before,
1007
+ .island-doc [class*='language-'] > button.copy:hover.copied::before {
1008
+ position: relative;
1009
+ left: -65px;
1010
+ display: block;
1011
+ border-radius: 4px 0 0 4px;
1012
+ padding-top: 8px;
1013
+ width: 64px;
1014
+ height: 40px;
1015
+ text-align: center;
1016
+ font-size: 12px;
1017
+ font-weight: 500;
1018
+ color: var(--island-code-copy-code-active-text);
1019
+ background-color: var(--island-code-copy-code-hover-bg);
1020
+ white-space: nowrap;
1021
+ content: 'Copied';
1022
+ }
1023
+
1024
+ .island-doc [class*='language-'] > span.lang {
1025
+ position: absolute;
1026
+ top: 6px;
1027
+ right: 12px;
1028
+ z-index: 2;
1029
+ font-size: 12px;
1030
+ font-weight: 500;
1031
+ color: var(--island-c-text-dark-3);
1032
+ transition: color 0.4s, opacity 0.4s;
1033
+ }
1034
+
1035
+ .island-doc [class*='language-']:hover > button.copy + span.lang,
1036
+ .island-doc [class*='language-'] > button.copy:focus + span.lang {
1037
+ opacity: 0;
1038
+ }
1039
+
1040
+ /**
1041
+ * Custom container
1042
+ * -------------------------------------------------------------------------- */
1043
+
1044
+ .island-doc .island-directive {
1045
+ border: 1px solid transparent;
1046
+ border-radius: 8px;
1047
+ padding: 16px 16px 8px;
1048
+ line-height: 24px;
1049
+ font-size: 14px;
1050
+ margin: 16px 0;
1051
+ }
1052
+
1053
+ .island-doc .island-directive .island-directive-title {
1054
+ font-weight: 700;
1055
+ margin: 0;
1056
+ }
1057
+
1058
+ .island-doc .island-directive .island-directive-content p {
1059
+ margin: 8px 0;
1060
+ }
1061
+
1062
+ .island-doc .island-directive .island-directive-icon {
1063
+ display: inline-block;
1064
+ width: 20px;
1065
+ height: 20px;
1066
+ margin-right: 3px;
1067
+ background-image: var(--island-icon-tip);
1068
+ }
1069
+
1070
+ .island-doc .island-directive.tip {
1071
+ border-color: var(--island-custom-block-tip-border);
1072
+ color: var(--island-custom-block-tip-text);
1073
+ background-color: var(--island-custom-block-tip-bg);
1074
+ }
1075
+
1076
+ .island-doc .island-directive.info {
1077
+ border-color: var(--island-custom-block-info-border);
1078
+ color: var(--island-custom-block-info-text);
1079
+ background-color: var(--island-custom-block-info-bg);
1080
+ }
1081
+
1082
+ .island-doc .island-directive.warning {
1083
+ border-color: var(--island-custom-block-warning-border);
1084
+ color: var(--island-custom-block-warning-text);
1085
+ background-color: var(--island-custom-block-warning-bg);
1086
+ }
1087
+
1088
+ .island-doc .island-directive.danger {
1089
+ border-color: var(--island-custom-block-danger-border);
1090
+ color: var(--island-custom-block-danger-text);
1091
+ background-color: var(--island-custom-block-danger-bg);
1092
+ }
1093
+ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-carbon-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon-chevron-sort-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16 28l-7-7l1.4-1.4l5.6 5.6l5.6-5.6L23 21z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon-chevron-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon\:menu{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 6h24v2H4zm0 18h24v2H4zm0-12h24v2H4zm0 6h24v2H4z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}[container=""]{max-width:100%;}.menu,[menu=""]{display:flex;align-items:center;justify-content:space-around;font-size:0.875rem;line-height:1.25rem;font-weight:700;}[flex~="center"]{display:flex;align-items:center;justify-content:center;}@media (min-width: 640px){[container=""]{max-width:640px;}}@media (min-width: 768px){[container=""]{max-width:768px;}}@media (min-width: 960px){[container=""]{max-width:960px;}[flex~="md\:center"]{display:flex;align-items:center;justify-content:center;}}@media (min-width: 1280px){[container=""]{max-width:1280px;}}.visible,[visible=""]{visibility:visible;}.absolute,[absolute=""]{position:absolute;}.fixed,[pos~="fixed"]{position:fixed;}.relative,[relative=""],[relative~="\~"]{position:relative;}.static{position:static;}.bottom-10{bottom:2.5rem;}.left-0,[pos~="left-0"]{left:0rem;}.right-0,[pos~="right-0"]{right:0rem;}.right-30{right:7.5rem;}.top-0{top:0rem;}.top-12,[pos~="top-12"]{top:3rem;}.top-13,[pos~="top-13"]{top:3.25rem;}.top-33px,[pos~="top-33px"]{top:33px;}.z-10{z-index:10;}[z~="\31 "]{z-index:1;}[z~="\34 "]{z-index:4;}[z~="\36 0"]{z-index:60;}[order~="\31 "]{order:1;}[order~="\32 "]{order:2;}.m12\.344{margin:3.086rem;}.m233\.325{margin:58.33125rem;}[m~="-\31 \.5"]{margin:-0.375rem;}[m~="\30 "]{margin:0rem;}[m~="auto"]{margin:auto;}[m~="x-0\.8"]{margin-left:0.2rem;margin-right:0.2rem;}[m~="x-1\.5"]{margin-left:0.375rem;margin-right:0.375rem;}[m~="x-3"]{margin-left:0.75rem;margin-right:0.75rem;}[m~="x-auto"]{margin-left:auto;margin-right:auto;}.mb{margin-bottom:1rem;}.me{margin-inline-end:1rem;}.ml{margin-left:1rem;}.ml-1{margin-left:0.25rem;}.mr{margin-right:1rem;}.mr-0,[last~="mr-0"]:last-child{margin-right:0rem;}.mt,.mt-4,[not-first~="mt-4"]:not(:first-child){margin-top:1rem;}[m~="b-2"]{margin-bottom:0.5rem;}[m~="b-4\.5"]{margin-bottom:1.125rem;}[m~="r-1"],[mr~="\31 "]{margin-right:0.25rem;}[m~="r-3"]{margin-right:0.75rem;}[m~="t-1"]{margin-top:0.25rem;}[m~="t-3"]{margin-top:0.75rem;}[m~="t-50"]{margin-top:12.5rem;}[m~="t-6"]{margin-top:1.5rem;}[mb~="\31 \.4"]{margin-bottom:0.35rem;}[mb~="\31 6"]{margin-bottom:4rem;}[mb~="\35 "]{margin-bottom:1.25rem;}[mr~="\32 "]{margin-right:0.5rem;}[mt~="\38 "]{margin-top:2rem;}.inline{display:inline;}.block,[block=""],[block~="\~"]{display:block;}.inline-block,[inline-block=""]{display:inline-block;}.contents{display:contents;}.hidden,[display~="none"],[hidden=""]{display:none;}.flex,[display~="flex"],[flex=""],[flex~="\~"]{display:flex;}.h-0\.5{height:0.125rem;}.h-10{height:2.5rem;}.h-40{height:10rem;}.h-60{height:15rem;}.h-8{height:2rem;}.h1{height:0.25rem;}.max-h-100vh{max-height:100vh;}.max-w-100\%{max-width:100%;}.max-w-1024px{max-width:1024px;}.max-w-1152px{max-width:1152px;}.max-w-256px{max-width:256px;}.max-w-392px{max-width:392px;}.max-w-592px{max-width:592px;}.min-w-128px{min-width:128px;}.w-10,[w~="\31 0"]{width:2.5rem;}.w-100\%,[w-100\%=""],[w~="\31 00\%"]{width:100%;}.w-50,[w~="\35 0"]{width:12.5rem;}.w-8{width:2rem;}[h~="\31 00\%"]{height:100%;}[h~="\31 1px"]{height:11px;}[h~="\31 2"]{height:3rem;}[h~="\31 8px"]{height:18px;}[h~="\35 "]{height:1.25rem;}[h~="\36 "]{height:1.5rem;}[w~="\31 1px"]{width:11px;}[w~="\31 2"]{width:3rem;}[w~="\31 6"]{width:4rem;}[w~="\31 8px"]{width:18px;}[w~="\31 px"]{width:1px;}[w~="\33 2"]{width:8rem;}[w~="\33 5\%"]{width:35%;}[w~="\35 "]{width:1.25rem;}[flex~="\31 "]{flex:1 1 0%;}.shrink{flex-shrink:1;}.shrink-0,[flex~="shrink-0"],[shrink~="\30 "]{flex-shrink:0;}[flex~="col"]{flex-direction:column;}[flex~="wrap"]{flex-wrap:wrap;}.table,[table=""]{display:table;}.table-cell,[table-cell=""]{display:table-cell;}.border-collapse{border-collapse:collapse;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[cursor~="focus\:auto"]:focus{cursor:auto;}.cursor-pointer,[cursor-pointer~="\~"],[cursor~="pointer"]{cursor:pointer;}[cursor~="text"]{cursor:text;}[list~="none"]{list-style-type:none;}.items-start,[items-start~="\~"]{align-items:flex-start;}.items-center,[items-center=""],[items-center~="\~"]{align-items:center;}[justify~="end"]{justify-content:flex-end;}[justify~="center"]{justify-content:center;}[justify~="between"]{justify-content:space-between;}[justify~="around"]{justify-content:space-around;}.gap-4,[gap~="\34 "]{grid-gap:1rem;gap:1rem;}[gap~="\32 "]{grid-gap:0.5rem;gap:0.5rem;}[gap~="x-4"]{grid-column-gap:1rem;column-gap:1rem;}.whitespace-normal{white-space:normal;}.whitespace-pre-wrap{white-space:pre-wrap;}[break~="all"]{word-break:break-all;}.b-0{border-width:0px;border-style:solid;}.b-1,.border,[border~="\~"],[border~="\31 px"]{border-width:1px;border-style:solid;}.b-12{border-width:12px;border-style:solid;}.b-2{border-width:2px;border-style:solid;}.b-24{border-width:24px;border-style:solid;}.b-4\.5{border-width:4.5px;border-style:solid;}.b-40{border-width:40px;border-style:solid;}.b-5{border-width:5px;border-style:solid;}.b-8{border-width:8px;border-style:solid;}.border-b-1,[border-b-1=""],[border~="b-1"]{border-bottom-width:1px;border-bottom-style:solid;}.border-r-1,[border-r-1=""]{border-right-width:1px;border-right-style:solid;}.border-t-1,[border-t-1=""],[border~="t-1"]{border-top-width:1px;border-top-style:solid;}[border~="b-0"]{border-bottom-width:0px;border-bottom-style:solid;}[border~="t-0"]{border-top-width:0px;border-top-style:solid;}.border-\[\#eaecef\]{--un-border-opacity:1;border-color:rgba(234,236,239,var(--un-border-opacity));}.border-color-brand-dark,[hover~="border-color-brand-dark"]:hover{border-color:var(--island-c-brand-dark);}[border~="bg-soft"]{border-color:var(--island-c-bg-soft);}[border~="brand"]{border-color:var(--island-c-brand);}[border~="divider-light"]{border-color:var(--island-c-divider-light);}[border~="gray-light-3"]{border-color:var(--island-c-gray-light-3);}[border~="transparent"]{border-color:transparent;}.rounded{border-radius:0.25rem;}.rounded-2{border-radius:0.5rem;}.rounded-50{border-radius:12.5rem;}.rounded-full{border-radius:9999px;}.rounded-sm,[rounded-sm=""],[rounded~="sm"]{border-radius:0.125rem;}[rounded~="\32 xl"]{border-radius:1rem;}[rounded~="md"]{border-radius:0.375rem;}[rounded~="xl"]{border-radius:0.75rem;}.border-solid,[border~="solid"]{border-style:solid;}[border~="none"]{border-style:none;}.bg-\[\#f3f4f5\],[hover~="bg-\[\#f3f4f5\]"]:hover{--un-bg-opacity:1;background-color:rgba(243,244,245,var(--un-bg-opacity));}.bg-\[\#f5f5f5\]{--un-bg-opacity:1;background-color:rgba(245,245,245,var(--un-bg-opacity));}.bg-bg-mute,[hover~="bg-bg-mute"]:hover{background-color:var(--island-c-bg-mute);}.bg-gray{--un-bg-opacity:1;background-color:rgba(156,163,175,var(--un-bg-opacity));}.bg-white,[bg-white=""]{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}.dark .dark\:hover\:bg-\#21b8a3:hover{--un-bg-opacity:1;background-color:rgba(33,184,163,var(--un-bg-opacity));}.dark [bg~="dark\:bg-default"],[bg~="bg-default"]{background-color:var(--island-c-bg);}[bg~="bg-soft"]{background-color:var(--island-c-bg-soft);}[bg~="brand-light"]{background-color:var(--island-c-brand-light);}[bg~="brand"]{background-color:var(--island-c-brand);}[bg~="divider-default"]{background-color:var(--island-c-divider);}[bg~="gray-200"]{--un-bg-opacity:1;background-color:rgba(229,231,235,var(--un-bg-opacity));}[bg~="gray-light-4"]{background-color:var(--island-c-gray-light-4);}[bg~="hover\:gray-300"]:hover{--un-bg-opacity:1;background-color:rgba(209,213,219,var(--un-bg-opacity));}.p-4{padding:1rem;}.pa-1,[p~="\31 "]{padding:0.25rem;}.pa-2,[p~="\32 "],[pa-2=""]{padding:0.5rem;}[p~="\31 \.2"]{padding:0.3rem;}[p~="\33 "]{padding:0.75rem;}[p~="\36 "]{padding:1.5rem;}.px,[p~="x-4"],[px=""]{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}[p~="x-0\.8"]{padding-left:0.2rem;padding-right:0.2rem;}[p~="x-1\.5"]{padding-left:0.375rem;padding-right:0.375rem;}[p~="x-3"]{padding-left:0.75rem;padding-right:0.75rem;}[p~="x-6"]{padding-left:1.5rem;padding-right:1.5rem;}[p~="x-8"]{padding-left:2rem;padding-right:2rem;}[p~="y-0\.4"]{padding-top:0.1rem;padding-bottom:0.1rem;}[p~="y-1"]{padding-top:0.25rem;padding-bottom:0.25rem;}[p~="y-1\.6"]{padding-top:0.4rem;padding-bottom:0.4rem;}[p~="y-16"]{padding-top:4rem;padding-bottom:4rem;}[p~="y-2"]{padding-top:0.5rem;padding-bottom:0.5rem;}[p~="y-8"]{padding-top:2rem;padding-bottom:2rem;}.pb,[pb~="\34 "]{padding-bottom:1rem;}.pb-12,[p~="b-12"]{padding-bottom:3rem;}.pl,[p~="l-4"]{padding-left:1rem;}.pr{padding-right:1rem;}.pt{padding-top:1rem;}[p~="b-0"]{padding-bottom:0rem;}[p~="b-24"]{padding-bottom:6rem;}[p~="b-40"]{padding-bottom:10rem;}[p~="b-5"]{padding-bottom:1.25rem;}[p~="b-8"]{padding-bottom:2rem;}[p~="l-2"]{padding-left:0.5rem;}[p~="l-3"]{padding-left:0.75rem;}[p~="l-8"]{padding-left:2rem;}[p~="r-2"]{padding-right:0.5rem;}[p~="t-0"]{padding-top:0rem;}[p~="t-12"]{padding-top:3rem;}[p~="t-16"]{padding-top:4rem;}[p~="t-3"],[pt~="\33 "]{padding-top:0.75rem;}[p~="t-8"]{padding-top:2rem;}[pr~="\30 "]{padding-right:0rem;}[pt~="\32 "]{padding-top:0.5rem;}[pt~="\35 "]{padding-top:1.25rem;}[pt~="\36 "]{padding-top:1.5rem;}.text-center,[text~="center"]{text-align:center;}[text~="right"]{text-align:right;}[align~="middle"]{vertical-align:middle;}.hover\:text-2:hover,.text-2{font-size:0.5rem;}.text-1{font-size:0.25rem;}.text-3{font-size:0.75rem;}[text~="\31 3px"]{font-size:13px;}[text~="\31 rem"]{font-size:1rem;}[text~="\33 xl"]{font-size:1.875rem;line-height:2.25rem;}[text~="\36 xl"]{font-size:3.5rem;line-height:4rem;}[text~="sm"]{font-size:0.875rem;line-height:1.25rem;}[text~="xl"]{font-size:1.25rem;line-height:1.75rem;}[text~="xs"]{font-size:0.75rem;line-height:1rem;}.font-medium,[font-medium=""],[font-medium~="\~"],[font~="medium"]{font-weight:500;}[font~="bold"]{font-weight:700;}[font~="normal"]{font-weight:400;}[font~="semibold"]{font-weight:600;}.leading-5,[leading-5=""]{line-height:1.25rem;}.leading-6,[leading-6=""],[leading-6~="\~"]{line-height:1.5rem;}.leading-7,[leading-7=""]{line-height:1.75rem;}.leading-8,[leading-8=""]{line-height:2rem;}.color-brand-dark,.text-brand-dark,[hover~="color-brand-dark"]:hover,[hover~="text-brand-dark"]:hover{color:var(--island-c-brand-dark);}[color~="gray"]{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity));}[color~="hover\:gray-500"]:hover{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity));}.dark .dark\:text-gray-200{--un-text-opacity:1;color:rgba(229,231,235,var(--un-text-opacity));}.text-brand,[text-brand=""],[text~="brand"]{color:var(--island-c-brand);}.text-gray-700{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity));}.text-text-1,[hover~="text-text-1"]:hover,[text~="text-1"]{color:var(--island-c-text-1);}.text-text-2,[text-text-2=""],[text~="hover\:text-2"]:hover,[text~="text-2"]{color:var(--island-c-text-2);}[text~="\[\#000\]"]{--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity));}[text~="\[\#2c3e50\]"],[text~="\#2c3e50"]{--un-text-opacity:1;color:rgba(44,62,80,var(--un-text-opacity));}[text~="gray-light-3"]{color:var(--island-c-gray-light-3);}[text~="text-3"]{color:var(--island-c-text-3);}.opacity-60,[hover~="opacity-60"]:hover{opacity:0.6;}[opacity~="\30 "]{opacity:0;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}[shadow~="hover\:md"]:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}[shadow~="sm"]{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition~="all"]{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition~="background-color"]{transition-property:background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition~="border-color"]{transition-property:border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition~="color"]{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition~="opacity"]{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200,[transition~="duration-200"]{transition-duration:200ms;}.duration-300,[transition~="duration-300"]{transition-duration:300ms;}.duration-500,[transition~="duration-500"]{transition-duration:500ms;}.ease,[transition~="ease"]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.border-1,[border-1=""]{border:1px solid var(--island-c-divider-light);}.divider-bottom{border-bottom:1px solid var(--island-c-divider-light);}.divider-default{border-default:1px solid var(--island-c-divider-light);}.divider-left,[divider-left=""]{border-left:1px solid var(--island-c-divider-light);}.divider-light{border-light:1px solid var(--island-c-divider-light);}.divider-top,[divider-top=""],[not-first~="divider-top"]:not(:first-child){border-top:1px solid var(--island-c-divider-light);}[nav-h~="mobile"]{height:var(--island-nav-height-mobile);}.menu-item-before,[before~="menu-item-before"]::before{margin-right:12px;margin-left:12px;width:1px;height:24px;background-color:var(--island-c-divider-light);content:" ";}.avoid-text-overflow,[avoid-text-overflow=""]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media print{.print\:text-black{--un-text-opacity:1;color:rgba(0,0,0,var(--un-text-opacity));}}@media (min-width: 640px){.xs\:flex{display:flex;}}@media (min-width: 768px){.sm\:absolute,[pos~="sm\:absolute"]{position:absolute;}.sm\:top-8,[pos~="sm\:top-8"]{top:2rem;}[mb~="sm\:1"]{margin-bottom:0.25rem;}.sm\:flex,[display~="sm\:flex"]{display:flex;}.sm\:max-w-576px{max-width:576px;}.sm\:max-w-700px{max-width:700px;}.sm\:min-w-500px{min-width:500px;}[flex~="sm\:1"]{flex:1 1 0%;}[flex~="sm\:row"]{flex-direction:row;}[justify~="sm\:around"]{justify-content:space-around;}[p~="sm\:6"]{padding:1.5rem;}[p~="sm\:8"]{padding:2rem;}[p~="sm\:x-16"]{padding-left:4rem;padding-right:4rem;}[p~="sm\:x-8"]{padding-left:2rem;padding-right:2rem;}[p~="sm\:t-0"]{padding-top:0rem;}[p~="sm\:t-24"]{padding-top:6rem;}[pl~="sm\:8"]{padding-left:2rem;}[text~="sm\:5xl"]{font-size:3rem;line-height:1;}[text~="sm\:xl"]{font-size:1.25rem;line-height:1.75rem;}[leading-8~="sm\:\~"]{line-height:2rem;}[nav-h~="sm\:desktop"]{height:var(--island-nav-height-desktop);}}@media (min-width: 960px){[fixed~="md\:\~"]{position:fixed;}[order~="md\:1"]{order:1;}[order~="md\:2"]{order:2;}[m~="md\:0"]{margin:0rem;}.md\:block,[display~="md\:block"]{display:block;}[display~="md\:none"]{display:none;}.md\:max-w-712px,[md\:max-w-712px=""]{max-width:712px;}[flex~="md\:row"]{flex-direction:row;}[justify~="md\:start"]{justify-content:flex-start;}.md\:b-16{border-width:16px;border-style:solid;}.md\:border-b-transparent{border-bottom-color:transparent;}[p~="md\:x-16"]{padding-left:4rem;padding-right:4rem;}[p~="md\:b-16"]{padding-bottom:4rem;}[p~="md\:t-20"]{padding-top:5rem;}[pr~="md\:4"]{padding-right:1rem;}.md\:text-center{text-align:center;}[text~="md\:left"]{text-align:left;}[text~="md\:2xl"]{font-size:1.5rem;line-height:2rem;}[text~="md\:6xl"]{font-size:3.5rem;line-height:4rem;}.dark .md\:dark\:text-gray-300{--un-text-opacity:1;color:rgba(209,213,219,var(--un-text-opacity));}}@media (min-width: 1280px){.lg\:block,[display~="lg\:block"],[lg\:block=""]{display:block;}.lg\:flex,[display~="lg\:flex"]{display:flex;}.lg\:min-w-640px,[lg\:min-w-640px=""]{min-width:640px;}.lg\:border-b-transparent{border-bottom-color:transparent;}[nav-h~="lg\:desktop"]{height:var(--island-nav-height-desktop);}}@media (min-width: 960px) {
1094
+ ._nav_1ic07_2 {
1095
+ -webkit-backdrop-filter: saturate(50%) blur(8px);
1096
+ backdrop-filter: saturate(50%) blur(8px);
1097
+ }
1098
+ @supports not (backdrop-filter: saturate(50%) blur(8px)) {
1099
+ ._nav_1ic07_2 {
1100
+ background: rgba(255, 255, 255, 0.95);
1101
+ }
1102
+ .dark ._nav_1ic07_2 {
1103
+ background: rgba(36, 36, 36, 0.95);
1104
+ }
1105
+ }
1106
+ }
1107
+ @media (min-width: 960px) {
1108
+ ._has-sidebar_1ic07_16 ._nav-bar-title_1ic07_16 {
1109
+ margin-right: 32px;
1110
+ width: calc(var(--island-sidebar-width) - 64px);
1111
+ border-bottom-color: var(--island-c-divider-light);
1112
+ background-color: var(--island-c-bg-alt);
1113
+ }
1114
+ }
1115
+ @media (min-width: 960px) {
1116
+ ._content_1ic07_24 {
1117
+ margin-right: -32px;
1118
+ padding-right: 32px;
1119
+ -webkit-backdrop-filter: saturate(50%) blur(8px);
1120
+ backdrop-filter: saturate(50%) blur(8px);
1121
+ }
1122
+ .dark ._has-sidebar_1ic07_16 ._content_1ic07_24 {
1123
+ background: rgba(36, 36, 36, 0.7);
1124
+ }
1125
+ @supports not (backdrop-filter: saturate(50%) blur(8px)) {
1126
+ ._has-sidebar_1ic07_16 ._content_1ic07_24 {
1127
+ background: rgba(255, 255, 255, 0.95);
1128
+ }
1129
+ .dark ._has-sidebar_1ic07_16 ._content_1ic07_24 {
1130
+ background: rgba(36, 36, 36, 0.95);
1131
+ }
1132
+ }
1133
+ }
1134
+ ._rightNav_1ic07_42 {
1135
+ display: none;
1136
+ }
1137
+
1138
+ @media (min-width: 768px) {
1139
+ ._rightNav_1ic07_42 {
1140
+ display: flex;
1141
+ align-items: center;
1142
+ }
1143
+ }
1144
+ ._container_1ic07_52 {
1145
+ max-width: calc(var(--island-layout-max-width) - 64px);
1146
+ }
1147
+
1148
+ ._container_1ic07_52 :deep(*) {
1149
+ pointer-events: all;
1150
+ }
1151
+
1152
+ ._social-links-icon_1ic07_60 {
1153
+ width: 20px;
1154
+ height: 100%;
1155
+ display: flex;
1156
+ fill: currentColor;
1157
+ color: var(--island-c-text-2);
1158
+ }
1159
+ ._social-links-icon_1ic07_60:hover {
1160
+ color: var(--island-c-text-1);
1161
+ }._switch_1tqe3_1 {
1162
+ position: relative;
1163
+ border-radius: 11px;
1164
+ display: block;
1165
+ width: 40px;
1166
+ height: 22px;
1167
+ flex-shrink: 0;
1168
+ border: 1px solid var(--island-c-divider);
1169
+ background-color: var(--island-c-bg-mute);
1170
+ transition: border-color 0.25s, background-color 0.25s;
1171
+ }
1172
+
1173
+ ._switch_1tqe3_1:hover {
1174
+ border-color: var(--island-c-gray);
1175
+ }
1176
+
1177
+ ._check_1tqe3_17 {
1178
+ position: absolute;
1179
+ top: 1px;
1180
+ left: 1px;
1181
+ width: 18px;
1182
+ height: 18px;
1183
+ border-radius: 50%;
1184
+ background-color: var(--island-c-white);
1185
+ box-shadow: var(--island-shadow-1);
1186
+ transition: background-color 0.25s, transform 0.25s;
1187
+ }
1188
+
1189
+ .dark ._check_1tqe3_17 {
1190
+ background-color: var(--island-c-black);
1191
+ transform: translateX(18px);
1192
+ }
1193
+
1194
+ ._icon_1tqe3_34 {
1195
+ position: relative;
1196
+ display: block;
1197
+ width: 18px;
1198
+ height: 18px;
1199
+ border-radius: 50%;
1200
+ overflow: hidden;
1201
+ }
1202
+
1203
+ ._icon_1tqe3_34 svg {
1204
+ position: absolute;
1205
+ top: 3px;
1206
+ left: 3px;
1207
+ width: 12px;
1208
+ height: 12px;
1209
+ fill: var(--island-c-text-2);
1210
+ }
1211
+
1212
+ ._dark_1tqe3_29 ._icon_1tqe3_34 svg {
1213
+ fill: var(--island-c-text-1);
1214
+ transition: opacity 0.25s;
1215
+ }._sun_8e60k_1 {
1216
+ opacity: 1;
1217
+ }
1218
+
1219
+ ._moon_8e60k_5 {
1220
+ opacity: 0;
1221
+ }
1222
+
1223
+ .dark ._sun_8e60k_1 {
1224
+ opacity: 0;
1225
+ }
1226
+
1227
+ .dark ._moon_8e60k_5 {
1228
+ opacity: 1;
1229
+ }._searchInput_y03a3_1 {
1230
+ width: 8.6rem;
1231
+ transition: width 0.3s;
1232
+ }
1233
+
1234
+ @media (max-width: 768px) {
1235
+ ._searchCommand_y03a3_7 {
1236
+ display: none;
1237
+ }
1238
+ ._searchInput_y03a3_1 {
1239
+ width: 0;
1240
+ padding: 0;
1241
+ }
1242
+ ._searchInput_y03a3_1._focus_y03a3_14 {
1243
+ width: 8.6rem;
1244
+ padding: 0 0.5rem;
1245
+ }
1246
+ }._link_r3fql_1:hover {
1247
+ color: var(--island-c-brand);
1248
+ transition: color 0.2s;
1249
+ }
1250
+
1251
+ ._link_r3fql_1 {
1252
+ display: block;
1253
+ font-size: 14px;
1254
+ font-weight: 500;
1255
+ }._social-links-icon_wx6p9_1 {
1256
+ width: 20px;
1257
+ height: 100%;
1258
+ display: flex;
1259
+ fill: currentColor;
1260
+ color: var(--island-c-text-2);
1261
+ }
1262
+ ._social-links-icon_wx6p9_1:hover {
1263
+ color: var(--island-c-text-1);
1264
+ }._navHamburger_14nz8_1 {
1265
+ display: flex;
1266
+ justify-content: center;
1267
+ align-items: center;
1268
+ width: 48px;
1269
+ height: 56px;
1270
+ }
1271
+
1272
+ @media (min-width: 768px) {
1273
+ ._navHamburger_14nz8_1 {
1274
+ display: none;
1275
+ }
1276
+ }
1277
+ ._container_14nz8_14 {
1278
+ position: relative;
1279
+ width: 16px;
1280
+ height: 14px;
1281
+ overflow: hidden;
1282
+ }
1283
+
1284
+ ._navHamburger_14nz8_1:hover ._top_14nz8_21 {
1285
+ top: 0;
1286
+ left: 0;
1287
+ transform: translateX(4px);
1288
+ }
1289
+
1290
+ ._navHamburger_14nz8_1:hover ._middle_14nz8_27 {
1291
+ top: 6px;
1292
+ left: 0;
1293
+ transform: translateX(0);
1294
+ }
1295
+
1296
+ ._navHamburger_14nz8_1:hover ._bottom_14nz8_33 {
1297
+ top: 12px;
1298
+ left: 0;
1299
+ transform: translateX(8px);
1300
+ }
1301
+
1302
+ ._navHamburger_14nz8_1._active_14nz8_39 ._top_14nz8_21 {
1303
+ top: 6px;
1304
+ transform: translateX(0) rotate(225deg);
1305
+ }
1306
+
1307
+ ._navHamburger_14nz8_1._active_14nz8_39 ._middle_14nz8_27 {
1308
+ top: 6px;
1309
+ transform: translateX(16px);
1310
+ }
1311
+
1312
+ ._navHamburger_14nz8_1._active_14nz8_39 ._bottom_14nz8_33 {
1313
+ top: 6px;
1314
+ transform: translateX(0) rotate(135deg);
1315
+ }
1316
+
1317
+ ._navHamburger_14nz8_1._active_14nz8_39:hover ._top_14nz8_21,
1318
+ ._navHamburger_14nz8_1._active_14nz8_39:hover ._middle_14nz8_27,
1319
+ ._navHamburger_14nz8_1._active_14nz8_39:hover ._bottom_14nz8_33 {
1320
+ transition: top 0.25s, background-color 0.25s, transform 0.25s;
1321
+ }
1322
+
1323
+ ._top_14nz8_21,
1324
+ ._middle_14nz8_27,
1325
+ ._bottom_14nz8_33 {
1326
+ position: absolute;
1327
+ width: 16px;
1328
+ height: 2px;
1329
+ background-color: var(--island-c-text-2);
1330
+ transition: top 0.25s, background-color 0.5s, transform 0.25s;
1331
+ }
1332
+
1333
+ ._top_14nz8_21 {
1334
+ top: 0;
1335
+ left: 0;
1336
+ transform: translateX(0);
1337
+ }
1338
+
1339
+ ._middle_14nz8_27 {
1340
+ top: 6px;
1341
+ left: 0;
1342
+ transform: translateX(8px);
1343
+ }
1344
+
1345
+ ._bottom_14nz8_33 {
1346
+ top: 12px;
1347
+ left: 0;
1348
+ transform: translateX(4px);
1349
+ }._navScreen_1mkpq_1 {
1350
+ display: none;
1351
+ position: fixed;
1352
+ top: var(--island-nav-height-mobile);
1353
+ right: 0;
1354
+ bottom: 0;
1355
+ left: 0;
1356
+ padding: 0 32px;
1357
+ width: 100%;
1358
+ background-color: var(--island-c-bg);
1359
+ overflow-y: auto;
1360
+ transition: background-color 0.5s;
1361
+ pointer-events: auto;
1362
+ z-index: 20;
1363
+ }
1364
+
1365
+ ._active_1mkpq_17 {
1366
+ display: block;
1367
+ }
1368
+
1369
+ ._container_1mkpq_21 {
1370
+ margin: 0 auto;
1371
+ padding: 24px 0 96px;
1372
+ max-width: 248px;
1373
+ }
1374
+
1375
+ ._navMenu_1mkpq_27 {
1376
+ display: flex;
1377
+ justify-content: center;
1378
+ align-items: center;
1379
+ flex-direction: column;
1380
+ }
1381
+
1382
+ ._navMenuItem_1mkpq_34 {
1383
+ display: flex;
1384
+ justify-content: center;
1385
+ padding: 12px 0 11px;
1386
+ line-height: 24px;
1387
+ font-size: 14px;
1388
+ font-weight: 500;
1389
+ color: var(--island-c-text-1);
1390
+ border-bottom: 1px solid var(--island-c-divider-light);
1391
+ transition: border-color 0.5s, color 0.25s;
1392
+ }
1393
+
1394
+ ._navAppearance_1mkpq_46 {
1395
+ padding-right: 0;
1396
+ }
1397
+
1398
+ ._socialAndAppearance_1mkpq_50 {
1399
+ border-bottom: 1px solid var(--island-c-divider-light);
1400
+ padding: 8px 0 7px;
1401
+ }._navScreenMenuGroup_1xte3_1 {
1402
+ height: 39px;
1403
+ overflow: hidden;
1404
+ transition: border-color 0.5s;
1405
+ }
1406
+
1407
+ ._navScreenMenuGroup_1xte3_1._open_1xte3_7 {
1408
+ padding-bottom: 10px;
1409
+ height: auto;
1410
+ }
1411
+
1412
+ ._button_1xte3_12 {
1413
+ display: flex;
1414
+ justify-content: center;
1415
+ align-items: center;
1416
+ padding: 8px 4px 7px 0;
1417
+ width: 100%;
1418
+ line-height: 24px;
1419
+ font-size: 14px;
1420
+ font-weight: 500;
1421
+ color: var(--vp-c-text-1);
1422
+ transition: color 0.25s;
1423
+ }
1424
+
1425
+ ._buttonSpan_1xte3_25 {
1426
+ display: flex;
1427
+ align-items: center;
1428
+ height: 24px;
1429
+ padding-right: 4px;
1430
+ }
1431
+
1432
+ ._navScreenMenuGroup_1xte3_1 ._items_1xte3_32 {
1433
+ visibility: hidden;
1434
+ }
1435
+
1436
+ ._navScreenMenuGroup_1xte3_1._open_1xte3_7 ._items_1xte3_32 {
1437
+ visibility: visible;
1438
+ }
1439
+
1440
+ ._down_1xte3_40 {
1441
+ transition: all 0.5s;
1442
+ }
1443
+
1444
+ ._open_1xte3_7._down_1xte3_40 {
1445
+ transform: rotate(180deg);
1446
+ }@media (min-width: 960px) {
1447
+ ._content_5cssi_2 {
1448
+ margin: 0;
1449
+ padding-left: var(--island-sidebar-width);
1450
+ }
1451
+ }
1452
+ @media (max-width: 960px) {
1453
+ ._docLayout_5cssi_8 {
1454
+ position: relative;
1455
+ top: -80px;
1456
+ }
1457
+ ._content_5cssi_2 {
1458
+ padding-top: 12px;
1459
+ }
1460
+ }
1461
+ @media (max-width: 768px) {
1462
+ ._docLayout_5cssi_8 {
1463
+ top: -56px;
1464
+ }
1465
+ }
1466
+ @media (min-width: 1280px) {
1467
+ ._contentArticle_5cssi_22 {
1468
+ padding-left: 72px;
1469
+ }
1470
+ }
1471
+ @media (min-width: 1440px) {
1472
+ ._content_5cssi_2 {
1473
+ padding-right: calc((100vw - var(--island-layout-max-width)) / 2);
1474
+ padding-left: calc((100vw - var(--island-layout-max-width)) / 2 + var(--island-sidebar-width));
1475
+ }
1476
+ }
1477
+ ._aside-container_5cssi_32 {
1478
+ position: sticky;
1479
+ top: 0;
1480
+ margin-top: calc(var(--island-nav-height-desktop) * -1 - 32px);
1481
+ padding-top: calc(var(--island-nav-height-desktop) + 32px);
1482
+ height: 100vh;
1483
+ overflow-x: hidden;
1484
+ overflow-y: auto;
1485
+ scrollbar-width: none;
1486
+ }
1487
+
1488
+ ._aside-container_5cssi_32::-webkit-scrollbar {
1489
+ display: none;
1490
+ }@media (min-width: 640px) {
1491
+ ._pager_1f77m_2 {
1492
+ display: flex;
1493
+ flex-direction: column;
1494
+ width: 50%;
1495
+ }
1496
+ ._pager_1f77m_2._has-next_1f77m_7 {
1497
+ padding-top: 0;
1498
+ padding-left: 16px;
1499
+ }
1500
+ }
1501
+ @media (min-width: 768px) {
1502
+ ._prev_1f77m_13 {
1503
+ width: 50%;
1504
+ }
1505
+ ._next_1f77m_16 {
1506
+ width: 50%;
1507
+ }
1508
+ }
1509
+ ._pager-link_1f77m_20 {
1510
+ display: block;
1511
+ border: 1px solid var(--island-c-divider-light);
1512
+ border-radius: 8px;
1513
+ padding: 8px 16px 8px;
1514
+ width: 100%;
1515
+ height: 100%;
1516
+ transition: border-color 0.25s;
1517
+ }
1518
+
1519
+ ._pager-link_1f77m_20:hover {
1520
+ border-color: var(--island-c-brand);
1521
+ }
1522
+
1523
+ ._pager-link_1f77m_20:hover ._title_1f77m_34 {
1524
+ color: var(--island-c-brand-dark);
1525
+ }
1526
+
1527
+ ._pager-link_1f77m_20._next_1f77m_16 {
1528
+ margin-left: auto;
1529
+ text-align: right;
1530
+ }
1531
+
1532
+ ._desc_1f77m_43 {
1533
+ display: block;
1534
+ line-height: 20px;
1535
+ font-size: 12px;
1536
+ font-weight: 500;
1537
+ color: var(--island-c-text-2);
1538
+ }
1539
+
1540
+ ._title_1f77m_34 {
1541
+ display: block;
1542
+ line-height: 20px;
1543
+ font-size: 14px;
1544
+ font-weight: 500;
1545
+ color: var(--island-c-brand);
1546
+ transition: color 0.25s;
1547
+ }._localNav_ncerp_1 {
1548
+ position: sticky;
1549
+ top: 0;
1550
+ left: 0;
1551
+ z-index: 2;
1552
+ display: flex;
1553
+ justify-content: space-between;
1554
+ align-items: center;
1555
+ transform: translateX(-24px);
1556
+ border-bottom: 1px solid var(--island-c-divider-light);
1557
+ width: calc(100% + 48px);
1558
+ color: var(--island-c-text-1);
1559
+ transition: border-color 0.5s, background-color 0.5s, color 0.5s;
1560
+ background-color: var(--island-c-bg);
1561
+ }
1562
+ ._localNav_ncerp_1 ._menu_ncerp_16 {
1563
+ padding: 12px 28px 11px;
1564
+ transition: color 0.5s;
1565
+ }
1566
+ ._localNav_ncerp_1 ._menu_ncerp_16:hover {
1567
+ color: var(--island-c-text-3);
1568
+ }
1569
+
1570
+ @media (min-width: 960px) {
1571
+ ._localNav_ncerp_1 {
1572
+ display: none;
1573
+ }
1574
+ ._backDrop_ncerp_28 {
1575
+ display: none;
1576
+ }
1577
+ }
1578
+ ._backDrop_ncerp_28 {
1579
+ position: fixed;
1580
+ top: 0;
1581
+ right: 0;
1582
+ bottom: 0;
1583
+ left: 0;
1584
+ z-index: var(--island-z-index-backdrop);
1585
+ background: rgba(0, 0, 0, 0.6);
1586
+ }._sidebar_iav29_1 {
1587
+ position: fixed;
1588
+ top: 0;
1589
+ bottom: 0;
1590
+ left: 0;
1591
+ z-index: var(--island-z-index-sidebar);
1592
+ padding: 32px 32px 96px;
1593
+ width: calc(100vw - 64px);
1594
+ max-width: 320px;
1595
+ background-color: var(--island-c-bg);
1596
+ opacity: 0;
1597
+ box-shadow: var(--island-c-shadow-3);
1598
+ overflow-x: hidden;
1599
+ overflow-y: auto;
1600
+ transform: translateX(-100%);
1601
+ transition: opacity 0.5s, transform 0.25s ease;
1602
+ }
1603
+
1604
+ .dark ._sidebar_iav29_1 {
1605
+ box-shadow: var(--island-shadow-1);
1606
+ }
1607
+
1608
+ ._sidebar_iav29_1._open_iav29_23 {
1609
+ opacity: 1;
1610
+ visibility: visible;
1611
+ transform: translateX(0);
1612
+ transition: opacity 0.25s, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
1613
+ }
1614
+
1615
+ @media (min-width: 960px) {
1616
+ ._sidebar_iav29_1 {
1617
+ z-index: 1;
1618
+ padding-top: var(--island-nav-height-desktop);
1619
+ padding-bottom: 128px;
1620
+ width: var(--island-sidebar-width);
1621
+ max-width: 100%;
1622
+ background-color: var(--island-c-bg-alt);
1623
+ opacity: 1;
1624
+ visibility: visible;
1625
+ box-shadow: none;
1626
+ transform: translateX(0);
1627
+ }
1628
+ }
1629
+ @media (min-width: 1440px) {
1630
+ ._sidebar_iav29_1 {
1631
+ padding-left: max(32px, 32px + (100% - var(--island-layout-max-width)) / 2);
1632
+ width: calc(var(--island-sidebar-width) + (100% - var(--island-layout-max-width)) / 2);
1633
+ }
1634
+ }.api-index h1,
1635
+ .api-index h2,
1636
+ .api-index h3 {
1637
+ font-weight: 600;
1638
+ line-height: 1;
1639
+ }
1640
+ .api-index h1,
1641
+ .api-index h2 {
1642
+ letter-spacing: -0.02em;
1643
+ }
1644
+ .api-index h1 {
1645
+ font-size: 38px;
1646
+ }
1647
+ .api-index h2 {
1648
+ font-size: 24px;
1649
+ color: var(--island-c-text-1);
1650
+ margin: 36px 0;
1651
+ transition: color 0.5s;
1652
+ padding-top: 36px;
1653
+ border-top: 1px solid var(--island-c-divider-light);
1654
+ }
1655
+ .api-index h3,
1656
+ .api-index h3 > a {
1657
+ letter-spacing: -0.01em;
1658
+ color: var(--island-c-brand);
1659
+ font-size: 18px;
1660
+ margin-bottom: 1em;
1661
+ transition: color 0.5s;
1662
+ }
1663
+ .api-index h3 > a {
1664
+ margin: 0;
1665
+ line-height: 1;
1666
+ }
1667
+ .api-index h3 > a:hover {
1668
+ transition: color 0.5s;
1669
+ color: var(--island-c-brand-dark);
1670
+ }
1671
+ .api-index h3:before {
1672
+ display: none;
1673
+ }
1674
+ .api-index h1:hover ._header-anchor_j6pkj_41,
1675
+ .api-index h1:focus ._header-anchor_j6pkj_41,
1676
+ .api-index h2:hover ._header-anchor_j6pkj_41,
1677
+ .api-index h2:focus ._header-anchor_j6pkj_41,
1678
+ .api-index h3:hover ._header-anchor_j6pkj_41,
1679
+ .api-index h3:focus ._header-anchor_j6pkj_41,
1680
+ .api-index h4:hover ._header-anchor_j6pkj_41,
1681
+ .api-index h4:focus ._header-anchor_j6pkj_41,
1682
+ .api-index h5:hover ._header-anchor_j6pkj_41,
1683
+ .api-index h5:focus ._header-anchor_j6pkj_41,
1684
+ .api-index h6:hover ._header-anchor_j6pkj_41,
1685
+ .api-index h6:focus ._header-anchor_j6pkj_41 {
1686
+ opacity: 1;
1687
+ }
1688
+ .api-index a._header-anchor_j6pkj_41 {
1689
+ float: left;
1690
+ margin-top: 0.125em;
1691
+ margin-left: -0.87em;
1692
+ padding-right: 0.23em;
1693
+ font-size: 0.85em;
1694
+ opacity: 0;
1695
+ font-weight: 500;
1696
+ color: var(--island-c-brand);
1697
+ transition: color 0.25s;
1698
+ text-decoration-style: dotted;
1699
+ }
1700
+ .api-index a._header-anchor_j6pkj_41:hover,
1701
+ .api-index a._header-anchor_j6pkj_41:focus {
1702
+ text-decoration: none;
1703
+ }
1704
+
1705
+ ._api-groups_j6pkj_72 a {
1706
+ font-size: 15px;
1707
+ font-weight: 500;
1708
+ line-height: 2;
1709
+ color: var(--island-c-text-code);
1710
+ transition: color 0.5s;
1711
+ }
1712
+
1713
+ ._api-group-li_j6pkj_80 {
1714
+ position: relative;
1715
+ }
1716
+ ._api-group-li_j6pkj_80._level-2_j6pkj_83 {
1717
+ padding-left: 1rem;
1718
+ }
1719
+ ._api-group-li_j6pkj_80._level-2_j6pkj_83:before {
1720
+ left: -0.25rem;
1721
+ }
1722
+
1723
+ ._api-group-li_j6pkj_80:before {
1724
+ content: "";
1725
+ position: absolute;
1726
+ width: 5px;
1727
+ height: 5px;
1728
+ border-radius: 50%;
1729
+ background-color: rgba(60, 60, 60, 0.33);
1730
+ transition: background-color 0.5s;
1731
+ left: -1.25rem;
1732
+ top: 0.9rem;
1733
+ }
1734
+
1735
+ .dark api-groups a {
1736
+ font-weight: 400;
1737
+ }
1738
+
1739
+ ._api-group_j6pkj_72 {
1740
+ break-inside: avoid;
1741
+ margin-bottom: 20px;
1742
+ background-color: var(--island-c-bg-soft);
1743
+ border-radius: 8px;
1744
+ padding: 28px 32px;
1745
+ transition: background-color 0.5s;
1746
+ }
1747
+
1748
+ @media (max-width: 768px) {
1749
+ .api-index {
1750
+ padding: 42px 24px;
1751
+ }
1752
+ .api-index h1 {
1753
+ font-size: 32px;
1754
+ margin-bottom: 24px;
1755
+ }
1756
+ .api-index h2 {
1757
+ font-size: 22px;
1758
+ margin: 42px 0 32px;
1759
+ padding-top: 32px;
1760
+ }
1761
+ ._api-groups_j6pkj_72 a {
1762
+ font-size: 14px;
1763
+ }
1764
+ ._header_j6pkj_41 {
1765
+ display: block;
1766
+ }
1767
+ }
1768
+ @media (min-width: 768px) {
1769
+ ._api-groups_j6pkj_72 {
1770
+ columns: 2;
1771
+ }
1772
+ }
1773
+ @media (min-width: 1024px) {
1774
+ ._api-groups_j6pkj_72 {
1775
+ columns: 3;
1776
+ }
1777
+ }/* .island/styles/index.css */
1778
+ .ch-terminal{font-size:14px;height:100%;box-sizing:border-box;background:#1e1e1e;color:#fafafa;overflow:hidden;padding:0 8px 8px;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}
1779
+ .ch-terminal-container .ch-frame-content{background-color:inherit}
1780
+ .ch-terminal-prompt{color:#8fa2db;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
1781
+ .ch-terminal-content{margin:0}
1782
+ .ch-terminal-output{opacity:.66}
1783
+ .ch-code-line-number{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;display:inline-block;box-sizing:border-box;padding-right:1.5ch;font-variant-numeric:tabular-nums}
1784
+ .ch-code-scroll-parent{display:block;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0;border-radius:0;background-color:unset;color:unset;padding:0;box-sizing:content-box;border:none}
1785
+ .ch-code-scroll-parent ::-moz-selection{background-color:var(--ch-selection-background);color:inherit}
1786
+ .ch-code-scroll-parent ::selection{background-color:var(--ch-selection-background);color:inherit}
1787
+ .ch-code-button{position:absolute;top:10px;right:10px;width:1.1em;height:1.1em;cursor:pointer}
1788
+ .ch-no-scroll{overflow:hidden}
1789
+ .ch-expand-dialog{height:100vh;width:100vw;max-width:900px;border:0;background-color:transparent}
1790
+ .ch-expand-dialog::-webkit-backdrop{background-color:rgba(0,0,0,.8)}
1791
+ .ch-expand-dialog::backdrop{background-color:rgba(0,0,0,.8)}
1792
+ .ch-expand-close{position:absolute;top:10px;right:10px;cursor:pointer;color:#fff;width:26px;height:26px}
1793
+ .ch-expand-dialog-content{color:#fff;position:absolute;inset:40px;overflow:hidden;border-radius:8px;border:1px solid}
1794
+ .ch-code-browser{display:flex;height:100%;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}
1795
+ .ch-code-browser-sidebar{border-right:1px solid;min-width:100px;padding:1em 0;font-size:.95rem}
1796
+ .ch-code-browser-content{overflow:auto;flex:1;padding:1em;white-space:pre;font-family:monospace;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:0;position:relative}
1797
+ .ch-code-browser-content ::-moz-selection{background-color:var(--ch-selection-background);color:inherit}
1798
+ .ch-code-browser-content ::selection{background-color:var(--ch-selection-background);color:inherit}
1799
+ .ch-code-browser-sidebar-file,.ch-code-browser-sidebar-folder{padding:.1em 1em}
1800
+ .ch-code-browser-sidebar-file{cursor:pointer}
1801
+ .ch-code-browser-sidebar-file:hover{background-color:var(--ch-hover-background);color:var(--ch-hover-foreground)}
1802
+ .ch-code-browser-button{width:1.5em;height:1.5em;cursor:pointer;min-width:1.5em;min-height:1.5em;position:absolute;right:.8em;top:.8em}
1803
+ .ch-editor-tab{border-right:1px solid #252526;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;flex-shrink:1;position:relative;display:flex;white-space:nowrap;cursor:pointer;height:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;background-color:#2d2d2d;color:hsla(0,0%,100%,.5);min-width:0;border-bottom:1px solid}
1804
+ .ch-editor-tab-active{background-color:#1e1e1e;color:#fff;min-width:unset}
1805
+ .ch-editor-tab>div{margin-top:auto;margin-bottom:auto;font-size:12px;line-height:1.4em;text-overflow:ellipsis;overflow:hidden}
1806
+ .ch-editor-frame{display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px;height:100%}
1807
+ .ch-editor-frame .ch-frame-title-bar{background:none}
1808
+ .ch-editor-terminal{position:absolute;overflow:hidden;bottom:0;width:100%;background-color:#1e1e1e;color:#e7e7e7;border-top:1px solid hsla(0,0%,50.2%,.35);padding:0 8px;box-sizing:border-box}
1809
+ .ch-editor-terminal-tab{text-transform:uppercase;padding:4px 10px 3px;font-size:11px;line-height:24px;display:flex}
1810
+ .ch-editor-terminal-tab>span{border-bottom:1px solid #e7e7e7}
1811
+ .ch-editor-terminal-content{margin-top:8px;height:calc(100% - 40px);box-sizing:border-box}
1812
+ .ch-editor-terminal-content .ch-terminal{font-size:12px;margin:0}
1813
+ .ch-editor-button{width:1.5em;height:1.5em;cursor:pointer;min-width:1.5em;min-height:1.5em;margin-right:.8em}
1814
+ .ch-frame{height:100%;display:flex;flex-direction:column}
1815
+ .ch-frame,.ch-simple-frame{font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px}
1816
+ .ch-simple-frame{border-radius:6px;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}
1817
+ .ch-frame-content{background-color:var(--ch-content-background,#fafafa);flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0}
1818
+ .ch-frame-zoom{--ch-frame-zoom:1;overflow:auto;position:relative;width:calc(100%/var(--ch-frame-zoom));height:calc(100%/var(--ch-frame-zoom));transform:scale(var(--ch-frame-zoom));transform-origin:left top}
1819
+ .ch-frame-title-bar{font-size:12px;width:100%;height:var(--ch-title-bar-height);min-height:var(--ch-title-bar-height);flex-grow:0;flex-shrink:0;display:flex;align-items:center;background-color:var(--ch-content-background,#252526);color:#ebebed;position:relative}
1820
+ .ch-frame-middle-bar{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2em}
1821
+ .ch-frame-left-bar,.ch-frame-right-bar{flex-grow:1;flex-basis:1em;height:100%;display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}
1822
+ .ch-frame-buttons{margin:0 .8em;flex-shrink:0;height:1em;width:4.16em;display:flex}
1823
+ .ch-frame-button{width:1em;height:1em;border:.08em solid;border-radius:50%;display:inline-block;box-sizing:border-box}
1824
+ .ch-frame-button-space{width:.56em}
1825
+ .ch-frame-button-left{border-color:#ce5347;background-color:#ed6b60}
1826
+ .ch-frame-button-middle{border-color:#d6a243;background-color:#f5be4f}
1827
+ .ch-frame-button-right{border-color:#58a942;background-color:#62c554}
1828
+ .ch-mini-browser{height:100%}
1829
+ .ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}
1830
+ .ch-mini-browser .ch-frame-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1;padding:0 10px;color:#544;min-width:5px;width:5px}
1831
+ .ch-browser-button{margin:0 1em;color:#999}
1832
+ .ch-browser-back-button{margin-left:.2em}
1833
+ .ch-browser-forward-button{margin-left:0}
1834
+ .ch-browser-open-button{color:inherit}
1835
+ .ch-browser-open-icon{display:block}
1836
+ .ch-spotlight{display:flex;gap:1.1rem;margin:1rem 0}
1837
+ .ch-spotlight-tabs{display:flex;flex-flow:column;flex:1;gap:.5rem;align-items:stretch}
1838
+ .ch-spotlight-tab{border-radius:.25rem;margin:0 -.5rem;padding:0 .5rem;border:1px solid #e3e3e3}
1839
+ .ch-spotlight-tab:hover{border-color:#222}
1840
+ .ch-spotlight-tab[data-selected]{border-color:#0070f3}
1841
+ .ch-spotlight-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:stretch;flex-flow:column;justify-content:center;width:420px;min-height:min(100%,80vh);max-height:80vh}
1842
+ .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-sticker .ch-codegroup{width:100%;min-width:100%;min-height:min(100%,80vh);max-height:80vh;margin-top:0;margin-bottom:0;flex:1}
1843
+ .ch-spotlight-with-preview .ch-spotlight-sticker{height:80vh;gap:.5rem}
1844
+ .ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup{min-height:0;flex:1}
1845
+ .ch-spotlight-with-preview .ch-spotlight-preview{height:280px}
1846
+ .ch-scrollycoding{display:flex;position:relative;margin:1rem 0;gap:1rem}
1847
+ .ch-scrollycoding-content{box-sizing:border-box;flex:1}
1848
+ .ch-scrollycoding-step-content{border-radius:8px;margin:0 -.5rem;padding:1rem .5rem;border:1.5px solid transparent;min-height:180px}
1849
+ .ch-scrollycoding-step-content[data-selected]{border-color:#0070f3}
1850
+ .ch-scrollycoding-step-content>:first-child{margin-top:0}
1851
+ .ch-scrollycoding-step-content>:last-child{margin-bottom:0}
1852
+ .ch-scrollycoding-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:start;flex-flow:column;justify-content:center;width:var(--ch-scrollycoding-sticker-width,420px);max-height:80vh}
1853
+ .ch-scrollycoding-with-preview .ch-scrollycoding-sticker{height:80vh;gap:.5rem}
1854
+ .ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup{flex:1}
1855
+ .ch-scrollycoding-with-preview .ch-scrollycoding-preview{height:280px}
1856
+ .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-sticker .ch-codegroup{width:100%;min-width:100%;min-height:var(--ch-scrollycoding-code-min-height,200px);max-height:80vh;margin-top:0;margin-bottom:0}
1857
+ .ch-scrollycoding-static .ch-preview{height:150px}
1858
+ .ch-slideshow{margin:1rem 0}
1859
+ .ch-slideshow-slide{display:flex;flex-flow:row;gap:.5rem;align-items:stretch;aspect-ratio:16/9}
1860
+ .ch-slideshow-slide .ch-codeblock,.ch-slideshow-slide .ch-codegroup{flex:2;margin-top:0;margin-bottom:0;height:auto}
1861
+ .ch-slideshow .ch-slideshow-preview{flex:1;height:auto;min-width:0}
1862
+ .ch-slideshow-range{display:flex;flex-flow:row;gap:.5rem}
1863
+ .ch-slideshow-range input{flex:1}
1864
+ .ch-slideshow-notes{border-radius:.25rem;margin-top:1rem;padding:1rem;border:1px solid #e3e3e3}
1865
+ .ch-slideshow-note{min-height:140px;max-height:140px;padding:.05px;overflow:auto}
1866
+ .ch-codeblock,.ch-codegroup,.ch-preview{border-radius:6px;overflow:hidden;height:-webkit-max-content;height:-moz-max-content;height:max-content;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025);-webkit-print-color-adjust:exact;print-color-adjust:exact}
1867
+ .ch-codeblock>*,.ch-codegroup>*,.ch-preview>*{height:100%;max-height:inherit;min-height:inherit}
1868
+ .ch-codeblock,.ch-codegroup{margin-top:1.25em;margin-bottom:1.25em}
1869
+ .ch-inline-code>code{padding:.2em .15em;margin:.1em -.05em;border-radius:.25em;font-size:.9rem}
1870
+ .ch-section-link,.ch-section-link *{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--ch-code-foreground,currentColor);text-decoration-color:var(--ch-code-foreground,currentColor)}
1871
+ .ch-section-link[data-active=true]{background-color:rgba(186,230,253,.4)}
1872
+ .ch-section-link[data-active=true],.ch-section-link[data-active=true] *{text-decoration-thickness:1.5px}
1873
+ .ch-code-inline-mark{border-radius:.25rem;padding:.2rem .15rem .1rem;margin:0 -.15rem}
1874
+ .ch-code-multiline-mark-border{width:3px;height:100%;position:absolute;left:0}
1875
+ .ch-code-inline-link,.ch-code-link :not(span)>span{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;color:inherit}
1876
+ .ch-scrollycoding .header-anchor {
1877
+ display: none;
1878
+ }
1879
+ .ch-spotlight .header-anchor {
1880
+ display: none;
1881
+ }
1882
+ ._button_togsy_1 {
1883
+ display: inline-block;
1884
+ border: 1px solid transparent;
1885
+ text-align: center;
1886
+ font-weight: 500;
1887
+ white-space: nowrap;
1888
+ transition: color 0.25s, border-color 0.25s, background-color 0.25s;
1889
+ }
1890
+
1891
+ ._button_togsy_1:active {
1892
+ transition: color 0.1s, border-color 0.1s, background-color 0.1s;
1893
+ }
1894
+
1895
+ ._button_togsy_1._medium_togsy_14 {
1896
+ border-radius: 20px;
1897
+ padding: 0 20px;
1898
+ line-height: 38px;
1899
+ font-size: 14px;
1900
+ }
1901
+
1902
+ ._button_togsy_1._big_togsy_21 {
1903
+ border-radius: 24px;
1904
+ padding: 0 24px;
1905
+ line-height: 46px;
1906
+ font-size: 16px;
1907
+ }
1908
+
1909
+ ._button_togsy_1._brand_togsy_28 {
1910
+ border-color: var(--island-button-brand-border);
1911
+ color: var(--island-button-brand-text);
1912
+ background-color: var(--island-button-brand-bg);
1913
+ }
1914
+
1915
+ ._button_togsy_1._brand_togsy_28:hover {
1916
+ opacity: 1;
1917
+ border-color: var(--island-button-brand-hover-border);
1918
+ color: var(--island-button-brand-hover-text);
1919
+ background-color: var(--island-button-brand-hover-bg);
1920
+ }
1921
+
1922
+ ._button_togsy_1._brand_togsy_28:active {
1923
+ border-color: var(--island-button-brand-active-border);
1924
+ color: var(--island-button-brand-active-text);
1925
+ background-color: var(--island-button-brand-active-bg);
1926
+ }
1927
+
1928
+ ._button_togsy_1._alt_togsy_47 {
1929
+ border-color: var(--island-button-alt-border);
1930
+ color: var(--island-button-alt-text);
1931
+ background-color: var(--island-button-alt-bg);
1932
+ }
1933
+
1934
+ ._button_togsy_1._alt_togsy_47:hover {
1935
+ border-color: var(--island-button-alt-hover-border);
1936
+ color: var(--island-button-alt-hover-text);
1937
+ background-color: var(--island-button-alt-hover-bg);
1938
+ }
1939
+
1940
+ ._button_togsy_1._alt_togsy_47:active {
1941
+ border-color: var(--island-button-alt-active-border);
1942
+ color: var(--island-button-alt-active-text);
1943
+ background-color: var(--island-button-alt-active-bg);
1944
+ }._clip_zensi_1 {
1945
+ background: var(--island-home-hero-name-background);
1946
+ -webkit-background-clip: text;
1947
+ background-clip: text;
1948
+ -webkit-text-fill-color: var(--island-home-hero-name-color);
1949
+ }@media (min-width: 640px) {
1950
+ ._grid-2_aoqy8_2,
1951
+ ._grid-4_aoqy8_3,
1952
+ ._grid-6_aoqy8_4 {
1953
+ width: 50%;
1954
+ }
1955
+ }
1956
+ @media (min-width: 768px) {
1957
+ ._grid-2_aoqy8_2,
1958
+ ._grid-4_aoqy8_3 {
1959
+ width: 50%;
1960
+ }
1961
+ ._grid-3_aoqy8_13,
1962
+ ._grid-6_aoqy8_4 {
1963
+ width: 33.3333333333%;
1964
+ }
1965
+ }
1966
+ @media (min-width: 960px) {
1967
+ ._grid-4_aoqy8_3 {
1968
+ width: 33.3333333333%;
1969
+ }
1970
+ }