@newskit-render/standalone-components 0.28.3-alpha.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (198) hide show
  1. package/dist/cjs/help-hub/components/SearchBar/components/AlgoliaTheme.js +1 -1
  2. package/dist/cjs/help-hub/components/SearchBar/components/AlgoliaTheme.js.map +1 -1
  3. package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js +2 -2
  4. package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
  5. package/dist/cjs/help-hub/components/Templates/LayoutTemplate.d.ts +2 -2
  6. package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js +2 -2
  7. package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js.map +1 -1
  8. package/dist/cjs/help-hub/components/Templates/types.d.ts +4 -3
  9. package/dist/cjs/help-hub/{provider/CredentialsProvider.d.ts → context/CredentialsContextProvider.d.ts} +0 -0
  10. package/dist/cjs/help-hub/{provider/CredentialsProvider.js → context/CredentialsContextProvider.js} +1 -1
  11. package/dist/cjs/help-hub/context/CredentialsContextProvider.js.map +1 -0
  12. package/dist/cjs/help-hub/context/HelpHubContextProvider.d.ts +7 -0
  13. package/dist/cjs/help-hub/context/HelpHubContextProvider.js +49 -0
  14. package/dist/cjs/help-hub/context/HelpHubContextProvider.js.map +1 -0
  15. package/dist/cjs/help-hub/context/baseContext.js +0 -3
  16. package/dist/cjs/help-hub/context/baseContext.js.map +1 -1
  17. package/dist/cjs/help-hub/context/index.d.ts +2 -7
  18. package/dist/cjs/help-hub/context/index.js +4 -38
  19. package/dist/cjs/help-hub/context/index.js.map +1 -1
  20. package/dist/cjs/help-hub/context/types.d.ts +12 -10
  21. package/dist/cjs/help-hub/context/types.js +7 -7
  22. package/dist/cjs/help-hub/context/types.js.map +1 -1
  23. package/dist/cjs/help-hub/helpers/index.d.ts +1 -0
  24. package/dist/cjs/help-hub/{components/ContentListView → helpers}/index.js +1 -1
  25. package/dist/cjs/help-hub/helpers/index.js.map +1 -0
  26. package/dist/cjs/help-hub/helpers/transform-hits.d.ts +4 -0
  27. package/dist/cjs/help-hub/helpers/transform-hits.js +15 -0
  28. package/dist/cjs/help-hub/helpers/transform-hits.js.map +1 -0
  29. package/dist/cjs/help-hub/index.d.ts +2 -4
  30. package/dist/cjs/help-hub/index.js +3 -5
  31. package/dist/cjs/help-hub/index.js.map +1 -1
  32. package/dist/cjs/help-hub/{test-helpers → mocks}/articlePageContextOptionsMock.d.ts +0 -0
  33. package/dist/cjs/help-hub/{test-helpers → mocks}/articlePageContextOptionsMock.js +0 -0
  34. package/dist/cjs/help-hub/mocks/articlePageContextOptionsMock.js.map +1 -0
  35. package/dist/cjs/help-hub/mocks/index.d.ts +1 -0
  36. package/dist/cjs/help-hub/mocks/index.js +14 -0
  37. package/dist/cjs/help-hub/mocks/index.js.map +1 -0
  38. package/dist/cjs/help-hub/{test-helpers → mocks}/landingPageContextOptionsMock.d.ts +0 -0
  39. package/dist/cjs/help-hub/{test-helpers → mocks}/landingPageContextOptionsMock.js +4 -7
  40. package/dist/cjs/help-hub/mocks/landingPageContextOptionsMock.js.map +1 -0
  41. package/dist/cjs/help-hub/{test-helpers → mocks}/mocks.d.ts +2 -3
  42. package/dist/cjs/help-hub/mocks/mocks.js +14 -0
  43. package/dist/cjs/help-hub/mocks/mocks.js.map +1 -0
  44. package/dist/cjs/help-hub/{test-helpers → mocks}/resultsPageContextOptionsMock.d.ts +0 -0
  45. package/dist/cjs/help-hub/{test-helpers → mocks}/resultsPageContextOptionsMock.js +0 -0
  46. package/dist/cjs/help-hub/mocks/resultsPageContextOptionsMock.js.map +1 -0
  47. package/dist/cjs/help-hub/mocks/sharedMocks.d.ts +12 -0
  48. package/dist/cjs/help-hub/{test-helpers → mocks}/sharedMocks.js +20 -4
  49. package/dist/cjs/help-hub/mocks/sharedMocks.js.map +1 -0
  50. package/dist/cjs/help-hub/pages/ArticlePage.js +5 -6
  51. package/dist/cjs/help-hub/pages/ArticlePage.js.map +1 -1
  52. package/dist/cjs/help-hub/pages/LandingPage.d.ts +2 -2
  53. package/dist/cjs/help-hub/pages/LandingPage.js +14 -46
  54. package/dist/cjs/help-hub/pages/LandingPage.js.map +1 -1
  55. package/dist/cjs/help-hub/pages/ResultsPage.js +7 -11
  56. package/dist/cjs/help-hub/pages/ResultsPage.js.map +1 -1
  57. package/dist/cjs/help-hub/pages/index.d.ts +4 -0
  58. package/dist/cjs/help-hub/pages/index.js +13 -0
  59. package/dist/cjs/help-hub/pages/index.js.map +1 -0
  60. package/dist/cjs/help-hub/pages/types.d.ts +2 -3
  61. package/dist/cjs/help-hub/provider/articleProvider.d.ts +2 -1
  62. package/dist/cjs/help-hub/provider/articleProvider.js +1 -2
  63. package/dist/cjs/help-hub/provider/articleProvider.js.map +1 -1
  64. package/dist/cjs/help-hub/provider/index.d.ts +5 -3
  65. package/dist/cjs/help-hub/provider/index.js +11 -3
  66. package/dist/cjs/help-hub/provider/index.js.map +1 -1
  67. package/dist/cjs/help-hub/provider/landingPageProvider.d.ts +10 -0
  68. package/dist/cjs/help-hub/provider/landingPageProvider.js +56 -0
  69. package/dist/cjs/help-hub/provider/landingPageProvider.js.map +1 -0
  70. package/dist/cjs/help-hub/provider/resultsProvider.d.ts +2 -1
  71. package/dist/cjs/help-hub/provider/resultsProvider.js +1 -2
  72. package/dist/cjs/help-hub/provider/resultsProvider.js.map +1 -1
  73. package/dist/cjs/help-hub/provider/types.d.ts +6 -0
  74. package/dist/esm/help-hub/components/SearchBar/components/AlgoliaTheme.js +1 -1
  75. package/dist/esm/help-hub/components/SearchBar/components/AlgoliaTheme.js.map +1 -1
  76. package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js +1 -1
  77. package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js.map +1 -1
  78. package/dist/esm/help-hub/components/Templates/LayoutTemplate.d.ts +2 -2
  79. package/dist/esm/help-hub/components/Templates/LayoutTemplate.js +2 -2
  80. package/dist/esm/help-hub/components/Templates/LayoutTemplate.js.map +1 -1
  81. package/dist/esm/help-hub/components/Templates/types.d.ts +4 -3
  82. package/dist/esm/help-hub/{provider/CredentialsProvider.d.ts → context/CredentialsContextProvider.d.ts} +0 -0
  83. package/dist/esm/help-hub/{provider/CredentialsProvider.js → context/CredentialsContextProvider.js} +1 -1
  84. package/dist/esm/help-hub/context/CredentialsContextProvider.js.map +1 -0
  85. package/dist/esm/help-hub/context/HelpHubContextProvider.d.ts +7 -0
  86. package/dist/esm/help-hub/context/HelpHubContextProvider.js +21 -0
  87. package/dist/esm/help-hub/context/HelpHubContextProvider.js.map +1 -0
  88. package/dist/esm/help-hub/context/baseContext.js +0 -3
  89. package/dist/esm/help-hub/context/baseContext.js.map +1 -1
  90. package/dist/esm/help-hub/context/index.d.ts +2 -7
  91. package/dist/esm/help-hub/context/index.js +2 -20
  92. package/dist/esm/help-hub/context/index.js.map +1 -1
  93. package/dist/esm/help-hub/context/types.d.ts +12 -10
  94. package/dist/esm/help-hub/context/types.js +6 -6
  95. package/dist/esm/help-hub/context/types.js.map +1 -1
  96. package/dist/esm/help-hub/helpers/index.d.ts +1 -0
  97. package/dist/esm/help-hub/helpers/index.js +2 -0
  98. package/dist/esm/help-hub/helpers/index.js.map +1 -0
  99. package/dist/esm/help-hub/helpers/transform-hits.d.ts +4 -0
  100. package/dist/esm/help-hub/helpers/transform-hits.js +11 -0
  101. package/dist/esm/help-hub/helpers/transform-hits.js.map +1 -0
  102. package/dist/esm/help-hub/index.d.ts +2 -4
  103. package/dist/esm/help-hub/index.js +2 -4
  104. package/dist/esm/help-hub/index.js.map +1 -1
  105. package/dist/esm/help-hub/{test-helpers → mocks}/articlePageContextOptionsMock.d.ts +0 -0
  106. package/dist/esm/help-hub/{test-helpers → mocks}/articlePageContextOptionsMock.js +0 -0
  107. package/dist/esm/help-hub/mocks/articlePageContextOptionsMock.js.map +1 -0
  108. package/dist/esm/help-hub/mocks/index.d.ts +1 -0
  109. package/dist/esm/help-hub/mocks/index.js +2 -0
  110. package/dist/esm/help-hub/mocks/index.js.map +1 -0
  111. package/dist/esm/help-hub/{test-helpers → mocks}/landingPageContextOptionsMock.d.ts +0 -0
  112. package/dist/esm/help-hub/{test-helpers → mocks}/landingPageContextOptionsMock.js +5 -8
  113. package/dist/esm/help-hub/mocks/landingPageContextOptionsMock.js.map +1 -0
  114. package/dist/esm/help-hub/{test-helpers → mocks}/mocks.d.ts +2 -3
  115. package/dist/esm/help-hub/mocks/mocks.js +11 -0
  116. package/dist/esm/help-hub/mocks/mocks.js.map +1 -0
  117. package/dist/esm/help-hub/{test-helpers → mocks}/resultsPageContextOptionsMock.d.ts +0 -0
  118. package/dist/esm/help-hub/{test-helpers → mocks}/resultsPageContextOptionsMock.js +0 -0
  119. package/dist/esm/help-hub/mocks/resultsPageContextOptionsMock.js.map +1 -0
  120. package/dist/esm/help-hub/mocks/sharedMocks.d.ts +12 -0
  121. package/dist/esm/help-hub/{test-helpers → mocks}/sharedMocks.js +19 -3
  122. package/dist/esm/help-hub/mocks/sharedMocks.js.map +1 -0
  123. package/dist/esm/help-hub/pages/ArticlePage.js +5 -6
  124. package/dist/esm/help-hub/pages/ArticlePage.js.map +1 -1
  125. package/dist/esm/help-hub/pages/LandingPage.d.ts +2 -2
  126. package/dist/esm/help-hub/pages/LandingPage.js +13 -45
  127. package/dist/esm/help-hub/pages/LandingPage.js.map +1 -1
  128. package/dist/esm/help-hub/pages/ResultsPage.js +8 -12
  129. package/dist/esm/help-hub/pages/ResultsPage.js.map +1 -1
  130. package/dist/esm/help-hub/pages/index.d.ts +4 -0
  131. package/dist/esm/help-hub/pages/index.js +5 -0
  132. package/dist/esm/help-hub/pages/index.js.map +1 -0
  133. package/dist/esm/help-hub/pages/types.d.ts +2 -3
  134. package/dist/esm/help-hub/provider/articleProvider.d.ts +2 -1
  135. package/dist/esm/help-hub/provider/articleProvider.js +2 -1
  136. package/dist/esm/help-hub/provider/articleProvider.js.map +1 -1
  137. package/dist/esm/help-hub/provider/index.d.ts +5 -3
  138. package/dist/esm/help-hub/provider/index.js +5 -3
  139. package/dist/esm/help-hub/provider/index.js.map +1 -1
  140. package/dist/esm/help-hub/provider/landingPageProvider.d.ts +10 -0
  141. package/dist/esm/help-hub/provider/landingPageProvider.js +54 -0
  142. package/dist/esm/help-hub/provider/landingPageProvider.js.map +1 -0
  143. package/dist/esm/help-hub/provider/resultsProvider.d.ts +2 -1
  144. package/dist/esm/help-hub/provider/resultsProvider.js +2 -1
  145. package/dist/esm/help-hub/provider/resultsProvider.js.map +1 -1
  146. package/dist/esm/help-hub/provider/types.d.ts +6 -0
  147. package/package.json +2 -2
  148. package/dist/cjs/help-hub/components/ContentListView/ContentListView.d.ts +0 -5
  149. package/dist/cjs/help-hub/components/ContentListView/ContentListView.js +0 -34
  150. package/dist/cjs/help-hub/components/ContentListView/ContentListView.js.map +0 -1
  151. package/dist/cjs/help-hub/components/ContentListView/Introduction.d.ts +0 -7
  152. package/dist/cjs/help-hub/components/ContentListView/Introduction.js +0 -33
  153. package/dist/cjs/help-hub/components/ContentListView/Introduction.js.map +0 -1
  154. package/dist/cjs/help-hub/components/ContentListView/index.d.ts +0 -1
  155. package/dist/cjs/help-hub/components/ContentListView/index.js.map +0 -1
  156. package/dist/cjs/help-hub/provider/CredentialsProvider.js.map +0 -1
  157. package/dist/cjs/help-hub/test-helpers/articlePageContextOptionsMock.js.map +0 -1
  158. package/dist/cjs/help-hub/test-helpers/index.d.ts +0 -2
  159. package/dist/cjs/help-hub/test-helpers/index.js +0 -9
  160. package/dist/cjs/help-hub/test-helpers/index.js.map +0 -1
  161. package/dist/cjs/help-hub/test-helpers/landingPageContextOptionsMock.js.map +0 -1
  162. package/dist/cjs/help-hub/test-helpers/mocks.js +0 -14
  163. package/dist/cjs/help-hub/test-helpers/mocks.js.map +0 -1
  164. package/dist/cjs/help-hub/test-helpers/resultsPageContextOptionsMock.js.map +0 -1
  165. package/dist/cjs/help-hub/test-helpers/sharedMocks.d.ts +0 -5
  166. package/dist/cjs/help-hub/test-helpers/sharedMocks.js.map +0 -1
  167. package/dist/cjs/helpers/setupTests.d.ts +0 -1
  168. package/dist/cjs/helpers/setupTests.js +0 -4
  169. package/dist/cjs/helpers/setupTests.js.map +0 -1
  170. package/dist/cjs/helpers/testHelpers.d.ts +0 -10
  171. package/dist/cjs/helpers/testHelpers.js +0 -59
  172. package/dist/cjs/helpers/testHelpers.js.map +0 -1
  173. package/dist/esm/help-hub/components/ContentListView/ContentListView.d.ts +0 -5
  174. package/dist/esm/help-hub/components/ContentListView/ContentListView.js +0 -41
  175. package/dist/esm/help-hub/components/ContentListView/ContentListView.js.map +0 -1
  176. package/dist/esm/help-hub/components/ContentListView/Introduction.d.ts +0 -7
  177. package/dist/esm/help-hub/components/ContentListView/Introduction.js +0 -29
  178. package/dist/esm/help-hub/components/ContentListView/Introduction.js.map +0 -1
  179. package/dist/esm/help-hub/components/ContentListView/index.d.ts +0 -1
  180. package/dist/esm/help-hub/components/ContentListView/index.js +0 -2
  181. package/dist/esm/help-hub/components/ContentListView/index.js.map +0 -1
  182. package/dist/esm/help-hub/provider/CredentialsProvider.js.map +0 -1
  183. package/dist/esm/help-hub/test-helpers/articlePageContextOptionsMock.js.map +0 -1
  184. package/dist/esm/help-hub/test-helpers/index.d.ts +0 -2
  185. package/dist/esm/help-hub/test-helpers/index.js +0 -3
  186. package/dist/esm/help-hub/test-helpers/index.js.map +0 -1
  187. package/dist/esm/help-hub/test-helpers/landingPageContextOptionsMock.js.map +0 -1
  188. package/dist/esm/help-hub/test-helpers/mocks.js +0 -12
  189. package/dist/esm/help-hub/test-helpers/mocks.js.map +0 -1
  190. package/dist/esm/help-hub/test-helpers/resultsPageContextOptionsMock.js.map +0 -1
  191. package/dist/esm/help-hub/test-helpers/sharedMocks.d.ts +0 -5
  192. package/dist/esm/help-hub/test-helpers/sharedMocks.js.map +0 -1
  193. package/dist/esm/helpers/setupTests.d.ts +0 -1
  194. package/dist/esm/helpers/setupTests.js +0 -2
  195. package/dist/esm/helpers/setupTests.js.map +0 -1
  196. package/dist/esm/helpers/testHelpers.d.ts +0 -10
  197. package/dist/esm/helpers/testHelpers.js +0 -51
  198. package/dist/esm/helpers/testHelpers.js.map +0 -1
package/dist/cjs/help-hub/components/SearchBar/components/AlgoliaTheme.js CHANGED
@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.AlgoliaStyling = void 0;
8
8
  var newskit_1 = require("newskit");
9
- exports.AlgoliaStyling = (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n /* ---------------- */\n /* 1. CSS Variables */\n /* 2. Dark Mode */\n /* 3. Autocomplete */\n /* 4. Panel */\n /* 5. Sources */\n /* 6. Hit Layout */\n /* 7. Panel Header */\n /* 8. Panel Footer */\n /* 9. Detached Mode */\n /* 10. Gradients */\n /* 11. Utilities */\n /* ---------------- */\n /* Note: */\n /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n /* We use the SASS function to keep specificity low. */\n /* ---------------- */\n /* 1. CSS Variables */\n /* ---------------- */\n :root {\n /* Input */\n --aa-search-input-height: 44px;\n --aa-input-icon-size: 20px;\n /* Size and spacing */\n --aa-base-unit: 16;\n --aa-spacing-factor: 1;\n --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n --aa-spacing-half: calc(var(--aa-spacing) / 2);\n --aa-panel-max-height: 650px;\n /* Z-index */\n --aa-base-z-index: 9999;\n /* Font */\n --aa-font-size: calc(var(--aa-base-unit) * 1px);\n --aa-font-family: inherit;\n --aa-font-weight-medium: 500;\n --aa-font-weight-semibold: 600;\n --aa-font-weight-bold: 700;\n /* Icons */\n --aa-icon-size: 20px;\n --aa-icon-stroke-width: 1.6;\n --aa-icon-color-rgb: 119, 119, 163;\n --aa-icon-color-alpha: 1;\n --aa-action-icon-size: 20px;\n /* Text colors */\n --aa-text-color-rgb: 38, 38, 39;\n --aa-text-color-alpha: 1;\n --aa-primary-color-rgb: 62, 52, 211;\n --aa-primary-color-alpha: 0.2;\n --aa-muted-color-rgb: 128, 126, 163;\n --aa-muted-color-alpha: 0.6;\n /* Border colors */\n --aa-panel-border-color-rgb: 128, 126, 163;\n --aa-panel-border-color-alpha: 0.3;\n --aa-input-border-color-rgb: 128, 126, 163;\n --aa-input-border-color-alpha: 0.8;\n /* Background colors */\n --aa-background-color-rgb: 255, 255, 255;\n --aa-background-color-alpha: 1;\n --aa-input-background-color-rgb: 255, 255, 255;\n --aa-input-background-color-alpha: 1;\n --aa-selected-color-rgb: 179, 173, 214;\n --aa-selected-color-alpha: 0.205;\n --aa-description-highlight-background-color-rgb: 245, 223, 77;\n --aa-description-highlight-background-color-alpha: 0.5;\n /* Detached mode */\n --aa-detached-media-query: (max-width: 680px);\n --aa-detached-modal-media-query: (min-width: 680px);\n --aa-detached-modal-max-width: 680px;\n --aa-detached-modal-max-height: 500px;\n --aa-overlay-color-rgb: 115, 114, 129;\n --aa-overlay-color-alpha: 0.4;\n /* Shadows */\n --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n /* Scrollbar */\n --aa-scrollbar-width: 13px;\n --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n --aa-scrollbar-track-background-color-alpha: 1;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n --aa-scrollbar-thumb-background-color-alpha: 1;\n /* Touch screens */\n }\n @media (hover: none) and (pointer: coarse) {\n :root {\n --aa-spacing-factor: 1.2;\n --aa-action-icon-size: 22px;\n }\n }\n\n /* ---------------- */\n /* 2. Dark Mode */\n /* ---------------- */\n body {\n /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n }\n body[data-theme='dark'],\n body.dark {\n /* Text colors */\n --aa-text-color-rgb: 183, 192, 199;\n --aa-primary-color-rgb: 146, 138, 255;\n --aa-muted-color-rgb: 146, 138, 255;\n /* Background colors */\n --aa-input-background-color-rgb: 0, 3, 9;\n --aa-background-color-rgb: 21, 24, 42;\n --aa-selected-color-rgb: 146, 138, 255;\n --aa-selected-color-alpha: 0.25;\n --aa-description-highlight-background-color-rgb: 0 255 255;\n --aa-description-highlight-background-color-alpha: 0.25;\n /* Icons */\n --aa-icon-color-rgb: 119, 119, 163;\n /* Shadows */\n --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n 0 3px 8px 0 rgb(0, 3, 9);\n /* Scrollbar */\n --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n }\n\n /* Reset for */\n .aa-Panel *,\n .aa-Autocomplete *,\n .aa-DetachedFormContainer * {\n box-sizing: border-box;\n }\n\n /* Init for */\n .aa-Panel,\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n font-weight: normal;\n line-height: 1em;\n margin: 0;\n padding: 0;\n text-align: left;\n }\n\n /* ---------------- */\n /* 3. Autocomplete */\n /* ---------------- */\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n /* Search box */\n }\n .aa-Form {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n display: flex;\n line-height: 1em;\n margin: 0;\n position: relative;\n width: 100%;\n }\n .aa-Form[focus-within] {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-Form:focus-within {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-InputWrapperPrefix {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 1;\n /* Container for search and loading icons */\n }\n .aa-Label,\n .aa-LoadingIndicator {\n cursor: auto;\n cursor: initial;\n flex-shrink: 0;\n height: 100%;\n padding: 0;\n text-align: left;\n }\n .aa-Label svg,\n .aa-LoadingIndicator svg {\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n height: auto;\n max-height: 20px;\n max-height: var(--aa-input-icon-size);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-input-icon-size);\n }\n\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n height: 100%;\n padding-left: 11px;\n padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n padding-right: 8px;\n padding-right: var(--aa-spacing-half);\n width: 47px;\n width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n padding-left: 3px;\n padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n width: 39px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n }\n }\n\n .aa-SubmitButton {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n }\n\n .aa-LoadingIndicator {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n .aa-LoadingIndicator[hidden] {\n display: none;\n }\n\n .aa-InputWrapper {\n order: 3;\n position: relative;\n width: 100%;\n /* Search box input (with placeholder and query) */\n }\n .aa-Input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font: inherit;\n height: 44px;\n height: var(--aa-search-input-height);\n padding: 0;\n width: 100%;\n /* Focus is set and styled on the parent, it isn't necessary here */\n /* Remove native appearence */\n }\n .aa-Input::-moz-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:-ms-input-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input::placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:focus {\n border-color: none;\n box-shadow: none;\n outline: none;\n }\n .aa-Input::-webkit-search-decoration,\n .aa-Input::-webkit-search-cancel-button,\n .aa-Input::-webkit-search-results-button,\n .aa-Input::-webkit-search-results-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n\n .aa-InputWrapperSuffix {\n align-items: center;\n display: flex;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 4;\n /* Accelerator to clear the query */\n }\n .aa-ClearButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n height: 100%;\n margin: 0;\n padding: 0 12.8333333333px;\n padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ClearButton {\n padding: 0 10.1666666667px;\n padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n }\n }\n .aa-ClearButton:hover,\n .aa-ClearButton:focus {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n .aa-ClearButton[hidden] {\n display: none;\n }\n .aa-ClearButton svg {\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-icon-size);\n }\n\n /* ---------------- */\n /* 4. Panel */\n /* ---------------- */\n .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 4px;\n border-radius: calc(var(--aa-spacing) / 4);\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n margin: 8px 0 0;\n overflow: hidden;\n position: absolute;\n transition: opacity 200ms ease-in, filter 200ms ease-in;\n /* When a request isn't resolved yet */\n }\n @media screen and (prefers-reduced-motion) {\n .aa-Panel {\n transition: none;\n }\n }\n .aa-Panel button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .aa-PanelLayout {\n height: 100%;\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-y: auto;\n padding: 0;\n position: relative;\n text-align: left;\n }\n .aa-PanelLayoutColumns--twoGolden {\n display: grid;\n grid-template-columns: 39.2% auto;\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--three {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-Panel--stalled .aa-Source {\n filter: grayscale(1);\n opacity: 0.8;\n }\n\n .aa-Panel--scrollable {\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-x: hidden;\n overflow-y: auto;\n padding: 8px;\n padding: var(--aa-spacing-half);\n scrollbar-color: white #eaeaea;\n scrollbar-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n )\n rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n scrollbar-width: thin;\n }\n .aa-Panel--scrollable::-webkit-scrollbar {\n width: 13px;\n width: var(--aa-scrollbar-width);\n }\n .aa-Panel--scrollable::-webkit-scrollbar-track {\n background-color: #eaeaea;\n background-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n }\n .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n background-color: white;\n background-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n );\n border-color: #eaeaea;\n border-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n border-radius: 9999px;\n border-style: solid;\n border-width: 3px 2px 3px 3px;\n }\n\n /* ---------------- */\n /* 5. Sources */\n /* Each source can be styled independently */\n /* ---------------- */\n .aa-Source {\n margin: 0;\n padding: 0;\n position: relative;\n width: 100%;\n /* List of results inside the source */\n /* Source title */\n /* See all button */\n }\n .aa-Source:empty {\n /* Hide empty section */\n display: none;\n }\n .aa-SourceNoResults {\n font-size: 1em;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n }\n\n .aa-List {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n .aa-SourceHeader {\n margin: 8px 0.5em 8px 0;\n margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n padding: 0;\n position: relative;\n /* Hide empty header */\n /* Title typography */\n /* Line separator */\n }\n .aa-SourceHeader:empty {\n display: none;\n }\n .aa-SourceHeaderTitle {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n display: inline-block;\n font-size: 0.8em;\n font-weight: 600;\n font-weight: var(--aa-font-weight-semibold);\n margin: 0;\n padding: 0 8px 0 0;\n padding: 0 var(--aa-spacing-half) 0 0;\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-SourceHeaderLine {\n border-bottom: solid 1px #3e34d3;\n border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n display: block;\n height: 2px;\n left: 0;\n margin: 0;\n opacity: 0.3;\n padding: 0;\n position: absolute;\n right: 0;\n top: 8px;\n top: var(--aa-spacing-half);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n .aa-SourceFooterSeeAll {\n background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n background: linear-gradient(\n 180deg,\n rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n rgba(128, 126, 163, 0.14)\n );\n border: 1px solid rgba(128, 126, 163, 0.6);\n border: 1px solid\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n border-radius: 5px;\n box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n color: inherit;\n font-size: 0.95em;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n padding: 0.475em 1em 0.6em;\n text-decoration: none;\n }\n .aa-SourceFooterSeeAll:focus,\n .aa-SourceFooterSeeAll:hover {\n border: 1px solid #3e34d3;\n border: 1px solid rgba(var(--aa-primary-color-rgb), 1);\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n }\n\n /* ---------------- */\n /* 6. Hit Layout */\n /* ---------------- */\n .aa-Item {\n align-items: center;\n border-radius: 3px;\n cursor: pointer;\n display: grid;\n min-height: 40px;\n min-height: calc(var(--aa-spacing) * 2.5);\n padding: 4px;\n padding: calc(var(--aa-spacing-half) / 2);\n /* When the result is active */\n /* The result type icon inlined SVG or image */\n /* wrap hit with url but we don't need to see it */\n /* Secondary click actions */\n }\n .aa-Item[aria-selected='true'] {\n background-color: rgba(179, 173, 214, 0.205);\n background-color: rgba(\n var(--aa-selected-color-rgb),\n var(--aa-selected-color-alpha)\n );\n }\n .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n visibility: visible;\n }\n .aa-ItemIcon {\n align-items: center;\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n color: #7777a3;\n color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n display: flex;\n flex-shrink: 0;\n font-size: 0.7em;\n height: 28px;\n height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n justify-content: center;\n overflow: hidden;\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n text-align: center;\n width: 28px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n }\n .aa-ItemIcon img {\n height: auto;\n max-height: 20px;\n max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n max-width: 20px;\n max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n width: auto;\n }\n .aa-ItemIcon svg {\n height: 20px;\n height: var(--aa-icon-size);\n width: 20px;\n width: var(--aa-icon-size);\n }\n .aa-ItemIcon--alignTop {\n align-self: flex-start;\n }\n\n .aa-ItemIcon--noBorder {\n background: none;\n box-shadow: none;\n }\n\n .aa-ItemIcon--picture {\n height: 96px;\n width: 96px;\n }\n .aa-ItemIcon--picture img {\n max-height: 100%;\n max-width: 100%;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n\n .aa-ItemContent {\n align-items: center;\n cursor: pointer;\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n line-height: 1.25em;\n overflow: hidden;\n }\n .aa-ItemContent:empty {\n display: none;\n }\n .aa-ItemContent mark {\n background: none;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 700;\n font-weight: var(--aa-font-weight-bold);\n }\n .aa-ItemContent--dual {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n text-align: left;\n }\n .aa-ItemContent--dual .aa-ItemContentTitle,\n .aa-ItemContent--dual .aa-ItemContentSubtitle {\n display: block;\n }\n\n .aa-ItemContent--indented {\n padding-left: 36px;\n padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-ItemContentBody {\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n }\n\n .aa-ItemContentTitle {\n display: inline-block;\n margin: 0 0.5em 0 0;\n max-width: 100%;\n overflow: hidden;\n padding: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .aa-ItemContentSubtitle {\n font-size: 0.92em;\n }\n .aa-ItemContentSubtitleIcon::before {\n border-color: rgba(128, 126, 163, 0.64);\n border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n border-style: solid;\n content: '';\n display: inline-block;\n left: 1px;\n position: relative;\n top: -3px;\n }\n\n .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n border-width: 0 0 1.5px;\n margin-left: 8px;\n margin-left: var(--aa-spacing-half);\n margin-right: 4px;\n margin-right: calc(var(--aa-spacing-half) / 2);\n width: 10px;\n width: calc(var(--aa-spacing-half) + 2px);\n }\n\n .aa-ItemContentSubtitle--standalone {\n align-items: center;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n justify-content: start;\n }\n .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n border-radius: 0 0 0 3px;\n border-width: 0 0 1.5px 1.5px;\n height: 8px;\n height: var(--aa-spacing-half);\n width: 8px;\n width: var(--aa-spacing-half);\n }\n\n .aa-ItemContentSubtitleCategory {\n color: #807ea3;\n color: rgba(var(--aa-muted-color-rgb), 1);\n font-weight: 500;\n }\n\n .aa-ItemContentDescription {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-size: 0.85em;\n max-width: 100%;\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n .aa-ItemContentDescription:empty {\n display: none;\n }\n .aa-ItemContentDescription mark {\n background: rgba(245, 223, 77, 0.5);\n background: rgba(\n var(--aa-description-highlight-background-color-rgb),\n var(--aa-description-highlight-background-color-alpha)\n );\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n }\n\n .aa-ItemContentDash {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n display: none;\n opacity: 0.4;\n }\n\n .aa-ItemContentTag {\n background-color: rgba(62, 52, 211, 0.2);\n background-color: rgba(\n var(--aa-primary-color-rgb),\n var(--aa-primary-color-alpha)\n );\n border-radius: 3px;\n margin: 0 0.4em 0 0;\n padding: 0.08em 0.3em;\n }\n\n .aa-ItemWrapper,\n .aa-ItemLink {\n align-items: center;\n color: inherit;\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n grid-auto-flow: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .aa-ItemLink {\n color: inherit;\n text-decoration: none;\n }\n\n .aa-ItemActions {\n display: grid;\n grid-auto-flow: column;\n height: 100%;\n justify-self: end;\n margin: 0 -5.3333333333px;\n margin: 0 calc(var(--aa-spacing) / -3);\n padding: 0 2px 0 0;\n }\n\n .aa-ItemActionButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n padding: 0;\n }\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: inherit;\n }\n }\n .aa-ItemActionButton svg {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n margin: 0;\n margin: 5.3333333333px;\n margin: calc(var(--aa-spacing) / 3);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-action-icon-size);\n }\n\n .aa-ActiveOnly {\n visibility: hidden;\n }\n\n /*---------------- */\n /* 7. Panel Header */\n /*---------------- */\n .aa-PanelHeader {\n align-items: center;\n background: #3e34d3;\n background: rgba(var(--aa-primary-color-rgb), 1);\n color: #fff;\n display: grid;\n height: var(--aa-modal-header-height);\n margin: 0;\n padding: 8px 16px;\n padding: var(--aa-spacing-half) var(--aa-spacing);\n position: relative;\n }\n .aa-PanelHeader::after {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n bottom: -8px;\n bottom: calc(var(--aa-spacing-half) * -1);\n content: '';\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n /*---------------- */\n /* 8. Panel Footer */\n /*---------------- */\n .aa-PanelFooter {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 1px 0\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-PanelFooter::after {\n background-image: linear-gradient(\n rgba(255, 255, 255, 0),\n rgba(128, 126, 163, 0.6)\n );\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n );\n content: '';\n height: 16px;\n height: var(--aa-spacing);\n left: 0;\n opacity: 0.12;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: -16px;\n top: calc(var(--aa-spacing) * -1);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 9. Detached Mode */\n /*---------------- */\n .aa-DetachedContainer {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n bottom: 0;\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n display: flex;\n flex-direction: column;\n left: 0;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-DetachedContainer::after {\n height: 32px;\n }\n .aa-DetachedContainer .aa-SourceHeader {\n margin: 8px 0 8px 2px;\n margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n }\n .aa-DetachedContainer .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 0;\n box-shadow: none;\n flex-grow: 1;\n margin: 0;\n padding: 0;\n position: relative;\n }\n .aa-DetachedContainer .aa-PanelLayout {\n bottom: 0;\n box-shadow: none;\n left: 0;\n margin: 0;\n max-height: none;\n overflow-y: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n }\n .aa-DetachedFormContainer {\n border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n border-bottom: solid 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin: 0;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton {\n background: none;\n border: 0;\n border-radius: 3px;\n color: inherit;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n cursor: pointer;\n font: inherit;\n margin: 0 0 0 8px;\n margin: 0 0 0 var(--aa-spacing-half);\n padding: 0 8px;\n padding: 0 var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton:hover,\n .aa-DetachedCancelButton:focus {\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n }\n\n .aa-DetachedContainer--modal {\n border-radius: 6px;\n bottom: inherit;\n height: auto;\n margin: 0 auto;\n max-width: 680px;\n max-width: var(--aa-detached-modal-max-width);\n position: absolute;\n top: 3%;\n }\n .aa-DetachedContainer--modal .aa-PanelLayout {\n max-height: 500px;\n max-height: var(--aa-detached-modal-max-height);\n padding-bottom: 8px;\n padding-bottom: var(--aa-spacing-half);\n position: static;\n }\n\n /* Search Button */\n .aa-DetachedSearchButton {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n font: inherit;\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n height: 44px;\n height: var(--aa-search-input-height);\n margin: 0;\n padding: 0 5.5px;\n padding: 0 calc(var(--aa-search-input-height) / 8);\n position: relative;\n text-align: left;\n width: 100%;\n }\n .aa-DetachedSearchButton:focus {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 3px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-DetachedSearchButtonIcon {\n align-items: center;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n cursor: auto;\n cursor: initial;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 36px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-Detached {\n height: 100vh;\n overflow: hidden;\n }\n\n .aa-DetachedOverlay {\n background-color: rgba(115, 114, 129, 0.4);\n background-color: rgba(\n var(--aa-overlay-color-rgb),\n var(--aa-overlay-color-alpha)\n );\n height: 100vh;\n left: 0;\n margin: 0;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 10. Gradients */\n /*---------------- */\n .aa-GradientTop,\n .aa-GradientBottom {\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-GradientTop {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n top: 0;\n }\n\n .aa-GradientBottom {\n background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-background-color-rgb), 1)\n );\n border-bottom-left-radius: 4px;\n border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n border-bottom-right-radius: 4px;\n border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n bottom: 0;\n }\n\n /*---------------- */\n /* 11. Utilities */\n /*---------------- */\n @media (hover: none) and (pointer: coarse) {\n .aa-DesktopOnly {\n display: none;\n }\n }\n\n @media (hover: hover) {\n .aa-TouchOnly {\n display: none;\n }\n }\n"], ["\n /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n /* ---------------- */\n /* 1. CSS Variables */\n /* 2. Dark Mode */\n /* 3. Autocomplete */\n /* 4. Panel */\n /* 5. Sources */\n /* 6. Hit Layout */\n /* 7. Panel Header */\n /* 8. Panel Footer */\n /* 9. Detached Mode */\n /* 10. Gradients */\n /* 11. Utilities */\n /* ---------------- */\n /* Note: */\n /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n /* We use the SASS function to keep specificity low. */\n /* ---------------- */\n /* 1. CSS Variables */\n /* ---------------- */\n :root {\n /* Input */\n --aa-search-input-height: 44px;\n --aa-input-icon-size: 20px;\n /* Size and spacing */\n --aa-base-unit: 16;\n --aa-spacing-factor: 1;\n --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n --aa-spacing-half: calc(var(--aa-spacing) / 2);\n --aa-panel-max-height: 650px;\n /* Z-index */\n --aa-base-z-index: 9999;\n /* Font */\n --aa-font-size: calc(var(--aa-base-unit) * 1px);\n --aa-font-family: inherit;\n --aa-font-weight-medium: 500;\n --aa-font-weight-semibold: 600;\n --aa-font-weight-bold: 700;\n /* Icons */\n --aa-icon-size: 20px;\n --aa-icon-stroke-width: 1.6;\n --aa-icon-color-rgb: 119, 119, 163;\n --aa-icon-color-alpha: 1;\n --aa-action-icon-size: 20px;\n /* Text colors */\n --aa-text-color-rgb: 38, 38, 39;\n --aa-text-color-alpha: 1;\n --aa-primary-color-rgb: 62, 52, 211;\n --aa-primary-color-alpha: 0.2;\n --aa-muted-color-rgb: 128, 126, 163;\n --aa-muted-color-alpha: 0.6;\n /* Border colors */\n --aa-panel-border-color-rgb: 128, 126, 163;\n --aa-panel-border-color-alpha: 0.3;\n --aa-input-border-color-rgb: 128, 126, 163;\n --aa-input-border-color-alpha: 0.8;\n /* Background colors */\n --aa-background-color-rgb: 255, 255, 255;\n --aa-background-color-alpha: 1;\n --aa-input-background-color-rgb: 255, 255, 255;\n --aa-input-background-color-alpha: 1;\n --aa-selected-color-rgb: 179, 173, 214;\n --aa-selected-color-alpha: 0.205;\n --aa-description-highlight-background-color-rgb: 245, 223, 77;\n --aa-description-highlight-background-color-alpha: 0.5;\n /* Detached mode */\n --aa-detached-media-query: (max-width: 680px);\n --aa-detached-modal-media-query: (min-width: 680px);\n --aa-detached-modal-max-width: 680px;\n --aa-detached-modal-max-height: 500px;\n --aa-overlay-color-rgb: 115, 114, 129;\n --aa-overlay-color-alpha: 0.4;\n /* Shadows */\n --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n /* Scrollbar */\n --aa-scrollbar-width: 13px;\n --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n --aa-scrollbar-track-background-color-alpha: 1;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n --aa-scrollbar-thumb-background-color-alpha: 1;\n /* Touch screens */\n }\n @media (hover: none) and (pointer: coarse) {\n :root {\n --aa-spacing-factor: 1.2;\n --aa-action-icon-size: 22px;\n }\n }\n\n /* ---------------- */\n /* 2. Dark Mode */\n /* ---------------- */\n body {\n /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n }\n body[data-theme='dark'],\n body.dark {\n /* Text colors */\n --aa-text-color-rgb: 183, 192, 199;\n --aa-primary-color-rgb: 146, 138, 255;\n --aa-muted-color-rgb: 146, 138, 255;\n /* Background colors */\n --aa-input-background-color-rgb: 0, 3, 9;\n --aa-background-color-rgb: 21, 24, 42;\n --aa-selected-color-rgb: 146, 138, 255;\n --aa-selected-color-alpha: 0.25;\n --aa-description-highlight-background-color-rgb: 0 255 255;\n --aa-description-highlight-background-color-alpha: 0.25;\n /* Icons */\n --aa-icon-color-rgb: 119, 119, 163;\n /* Shadows */\n --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n 0 3px 8px 0 rgb(0, 3, 9);\n /* Scrollbar */\n --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n }\n\n /* Reset for */\n .aa-Panel *,\n .aa-Autocomplete *,\n .aa-DetachedFormContainer * {\n box-sizing: border-box;\n }\n\n /* Init for */\n .aa-Panel,\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n font-weight: normal;\n line-height: 1em;\n margin: 0;\n padding: 0;\n text-align: left;\n }\n\n /* ---------------- */\n /* 3. Autocomplete */\n /* ---------------- */\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n /* Search box */\n }\n .aa-Form {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n display: flex;\n line-height: 1em;\n margin: 0;\n position: relative;\n width: 100%;\n }\n .aa-Form[focus-within] {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-Form:focus-within {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-InputWrapperPrefix {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 1;\n /* Container for search and loading icons */\n }\n .aa-Label,\n .aa-LoadingIndicator {\n cursor: auto;\n cursor: initial;\n flex-shrink: 0;\n height: 100%;\n padding: 0;\n text-align: left;\n }\n .aa-Label svg,\n .aa-LoadingIndicator svg {\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n height: auto;\n max-height: 20px;\n max-height: var(--aa-input-icon-size);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-input-icon-size);\n }\n\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n height: 100%;\n padding-left: 11px;\n padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n padding-right: 8px;\n padding-right: var(--aa-spacing-half);\n width: 47px;\n width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n padding-left: 3px;\n padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n width: 39px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n }\n }\n\n .aa-SubmitButton {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n }\n\n .aa-LoadingIndicator {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n .aa-LoadingIndicator[hidden] {\n display: none;\n }\n\n .aa-InputWrapper {\n order: 3;\n position: relative;\n width: 100%;\n /* Search box input (with placeholder and query) */\n }\n .aa-Input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font: inherit;\n height: 44px;\n height: var(--aa-search-input-height);\n padding: 0;\n width: 100%;\n /* Focus is set and styled on the parent, it isn't necessary here */\n /* Remove native appearence */\n }\n .aa-Input::-moz-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:-ms-input-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input::placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:focus {\n border-color: none;\n box-shadow: none;\n outline: none;\n }\n .aa-Input::-webkit-search-decoration,\n .aa-Input::-webkit-search-cancel-button,\n .aa-Input::-webkit-search-results-button,\n .aa-Input::-webkit-search-results-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n\n .aa-InputWrapperSuffix {\n align-items: center;\n display: flex;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 4;\n /* Accelerator to clear the query */\n }\n .aa-ClearButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n height: 100%;\n margin: 0;\n padding: 0 12.8333333333px;\n padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ClearButton {\n padding: 0 10.1666666667px;\n padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n }\n }\n .aa-ClearButton:hover,\n .aa-ClearButton:focus {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n .aa-ClearButton[hidden] {\n display: none;\n }\n .aa-ClearButton svg {\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-icon-size);\n }\n\n /* ---------------- */\n /* 4. Panel */\n /* ---------------- */\n .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 4px;\n border-radius: calc(var(--aa-spacing) / 4);\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n margin: 8px 0 0;\n overflow: hidden;\n position: absolute;\n transition: opacity 200ms ease-in, filter 200ms ease-in;\n /* When a request isn't resolved yet */\n }\n @media screen and (prefers-reduced-motion) {\n .aa-Panel {\n transition: none;\n }\n }\n .aa-Panel button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .aa-PanelLayout {\n height: 100%;\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-y: auto;\n padding: 0;\n position: relative;\n text-align: left;\n }\n .aa-PanelLayoutColumns--twoGolden {\n display: grid;\n grid-template-columns: 39.2% auto;\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--three {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-Panel--stalled .aa-Source {\n filter: grayscale(1);\n opacity: 0.8;\n }\n\n .aa-Panel--scrollable {\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-x: hidden;\n overflow-y: auto;\n padding: 8px;\n padding: var(--aa-spacing-half);\n scrollbar-color: white #eaeaea;\n scrollbar-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n )\n rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n scrollbar-width: thin;\n }\n .aa-Panel--scrollable::-webkit-scrollbar {\n width: 13px;\n width: var(--aa-scrollbar-width);\n }\n .aa-Panel--scrollable::-webkit-scrollbar-track {\n background-color: #eaeaea;\n background-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n }\n .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n background-color: white;\n background-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n );\n border-color: #eaeaea;\n border-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n border-radius: 9999px;\n border-style: solid;\n border-width: 3px 2px 3px 3px;\n }\n\n /* ---------------- */\n /* 5. Sources */\n /* Each source can be styled independently */\n /* ---------------- */\n .aa-Source {\n margin: 0;\n padding: 0;\n position: relative;\n width: 100%;\n /* List of results inside the source */\n /* Source title */\n /* See all button */\n }\n .aa-Source:empty {\n /* Hide empty section */\n display: none;\n }\n .aa-SourceNoResults {\n font-size: 1em;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n }\n\n .aa-List {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n .aa-SourceHeader {\n margin: 8px 0.5em 8px 0;\n margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n padding: 0;\n position: relative;\n /* Hide empty header */\n /* Title typography */\n /* Line separator */\n }\n .aa-SourceHeader:empty {\n display: none;\n }\n .aa-SourceHeaderTitle {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n display: inline-block;\n font-size: 0.8em;\n font-weight: 600;\n font-weight: var(--aa-font-weight-semibold);\n margin: 0;\n padding: 0 8px 0 0;\n padding: 0 var(--aa-spacing-half) 0 0;\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-SourceHeaderLine {\n border-bottom: solid 1px #3e34d3;\n border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n display: block;\n height: 2px;\n left: 0;\n margin: 0;\n opacity: 0.3;\n padding: 0;\n position: absolute;\n right: 0;\n top: 8px;\n top: var(--aa-spacing-half);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n .aa-SourceFooterSeeAll {\n background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n background: linear-gradient(\n 180deg,\n rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n rgba(128, 126, 163, 0.14)\n );\n border: 1px solid rgba(128, 126, 163, 0.6);\n border: 1px solid\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n border-radius: 5px;\n box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n color: inherit;\n font-size: 0.95em;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n padding: 0.475em 1em 0.6em;\n text-decoration: none;\n }\n .aa-SourceFooterSeeAll:focus,\n .aa-SourceFooterSeeAll:hover {\n border: 1px solid #3e34d3;\n border: 1px solid rgba(var(--aa-primary-color-rgb), 1);\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n }\n\n /* ---------------- */\n /* 6. Hit Layout */\n /* ---------------- */\n .aa-Item {\n align-items: center;\n border-radius: 3px;\n cursor: pointer;\n display: grid;\n min-height: 40px;\n min-height: calc(var(--aa-spacing) * 2.5);\n padding: 4px;\n padding: calc(var(--aa-spacing-half) / 2);\n /* When the result is active */\n /* The result type icon inlined SVG or image */\n /* wrap hit with url but we don't need to see it */\n /* Secondary click actions */\n }\n .aa-Item[aria-selected='true'] {\n background-color: rgba(179, 173, 214, 0.205);\n background-color: rgba(\n var(--aa-selected-color-rgb),\n var(--aa-selected-color-alpha)\n );\n }\n .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n visibility: visible;\n }\n .aa-ItemIcon {\n align-items: center;\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n color: #7777a3;\n color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n display: flex;\n flex-shrink: 0;\n font-size: 0.7em;\n height: 28px;\n height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n justify-content: center;\n overflow: hidden;\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n text-align: center;\n width: 28px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n }\n .aa-ItemIcon img {\n height: auto;\n max-height: 20px;\n max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n max-width: 20px;\n max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n width: auto;\n }\n .aa-ItemIcon svg {\n height: 20px;\n height: var(--aa-icon-size);\n width: 20px;\n width: var(--aa-icon-size);\n }\n .aa-ItemIcon--alignTop {\n align-self: flex-start;\n }\n\n .aa-ItemIcon--noBorder {\n background: none;\n box-shadow: none;\n }\n\n .aa-ItemIcon--picture {\n height: 96px;\n width: 96px;\n }\n .aa-ItemIcon--picture img {\n max-height: 100%;\n max-width: 100%;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n\n .aa-ItemContent {\n align-items: center;\n cursor: pointer;\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n line-height: 1.25em;\n overflow: hidden;\n }\n .aa-ItemContent:empty {\n display: none;\n }\n .aa-ItemContent mark {\n background: none;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 700;\n font-weight: var(--aa-font-weight-bold);\n }\n .aa-ItemContent--dual {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n text-align: left;\n }\n .aa-ItemContent--dual .aa-ItemContentTitle,\n .aa-ItemContent--dual .aa-ItemContentSubtitle {\n display: block;\n }\n\n .aa-ItemContent--indented {\n padding-left: 36px;\n padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-ItemContentBody {\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n }\n\n .aa-ItemContentTitle {\n display: inline-block;\n margin: 0 0.5em 0 0;\n max-width: 100%;\n overflow: hidden;\n padding: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .aa-ItemContentSubtitle {\n font-size: 0.92em;\n }\n .aa-ItemContentSubtitleIcon::before {\n border-color: rgba(128, 126, 163, 0.64);\n border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n border-style: solid;\n content: '';\n display: inline-block;\n left: 1px;\n position: relative;\n top: -3px;\n }\n\n .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n border-width: 0 0 1.5px;\n margin-left: 8px;\n margin-left: var(--aa-spacing-half);\n margin-right: 4px;\n margin-right: calc(var(--aa-spacing-half) / 2);\n width: 10px;\n width: calc(var(--aa-spacing-half) + 2px);\n }\n\n .aa-ItemContentSubtitle--standalone {\n align-items: center;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n justify-content: start;\n }\n .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n border-radius: 0 0 0 3px;\n border-width: 0 0 1.5px 1.5px;\n height: 8px;\n height: var(--aa-spacing-half);\n width: 8px;\n width: var(--aa-spacing-half);\n }\n\n .aa-ItemContentSubtitleCategory {\n color: #807ea3;\n color: rgba(var(--aa-muted-color-rgb), 1);\n font-weight: 500;\n }\n\n .aa-ItemContentDescription {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-size: 0.85em;\n max-width: 100%;\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n .aa-ItemContentDescription:empty {\n display: none;\n }\n .aa-ItemContentDescription mark {\n background: rgba(245, 223, 77, 0.5);\n background: rgba(\n var(--aa-description-highlight-background-color-rgb),\n var(--aa-description-highlight-background-color-alpha)\n );\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n }\n\n .aa-ItemContentDash {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n display: none;\n opacity: 0.4;\n }\n\n .aa-ItemContentTag {\n background-color: rgba(62, 52, 211, 0.2);\n background-color: rgba(\n var(--aa-primary-color-rgb),\n var(--aa-primary-color-alpha)\n );\n border-radius: 3px;\n margin: 0 0.4em 0 0;\n padding: 0.08em 0.3em;\n }\n\n .aa-ItemWrapper,\n .aa-ItemLink {\n align-items: center;\n color: inherit;\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n grid-auto-flow: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .aa-ItemLink {\n color: inherit;\n text-decoration: none;\n }\n\n .aa-ItemActions {\n display: grid;\n grid-auto-flow: column;\n height: 100%;\n justify-self: end;\n margin: 0 -5.3333333333px;\n margin: 0 calc(var(--aa-spacing) / -3);\n padding: 0 2px 0 0;\n }\n\n .aa-ItemActionButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n padding: 0;\n }\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: inherit;\n }\n }\n .aa-ItemActionButton svg {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n margin: 0;\n margin: 5.3333333333px;\n margin: calc(var(--aa-spacing) / 3);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-action-icon-size);\n }\n\n .aa-ActiveOnly {\n visibility: hidden;\n }\n\n /*---------------- */\n /* 7. Panel Header */\n /*---------------- */\n .aa-PanelHeader {\n align-items: center;\n background: #3e34d3;\n background: rgba(var(--aa-primary-color-rgb), 1);\n color: #fff;\n display: grid;\n height: var(--aa-modal-header-height);\n margin: 0;\n padding: 8px 16px;\n padding: var(--aa-spacing-half) var(--aa-spacing);\n position: relative;\n }\n .aa-PanelHeader::after {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n bottom: -8px;\n bottom: calc(var(--aa-spacing-half) * -1);\n content: '';\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n /*---------------- */\n /* 8. Panel Footer */\n /*---------------- */\n .aa-PanelFooter {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 1px 0\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-PanelFooter::after {\n background-image: linear-gradient(\n rgba(255, 255, 255, 0),\n rgba(128, 126, 163, 0.6)\n );\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n );\n content: '';\n height: 16px;\n height: var(--aa-spacing);\n left: 0;\n opacity: 0.12;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: -16px;\n top: calc(var(--aa-spacing) * -1);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 9. Detached Mode */\n /*---------------- */\n .aa-DetachedContainer {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n bottom: 0;\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n display: flex;\n flex-direction: column;\n left: 0;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-DetachedContainer::after {\n height: 32px;\n }\n .aa-DetachedContainer .aa-SourceHeader {\n margin: 8px 0 8px 2px;\n margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n }\n .aa-DetachedContainer .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 0;\n box-shadow: none;\n flex-grow: 1;\n margin: 0;\n padding: 0;\n position: relative;\n }\n .aa-DetachedContainer .aa-PanelLayout {\n bottom: 0;\n box-shadow: none;\n left: 0;\n margin: 0;\n max-height: none;\n overflow-y: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n }\n .aa-DetachedFormContainer {\n border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n border-bottom: solid 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin: 0;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton {\n background: none;\n border: 0;\n border-radius: 3px;\n color: inherit;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n cursor: pointer;\n font: inherit;\n margin: 0 0 0 8px;\n margin: 0 0 0 var(--aa-spacing-half);\n padding: 0 8px;\n padding: 0 var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton:hover,\n .aa-DetachedCancelButton:focus {\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n }\n\n .aa-DetachedContainer--modal {\n border-radius: 6px;\n bottom: inherit;\n height: auto;\n margin: 0 auto;\n max-width: 680px;\n max-width: var(--aa-detached-modal-max-width);\n position: absolute;\n top: 3%;\n }\n .aa-DetachedContainer--modal .aa-PanelLayout {\n max-height: 500px;\n max-height: var(--aa-detached-modal-max-height);\n padding-bottom: 8px;\n padding-bottom: var(--aa-spacing-half);\n position: static;\n }\n\n /* Search Button */\n .aa-DetachedSearchButton {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n font: inherit;\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n height: 44px;\n height: var(--aa-search-input-height);\n margin: 0;\n padding: 0 5.5px;\n padding: 0 calc(var(--aa-search-input-height) / 8);\n position: relative;\n text-align: left;\n width: 100%;\n }\n .aa-DetachedSearchButton:focus {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 3px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-DetachedSearchButtonIcon {\n align-items: center;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n cursor: auto;\n cursor: initial;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 36px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-Detached {\n height: 100vh;\n overflow: hidden;\n }\n\n .aa-DetachedOverlay {\n background-color: rgba(115, 114, 129, 0.4);\n background-color: rgba(\n var(--aa-overlay-color-rgb),\n var(--aa-overlay-color-alpha)\n );\n height: 100vh;\n left: 0;\n margin: 0;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 10. Gradients */\n /*---------------- */\n .aa-GradientTop,\n .aa-GradientBottom {\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-GradientTop {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n top: 0;\n }\n\n .aa-GradientBottom {\n background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-background-color-rgb), 1)\n );\n border-bottom-left-radius: 4px;\n border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n border-bottom-right-radius: 4px;\n border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n bottom: 0;\n }\n\n /*---------------- */\n /* 11. Utilities */\n /*---------------- */\n @media (hover: none) and (pointer: coarse) {\n .aa-DesktopOnly {\n display: none;\n }\n }\n\n @media (hover: hover) {\n .aa-TouchOnly {\n display: none;\n }\n }\n"])));
9
+ exports.AlgoliaStyling = (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n /* ---------------- */\n /* 1. CSS Variables */\n /* 2. Dark Mode */\n /* 3. Autocomplete */\n /* 4. Panel */\n /* 5. Sources */\n /* 6. Hit Layout */\n /* 7. Panel Header */\n /* 8. Panel Footer */\n /* 9. Detached Mode */\n /* 10. Gradients */\n /* 11. Utilities */\n /* ---------------- */\n /* Note: */\n /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n /* We use the SASS function to keep specificity low. */\n /* ---------------- */\n /* 1. CSS Variables */\n /* ---------------- */\n :root {\n /* Input */\n --aa-search-input-height: 44px;\n --aa-input-icon-size: 20px;\n /* Size and spacing */\n --aa-base-unit: 16;\n --aa-spacing-factor: 1;\n --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n --aa-spacing-half: calc(var(--aa-spacing) / 2);\n --aa-panel-max-height: 650px;\n /* Z-index */\n --aa-base-z-index: 9999;\n /* Font */\n --aa-font-size: calc(var(--aa-base-unit) * 1px);\n --aa-font-family: inherit;\n --aa-font-weight-medium: 500;\n --aa-font-weight-semibold: 600;\n --aa-font-weight-bold: 700;\n /* Icons */\n --aa-icon-size: 20px;\n --aa-icon-stroke-width: 1.6;\n --aa-icon-color-rgb: 119, 119, 163;\n --aa-icon-color-alpha: 1;\n --aa-action-icon-size: 20px;\n /* Text colors */\n --aa-text-color-rgb: 38, 38, 39;\n --aa-text-color-alpha: 1;\n --aa-primary-color-rgb: 62, 52, 211;\n --aa-primary-color-alpha: 0.2;\n --aa-muted-color-rgb: 128, 126, 163;\n --aa-muted-color-alpha: 0.6;\n /* Border colors */\n --aa-panel-border-color-rgb: 128, 126, 163;\n --aa-panel-border-color-alpha: 0.3;\n --aa-input-border-color-rgb: 128, 126, 163;\n --aa-input-border-color-alpha: 0.8;\n /* Background colors */\n --aa-background-color-rgb: 255, 255, 255;\n --aa-background-color-alpha: 1;\n --aa-input-background-color-rgb: 255, 255, 255;\n --aa-input-background-color-alpha: 1;\n --aa-selected-color-rgb: 179, 173, 214;\n --aa-selected-color-alpha: 0.205;\n --aa-description-highlight-background-color-rgb: 245, 223, 77;\n --aa-description-highlight-background-color-alpha: 0.5;\n /* Detached mode */\n --aa-detached-media-query: (max-width: 680px);\n --aa-detached-modal-media-query: (min-width: 680px);\n --aa-detached-modal-max-width: 680px;\n --aa-detached-modal-max-height: 500px;\n --aa-overlay-color-rgb: 115, 114, 129;\n --aa-overlay-color-alpha: 0.4;\n /* Shadows */\n --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n /* Scrollbar */\n --aa-scrollbar-width: 13px;\n --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n --aa-scrollbar-track-background-color-alpha: 1;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n --aa-scrollbar-thumb-background-color-alpha: 1;\n /* Touch screens */\n }\n @media (hover: none) and (pointer: coarse) {\n :root {\n --aa-spacing-factor: 1.2;\n --aa-action-icon-size: 22px;\n }\n }\n\n /* ---------------- */\n /* 2. Dark Mode */\n /* ---------------- */\n body {\n /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n }\n body[data-theme='dark'],\n body.dark {\n /* Text colors */\n --aa-text-color-rgb: 183, 192, 199;\n --aa-primary-color-rgb: 146, 138, 255;\n --aa-muted-color-rgb: 146, 138, 255;\n /* Background colors */\n --aa-input-background-color-rgb: 0, 3, 9;\n --aa-background-color-rgb: 21, 24, 42;\n --aa-selected-color-rgb: 146, 138, 255;\n --aa-selected-color-alpha: 0.25;\n --aa-description-highlight-background-color-rgb: 0 255 255;\n --aa-description-highlight-background-color-alpha: 0.25;\n /* Icons */\n --aa-icon-color-rgb: 119, 119, 163;\n /* Shadows */\n --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n 0 3px 8px 0 rgb(0, 3, 9);\n /* Scrollbar */\n --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n }\n\n /* Reset for */\n .aa-Panel *,\n .aa-Autocomplete *,\n .aa-DetachedFormContainer * {\n box-sizing: border-box;\n }\n\n /* Init for */\n .aa-Panel,\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n font-weight: normal;\n line-height: 1em;\n margin: 0;\n padding: 0;\n text-align: left;\n }\n\n /* ---------------- */\n /* 3. Autocomplete */\n /* ---------------- */\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n /* Search box */\n }\n .aa-Form {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 8px;\n display: flex;\n line-height: 1em;\n margin: 0;\n position: relative;\n width: 100%;\n }\n .aa-Form[focus-within] {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-Form:focus-within {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-InputWrapperPrefix {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 1;\n /* Container for search and loading icons */\n }\n .aa-Label,\n .aa-LoadingIndicator {\n cursor: auto;\n cursor: initial;\n flex-shrink: 0;\n height: 100%;\n padding: 0;\n text-align: left;\n }\n .aa-Label svg,\n .aa-LoadingIndicator svg {\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n height: auto;\n max-height: 20px;\n max-height: var(--aa-input-icon-size);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-input-icon-size);\n }\n\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n height: 100%;\n padding-left: 11px;\n padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n padding-right: 8px;\n padding-right: var(--aa-spacing-half);\n width: 47px;\n width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n padding-left: 3px;\n padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n width: 39px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n }\n }\n\n .aa-SubmitButton {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n }\n\n .aa-LoadingIndicator {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n .aa-LoadingIndicator[hidden] {\n display: none;\n }\n\n .aa-InputWrapper {\n order: 3;\n position: relative;\n width: 100%;\n /* Search box input (with placeholder and query) */\n }\n .aa-Input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font: inherit;\n height: 44px;\n height: var(--aa-search-input-height);\n padding: 0;\n width: 100%;\n /* Focus is set and styled on the parent, it isn't necessary here */\n /* Remove native appearence */\n }\n .aa-Input::-moz-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:-ms-input-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input::placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:focus {\n border-color: none;\n box-shadow: none;\n outline: none;\n }\n .aa-Input::-webkit-search-decoration,\n .aa-Input::-webkit-search-cancel-button,\n .aa-Input::-webkit-search-results-button,\n .aa-Input::-webkit-search-results-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n\n .aa-InputWrapperSuffix {\n align-items: center;\n display: flex;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 4;\n /* Accelerator to clear the query */\n }\n .aa-ClearButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n height: 100%;\n margin: 0;\n padding: 0 12.8333333333px;\n padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ClearButton {\n padding: 0 10.1666666667px;\n padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n }\n }\n .aa-ClearButton:hover,\n .aa-ClearButton:focus {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n .aa-ClearButton[hidden] {\n display: none;\n }\n .aa-ClearButton svg {\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-icon-size);\n }\n\n /* ---------------- */\n /* 4. Panel */\n /* ---------------- */\n .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 4px;\n border-radius: calc(var(--aa-spacing) / 4);\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n margin: 8px 0 0;\n overflow: hidden;\n position: absolute;\n transition: opacity 200ms ease-in, filter 200ms ease-in;\n /* When a request isn't resolved yet */\n }\n @media screen and (prefers-reduced-motion) {\n .aa-Panel {\n transition: none;\n }\n }\n .aa-Panel button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .aa-PanelLayout {\n height: 100%;\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-y: auto;\n padding: 0;\n position: relative;\n text-align: left;\n }\n .aa-PanelLayoutColumns--twoGolden {\n display: grid;\n grid-template-columns: 39.2% auto;\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--three {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-Panel--stalled .aa-Source {\n filter: grayscale(1);\n opacity: 0.8;\n }\n\n .aa-Panel--scrollable {\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-x: hidden;\n overflow-y: auto;\n padding: 8px;\n padding: var(--aa-spacing-half);\n scrollbar-color: white #eaeaea;\n scrollbar-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n )\n rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n scrollbar-width: thin;\n }\n .aa-Panel--scrollable::-webkit-scrollbar {\n width: 13px;\n width: var(--aa-scrollbar-width);\n }\n .aa-Panel--scrollable::-webkit-scrollbar-track {\n background-color: #eaeaea;\n background-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n }\n .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n background-color: white;\n background-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n );\n border-color: #eaeaea;\n border-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n border-radius: 9999px;\n border-style: solid;\n border-width: 3px 2px 3px 3px;\n }\n\n /* ---------------- */\n /* 5. Sources */\n /* Each source can be styled independently */\n /* ---------------- */\n .aa-Source {\n margin: 0;\n padding: 0;\n position: relative;\n width: 100%;\n /* List of results inside the source */\n /* Source title */\n /* See all button */\n }\n .aa-Source:empty {\n /* Hide empty section */\n display: none;\n }\n .aa-SourceNoResults {\n font-size: 1em;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n }\n\n .aa-List {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n .aa-SourceHeader {\n margin: 8px 0.5em 8px 0;\n margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n padding: 0;\n position: relative;\n /* Hide empty header */\n /* Title typography */\n /* Line separator */\n }\n .aa-SourceHeader:empty {\n display: none;\n }\n .aa-SourceHeaderTitle {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n display: inline-block;\n font-size: 0.8em;\n font-weight: 600;\n font-weight: var(--aa-font-weight-semibold);\n margin: 0;\n padding: 0 8px 0 0;\n padding: 0 var(--aa-spacing-half) 0 0;\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-SourceHeaderLine {\n border-bottom: solid 1px #3e34d3;\n border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n display: block;\n height: 2px;\n left: 0;\n margin: 0;\n opacity: 0.3;\n padding: 0;\n position: absolute;\n right: 0;\n top: 8px;\n top: var(--aa-spacing-half);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n .aa-SourceFooterSeeAll {\n background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n background: linear-gradient(\n 180deg,\n rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n rgba(128, 126, 163, 0.14)\n );\n border: 1px solid rgba(128, 126, 163, 0.6);\n border: 1px solid\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n border-radius: 5px;\n box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n color: inherit;\n font-size: 0.95em;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n padding: 0.475em 1em 0.6em;\n text-decoration: none;\n }\n .aa-SourceFooterSeeAll:focus,\n .aa-SourceFooterSeeAll:hover {\n border: 1px solid #3e34d3;\n border: 1px solid #cccccc;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n }\n\n /* ---------------- */\n /* 6. Hit Layout */\n /* ---------------- */\n .aa-Item {\n align-items: center;\n border-radius: 3px;\n cursor: pointer;\n display: grid;\n min-height: 40px;\n min-height: calc(var(--aa-spacing) * 2.5);\n padding: 4px;\n padding: calc(var(--aa-spacing-half) / 2);\n /* When the result is active */\n /* The result type icon inlined SVG or image */\n /* wrap hit with url but we don't need to see it */\n /* Secondary click actions */\n }\n .aa-Item[aria-selected='true'] {\n background-color: rgba(179, 173, 214, 0.205);\n background-color: rgba(\n var(--aa-selected-color-rgb),\n var(--aa-selected-color-alpha)\n );\n }\n .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n visibility: visible;\n }\n .aa-ItemIcon {\n align-items: center;\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n color: #7777a3;\n color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n display: flex;\n flex-shrink: 0;\n font-size: 0.7em;\n height: 28px;\n height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n justify-content: center;\n overflow: hidden;\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n text-align: center;\n width: 28px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n }\n .aa-ItemIcon img {\n height: auto;\n max-height: 20px;\n max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n max-width: 20px;\n max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n width: auto;\n }\n .aa-ItemIcon svg {\n height: 20px;\n height: var(--aa-icon-size);\n width: 20px;\n width: var(--aa-icon-size);\n }\n .aa-ItemIcon--alignTop {\n align-self: flex-start;\n }\n\n .aa-ItemIcon--noBorder {\n background: none;\n box-shadow: none;\n }\n\n .aa-ItemIcon--picture {\n height: 96px;\n width: 96px;\n }\n .aa-ItemIcon--picture img {\n max-height: 100%;\n max-width: 100%;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n\n .aa-ItemContent {\n align-items: center;\n cursor: pointer;\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n line-height: 1.25em;\n overflow: hidden;\n }\n .aa-ItemContent:empty {\n display: none;\n }\n .aa-ItemContent mark {\n background: none;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 700;\n font-weight: var(--aa-font-weight-bold);\n }\n .aa-ItemContent--dual {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n text-align: left;\n }\n .aa-ItemContent--dual .aa-ItemContentTitle,\n .aa-ItemContent--dual .aa-ItemContentSubtitle {\n display: block;\n }\n\n .aa-ItemContent--indented {\n padding-left: 36px;\n padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-ItemContentBody {\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n }\n\n .aa-ItemContentTitle {\n display: inline-block;\n margin: 0 0.5em 0 0;\n max-width: 100%;\n overflow: hidden;\n padding: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .aa-ItemContentSubtitle {\n font-size: 0.92em;\n }\n .aa-ItemContentSubtitleIcon::before {\n border-color: rgba(128, 126, 163, 0.64);\n border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n border-style: solid;\n content: '';\n display: inline-block;\n left: 1px;\n position: relative;\n top: -3px;\n }\n\n .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n border-width: 0 0 1.5px;\n margin-left: 8px;\n margin-left: var(--aa-spacing-half);\n margin-right: 4px;\n margin-right: calc(var(--aa-spacing-half) / 2);\n width: 10px;\n width: calc(var(--aa-spacing-half) + 2px);\n }\n\n .aa-ItemContentSubtitle--standalone {\n align-items: center;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n justify-content: start;\n }\n .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n border-radius: 0 0 0 3px;\n border-width: 0 0 1.5px 1.5px;\n height: 8px;\n height: var(--aa-spacing-half);\n width: 8px;\n width: var(--aa-spacing-half);\n }\n\n .aa-ItemContentSubtitleCategory {\n color: #807ea3;\n color: rgba(var(--aa-muted-color-rgb), 1);\n font-weight: 500;\n }\n\n .aa-ItemContentDescription {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-size: 0.85em;\n max-width: 100%;\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n .aa-ItemContentDescription:empty {\n display: none;\n }\n .aa-ItemContentDescription mark {\n background: rgba(245, 223, 77, 0.5);\n background: rgba(\n var(--aa-description-highlight-background-color-rgb),\n var(--aa-description-highlight-background-color-alpha)\n );\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n }\n\n .aa-ItemContentDash {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n display: none;\n opacity: 0.4;\n }\n\n .aa-ItemContentTag {\n background-color: rgba(62, 52, 211, 0.2);\n background-color: rgba(\n var(--aa-primary-color-rgb),\n var(--aa-primary-color-alpha)\n );\n border-radius: 3px;\n margin: 0 0.4em 0 0;\n padding: 0.08em 0.3em;\n }\n\n .aa-ItemWrapper,\n .aa-ItemLink {\n align-items: center;\n color: inherit;\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n grid-auto-flow: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .aa-ItemLink {\n color: inherit;\n text-decoration: none;\n }\n\n .aa-ItemActions {\n display: grid;\n grid-auto-flow: column;\n height: 100%;\n justify-self: end;\n margin: 0 -5.3333333333px;\n margin: 0 calc(var(--aa-spacing) / -3);\n padding: 0 2px 0 0;\n }\n\n .aa-ItemActionButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n padding: 0;\n }\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: inherit;\n }\n }\n .aa-ItemActionButton svg {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n margin: 0;\n margin: 5.3333333333px;\n margin: calc(var(--aa-spacing) / 3);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-action-icon-size);\n }\n\n .aa-ActiveOnly {\n visibility: hidden;\n }\n\n /*---------------- */\n /* 7. Panel Header */\n /*---------------- */\n .aa-PanelHeader {\n align-items: center;\n background: #3e34d3;\n background: rgba(var(--aa-primary-color-rgb), 1);\n color: #fff;\n display: grid;\n height: var(--aa-modal-header-height);\n margin: 0;\n padding: 8px 16px;\n padding: var(--aa-spacing-half) var(--aa-spacing);\n position: relative;\n }\n .aa-PanelHeader::after {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n bottom: -8px;\n bottom: calc(var(--aa-spacing-half) * -1);\n content: '';\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n /*---------------- */\n /* 8. Panel Footer */\n /*---------------- */\n .aa-PanelFooter {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 1px 0\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-PanelFooter::after {\n background-image: linear-gradient(\n rgba(255, 255, 255, 0),\n rgba(128, 126, 163, 0.6)\n );\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n );\n content: '';\n height: 16px;\n height: var(--aa-spacing);\n left: 0;\n opacity: 0.12;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: -16px;\n top: calc(var(--aa-spacing) * -1);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 9. Detached Mode */\n /*---------------- */\n .aa-DetachedContainer {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n bottom: 0;\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n display: flex;\n flex-direction: column;\n left: 0;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-DetachedContainer::after {\n height: 32px;\n }\n .aa-DetachedContainer .aa-SourceHeader {\n margin: 8px 0 8px 2px;\n margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n }\n .aa-DetachedContainer .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 0;\n box-shadow: none;\n flex-grow: 1;\n margin: 0;\n padding: 0;\n position: relative;\n }\n .aa-DetachedContainer .aa-PanelLayout {\n bottom: 0;\n box-shadow: none;\n left: 0;\n margin: 0;\n max-height: none;\n overflow-y: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n }\n .aa-DetachedFormContainer {\n border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n border-bottom: solid 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin: 0;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton {\n background: none;\n border: 0;\n border-radius: 3px;\n color: inherit;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n cursor: pointer;\n font: inherit;\n margin: 0 0 0 8px;\n margin: 0 0 0 var(--aa-spacing-half);\n padding: 0 8px;\n padding: 0 var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton:hover,\n .aa-DetachedCancelButton:focus {\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n }\n\n .aa-DetachedContainer--modal {\n border-radius: 6px;\n bottom: inherit;\n height: auto;\n margin: 0 auto;\n max-width: 680px;\n max-width: var(--aa-detached-modal-max-width);\n position: absolute;\n top: 3%;\n }\n .aa-DetachedContainer--modal .aa-PanelLayout {\n max-height: 500px;\n max-height: var(--aa-detached-modal-max-height);\n padding-bottom: 8px;\n padding-bottom: var(--aa-spacing-half);\n position: static;\n }\n\n /* Search Button */\n .aa-DetachedSearchButton {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n font: inherit;\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n height: 44px;\n height: var(--aa-search-input-height);\n margin: 0;\n padding: 0 5.5px;\n padding: 0 calc(var(--aa-search-input-height) / 8);\n position: relative;\n text-align: left;\n width: 100%;\n }\n .aa-DetachedSearchButton:focus {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 3px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-DetachedSearchButtonIcon {\n align-items: center;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n cursor: auto;\n cursor: initial;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 36px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-Detached {\n height: 100vh;\n overflow: hidden;\n }\n\n .aa-DetachedOverlay {\n background-color: rgba(115, 114, 129, 0.4);\n background-color: rgba(\n var(--aa-overlay-color-rgb),\n var(--aa-overlay-color-alpha)\n );\n height: 100vh;\n left: 0;\n margin: 0;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 10. Gradients */\n /*---------------- */\n .aa-GradientTop,\n .aa-GradientBottom {\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-GradientTop {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n top: 0;\n }\n\n .aa-GradientBottom {\n background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-background-color-rgb), 1)\n );\n border-bottom-left-radius: 4px;\n border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n border-bottom-right-radius: 4px;\n border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n bottom: 0;\n }\n\n /*---------------- */\n /* 11. Utilities */\n /*---------------- */\n @media (hover: none) and (pointer: coarse) {\n .aa-DesktopOnly {\n display: none;\n }\n }\n\n @media (hover: hover) {\n .aa-TouchOnly {\n display: none;\n }\n }\n"], ["\n /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n /* ---------------- */\n /* 1. CSS Variables */\n /* 2. Dark Mode */\n /* 3. Autocomplete */\n /* 4. Panel */\n /* 5. Sources */\n /* 6. Hit Layout */\n /* 7. Panel Header */\n /* 8. Panel Footer */\n /* 9. Detached Mode */\n /* 10. Gradients */\n /* 11. Utilities */\n /* ---------------- */\n /* Note: */\n /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n /* We use the SASS function to keep specificity low. */\n /* ---------------- */\n /* 1. CSS Variables */\n /* ---------------- */\n :root {\n /* Input */\n --aa-search-input-height: 44px;\n --aa-input-icon-size: 20px;\n /* Size and spacing */\n --aa-base-unit: 16;\n --aa-spacing-factor: 1;\n --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n --aa-spacing-half: calc(var(--aa-spacing) / 2);\n --aa-panel-max-height: 650px;\n /* Z-index */\n --aa-base-z-index: 9999;\n /* Font */\n --aa-font-size: calc(var(--aa-base-unit) * 1px);\n --aa-font-family: inherit;\n --aa-font-weight-medium: 500;\n --aa-font-weight-semibold: 600;\n --aa-font-weight-bold: 700;\n /* Icons */\n --aa-icon-size: 20px;\n --aa-icon-stroke-width: 1.6;\n --aa-icon-color-rgb: 119, 119, 163;\n --aa-icon-color-alpha: 1;\n --aa-action-icon-size: 20px;\n /* Text colors */\n --aa-text-color-rgb: 38, 38, 39;\n --aa-text-color-alpha: 1;\n --aa-primary-color-rgb: 62, 52, 211;\n --aa-primary-color-alpha: 0.2;\n --aa-muted-color-rgb: 128, 126, 163;\n --aa-muted-color-alpha: 0.6;\n /* Border colors */\n --aa-panel-border-color-rgb: 128, 126, 163;\n --aa-panel-border-color-alpha: 0.3;\n --aa-input-border-color-rgb: 128, 126, 163;\n --aa-input-border-color-alpha: 0.8;\n /* Background colors */\n --aa-background-color-rgb: 255, 255, 255;\n --aa-background-color-alpha: 1;\n --aa-input-background-color-rgb: 255, 255, 255;\n --aa-input-background-color-alpha: 1;\n --aa-selected-color-rgb: 179, 173, 214;\n --aa-selected-color-alpha: 0.205;\n --aa-description-highlight-background-color-rgb: 245, 223, 77;\n --aa-description-highlight-background-color-alpha: 0.5;\n /* Detached mode */\n --aa-detached-media-query: (max-width: 680px);\n --aa-detached-modal-media-query: (min-width: 680px);\n --aa-detached-modal-max-width: 680px;\n --aa-detached-modal-max-height: 500px;\n --aa-overlay-color-rgb: 115, 114, 129;\n --aa-overlay-color-alpha: 0.4;\n /* Shadows */\n --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n /* Scrollbar */\n --aa-scrollbar-width: 13px;\n --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n --aa-scrollbar-track-background-color-alpha: 1;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n --aa-scrollbar-thumb-background-color-alpha: 1;\n /* Touch screens */\n }\n @media (hover: none) and (pointer: coarse) {\n :root {\n --aa-spacing-factor: 1.2;\n --aa-action-icon-size: 22px;\n }\n }\n\n /* ---------------- */\n /* 2. Dark Mode */\n /* ---------------- */\n body {\n /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n }\n body[data-theme='dark'],\n body.dark {\n /* Text colors */\n --aa-text-color-rgb: 183, 192, 199;\n --aa-primary-color-rgb: 146, 138, 255;\n --aa-muted-color-rgb: 146, 138, 255;\n /* Background colors */\n --aa-input-background-color-rgb: 0, 3, 9;\n --aa-background-color-rgb: 21, 24, 42;\n --aa-selected-color-rgb: 146, 138, 255;\n --aa-selected-color-alpha: 0.25;\n --aa-description-highlight-background-color-rgb: 0 255 255;\n --aa-description-highlight-background-color-alpha: 0.25;\n /* Icons */\n --aa-icon-color-rgb: 119, 119, 163;\n /* Shadows */\n --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n 0 3px 8px 0 rgb(0, 3, 9);\n /* Scrollbar */\n --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n }\n\n /* Reset for */\n .aa-Panel *,\n .aa-Autocomplete *,\n .aa-DetachedFormContainer * {\n box-sizing: border-box;\n }\n\n /* Init for */\n .aa-Panel,\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n font-weight: normal;\n line-height: 1em;\n margin: 0;\n padding: 0;\n text-align: left;\n }\n\n /* ---------------- */\n /* 3. Autocomplete */\n /* ---------------- */\n .aa-Autocomplete,\n .aa-DetachedFormContainer {\n /* Search box */\n }\n .aa-Form {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 8px;\n display: flex;\n line-height: 1em;\n margin: 0;\n position: relative;\n width: 100%;\n }\n .aa-Form[focus-within] {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-Form:focus-within {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 2px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-InputWrapperPrefix {\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 1;\n /* Container for search and loading icons */\n }\n .aa-Label,\n .aa-LoadingIndicator {\n cursor: auto;\n cursor: initial;\n flex-shrink: 0;\n height: 100%;\n padding: 0;\n text-align: left;\n }\n .aa-Label svg,\n .aa-LoadingIndicator svg {\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n height: auto;\n max-height: 20px;\n max-height: var(--aa-input-icon-size);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-input-icon-size);\n }\n\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n height: 100%;\n padding-left: 11px;\n padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n padding-right: 8px;\n padding-right: var(--aa-spacing-half);\n width: 47px;\n width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-SubmitButton,\n .aa-LoadingIndicator {\n padding-left: 3px;\n padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n width: 39px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n }\n }\n\n .aa-SubmitButton {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n }\n\n .aa-LoadingIndicator {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n .aa-LoadingIndicator[hidden] {\n display: none;\n }\n\n .aa-InputWrapper {\n order: 3;\n position: relative;\n width: 100%;\n /* Search box input (with placeholder and query) */\n }\n .aa-Input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font: inherit;\n height: 44px;\n height: var(--aa-search-input-height);\n padding: 0;\n width: 100%;\n /* Focus is set and styled on the parent, it isn't necessary here */\n /* Remove native appearence */\n }\n .aa-Input::-moz-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:-ms-input-placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input::placeholder {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n opacity: 1;\n }\n .aa-Input:focus {\n border-color: none;\n box-shadow: none;\n outline: none;\n }\n .aa-Input::-webkit-search-decoration,\n .aa-Input::-webkit-search-cancel-button,\n .aa-Input::-webkit-search-results-button,\n .aa-Input::-webkit-search-results-decoration {\n -webkit-appearance: none;\n appearance: none;\n }\n\n .aa-InputWrapperSuffix {\n align-items: center;\n display: flex;\n height: 44px;\n height: var(--aa-search-input-height);\n order: 4;\n /* Accelerator to clear the query */\n }\n .aa-ClearButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n height: 100%;\n margin: 0;\n padding: 0 12.8333333333px;\n padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ClearButton {\n padding: 0 10.1666666667px;\n padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n }\n }\n .aa-ClearButton:hover,\n .aa-ClearButton:focus {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n .aa-ClearButton[hidden] {\n display: none;\n }\n .aa-ClearButton svg {\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-icon-size);\n }\n\n /* ---------------- */\n /* 4. Panel */\n /* ---------------- */\n .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 4px;\n border-radius: calc(var(--aa-spacing) / 4);\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n margin: 8px 0 0;\n overflow: hidden;\n position: absolute;\n transition: opacity 200ms ease-in, filter 200ms ease-in;\n /* When a request isn't resolved yet */\n }\n @media screen and (prefers-reduced-motion) {\n .aa-Panel {\n transition: none;\n }\n }\n .aa-Panel button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: none;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .aa-PanelLayout {\n height: 100%;\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-y: auto;\n padding: 0;\n position: relative;\n text-align: left;\n }\n .aa-PanelLayoutColumns--twoGolden {\n display: grid;\n grid-template-columns: 39.2% auto;\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-PanelLayoutColumns--three {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n overflow: hidden;\n padding: 0;\n }\n\n .aa-Panel--stalled .aa-Source {\n filter: grayscale(1);\n opacity: 0.8;\n }\n\n .aa-Panel--scrollable {\n margin: 0;\n max-height: 650px;\n max-height: var(--aa-panel-max-height);\n overflow-x: hidden;\n overflow-y: auto;\n padding: 8px;\n padding: var(--aa-spacing-half);\n scrollbar-color: white #eaeaea;\n scrollbar-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n )\n rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n scrollbar-width: thin;\n }\n .aa-Panel--scrollable::-webkit-scrollbar {\n width: 13px;\n width: var(--aa-scrollbar-width);\n }\n .aa-Panel--scrollable::-webkit-scrollbar-track {\n background-color: #eaeaea;\n background-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n }\n .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n background-color: white;\n background-color: rgba(\n var(--aa-scrollbar-thumb-background-color-rgb),\n var(--aa-scrollbar-thumb-background-color-alpha)\n );\n border-color: #eaeaea;\n border-color: rgba(\n var(--aa-scrollbar-track-background-color-rgb),\n var(--aa-scrollbar-track-background-color-alpha)\n );\n border-radius: 9999px;\n border-style: solid;\n border-width: 3px 2px 3px 3px;\n }\n\n /* ---------------- */\n /* 5. Sources */\n /* Each source can be styled independently */\n /* ---------------- */\n .aa-Source {\n margin: 0;\n padding: 0;\n position: relative;\n width: 100%;\n /* List of results inside the source */\n /* Source title */\n /* See all button */\n }\n .aa-Source:empty {\n /* Hide empty section */\n display: none;\n }\n .aa-SourceNoResults {\n font-size: 1em;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n }\n\n .aa-List {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n .aa-SourceHeader {\n margin: 8px 0.5em 8px 0;\n margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n padding: 0;\n position: relative;\n /* Hide empty header */\n /* Title typography */\n /* Line separator */\n }\n .aa-SourceHeader:empty {\n display: none;\n }\n .aa-SourceHeaderTitle {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n display: inline-block;\n font-size: 0.8em;\n font-weight: 600;\n font-weight: var(--aa-font-weight-semibold);\n margin: 0;\n padding: 0 8px 0 0;\n padding: 0 var(--aa-spacing-half) 0 0;\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-SourceHeaderLine {\n border-bottom: solid 1px #3e34d3;\n border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n display: block;\n height: 2px;\n left: 0;\n margin: 0;\n opacity: 0.3;\n padding: 0;\n position: absolute;\n right: 0;\n top: 8px;\n top: var(--aa-spacing-half);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n .aa-SourceFooterSeeAll {\n background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n background: linear-gradient(\n 180deg,\n rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n rgba(128, 126, 163, 0.14)\n );\n border: 1px solid rgba(128, 126, 163, 0.6);\n border: 1px solid\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n border-radius: 5px;\n box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n color: inherit;\n font-size: 0.95em;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n padding: 0.475em 1em 0.6em;\n text-decoration: none;\n }\n .aa-SourceFooterSeeAll:focus,\n .aa-SourceFooterSeeAll:hover {\n border: 1px solid #3e34d3;\n border: 1px solid #cccccc;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n }\n\n /* ---------------- */\n /* 6. Hit Layout */\n /* ---------------- */\n .aa-Item {\n align-items: center;\n border-radius: 3px;\n cursor: pointer;\n display: grid;\n min-height: 40px;\n min-height: calc(var(--aa-spacing) * 2.5);\n padding: 4px;\n padding: calc(var(--aa-spacing-half) / 2);\n /* When the result is active */\n /* The result type icon inlined SVG or image */\n /* wrap hit with url but we don't need to see it */\n /* Secondary click actions */\n }\n .aa-Item[aria-selected='true'] {\n background-color: rgba(179, 173, 214, 0.205);\n background-color: rgba(\n var(--aa-selected-color-rgb),\n var(--aa-selected-color-alpha)\n );\n }\n .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n visibility: visible;\n }\n .aa-ItemIcon {\n align-items: center;\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n color: #7777a3;\n color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n display: flex;\n flex-shrink: 0;\n font-size: 0.7em;\n height: 28px;\n height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n justify-content: center;\n overflow: hidden;\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n text-align: center;\n width: 28px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n }\n .aa-ItemIcon img {\n height: auto;\n max-height: 20px;\n max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n max-width: 20px;\n max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n width: auto;\n }\n .aa-ItemIcon svg {\n height: 20px;\n height: var(--aa-icon-size);\n width: 20px;\n width: var(--aa-icon-size);\n }\n .aa-ItemIcon--alignTop {\n align-self: flex-start;\n }\n\n .aa-ItemIcon--noBorder {\n background: none;\n box-shadow: none;\n }\n\n .aa-ItemIcon--picture {\n height: 96px;\n width: 96px;\n }\n .aa-ItemIcon--picture img {\n max-height: 100%;\n max-width: 100%;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n\n .aa-ItemContent {\n align-items: center;\n cursor: pointer;\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n line-height: 1.25em;\n overflow: hidden;\n }\n .aa-ItemContent:empty {\n display: none;\n }\n .aa-ItemContent mark {\n background: none;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 700;\n font-weight: var(--aa-font-weight-bold);\n }\n .aa-ItemContent--dual {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n text-align: left;\n }\n .aa-ItemContent--dual .aa-ItemContentTitle,\n .aa-ItemContent--dual .aa-ItemContentSubtitle {\n display: block;\n }\n\n .aa-ItemContent--indented {\n padding-left: 36px;\n padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-ItemContentBody {\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n }\n\n .aa-ItemContentTitle {\n display: inline-block;\n margin: 0 0.5em 0 0;\n max-width: 100%;\n overflow: hidden;\n padding: 0;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .aa-ItemContentSubtitle {\n font-size: 0.92em;\n }\n .aa-ItemContentSubtitleIcon::before {\n border-color: rgba(128, 126, 163, 0.64);\n border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n border-style: solid;\n content: '';\n display: inline-block;\n left: 1px;\n position: relative;\n top: -3px;\n }\n\n .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n border-width: 0 0 1.5px;\n margin-left: 8px;\n margin-left: var(--aa-spacing-half);\n margin-right: 4px;\n margin-right: calc(var(--aa-spacing-half) / 2);\n width: 10px;\n width: calc(var(--aa-spacing-half) + 2px);\n }\n\n .aa-ItemContentSubtitle--standalone {\n align-items: center;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n display: grid;\n grid-gap: 8px;\n gap: 8px;\n grid-gap: var(--aa-spacing-half);\n gap: var(--aa-spacing-half);\n grid-auto-flow: column;\n justify-content: start;\n }\n .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n border-radius: 0 0 0 3px;\n border-width: 0 0 1.5px 1.5px;\n height: 8px;\n height: var(--aa-spacing-half);\n width: 8px;\n width: var(--aa-spacing-half);\n }\n\n .aa-ItemContentSubtitleCategory {\n color: #807ea3;\n color: rgba(var(--aa-muted-color-rgb), 1);\n font-weight: 500;\n }\n\n .aa-ItemContentDescription {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-size: 0.85em;\n max-width: 100%;\n overflow-x: hidden;\n text-overflow: ellipsis;\n }\n .aa-ItemContentDescription:empty {\n display: none;\n }\n .aa-ItemContentDescription mark {\n background: rgba(245, 223, 77, 0.5);\n background: rgba(\n var(--aa-description-highlight-background-color-rgb),\n var(--aa-description-highlight-background-color-alpha)\n );\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n font-style: normal;\n font-weight: 500;\n font-weight: var(--aa-font-weight-medium);\n }\n\n .aa-ItemContentDash {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n display: none;\n opacity: 0.4;\n }\n\n .aa-ItemContentTag {\n background-color: rgba(62, 52, 211, 0.2);\n background-color: rgba(\n var(--aa-primary-color-rgb),\n var(--aa-primary-color-alpha)\n );\n border-radius: 3px;\n margin: 0 0.4em 0 0;\n padding: 0.08em 0.3em;\n }\n\n .aa-ItemWrapper,\n .aa-ItemLink {\n align-items: center;\n color: inherit;\n display: grid;\n grid-gap: 4px;\n gap: 4px;\n grid-gap: calc(var(--aa-spacing-half) / 2);\n gap: calc(var(--aa-spacing-half) / 2);\n grid-auto-flow: column;\n justify-content: space-between;\n width: 100%;\n }\n\n .aa-ItemLink {\n color: inherit;\n text-decoration: none;\n }\n\n .aa-ItemActions {\n display: grid;\n grid-auto-flow: column;\n height: 100%;\n justify-self: end;\n margin: 0 -5.3333333333px;\n margin: 0 calc(var(--aa-spacing) / -3);\n padding: 0 2px 0 0;\n }\n\n .aa-ItemActionButton {\n align-items: center;\n background: none;\n border: 0;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n flex-shrink: 0;\n padding: 0;\n }\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n }\n @media (hover: none) and (pointer: coarse) {\n .aa-ItemActionButton:hover svg,\n .aa-ItemActionButton:focus svg {\n color: inherit;\n }\n }\n .aa-ItemActionButton svg {\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n margin: 0;\n margin: 5.3333333333px;\n margin: calc(var(--aa-spacing) / 3);\n stroke-width: 1.6;\n stroke-width: var(--aa-icon-stroke-width);\n width: 20px;\n width: var(--aa-action-icon-size);\n }\n\n .aa-ActiveOnly {\n visibility: hidden;\n }\n\n /*---------------- */\n /* 7. Panel Header */\n /*---------------- */\n .aa-PanelHeader {\n align-items: center;\n background: #3e34d3;\n background: rgba(var(--aa-primary-color-rgb), 1);\n color: #fff;\n display: grid;\n height: var(--aa-modal-header-height);\n margin: 0;\n padding: 8px 16px;\n padding: var(--aa-spacing-half) var(--aa-spacing);\n position: relative;\n }\n .aa-PanelHeader::after {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n bottom: -8px;\n bottom: calc(var(--aa-spacing-half) * -1);\n content: '';\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n /*---------------- */\n /* 8. Panel Footer */\n /*---------------- */\n .aa-PanelFooter {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 1px 0\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n justify-content: space-between;\n margin: 0;\n padding: 16px;\n padding: var(--aa-spacing);\n position: relative;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-PanelFooter::after {\n background-image: linear-gradient(\n rgba(255, 255, 255, 0),\n rgba(128, 126, 163, 0.6)\n );\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n );\n content: '';\n height: 16px;\n height: var(--aa-spacing);\n left: 0;\n opacity: 0.12;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: -16px;\n top: calc(var(--aa-spacing) * -1);\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 9. Detached Mode */\n /*---------------- */\n .aa-DetachedContainer {\n background: white;\n background: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n bottom: 0;\n box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n 0 6px 16px -4px rgba(35, 38, 59, 0.15);\n box-shadow: var(--aa-panel-shadow);\n display: flex;\n flex-direction: column;\n left: 0;\n margin: 0;\n overflow: hidden;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n .aa-DetachedContainer::after {\n height: 32px;\n }\n .aa-DetachedContainer .aa-SourceHeader {\n margin: 8px 0 8px 2px;\n margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n }\n .aa-DetachedContainer .aa-Panel {\n background-color: white;\n background-color: rgba(\n var(--aa-background-color-rgb),\n var(--aa-background-color-alpha)\n );\n border-radius: 0;\n box-shadow: none;\n flex-grow: 1;\n margin: 0;\n padding: 0;\n position: relative;\n }\n .aa-DetachedContainer .aa-PanelLayout {\n bottom: 0;\n box-shadow: none;\n left: 0;\n margin: 0;\n max-height: none;\n overflow-y: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n }\n .aa-DetachedFormContainer {\n border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n border-bottom: solid 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin: 0;\n padding: 8px;\n padding: var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton {\n background: none;\n border: 0;\n border-radius: 3px;\n color: inherit;\n color: #262627;\n color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n cursor: pointer;\n font: inherit;\n margin: 0 0 0 8px;\n margin: 0 0 0 var(--aa-spacing-half);\n padding: 0 8px;\n padding: 0 var(--aa-spacing-half);\n }\n .aa-DetachedCancelButton:hover,\n .aa-DetachedCancelButton:focus {\n box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n box-shadow: inset 0 0 0 1px\n rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n }\n\n .aa-DetachedContainer--modal {\n border-radius: 6px;\n bottom: inherit;\n height: auto;\n margin: 0 auto;\n max-width: 680px;\n max-width: var(--aa-detached-modal-max-width);\n position: absolute;\n top: 3%;\n }\n .aa-DetachedContainer--modal .aa-PanelLayout {\n max-height: 500px;\n max-height: var(--aa-detached-modal-max-height);\n padding-bottom: 8px;\n padding-bottom: var(--aa-spacing-half);\n position: static;\n }\n\n /* Search Button */\n .aa-DetachedSearchButton {\n align-items: center;\n background-color: white;\n background-color: rgba(\n var(--aa-input-background-color-rgb),\n var(--aa-input-background-color-alpha)\n );\n border: 1px solid rgba(128, 126, 163, 0.8);\n border: 1px solid\n rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n border-radius: 3px;\n color: rgba(128, 126, 163, 0.6);\n color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n cursor: pointer;\n display: flex;\n font: inherit;\n font-family: inherit;\n font-family: var(--aa-font-family);\n font-size: 16px;\n font-size: var(--aa-font-size);\n height: 44px;\n height: var(--aa-search-input-height);\n margin: 0;\n padding: 0 5.5px;\n padding: 0 calc(var(--aa-search-input-height) / 8);\n position: relative;\n text-align: left;\n width: 100%;\n }\n .aa-DetachedSearchButton:focus {\n border-color: #3e34d3;\n border-color: rgba(var(--aa-primary-color-rgb), 1);\n box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n 0 0 0 3px,\n inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n 0 2px;\n outline: currentColor none medium;\n }\n .aa-DetachedSearchButtonIcon {\n align-items: center;\n color: #3e34d3;\n color: rgba(var(--aa-primary-color-rgb), 1);\n cursor: auto;\n cursor: initial;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 36px;\n width: calc(var(--aa-icon-size) + var(--aa-spacing));\n }\n\n .aa-Detached {\n height: 100vh;\n overflow: hidden;\n }\n\n .aa-DetachedOverlay {\n background-color: rgba(115, 114, 129, 0.4);\n background-color: rgba(\n var(--aa-overlay-color-rgb),\n var(--aa-overlay-color-alpha)\n );\n height: 100vh;\n left: 0;\n margin: 0;\n padding: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9998;\n z-index: calc(var(--aa-base-z-index) - 1);\n }\n\n /*---------------- */\n /* 10. Gradients */\n /*---------------- */\n .aa-GradientTop,\n .aa-GradientBottom {\n height: 8px;\n height: var(--aa-spacing-half);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n z-index: 9999;\n z-index: var(--aa-base-z-index);\n }\n\n .aa-GradientTop {\n background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 1),\n rgba(var(--aa-background-color-rgb), 0)\n );\n top: 0;\n }\n\n .aa-GradientBottom {\n background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n background-image: linear-gradient(\n rgba(var(--aa-background-color-rgb), 0),\n rgba(var(--aa-background-color-rgb), 1)\n );\n border-bottom-left-radius: 4px;\n border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n border-bottom-right-radius: 4px;\n border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n bottom: 0;\n }\n\n /*---------------- */\n /* 11. Utilities */\n /*---------------- */\n @media (hover: none) and (pointer: coarse) {\n .aa-DesktopOnly {\n display: none;\n }\n }\n\n @media (hover: hover) {\n .aa-TouchOnly {\n display: none;\n }\n }\n"])));
10
10
  var templateObject_1;
11
11
  //# sourceMappingURL=AlgoliaTheme.js.map
package/dist/cjs/help-hub/components/SearchBar/components/AlgoliaTheme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA6B;AAEhB,QAAA,cAAc,OAAG,aAAG,o5gCAAA,g1gCAwqChC,KAAA"}
1
+ {"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA6B;AAEhB,QAAA,cAAc,OAAG,aAAG,u3gCAAA,mzgCAwqChC,KAAA"}
package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js CHANGED
@@ -42,7 +42,7 @@ exports.Autocomplete = void 0;
42
42
  var autocomplete_core_1 = require("@algolia/autocomplete-core");
43
43
  var autocomplete_preset_algolia_1 = require("@algolia/autocomplete-preset-algolia");
44
44
  var lite_1 = __importDefault(require("algoliasearch/lite"));
45
- var CredentialsProvider_1 = require("../../../provider/CredentialsProvider");
45
+ var context_1 = require("../../../context");
46
46
  var newskit_1 = require("newskit");
47
47
  var react_1 = __importStar(require("react"));
48
48
  var Highlight_1 = require("./Highlight");
@@ -50,7 +50,7 @@ var shared_components_1 = require("@newskit-render/shared-components");
50
50
  var router_1 = require("next/router");
51
51
  var FadedBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"], ["\n position: fixed;\n width: 100%;\n height: 100%;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1;\n"])));
52
52
  var Autocomplete = function (props) {
53
- var _a = (0, CredentialsProvider_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
53
+ var _a = (0, context_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
54
54
  var router = (0, router_1.useRouter)();
55
55
  var searchClient = (0, lite_1.default)(appId, apiKey);
56
56
  var _b = react_1.default.useState({
package/dist/cjs/help-hub/components/SearchBar/components/Autocomplete.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/help-hub/components/Templates/LayoutTemplate.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { LayoutTemplateProps } from './types';
3
- import { ContextName } from 'help-hub/context/types';
3
+ import { PagesNameMap } from 'help-hub/context/types';
4
4
  interface SEOWrapperProps {
5
- contextName: ContextName;
5
+ contextName: PagesNameMap;
6
6
  }
7
7
  export declare const SEOWrapper: React.FC<SEOWrapperProps>;
8
8
  export declare const BaseLayoutTemplate: React.FC<LayoutTemplateProps>;
package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js CHANGED
@@ -52,7 +52,7 @@ var SEOWrapper = function (_a) {
52
52
  };
53
53
  exports.SEOWrapper = SEOWrapper;
54
54
  var BaseLayoutTemplate = function (_a) {
55
- var context = _a.context, contextName = _a.contextName, children = _a.children, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b;
55
+ var context = _a.context, contextName = _a.contextName, children = _a.children, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, topSpaceStack = _a.topSpaceStack;
56
56
  return (react_1.default.createElement(context_1.HelpHubContextProvider, { context: context, contextName: contextName },
57
57
  react_1.default.createElement(exports.SEOWrapper, { contextName: contextName }),
58
58
  react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
@@ -66,7 +66,7 @@ var BaseLayoutTemplate = function (_a) {
66
66
  }, gutter: {
67
67
  xsColumnGutter: 'space020',
68
68
  smColumnGutter: 'space040',
69
- } }, children),
69
+ }, topSpaceStack: topSpaceStack }, children),
70
70
  react_1.default.createElement(FooterWrapper, { contextName: contextName }))));
71
71
  };
72
72
  exports.BaseLayoutTemplate = BaseLayoutTemplate;
package/dist/cjs/help-hub/components/Templates/LayoutTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/help-hub/components/Templates/types.d.ts CHANGED
@@ -1,11 +1,12 @@
1
- import { ContextOptions, ContextName } from '../../context';
2
- import { UncompiledTheme } from 'newskit';
1
+ import { ContextOptions, PagesNameMap } from '../../context';
2
+ import { MQ, UncompiledTheme } from 'newskit';
3
3
  import { ThemeDropdownObject } from '@newskit-render/shared-components';
4
4
  export declare type LayoutTemplateProps = {
5
5
  children: React.ReactNode;
6
+ topSpaceStack?: MQ<string>;
6
7
  customTheme?: UncompiledTheme;
7
8
  themeDropdownObject?: ThemeDropdownObject;
8
9
  context: ContextOptions;
9
- contextName: ContextName;
10
+ contextName: PagesNameMap;
10
11
  fullWidth?: boolean;
11
12
  };
package/dist/cjs/help-hub/{provider/CredentialsProvider.js → context/CredentialsContextProvider.js} RENAMED
@@ -35,4 +35,4 @@ var useCredentialsContext = function () {
35
35
  return (0, react_1.useContext)(CredentialsContext);
36
36
  };
37
37
  exports.useCredentialsContext = useCredentialsContext;
38
- //# sourceMappingURL=CredentialsProvider.js.map
38
+ //# sourceMappingURL=CredentialsContextProvider.js.map
package/dist/cjs/help-hub/context/CredentialsContextProvider.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CredentialsContextProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/context/CredentialsContextProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AAGnE,IAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAqB;IAC3D,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,EAAE;CACd,CAAC,CAAA;AAEK,IAAM,0BAA0B,GAGlC,UAAC,EAAyB;QAAvB,WAAW,iBAAA,EAAE,QAAQ,cAAA;IAC3B,OAAO,CACL,8BAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAC5C,QAAQ,CACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AATY,QAAA,0BAA0B,8BAStC;AAEM,IAAM,qBAAqB,GAAG;IACnC,OAAA,IAAA,kBAAU,EAAC,kBAAkB,CAAC;AAA9B,CAA8B,CAAA;AADnB,QAAA,qBAAqB,yBACF"}
package/dist/cjs/help-hub/context/HelpHubContextProvider.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { ContextProviderProps, PagesNameMap, ContextOptions, LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions } from './types';
3
+ import { baseContext } from './baseContext';
4
+ export declare const HelpHubContextProvider: React.FC<ContextProviderProps>;
5
+ export declare const useHelpHubContext: (contextName: PagesNameMap) => ContextOptions;
6
+ export type { LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions, ContextOptions, };
7
+ export { baseContext, PagesNameMap };
package/dist/cjs/help-hub/context/HelpHubContextProvider.js ADDED
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ var _a;
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.PagesNameMap = exports.baseContext = exports.useHelpHubContext = exports.HelpHubContextProvider = void 0;
27
+ var react_1 = __importStar(require("react"));
28
+ var lodash_merge_1 = __importDefault(require("lodash.merge"));
29
+ var types_1 = require("./types");
30
+ Object.defineProperty(exports, "PagesNameMap", { enumerable: true, get: function () { return types_1.PagesNameMap; } });
31
+ var baseContext_1 = require("./baseContext");
32
+ Object.defineProperty(exports, "baseContext", { enumerable: true, get: function () { return baseContext_1.baseContext; } });
33
+ var contextMap = (_a = {},
34
+ _a[types_1.PagesNameMap.landingPage] = (0, react_1.createContext)(null),
35
+ _a[types_1.PagesNameMap.resultsPage] = (0, react_1.createContext)(null),
36
+ _a[types_1.PagesNameMap.articlePage] = (0, react_1.createContext)(null),
37
+ _a);
38
+ var HelpHubContextProvider = function (_a) {
39
+ var context = _a.context, children = _a.children, contextName = _a.contextName;
40
+ var c = (0, lodash_merge_1.default)({}, baseContext_1.baseContext, context);
41
+ var HelpHubContext = contextMap[contextName];
42
+ return react_1.default.createElement(HelpHubContext.Provider, { value: c }, children);
43
+ };
44
+ exports.HelpHubContextProvider = HelpHubContextProvider;
45
+ var useHelpHubContext = function (contextName) {
46
+ return (0, react_1.useContext)(contextMap[contextName]);
47
+ };
48
+ exports.useHelpHubContext = useHelpHubContext;
49
+ //# sourceMappingURL=HelpHubContextProvider.js.map
package/dist/cjs/help-hub/context/HelpHubContextProvider.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpHubContextProvider.js","sourceRoot":"","sources":["../../../../src/help-hub/context/HelpHubContextProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAOgB;AAmCM,6FAxCpB,oBAAY,OAwCoB;AAlClC,6CAA2C;AAkClC,4FAlCA,yBAAW,OAkCA;AAhCpB,IAAM,UAAU;IACd,GAAC,oBAAY,CAAC,WAAW,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,oBAAY,CAAC,WAAW,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,oBAAY,CAAC,WAAW,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;OACF,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAA2B,CAAC,CAAA;IAE9D,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAyB;IACzD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}
package/dist/cjs/help-hub/context/baseContext.js CHANGED
@@ -72,9 +72,6 @@ exports.baseContext = {
72
72
  spaceStack: 'space060',
73
73
  },
74
74
  },
75
- contentContainer: {
76
- spaceStack: { xs: 'space070', md: 'space090' },
77
- },
78
75
  spaceStack: { xs: 'space070', md: 'space090' },
79
76
  inputPlaceholder: 'Describe your issue',
80
77
  footer: {
package/dist/cjs/help-hub/context/baseContext.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../../src/help-hub/context/baseContext.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/help-hub/context/index.d.ts CHANGED
@@ -1,7 +1,2 @@
1
- import React from 'react';
2
- import { ContextProviderProps, ContextName, ContextOptions, LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions } from './types';
3
- import { baseContext } from './baseContext';
4
- export declare const HelpHubContextProvider: React.FC<ContextProviderProps>;
5
- export declare const useHelpHubContext: (contextName: ContextName) => ContextOptions;
6
- export type { LandingPageContextOptions, ResultsPageContextOptions, ArticlePageContextOptions, ContextOptions, };
7
- export { ContextName, baseContext };
1
+ export * from './HelpHubContextProvider';
2
+ export * from './CredentialsContextProvider';
package/dist/cjs/help-hub/context/index.js CHANGED
@@ -6,44 +6,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
6
6
  if (k2 === undefined) k2 = k;
7
7
  o[k2] = m[k];
8
8
  }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
20
11
  };
21
- var __importDefault = (this && this.__importDefault) || function (mod) {
22
- return (mod && mod.__esModule) ? mod : { "default": mod };
23
- };
24
- var _a;
25
12
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.baseContext = exports.ContextName = exports.useHelpHubContext = exports.HelpHubContextProvider = void 0;
27
- var react_1 = __importStar(require("react"));
28
- var lodash_merge_1 = __importDefault(require("lodash.merge"));
29
- var types_1 = require("./types");
30
- Object.defineProperty(exports, "ContextName", { enumerable: true, get: function () { return types_1.ContextName; } });
31
- var baseContext_1 = require("./baseContext");
32
- Object.defineProperty(exports, "baseContext", { enumerable: true, get: function () { return baseContext_1.baseContext; } });
33
- var contextMap = (_a = {},
34
- _a[types_1.ContextName.landingPage] = (0, react_1.createContext)(null),
35
- _a[types_1.ContextName.resultsPage] = (0, react_1.createContext)(null),
36
- _a[types_1.ContextName.articlePage] = (0, react_1.createContext)(null),
37
- _a);
38
- var HelpHubContextProvider = function (_a) {
39
- var context = _a.context, children = _a.children, contextName = _a.contextName;
40
- var c = (0, lodash_merge_1.default)({}, baseContext_1.baseContext, context);
41
- var HelpHubContext = contextMap[contextName];
42
- return react_1.default.createElement(HelpHubContext.Provider, { value: c }, children);
43
- };
44
- exports.HelpHubContextProvider = HelpHubContextProvider;
45
- var useHelpHubContext = function (contextName) {
46
- return (0, react_1.useContext)(contextMap[contextName]);
47
- };
48
- exports.useHelpHubContext = useHelpHubContext;
13
+ __exportStar(require("./HelpHubContextProvider"), exports);
14
+ __exportStar(require("./CredentialsContextProvider"), exports);
49
15
  //# sourceMappingURL=index.js.map