@jetbrains/kotlin-web-site-ui 0.0.0-foundation-changes.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/CHANGELOG.md +61 -0
  2. package/LICENSE.txt +202 -0
  3. package/README.md +16 -0
  4. package/out/blocks/formik-wrapper/index.css +8 -0
  5. package/out/blocks/formik-wrapper/index.js +4 -0
  6. package/out/blocks/formik-wrapper/input.js +39 -0
  7. package/out/blocks/formik-wrapper/privacy-checkbox.js +48 -0
  8. package/out/blocks/formik-wrapper/privacy-notice.js +40 -0
  9. package/out/blocks/formik-wrapper/privacy-notice.module.pcss.js +6 -0
  10. package/out/blocks/formik-wrapper/submit-button.js +21 -0
  11. package/out/components/breakpoints/constants.js +20 -0
  12. package/out/components/breakpoints/hooks.js +32 -0
  13. package/out/components/breakpoints/index.js +2 -0
  14. package/out/components/breakpoints/media.pcss +14 -0
  15. package/out/components/cta-block/index.css +254 -0
  16. package/out/components/cta-block/index.js +7 -0
  17. package/out/components/cta-block/v1/cta-block.js +29 -0
  18. package/out/components/cta-block/v1/cta-block.module.pcss.js +8 -0
  19. package/out/components/footer/footer.js +55 -0
  20. package/out/components/footer/footer.module.pcss.js +13 -0
  21. package/out/components/footer/index.css +290 -0
  22. package/out/components/footer/index.js +3 -0
  23. package/out/components/footer/logo/jetbrains-logo.svg.js +38 -0
  24. package/out/components/footer/logo/logo.js +12 -0
  25. package/out/components/footer/logo/logo.module.pcss.js +4 -0
  26. package/out/components/footer/nav/nav-data.js +30 -0
  27. package/out/components/footer/nav/nav-item.js +27 -0
  28. package/out/components/footer/nav/nav-item.module.pcss.js +5 -0
  29. package/out/components/footer/nav/nav-list.js +15 -0
  30. package/out/components/footer/nav/nav-list.module.pcss.js +4 -0
  31. package/out/components/footer/social-list/social-data.js +38 -0
  32. package/out/components/footer/social-list/social-item/social-item.js +21 -0
  33. package/out/components/footer/social-list/social-item/social-item.module.pcss.js +5 -0
  34. package/out/components/footer/social-list/social-list.js +13 -0
  35. package/out/components/footer/social-list/social-list.module.pcss.js +4 -0
  36. package/out/components/footer/social-list/svg/github-logo.svg.js +35 -0
  37. package/out/components/footer/social-list/svg/reddit-logo.svg.js +33 -0
  38. package/out/components/footer/social-list/svg/slack-logo.svg.js +33 -0
  39. package/out/components/footer/social-list/svg/stackoverflow-logo.svg.js +36 -0
  40. package/out/components/footer/social-list/svg/twitter-logo.svg.js +33 -0
  41. package/out/components/footer/social-list/svg/youtube-logo.svg.js +35 -0
  42. package/out/components/grid/index.css +1081 -0
  43. package/out/components/grid/index.js +1 -0
  44. package/out/components/header/consts.js +3 -0
  45. package/out/components/header/full-search/chapters/chapters.js +59 -0
  46. package/out/components/header/full-search/chapters/chapters.module.pcss.js +12 -0
  47. package/out/components/header/full-search/empty/empty.js +22 -0
  48. package/out/components/header/full-search/empty/empty.module.pcss.js +6 -0
  49. package/out/components/header/full-search/empty/full-search-empty.svg.js +1539 -0
  50. package/out/components/header/full-search/full-search.js +115 -0
  51. package/out/components/header/full-search/full-search.module.pcss.js +10 -0
  52. package/out/components/header/full-search/hit-list/get-extended-hits.js +55 -0
  53. package/out/components/header/full-search/hit-list/hit-list.js +49 -0
  54. package/out/components/header/full-search/hit-list/hit-list.module.pcss.js +6 -0
  55. package/out/components/header/full-search/loading/loading.js +13 -0
  56. package/out/components/header/full-search/loading/loading.module.pcss.js +4 -0
  57. package/out/components/header/full-search/results-list/results-list.js +25 -0
  58. package/out/components/header/header.js +121 -0
  59. package/out/components/header/header.module.pcss.js +5 -0
  60. package/out/components/header/horizontal-menu/horizontal-menu.js +101 -0
  61. package/out/components/header/horizontal-menu/horizontal-menu.module.pcss.js +16 -0
  62. package/out/components/header/index.css +949 -0
  63. package/out/components/header/index.js +4 -0
  64. package/out/components/header/is-macos.js +5 -0
  65. package/out/components/header/key-codes.js +3 -0
  66. package/out/components/header/logo-large/kotlin-logo-large.svg.js +55 -0
  67. package/out/components/header/logo-large/logo-large.js +34 -0
  68. package/out/components/header/logo-large/logo-large.module.pcss.js +6 -0
  69. package/out/components/header/logo-small/kotlin-logo-small.svg.js +49 -0
  70. package/out/components/header/logo-small/logo-small.js +27 -0
  71. package/out/components/header/logo-small/logo-small.module.pcss.js +7 -0
  72. package/out/components/header/menu-popup/menu-button/menu-button.js +23 -0
  73. package/out/components/header/menu-popup/menu-button/menu-button.module.pcss.js +4 -0
  74. package/out/components/header/menu-popup/menu-list/menu-list.js +33 -0
  75. package/out/components/header/menu-popup/menu-list/menu-list.module.pcss.js +4 -0
  76. package/out/components/header/menu-popup/menu-list-item/menu-list-item.js +28 -0
  77. package/out/components/header/menu-popup/menu-list-item/menu-list-item.module.pcss.js +7 -0
  78. package/out/components/header/menu-popup/menu-popup.js +55 -0
  79. package/out/components/header/menu-popup/menu-popup.module.pcss.js +5 -0
  80. package/out/components/header/nav-scheme.js +133 -0
  81. package/out/components/header/quick-search/empty/empty.js +17 -0
  82. package/out/components/header/quick-search/empty/empty.module.pcss.js +5 -0
  83. package/out/components/header/quick-search/list/list.js +37 -0
  84. package/out/components/header/quick-search/list/list.module.pcss.js +7 -0
  85. package/out/components/header/quick-search/loading/loading.js +14 -0
  86. package/out/components/header/quick-search/loading/loading.module.pcss.js +4 -0
  87. package/out/components/header/quick-search/quick-search.js +48 -0
  88. package/out/components/header/quick-search/quick-search.module.pcss.js +5 -0
  89. package/out/components/header/quick-search/result/result.js +30 -0
  90. package/out/components/header/quick-search/result/result.module.pcss.js +6 -0
  91. package/out/components/header/search-box/search-box.js +76 -0
  92. package/out/components/header/search-box/search-box.module.pcss.js +7 -0
  93. package/out/components/header/search-button/search-button.js +32 -0
  94. package/out/components/header/search-button/search-button.module.pcss.js +5 -0
  95. package/out/components/header/search-button/search.svg.js +34 -0
  96. package/out/components/header/search-wrapper/init-search.js +60 -0
  97. package/out/components/header/search-wrapper/search-const.js +13 -0
  98. package/out/components/header/search-wrapper/search-context.js +18 -0
  99. package/out/components/header/search-wrapper/search-with-algolia.js +58 -0
  100. package/out/components/header/search-wrapper/search-wrapper.js +40 -0
  101. package/out/components/header/search-wrapper/use-search.js +85 -0
  102. package/out/components/layout/index.css +52 -0
  103. package/out/components/layout/index.js +1 -0
  104. package/out/components/popup/index.css +35 -0
  105. package/out/components/popup/index.js +3 -0
  106. package/out/components/popup/popup.js +55 -0
  107. package/out/components/popup/popup.module.pcss.js +6 -0
  108. package/out/components/quotes-slider/index.css +83 -0
  109. package/out/components/quotes-slider/index.js +3 -0
  110. package/out/components/quotes-slider/quote.svg.js +33 -0
  111. package/out/components/quotes-slider/quotes-slider.js +85 -0
  112. package/out/components/quotes-slider/quotes-slider.module.pcss.js +13 -0
  113. package/out/components/top-menu/horizontal-menu/horizontal-menu.js +44 -0
  114. package/out/components/top-menu/horizontal-menu/horizontal-menu.module.pcss.js +6 -0
  115. package/out/components/top-menu/index.css +232 -0
  116. package/out/components/top-menu/index.js +3 -0
  117. package/out/components/top-menu/top-menu.js +54 -0
  118. package/out/components/top-menu/top-menu.module.pcss.js +6 -0
  119. package/out/components/top-menu/vertical-menu/arrow-dropdown-icon.svg.js +34 -0
  120. package/out/components/top-menu/vertical-menu/vertical-menu.js +129 -0
  121. package/out/components/top-menu/vertical-menu/vertical-menu.module.pcss.js +14 -0
  122. package/out/components/typography/create-text-cn.js +26 -0
  123. package/out/components/typography/hooks.js +6 -0
  124. package/out/components/typography/index.css +192 -0
  125. package/out/components/typography/index.js +3 -0
  126. package/out/components/youtube-player/index.css +135 -0
  127. package/out/components/youtube-player/index.js +3 -0
  128. package/out/components/youtube-player/loading_24.svg.js +31 -0
  129. package/out/components/youtube-player/play_24.svg.js +31 -0
  130. package/out/components/youtube-player/utils.js +28 -0
  131. package/out/components/youtube-player/youtube-player.js +145 -0
  132. package/out/components/youtube-player/youtube-player.module.pcss.js +16 -0
  133. package/out/packages/data-services/index.js +9 -0
  134. package/out/packages/data-services/marketo-submiter.js +62 -0
  135. package/out/packages/data-services/privacy-consent-ids.json.js +5 -0
  136. package/out/packages/data-services/privacy-consent-service.js +44 -0
  137. package/out/packages/data-services/urls.js +4 -0
  138. package/out/svg/kotlin_64.svg +10 -0
  139. package/package.json +141 -0
@@ -0,0 +1,949 @@
1
+ .ktl-logo-large-module_container_35w4p {
2
+ flex-grow: 1;
3
+ display: flex;
4
+ align-items: flex-start;
5
+ }
6
+
7
+ .ktl-logo-large-module_link_AOGas {
8
+ display: block;
9
+ width: 100px;
10
+ height: 24px;
11
+ text-decoration: none;
12
+ cursor: pointer;
13
+ }
14
+
15
+ .ktl-logo-large-module_version-tag_k12Hw {
16
+ line-height: 16px;
17
+ text-decoration: none;
18
+ color: rgba(255, 255, 255, 0.75);
19
+ }
20
+
21
+ .ktl-logo-large-module_version-tag_k12Hw:hover {
22
+ color: #ffffff;
23
+ }
24
+
25
+ :root {
26
+ --ktl-light-grey: #f4f4f4;
27
+ --ktl-dark-100: rgba(39, 40, 44, 1);
28
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
29
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
30
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
31
+ --ktl-transition-xfast: 100ms;
32
+ --ktl-transition-fast: 300ms;
33
+ --ktl-color-primary-light-theme: #7f52ff;
34
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
35
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
36
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
37
+ --ktl-divider-color: rgba(25, 25, 28, .2);
38
+ --ktl-overlay-z-index: 900;
39
+ --ktl-top-menu-z-index: 905;
40
+ --ktl-header-z-index: 906;
41
+ --ktl-mobile-dropdown-list-z-index: 907;
42
+ --ktl-header-height-mobile: 52px;
43
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
44
+ --rs-font-family-ui: var(--ktl-font-family-inter);
45
+ }
46
+
47
+ :root {
48
+ --ktl-box-block-s: 4px;
49
+ --ktl-box-block-m: 8px;
50
+ --ktl-box-block-l: 16px;
51
+
52
+ --ktl-box-section-s: 24px;
53
+ --ktl-box-section-m: 32px;
54
+ --ktl-box-section-l: 48px;
55
+
56
+ --ktl-box-page-s: 64px;
57
+ --ktl-box-page-m: 72px;
58
+ --ktl-box-page-l: 96px;
59
+ }
60
+
61
+ .ktl-header-module_header-menu_wh71L {
62
+ position: relative;
63
+ padding: 0 32px;
64
+ background: var(--ktl-dark-100);
65
+ display: flex;
66
+ align-items: center;
67
+ height: 64px;
68
+ width: 100%;
69
+ box-sizing: border-box;
70
+ justify-content: space-between;
71
+ z-index: var(--ktl-header-z-index);
72
+ }
73
+
74
+ .ktl-header-module_border_paN11 {
75
+ box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
76
+ }
77
+
78
+ @media (max-width: 640px) {
79
+ .ktl-header-module_header-menu_wh71L {
80
+ padding: 0 0 0 16px;
81
+ height: var(--ktl-header-height-mobile);
82
+ }
83
+ }
84
+
85
+ :root {
86
+ --ktl-light-grey: #f4f4f4;
87
+ --ktl-dark-100: rgba(39, 40, 44, 1);
88
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
89
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
90
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
91
+ --ktl-transition-xfast: 100ms;
92
+ --ktl-transition-fast: 300ms;
93
+ --ktl-color-primary-light-theme: #7f52ff;
94
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
95
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
96
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
97
+ --ktl-divider-color: rgba(25, 25, 28, .2);
98
+ --ktl-overlay-z-index: 900;
99
+ --ktl-top-menu-z-index: 905;
100
+ --ktl-header-z-index: 906;
101
+ --ktl-mobile-dropdown-list-z-index: 907;
102
+ --ktl-header-height-mobile: 52px;
103
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
104
+ --rs-font-family-ui: var(--ktl-font-family-inter);
105
+ }
106
+
107
+ :root {
108
+ --ktl-box-block-s: 4px;
109
+ --ktl-box-block-m: 8px;
110
+ --ktl-box-block-l: 16px;
111
+
112
+ --ktl-box-section-s: 24px;
113
+ --ktl-box-section-m: 32px;
114
+ --ktl-box-section-l: 48px;
115
+
116
+ --ktl-box-page-s: 64px;
117
+ --ktl-box-page-m: 72px;
118
+ --ktl-box-page-l: 96px;
119
+ }
120
+
121
+ .ktl-horizontal-menu-module_nav_gbA7M {
122
+ display: block;
123
+ }
124
+
125
+ .ktl-horizontal-menu-module_menu-list_TJnOF {
126
+ display: grid;
127
+ grid-auto-flow: column;
128
+ gap: 32px;
129
+ list-style: none;
130
+ margin: 0;
131
+ padding: 0;
132
+ }
133
+
134
+ .ktl-horizontal-menu-module_menu-item-wrap_j6zB- {
135
+ position: relative;
136
+ }
137
+
138
+ .ktl-horizontal-menu-module_menu-item_CXDEW {
139
+ display: block;
140
+ line-height: 60px !important;
141
+ color: rgba(255, 255, 255, 0.75);
142
+ border-top: 2px solid transparent;
143
+ border-bottom: 2px solid transparent;
144
+ text-decoration: none;
145
+ cursor: pointer;
146
+ }
147
+
148
+ .ktl-horizontal-menu-module_menu-item_CXDEW:hover,
149
+ .ktl-horizontal-menu-module_menu-item_CXDEW.ktl-horizontal-menu-module_expanded_3GFPc {
150
+ color: #ffffff;
151
+ border-bottom-color: rgba(255, 255, 255, 0.4);
152
+ text-decoration: none;
153
+ }
154
+
155
+ .ktl-horizontal-menu-module_menu-item_CXDEW.ktl-horizontal-menu-module_item-active_Zca2K {
156
+ color: #ffffff;
157
+ border-bottom-color: inherit;
158
+ }
159
+
160
+ .ktl-horizontal-menu-module_dropdown-menu_jwdWI {
161
+ display: none;
162
+ position: absolute;
163
+ top: 100%;
164
+ min-width: 260px;
165
+ margin: 8px 0 0 0;
166
+ list-style: none;
167
+ padding: 8px 0;
168
+ white-space: nowrap;
169
+ background: rgba(255, 255, 255, 1);
170
+ border: 1px solid rgba(39, 40, 44, 0.7);
171
+ -webkit-animation: ktl-horizontal-menu-module_fade-in_FGwhC ease-out var(--ktl-transition-fast) forwards;
172
+ animation: ktl-horizontal-menu-module_fade-in_FGwhC ease-out var(--ktl-transition-fast) forwards;
173
+ }
174
+
175
+ .ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI {
176
+ background: var(--ktl-dark-100);
177
+ border-color: rgba(255, 255, 255, 0.2);
178
+ }
179
+
180
+ .ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH {
181
+ color: var(--ktl-color-white-light);
182
+ }
183
+
184
+ .ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH:hover {
185
+ color: rgba(255, 255, 255, 1);
186
+ background: rgba(255, 255, 255, 0.1);
187
+ }
188
+
189
+ .ktl-horizontal-menu-module_dark-theme_gfxx6 .ktl-horizontal-menu-module_dropdown-menu_jwdWI .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH.ktl-horizontal-menu-module_active_m5fs- {
190
+ color: var(--ktl-dark-100);
191
+ background: rgba(255, 255, 255, 1);
192
+ }
193
+
194
+ .ktl-horizontal-menu-module_dropdown-menu-expanded_eX8Jy {
195
+ display: block;
196
+ }
197
+
198
+ .ktl-horizontal-menu-module_dropdown-menu-align-right_YeB-9 {
199
+ right: 0;
200
+ }
201
+
202
+ .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH {
203
+ display: block;
204
+ text-decoration: none;
205
+ padding: 8px 16px;
206
+ color: var(--ktl-dark-100);
207
+ transition: color var(--ktl-transition-fast),
208
+ background var(--ktl-transition-fast);
209
+ }
210
+
211
+ .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH:hover {
212
+ color: var(--ktl-dark-100);
213
+ background: rgba(39, 40, 44, 0.1);
214
+ text-decoration: none;
215
+ }
216
+
217
+ .ktl-horizontal-menu-module_dropdown-menu-item_9gjwH.ktl-horizontal-menu-module_active_m5fs- {
218
+ color: rgba(255, 255, 255, 1);
219
+ background: var(--ktl-dark-100);
220
+ cursor: default;
221
+ }
222
+
223
+ @-webkit-keyframes ktl-horizontal-menu-module_fade-in_FGwhC {
224
+ 0% {
225
+ opacity: 0;
226
+ }
227
+
228
+ 100% {
229
+ opacity: 1;
230
+ }
231
+ }
232
+
233
+ @keyframes ktl-horizontal-menu-module_fade-in_FGwhC {
234
+ 0% {
235
+ opacity: 0;
236
+ }
237
+
238
+ 100% {
239
+ opacity: 1;
240
+ }
241
+ }
242
+
243
+ @media (max-width: 640px) {
244
+ .ktl-horizontal-menu-module_nav_gbA7M {
245
+ display: none;
246
+ }
247
+ }
248
+
249
+ :root {
250
+ --ktl-light-grey: #f4f4f4;
251
+ --ktl-dark-100: rgba(39, 40, 44, 1);
252
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
253
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
254
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
255
+ --ktl-transition-xfast: 100ms;
256
+ --ktl-transition-fast: 300ms;
257
+ --ktl-color-primary-light-theme: #7f52ff;
258
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
259
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
260
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
261
+ --ktl-divider-color: rgba(25, 25, 28, .2);
262
+ --ktl-overlay-z-index: 900;
263
+ --ktl-top-menu-z-index: 905;
264
+ --ktl-header-z-index: 906;
265
+ --ktl-mobile-dropdown-list-z-index: 907;
266
+ --ktl-header-height-mobile: 52px;
267
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
268
+ --rs-font-family-ui: var(--ktl-font-family-inter);
269
+ }
270
+
271
+ :root {
272
+ --ktl-box-block-s: 4px;
273
+ --ktl-box-block-m: 8px;
274
+ --ktl-box-block-l: 16px;
275
+
276
+ --ktl-box-section-s: 24px;
277
+ --ktl-box-section-m: 32px;
278
+ --ktl-box-section-l: 48px;
279
+
280
+ --ktl-box-page-s: 64px;
281
+ --ktl-box-page-m: 72px;
282
+ --ktl-box-page-l: 96px;
283
+ }
284
+
285
+ .ktl-search-button-module_button_YHJPv {
286
+ display: flex;
287
+ visibility: hidden;
288
+ -webkit-appearance: none;
289
+ -moz-appearance: none;
290
+ appearance: none;
291
+ border: 0 none transparent;
292
+ outline: 0 none transparent;
293
+ cursor: pointer;
294
+ background: none;
295
+ padding: 0;
296
+ margin: 0 0 0 32px;
297
+ width: 24px;
298
+ height: 24px;
299
+ align-items: center;
300
+ justify-content: center;
301
+ transition: color var(--ktl-transition-xfast),
302
+ background-color var(--ktl-transition-xfast);
303
+ color: var(--ktl-color-white-light);
304
+ }
305
+
306
+ .ktl-search-button-module_button_YHJPv.ktl-search-button-module_active_lUmdh {
307
+ visibility: visible;
308
+ }
309
+
310
+ .ktl-search-button-module_button_YHJPv:hover,
311
+ .ktl-search-button-module_button_YHJPv :focus {
312
+ color: #ffffff;
313
+ }
314
+
315
+ @media (max-width: 640px) {
316
+
317
+ .ktl-search-button-module_button_YHJPv {
318
+ display: none
319
+ }
320
+ }
321
+
322
+ .ktl-result-module_result_EKhUw {
323
+ box-sizing: border-box;
324
+ display: block;
325
+ padding: 16px;
326
+ text-decoration: none;
327
+ }
328
+ .ktl-result-module_result_EKhUw:hover {
329
+ background: rgba(255, 255, 255, 0.1);
330
+ text-decoration: none;
331
+ }
332
+ .ktl-result-module_result_EKhUw:focus {
333
+ outline: none;
334
+ background: rgba(255, 255, 255, 0.1);
335
+ }
336
+ .ktl-result-module_result_EKhUw em {
337
+ background-color: rgba(127,82,255,0.3);
338
+ font-style: normal;
339
+ }
340
+
341
+ .ktl-result-module_resultTitle_DSpAT {
342
+ margin-bottom: 6px;
343
+ overflow-wrap: break-word;
344
+ }
345
+
346
+ .ktl-result-module_text_fWBKG {
347
+ display: -webkit-box;
348
+ -webkit-line-clamp: 2;
349
+ -webkit-box-orient: vertical;
350
+ overflow: hidden;
351
+ }
352
+
353
+ @media (min-width: 768px) {
354
+ .ktl-result-module_result_EKhUw {
355
+ padding: 16px 32px;
356
+ }
357
+ }
358
+ .ktl-list-module_results_LlxqY {
359
+ box-sizing: border-box;
360
+ max-height: 305px;
361
+ border: 1px solid rgba(255, 255, 255, 0.2);
362
+ background: #323236;
363
+ color: #fff;
364
+ overflow-y: scroll;
365
+ }
366
+
367
+ .ktl-list-module_topBar_OO0XT {
368
+ display: none;
369
+ }
370
+
371
+ .ktl-list-module_advancedSearch_XNy88 {
372
+ display: inline-block;
373
+ background: transparent;
374
+ border: 0;
375
+ padding: 6px 16px;
376
+ border-radius: 24px;
377
+ cursor: pointer;
378
+ flex-shrink: 0;
379
+ transform: translateY(-6px);
380
+ }
381
+
382
+ .ktl-list-module_advancedSearch_XNy88:hover {
383
+ background: rgba(255, 255, 255, .1);
384
+ }
385
+
386
+ .ktl-list-module_advancedSearch_XNy88:focus {
387
+ outline: none;
388
+ box-shadow: rgba(107, 87, 255, 0.8) 0 0 0 4px;
389
+ }
390
+
391
+ .ktl-list-module_searchString_rJnxa {
392
+ height: 40px;
393
+ display: -webkit-box;
394
+ -webkit-line-clamp: 2;
395
+ -webkit-box-orient: vertical;
396
+ overflow: hidden;
397
+ }
398
+
399
+ @media (min-width: 768px) {
400
+ .ktl-list-module_results_LlxqY {
401
+ max-height: 434px;
402
+ }
403
+
404
+ .ktl-list-module_topBar_OO0XT {
405
+ display: flex;
406
+ align-items: flex-start;
407
+ justify-content: space-between;
408
+ padding: 34px 32px 4px 32px;
409
+ }
410
+ }
411
+ .ktl-empty-module_empty_xh1i- {
412
+ box-sizing: border-box;
413
+ border: 1px solid rgba(255, 255, 255, 0.2);
414
+ background: #323236;
415
+ padding: 16px;
416
+ }
417
+
418
+ .ktl-empty-module_resultString_-8dzl {
419
+ display: -webkit-box;
420
+ -webkit-line-clamp: 3;
421
+ -webkit-box-orient: vertical;
422
+ overflow: hidden;
423
+ overflow-wrap: break-word;
424
+ }
425
+
426
+ @media (min-width: 768px) {
427
+ .ktl-empty-module_empty_xh1i- {
428
+ padding: 32px;
429
+ }
430
+
431
+ .ktl-empty-module_resultString_-8dzl {
432
+ -webkit-line-clamp: 2;
433
+ }
434
+ }
435
+ .ktl-loading-module_loading_CtOhW {
436
+ box-sizing: border-box;
437
+ height: 92px;
438
+ border: 1px solid rgba(255, 255, 255, 0.2);
439
+ background: #323236;
440
+ display: flex;
441
+ justify-content: center;
442
+ align-items: center;
443
+ text-align: left;
444
+ }
445
+ .ktl-loading-module_loading_CtOhW > svg {
446
+ fill: #6B57FF;
447
+ }
448
+ .ktl-quick-search-module_wrapper_kkbQQ {
449
+ box-sizing: border-box;
450
+ position: absolute;
451
+ left: 8px;
452
+ right: 8px;
453
+ bottom: -8px;
454
+ transform: translateY(100%);
455
+ }
456
+
457
+
458
+ @media (min-width: 640px) and (max-width: 768px) {
459
+ .ktl-quick-search-module_wrapper_kkbQQ {
460
+ bottom: 12px;
461
+ }
462
+ }
463
+
464
+
465
+ @media (min-width: 768px) {
466
+ .ktl-quick-search-module_wrapper_kkbQQ {
467
+ left: 0;
468
+ right: 0;
469
+ }
470
+ }
471
+
472
+
473
+ @media (min-width: 640px) and (max-width: 1024px) {
474
+ .ktl-quick-search-module_apiReferenceWrapper_jv98t {
475
+ width: calc(100vw - 64px);
476
+ left: auto;
477
+ right: 0;
478
+ }
479
+ }
480
+
481
+
482
+ @media (min-width: 1024px) {
483
+ .ktl-quick-search-module_apiReferenceWrapper_jv98t {
484
+ left: auto;
485
+ right: 0;
486
+ width: 1000px;
487
+ }
488
+ }
489
+
490
+ .ktl-loading-module_loader_B2IQl {
491
+ margin-top: 4px;
492
+ }
493
+ .ktl-loading-module_loader_B2IQl > svg {
494
+ fill: #6B57FF;
495
+ }
496
+ .ktl-empty-module_wrapper_cNB8Y {
497
+ display: block;
498
+ margin-top: 30px;
499
+ }
500
+
501
+ .ktl-empty-module_title_p2FMj {
502
+ margin-bottom: 24px;
503
+ }
504
+
505
+ .ktl-empty-module_image_6Xr6L {
506
+ display: flex;
507
+ justify-content: flex-end;
508
+ margin-top: 16px;
509
+ }
510
+ .ktl-chapters-module_chapters_J0wLB {
511
+ border-left: 1px solid var(--ktl-light-dark-20);
512
+ padding-left: 12px;
513
+ margin-top: 24px;
514
+ }
515
+
516
+ .ktl-chapters-module_chapterTitle_b6Rdz em {
517
+ background: rgba(127, 82, 255, 0.2);
518
+ font-style: normal;
519
+ }
520
+
521
+ .ktl-chapters-module_singleChapter_zSmx2:not(:last-child) {
522
+ margin-bottom: 12px;
523
+ }
524
+
525
+ .ktl-chapters-module_headliner_ZBuf9 {
526
+ margin: 0;
527
+ }
528
+
529
+ .ktl-chapters-module_snippet_yROJo {
530
+ margin-top: 8px;
531
+ color: rgba(39, 40, 44, 0.7);
532
+ }
533
+
534
+ .ktl-chapters-module_snippet_yROJo em {
535
+ background: rgba(127, 82, 255, 0.2);
536
+ font-style: normal;
537
+ }
538
+
539
+ .ktl-chapters-module_chapterSnippet_8Pwb2 em {
540
+ background: rgba(127, 82, 255, 0.2);
541
+ font-style: normal;
542
+ }
543
+
544
+ .ktl-chapters-module_extraSection_lsZfw {
545
+ display: none;
546
+ }
547
+
548
+ .ktl-chapters-module_visibleSection_wQyvM {
549
+ display: block;
550
+ }
551
+
552
+ .ktl-chapters-module_moreButton_98oqy {
553
+ margin-top: 12px;
554
+ }
555
+
556
+ .ktl-hit-list-module_hitList_1MP6m {
557
+ margin: 40px 0 50px 0;
558
+ }
559
+
560
+ .ktl-hit-list-module_titleLink_rdJ6u em {
561
+ background: rgba(127, 82, 255, 0.2);
562
+ font-style: normal;
563
+ }
564
+
565
+ .ktl-hit-list-module_snippet_WmrYL em {
566
+ background: rgba(127, 82, 255, 0.2);
567
+ font-style: normal;
568
+ }
569
+
570
+ .ktl-full-search-module_fullSearch_MTU8t {
571
+ display: none;
572
+ box-sizing: border-box;
573
+ position: fixed;
574
+ width: 100%;
575
+ height: 100%;
576
+ top: 0;
577
+ left: 0;
578
+ background: #ffffff;
579
+ overflow-y: auto;
580
+ }
581
+
582
+ .ktl-full-search-module_closeSearch_5vYDG {
583
+ position: absolute;
584
+ top: 40px;
585
+ right: 40px;
586
+ display: flex;
587
+ }
588
+
589
+ .ktl-full-search-module_fullSearchClearButton_DGS6T {
590
+ margin: 0;
591
+ padding: 0;
592
+ border: 0;
593
+ background: none;
594
+ display: flex;
595
+ cursor: pointer;
596
+
597
+ }
598
+
599
+ .ktl-full-search-module_fullSearchClearButton_DGS6T > svg {
600
+ opacity: 0.7;
601
+ }
602
+
603
+ .ktl-full-search-module_fullSearchClearButton_DGS6T:hover > svg {
604
+ opacity: 1;
605
+ }
606
+
607
+ .ktl-full-search-module_fullSearchClearButton_DGS6T:focus {
608
+ outline: none;
609
+ box-shadow: rgba(107, 87, 255, 0.8) 0 0 0 4px;
610
+ border-radius: 100%;
611
+ }
612
+
613
+ .ktl-full-search-module_fullSearchClearButton_DGS6T:focus > svg {
614
+ opacity: 1;
615
+ }
616
+
617
+ .ktl-full-search-module_wrapper_9rxXb {
618
+ max-width: 704px;
619
+ margin: 0 auto;
620
+ }
621
+
622
+ .ktl-full-search-module_header_Wltw0 {
623
+ width: 100%;
624
+ padding-top: 120px;
625
+ padding-bottom: 10px;
626
+ position: sticky;
627
+ top: 0;
628
+ left: 0;
629
+ background: #ffffff;
630
+ z-index: 10;
631
+ }
632
+
633
+ .ktl-full-search-module_results_svcSE {
634
+ margin-top: 14px;
635
+ }
636
+
637
+ .ktl-full-search-module_switcher_o1RgM {
638
+ display: flex;
639
+ justify-content: flex-end;
640
+ margin-top: 14px;
641
+ }
642
+
643
+ @media (min-width: 768px) {
644
+ .ktl-full-search-module_fullSearch_MTU8t {
645
+ display: block;
646
+ }
647
+ }
648
+
649
+ .ktl-search-box-module_searchBox_0SgE9 {
650
+ position: relative;
651
+ width: 408px;
652
+ }
653
+
654
+ .ktl-search-box-module_searchInput_ba2QS {
655
+ display: flex;
656
+ flex-direction: column;
657
+ width: 100%;
658
+ position: relative;
659
+ }
660
+
661
+ .ktl-search-box-module_searchMobileClose_fBF7e {
662
+ margin: 0;
663
+ padding: 0 8px;
664
+ border: 0;
665
+ background: none;
666
+ cursor: pointer;
667
+ position: absolute;
668
+ right: 0;
669
+ top: 0;
670
+ height: 100%;
671
+ display: flex;
672
+ align-items: center;
673
+ justify-content: center;
674
+ }
675
+
676
+ .ktl-search-box-module_searchMobileClose_fBF7e > svg {
677
+ fill: #ffffff;
678
+ }
679
+
680
+ .ktl-search-box-module_customClearButton_yecGK {
681
+ margin: 0;
682
+ padding: 0;
683
+ border: 0;
684
+ background: none;
685
+ display: flex;
686
+ cursor: pointer;
687
+ }
688
+
689
+ .ktl-search-box-module_customClearButton_yecGK > svg {
690
+ fill: #ffffff;
691
+ opacity: 0.7;
692
+ }
693
+
694
+ .ktl-search-box-module_customClearButton_yecGK:hover > svg {
695
+ opacity: 1;
696
+ }
697
+
698
+ .ktl-search-box-module_customClearButton_yecGK:focus {
699
+ outline: none;
700
+ box-shadow: rgba(107, 87, 255, 0.8) 0 0 0 4px;
701
+ border-radius: 100%;
702
+ }
703
+
704
+ .ktl-search-box-module_customClearButton_yecGK:focus > svg {
705
+ opacity: 1;
706
+ }
707
+
708
+ @media (max-width: 767px) {
709
+ .ktl-search-box-module_searchBox_0SgE9 {
710
+ background: var(--ktl-dark-100);
711
+ width: auto;
712
+ position: absolute;
713
+ top: 0;
714
+ left: 0;
715
+ right: 0;
716
+ bottom: 0;
717
+ padding: 4px;
718
+ }
719
+ }
720
+
721
+ @media (min-width: 768px) {
722
+ .ktl-search-box-module_searchMobileClose_fBF7e {
723
+ display: none;
724
+ }
725
+ }
726
+
727
+ :root {
728
+ --ktl-light-grey: #f4f4f4;
729
+ --ktl-dark-100: rgba(39, 40, 44, 1);
730
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
731
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
732
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
733
+ --ktl-transition-xfast: 100ms;
734
+ --ktl-transition-fast: 300ms;
735
+ --ktl-color-primary-light-theme: #7f52ff;
736
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
737
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
738
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
739
+ --ktl-divider-color: rgba(25, 25, 28, .2);
740
+ --ktl-overlay-z-index: 900;
741
+ --ktl-top-menu-z-index: 905;
742
+ --ktl-header-z-index: 906;
743
+ --ktl-mobile-dropdown-list-z-index: 907;
744
+ --ktl-header-height-mobile: 52px;
745
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
746
+ --rs-font-family-ui: var(--ktl-font-family-inter);
747
+ }
748
+
749
+ :root {
750
+ --ktl-box-block-s: 4px;
751
+ --ktl-box-block-m: 8px;
752
+ --ktl-box-block-l: 16px;
753
+
754
+ --ktl-box-section-s: 24px;
755
+ --ktl-box-section-m: 32px;
756
+ --ktl-box-section-l: 48px;
757
+
758
+ --ktl-box-page-s: 64px;
759
+ --ktl-box-page-m: 72px;
760
+ --ktl-box-page-l: 96px;
761
+ }
762
+
763
+ .ktl-menu-popup-module_menu-popup_Q68IE {
764
+ display: none;
765
+ padding: 8px 0 56px 0;
766
+ background: var(--ktl-dark-100);
767
+ position: fixed;
768
+ top: var(--ktl-header-height-mobile);
769
+ bottom: 0;
770
+ left: 0;
771
+ right: 0;
772
+ overflow: auto;
773
+ z-index: var(--ktl-top-menu-z-index);
774
+ }
775
+
776
+ .ktl-menu-popup-module_menu-popup-expanded_ggrp9 {
777
+ display: block;
778
+ }
779
+
780
+ .ktl-menu-button-module_button_wB9Mx {
781
+ display: flex;
782
+ -webkit-appearance: none;
783
+ -moz-appearance: none;
784
+ appearance: none;
785
+ border: 0 none transparent;
786
+ outline: 0 none transparent;
787
+ cursor: pointer;
788
+ background: none;
789
+ padding: 0;
790
+ margin: 0;
791
+ width: var(--ktl-header-height-mobile);
792
+ height: var(--ktl-header-height-mobile);
793
+ align-items: center;
794
+ justify-content: center;
795
+ transition: color var(--ktl-transition-xfast),
796
+ background-color var(--ktl-transition-xfast);
797
+ color: var(--ktl-color-white-light);
798
+ }
799
+
800
+ .ktl-menu-button-module_button_wB9Mx:hover,
801
+ .ktl-menu-button-module_button_wB9Mx :focus {
802
+ color: #ffffff;
803
+ }
804
+
805
+ :root {
806
+ --ktl-light-grey: #f4f4f4;
807
+ --ktl-dark-100: rgba(39, 40, 44, 1);
808
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
809
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
810
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
811
+ --ktl-transition-xfast: 100ms;
812
+ --ktl-transition-fast: 300ms;
813
+ --ktl-color-primary-light-theme: #7f52ff;
814
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
815
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
816
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
817
+ --ktl-divider-color: rgba(25, 25, 28, .2);
818
+ --ktl-overlay-z-index: 900;
819
+ --ktl-top-menu-z-index: 905;
820
+ --ktl-header-z-index: 906;
821
+ --ktl-mobile-dropdown-list-z-index: 907;
822
+ --ktl-header-height-mobile: 52px;
823
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
824
+ --rs-font-family-ui: var(--ktl-font-family-inter);
825
+ }
826
+
827
+ :root {
828
+ --ktl-box-block-s: 4px;
829
+ --ktl-box-block-m: 8px;
830
+ --ktl-box-block-l: 16px;
831
+
832
+ --ktl-box-section-s: 24px;
833
+ --ktl-box-section-m: 32px;
834
+ --ktl-box-section-l: 48px;
835
+
836
+ --ktl-box-page-s: 64px;
837
+ --ktl-box-page-m: 72px;
838
+ --ktl-box-page-l: 96px;
839
+ }
840
+
841
+ .ktl-menu-list-item-module_menu-item_Aruue {
842
+ --level: 0;
843
+ display: flex;
844
+ align-items: center;
845
+ font-size: 19px;
846
+ line-height: 28px;
847
+ font-weight: 400;
848
+ color: #ffffff;
849
+ text-decoration: none;
850
+ padding: 12px 7px 12px 16px;
851
+ }
852
+
853
+ .ktl-menu-list-item-module_menu-item_Aruue:hover {
854
+ color: rgba(255, 255, 255, 1);
855
+ text-decoration: none;
856
+ }
857
+
858
+ .ktl-menu-list-item-module_menu-item_Aruue.ktl-menu-list-item-module_active_jHfJR {
859
+ color: var(--ktl-light-text-hard);
860
+ background: rgba(255, 255, 255, 1);
861
+ cursor: default;
862
+ text-decoration: none;
863
+ }
864
+
865
+ .ktl-menu-list-item-module_menu-item_Aruue.ktl-menu-list-item-module_active-with-child_ier2a {
866
+ background: none;
867
+ color: rgba(255, 255, 255, 0.7);
868
+ }
869
+
870
+ .ktl-menu-list-item-module_menu-item-root_Rzcqb:not(a) {
871
+ font-size: 13px;
872
+ text-transform: uppercase;
873
+ line-height: 20px;
874
+ color: rgba(255, 255, 255, 0.7);
875
+ padding-top: 8px;
876
+ }
877
+
878
+ :root {
879
+ --ktl-light-grey: #f4f4f4;
880
+ --ktl-dark-100: rgba(39, 40, 44, 1);
881
+ --ktl-dark-bg-hard: rgba(27, 27, 27, 1);
882
+ --ktl-icon-color-dark: rgba(39, 40, 44, 0.75);
883
+ --ktl-color-white-light: rgba(255, 255, 255, 0.75);
884
+ --ktl-transition-xfast: 100ms;
885
+ --ktl-transition-fast: 300ms;
886
+ --ktl-color-primary-light-theme: #7f52ff;
887
+ --ktl-color-dark-40: rgba(39, 40, 44, 0.4);
888
+ --ktl-light-text-hard: rgba(39, 40, 44, 1);
889
+ --ktl-light-dark-20: rgba(39, 40, 44, 0.2);
890
+ --ktl-divider-color: rgba(25, 25, 28, .2);
891
+ --ktl-overlay-z-index: 900;
892
+ --ktl-top-menu-z-index: 905;
893
+ --ktl-header-z-index: 906;
894
+ --ktl-mobile-dropdown-list-z-index: 907;
895
+ --ktl-header-height-mobile: 52px;
896
+ --ktl-font-family-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
897
+ --rs-font-family-ui: var(--ktl-font-family-inter);
898
+ }
899
+
900
+ :root {
901
+ --ktl-box-block-s: 4px;
902
+ --ktl-box-block-m: 8px;
903
+ --ktl-box-block-l: 16px;
904
+
905
+ --ktl-box-section-s: 24px;
906
+ --ktl-box-section-m: 32px;
907
+ --ktl-box-section-l: 48px;
908
+
909
+ --ktl-box-page-s: 64px;
910
+ --ktl-box-page-m: 72px;
911
+ --ktl-box-page-l: 96px;
912
+ }
913
+
914
+ .ktl-menu-list-module_menu-item-group_mFvUE {
915
+ margin: 8px 0 8px 0;
916
+ padding: 4px 0 8px 0;
917
+ border-top: 1px solid rgba(255, 255, 255, 0.3);
918
+ }
919
+
920
+ .ktl-menu-list-module_menu-item-group_mFvUE:not(:last-child) {
921
+ border-bottom: 1px solid rgba(255, 255, 255, 0.3);
922
+ }
923
+
924
+ .ktl-logo-small-module_logo-small_iGY12 {
925
+ flex-grow: 1;
926
+ display: flex;
927
+ align-items: center;
928
+ height: 100%;
929
+ }
930
+
931
+ .ktl-logo-small-module_link_SKXAa {
932
+ color: rgba(255, 255, 255, 1);
933
+ text-decoration: none;
934
+ font-size: 16px;
935
+ }
936
+
937
+ .ktl-logo-small-module_icon-wrap_6hRnO {
938
+ text-decoration: none;
939
+ display: flex;
940
+ align-items: center;
941
+ justify-items: center;
942
+ height: 100%;
943
+ margin-right: 12px;
944
+ }
945
+
946
+ .ktl-logo-small-module_icon_NyEog {
947
+ width: 20px;
948
+ height: 20px;
949
+ }