@newskit-render/standalone-components 1.5.1 → 1.5.2

package/dist/cjs/help-hub/pages/LandingPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BasePageProps } from './types';
 import { LandingPageContextOptions } from '../context/types';
-export declare const LandingPageContext: Partial<LandingPageContextOptions>;
+export declare const landingPageContext: Partial<LandingPageContextOptions>;
 export declare const HelpHubLandingPage: React.FC<BasePageProps>;
 export default HelpHubLandingPage;

package/dist/cjs/help-hub/pages/LandingPage.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpHubLandingPage = exports.LandingPageContext = void 0;
+exports.HelpHubLandingPage = exports.landingPageContext = void 0;
 var react_1 = __importDefault(require("react"));
 var lodash_assign_1 = __importDefault(require("lodash.assign"));
 var newskit_1 = require("newskit");
@@ -25,12 +25,18 @@ var types_1 = require("../context/types");
 var context_1 = require("../context");
 var helpers_1 = require("../helpers");
 var context_2 = require("../context");
-exports.LandingPageContext = {
-    header: {
-        title: 'How can we help?',
-    },
+exports.landingPageContext = {
     articlesTabelInfo: {
         title: 'Our most read articles',
+        titleOverrides: {
+            typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
+            stylePreset: 'inkContrast',
+            spaceStack: 'space040',
+            as: 'h1',
+        },
+    },
+    header: {
+        title: 'How can we help?',
     },
 };
 var PageContent = function () {
@@ -39,7 +45,7 @@ var PageContent = function () {
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
         react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder, baseUrl: baseUrl }),
         react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
-        react_1.default.createElement(shared_components_1.Introduction, { title: articlesTabelInfo.title }),
+        react_1.default.createElement(shared_components_1.Introduction, __assign({}, articlesTabelInfo)),
         react_1.default.createElement(shared_components_1.ContentListView, { spaceStack: "space010" }, (0, helpers_1.transformHits)(mostReadArticles, baseUrl).map(function (item, i) {
             return (react_1.default.createElement(shared_components_1.ListItem, { key: i, item: item, listItemProps: {
                     hideIcon: true,
@@ -51,7 +57,7 @@ var PageContent = function () {
                 }, listCellProps: {
                     align: 'center',
                     labelOverrides: {
-                        stylePreset: 'baseInteractivePrimary030',
+                        stylePreset: 'helpHubMenuItems',
                         typographyPreset: 'utilityBody030',
                     },
                 } }));
@@ -60,7 +66,7 @@ var PageContent = function () {
 };
 var HelpHubLandingPage = function (_a) {
     var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, credentials = _a.credentials;
-    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.LandingPageContext), { credentials: credentials }), context));
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.landingPageContext), { credentials: credentials }), context));
     return (react_1.default.createElement(context_2.CredentialsContextProvider, { credentials: credentials },
         react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: types_1.PagesNameMap.landingPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject },
             react_1.default.createElement(PageContent, null))));

package/dist/cjs/help-hub/pages/LandingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAK0C;AAC1C,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAA0E;AAC1E,sCAA8C;AAC9C,sCAA0C;AAC1C,sCAAuD;AAE1C,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,kBAAkB;KAC1B;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,wBAAwB;KAChC;CACF,CAAA;AAED,IAAM,WAAW,GAAa;IACtB,IAAA,KAQF,IAAA,2BAAiB,EAAC,oBAAY,CAAC,WAAW,CAA8B,EAP1E,OAAO,aAAA,EACP,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,UAAU,gBACgE,CAAA;IAE5E,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI;QAC9D,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,gCAAY,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,GAAI;QAChD,8BAAC,mCAAe,IAAC,UAAU,EAAC,UAAU,IACnC,IAAA,uBAAa,EAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;YACpD,OAAO,CACL,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;oBACb,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,4BAAqB,CAAC,CAAE;oBACvC,SAAS,EAAE;wBACT,UAAU,EAAE,eAAe;wBAC3B,SAAS,EAAE,WAAW;qBACvB;iBACF,EACD,aAAa,EAAE;oBACb,KAAK,EAAE,QAAQ;oBACf,cAAc,EAAE;wBACd,WAAW,EAAE,2BAA2B;wBACxC,gBAAgB,EAAE,gBAAgB;qBACnC;iBACF,GACD,CACH,CAAA;QACH,CAAC,CAAC,CACc;QAClB,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAChC,CACJ,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,kBAAkB,GAA4B,UAAC,EAK3D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,oCAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,WAAW,EACrC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,WAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,kBAAkB,sBAsB9B;AAED,kBAAe,0BAAkB,CAAA"}
+{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/LandingPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,mCAA+B;AAC/B,uEAK0C;AAC1C,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAA0E;AAC1E,sCAA8C;AAC9C,sCAA0C;AAC1C,sCAAuD;AAE1C,QAAA,kBAAkB,GAAuC;IACpE,iBAAiB,EAAE;QACjB,KAAK,EAAE,wBAAwB;QAC/B,cAAc,EAAE;YACd,gBAAgB,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,mBAAmB,EAAE;YACtE,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE,UAAU;YACtB,EAAE,EAAE,IAAI;SACT;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,kBAAkB;KAC1B;CACF,CAAA;AAED,IAAM,WAAW,GAAa;IACtB,IAAA,KAQF,IAAA,2BAAiB,EAAC,oBAAY,CAAC,WAAW,CAA8B,EAP1E,OAAO,aAAA,EACP,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,UAAU,gBACgE,CAAA;IAC5E,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI;QAC9D,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,gCAAY,eAAK,iBAAiB,EAAI;QACvC,8BAAC,mCAAe,IAAC,UAAU,EAAC,UAAU,IACnC,IAAA,uBAAa,EAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;YACpD,OAAO,CACL,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;oBACb,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,4BAAqB,CAAC,CAAE;oBACvC,SAAS,EAAE;wBACT,UAAU,EAAE,eAAe;wBAC3B,SAAS,EAAE,WAAW;qBACvB;iBACF,EACD,aAAa,EAAE;oBACb,KAAK,EAAE,QAAQ;oBACf,cAAc,EAAE;wBACd,WAAW,EAAE,kBAAkB;wBAC/B,gBAAgB,EAAE,gBAAgB;qBACnC;iBACF,GACD,CACH,CAAA;QACH,CAAC,CAAC,CACc;QAClB,8BAAC,eAAK,IAAC,UAAU,EAAE,UAAU,GAAI,CAChC,CACJ,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,kBAAkB,GAA4B,UAAC,EAK3D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,oCAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,WAAW,EACrC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB;YAExC,8BAAC,WAAW,OAAG,CACR,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,kBAAkB,sBAsB9B;AAED,kBAAe,0BAAkB,CAAA"}

package/dist/cjs/help-hub/pages/ResultsPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ResultsPageProps } from './types';
 import { ResultsPageContextOptions } from '../context/types';
-export declare const ResultsPageContext: Partial<ResultsPageContextOptions>;
+export declare const resultsPageContext: Partial<ResultsPageContextOptions>;
 export declare const ResultsPage: React.FC<ResultsPageProps>;
 export default ResultsPage;

package/dist/cjs/help-hub/pages/ResultsPage.js

@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultsPage = exports.ResultsPageContext = void 0;
+exports.ResultsPage = exports.resultsPageContext = void 0;
 var react_1 = __importStar(require("react"));
 var lodash_assign_1 = __importDefault(require("lodash.assign"));
 var newskit_1 = require("newskit");
@@ -60,12 +60,15 @@ var resultsProvider_1 = require("../provider/resultsProvider");
 var context_2 = require("../context");
 var router_1 = require("next/router");
 var helpers_1 = require("../helpers");
-exports.ResultsPageContext = {
-    header: {
+exports.resultsPageContext = {
+    introductionProps: {
         title: 'Search results',
         description: 'Your search for "##QUERY##" returned ##COUNT## results',
         titleOverrides: {
-            spaceStack: 'space050',
+            typographyPreset: { xs: 'utilityHeading040', sm: 'utilityHeading050' },
+            stylePreset: 'inkContrast',
+            spaceStack: 'space040',
+            as: 'h1',
         },
         spaceStack: 'space060',
     },
@@ -73,6 +76,8 @@ exports.ResultsPageContext = {
         spaceStack: { xs: 'space060', md: 'space070' },
     },
     spaceStack: { xs: 'space060', sm: 'space070', md: 'space090' },
+    stylePreset: '',
+    showDividerByBreakpoint: true,
 };
 var PageContent = function (_a) {
     var hits = _a.hits;
@@ -80,7 +85,7 @@ var PageContent = function (_a) {
     var _c = (0, react_1.useState)(2), nbPages = _c[0], setNbPages = _c[1];
     var _d = (0, react_1.useState)(hits), allHits = _d[0], setAllHits = _d[1];
     var _e = (0, context_2.useCredentialsContext)(), appId = _e.appId, apiKey = _e.apiKey, indexName = _e.indexName;
-    var _f = (0, context_1.useHelpHubContext)(types_1.PagesNameMap.resultsPage), header = _f.header, inputPlaceholder = _f.inputPlaceholder, searchBar = _f.searchBar, baseUrl = _f.baseUrl, searchResultEmpty = _f.searchResultEmpty;
+    var _f = (0, context_1.useHelpHubContext)(types_1.PagesNameMap.resultsPage), introductionProps = _f.introductionProps, inputPlaceholder = _f.inputPlaceholder, searchBar = _f.searchBar, baseUrl = _f.baseUrl, searchResultEmpty = _f.searchResultEmpty, showDividerByBreakpoint = _f.showDividerByBreakpoint, stylePreset = _f.stylePreset;
     var router = (0, router_1.useRouter)();
     var q = router.query.q;
     var hasQueryParam = q && q.length !== 0;
@@ -99,16 +104,17 @@ var PageContent = function (_a) {
     var handleOnLazyLoad = function () {
         setPage(page + 1);
     };
-    var description = header.description;
+    var description = introductionProps.description;
     var newDescription = description
-        .replace('##QUERY##', q)
-        .replace('##COUNT##', allHits.length.toString());
+        .replace('##QUERY##', "".concat(q))
+        .replace('##COUNT##', "".concat(allHits.length.toString()));
     var isLoadMoreVisible = page < nbPages - 1 && allHits.length >= resultsProvider_1.HITS_PER_PAGE;
+    var regex = "".concat(q, "|").concat(allHits.length.toString());
     return hasQueryParam ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(SearchBar_1.SearchBar, { placeholder: inputPlaceholder, baseUrl: baseUrl }),
         react_1.default.createElement(newskit_1.Block, { spaceStack: searchBar.spaceStack }),
-        react_1.default.createElement(shared_components_1.Header, __assign({}, __assign(__assign({}, header), { description: newDescription }))),
-        react_1.default.createElement(shared_components_1.ContentListView, { spaceStack: "space010" }, (0, helpers_1.transformHits)(allHits, baseUrl).map(function (item, i) {
+        react_1.default.createElement(shared_components_1.Introduction, __assign({}, introductionProps, { description: newDescription, makeBoldText: regex })),
+        react_1.default.createElement(shared_components_1.ContentListView, { spaceStack: "space010", showDividerByBreakpoint: showDividerByBreakpoint, stylePreset: stylePreset }, (0, helpers_1.transformHits)(allHits, baseUrl).map(function (item, i) {
             return (react_1.default.createElement(shared_components_1.ListItem, { key: i, item: item, listItemProps: {
                     hideIcon: true,
                     'data-testid': "content-list-item-".concat(i),
@@ -119,7 +125,7 @@ var PageContent = function (_a) {
                 }, listCellProps: {
                     align: 'center',
                     labelOverrides: {
-                        stylePreset: 'baseInteractivePrimary030',
+                        stylePreset: 'helpHubMenuItems',
                         typographyPreset: 'utilityBody030',
                     },
                 } }));
@@ -137,7 +143,7 @@ var PageContent = function (_a) {
 };
 var ResultsPage = function (_a) {
     var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, hits = _a.hits, credentials = _a.credentials;
-    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.ResultsPageContext), { credentials: credentials }), context));
+    var enhancedContext = __assign({}, (0, lodash_assign_1.default)({}, __assign(__assign({}, exports.resultsPageContext), { credentials: credentials }), context));
     return (react_1.default.createElement(context_2.CredentialsContextProvider, { credentials: credentials },
         react_1.default.createElement(Templates_1.default, { context: enhancedContext, contextName: types_1.PagesNameMap.resultsPage, customTheme: customTheme, themeDropdownObject: themeDropdownObject, topSpaceStack: { xs: 'space045', md: 'space070' } },
             react_1.default.createElement(PageContent, { hits: hits }))));

package/dist/cjs/help-hub/pages/ResultsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,gEAAkC;AAClC,mCAAmD;AACnD,uEAK0C;AAC1C,sEAA4C;AAC5C,qDAAmD;AAEnD,0CAA0E;AAC1E,sCAA8C;AAC9C,4CAAwB;AACxB,+DAA2E;AAC3E,sCAA8E;AAC9E,sCAAuC;AAEvC,sCAA0C;AAE7B,QAAA,kBAAkB,GAAuC;IACpE,MAAM,EAAE;QACN,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,wDAAwD;QACrE,cAAc,EAAE;YACd,UAAU,EAAE,UAAU;SACvB;QACD,UAAU,EAAE,UAAU;KACvB;IAED,SAAS,EAAE;QACT,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;KAC/C;IACD,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;CAC/D,CAAA;AAED,IAAM,WAAW,GAEZ,UAAC,EAAQ;QAAN,IAAI,UAAA;IACJ,IAAA,KAAkB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5B,IAAI,QAAA,EAAE,OAAO,QAAe,CAAA;IAC7B,IAAA,KAAwB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAlC,OAAO,QAAA,EAAE,UAAU,QAAe,CAAA;IACnC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAA;IACtC,IAAA,KAA+B,IAAA,+BAAqB,GAAE,EAApD,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAA4B,CAAA;IACtD,IAAA,KAMF,IAAA,2BAAiB,EAAC,oBAAY,CAAC,WAAW,CAA8B,EAL1E,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,iBAAiB,uBACyD,CAAA;IAC5E,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAGf,IAAA,CAAC,GACR,MAAM,QADE,CACF;IAEV,IAAM,aAAa,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAA;IAEzC,IAAA,aAAM,EACJ,IAAI,GAAG,CAAC;QACN,CAAC,CAAC;YACE,kBAAW,KAAK,oCAA0B,SAAS,WAAQ;YAC3D,EAAE,CAAC,GAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE;SAC3B;QACH,CAAC,CAAC,IAAI,EACR,gCAAc,EACd;QACE,SAAS,EAAE,UAAC,IAAsC;YAChD,UAAU,iCAAK,OAAO,SAAK,IAAI,CAAC,IAAI,QAAE,CAAA;YACtC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC1B,CAAC;QACD,iBAAiB,EAAE,KAAK;KACzB,CACF,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,MAAM,CAAC,WAAqB,CAAA;IAChD,IAAM,cAAc,GAAG,WAAW;SAC/B,OAAO,CAAC,WAAW,EAAE,CAAW,CAAC;SACjC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;IAClD,IAAM,iBAAiB,GACrB,IAAI,GAAG,OAAO,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,IAAI,+BAAa,CAAA;IAEvD,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB;QACE,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI;QAC9D,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,0BAAM,qCAAU,MAAM,KAAE,WAAW,EAAE,cAAc,KAAM;QAC1D,8BAAC,mCAAe,IAAC,UAAU,EAAC,UAAU,IACnC,IAAA,uBAAa,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC;YAC3C,OAAO,CACL,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;oBACb,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,4BAAqB,CAAC,CAAE;oBACvC,SAAS,EAAE;wBACT,UAAU,EAAE,eAAe;wBAC3B,SAAS,EAAE,WAAW;qBACvB;iBACF,EACD,aAAa,EAAE;oBACb,KAAK,EAAE,QAAQ;oBACf,cAAc,EAAE;wBACd,WAAW,EAAE,2BAA2B;wBACxC,gBAAgB,EAAE,gBAAgB;qBACnC;iBACF,GACD,CACH,CAAA;QACH,CAAC,CAAC,CACc;QAClB,8BAAC,oBAAU,IACT,cAAc,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAE;gBACT,gBAAgB,EAAE,UAAU;gBAC5B,cAAc,EAAE,UAAU;aAC3B,IAEA,iBAAiB,IAAI,CACpB,8BAAC,gBAAM,IACL,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,EAAE,WAAW,EAAE,uBAAuB,EAAE,iBACvC,WAAW,gBAGhB,CACV,CACU,CACZ,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IACT,MAAM,EAAE,UAAU,EAClB,YAAY,EAAC,QAAQ,EACrB,SAAS,EAAE;YACT,gBAAgB,EAAE,UAAU;YAC5B,cAAc,EAAE,UAAU;SAC3B;QAED,8BAAC,qBAAS,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,GAAI;QAC9D,8BAAC,eAAK,IAAC,UAAU,EAAE,SAAS,CAAC,UAAU,GAAI;QAC3C,8BAAC,gCAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI,CAC/B,CACd,CAAA;AACH,CAAC,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,EAMvD;QALC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,WAAW,iBAAA;IAEX,IAAM,eAAe,gBAChB,IAAA,uBAAM,EAAC,EAAE,wBAAO,0BAAkB,KAAE,WAAW,aAAA,KAAI,OAAO,CAAC,CAC/D,CAAA;IAED,OAAO,CACL,8BAAC,oCAA0B,IAAC,WAAW,EAAE,WAAW;QAClD,8BAAC,mBAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,oBAAY,CAAC,WAAW,EACrC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;YAEjD,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,CACkB,CAC9B,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,WAAW,eAwBvB;AAED,kBAAe,mBAAW,CAAA"}
+{"version":3,"file":"ResultsPage.js","sourceRoot":"","sources":["../../../../src/help-hub/pages/ResultsPage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/help-hub/components/SearchBar/components/AlgoliaTheme.js

@@ -3,6 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { css } from 'newskit';
-export var AlgoliaStyling = 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: 3;\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    fill: #3e34d3;\n    position: relative;\n    top: 1px;\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  .aa-SubmitButton svg {\n    cursor: pointer;\n  }\n  .aa-SubmitButton:disabled svg {\n    cursor: not-allowed;\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: 1;\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    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\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: 2;\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;\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: 3;\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    fill: #3e34d3;\n    position: relative;\n    top: 1px;\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  .aa-SubmitButton svg {\n    cursor: pointer;\n  }\n  .aa-SubmitButton:disabled svg {\n    cursor: not-allowed;\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: 1;\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    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\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: 2;\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;\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"])));
+export var AlgoliaStyling = 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    /* Newskit */\n    --aa-newskit-input-border-color: 204, 204, 204;\n    --aa-newskit-placeholder-color: 106, 106, 106;\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: 145, 145, 145;\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  /* 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  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\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-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  /* 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(145, 145, 145, 1);\n    border: 1px solid rgba(var(--aa-newskit-input-border-color), 1);\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: #cccccc;\n    border-color: rgba(var(--aa-newskit-input-border-color), 1);\n  }\n  .aa-Form:focus-within {\n    border-color: #cccccc;\n    border-color: rgba(var(--aa-newskit-input-border-color), 1);\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: 3;\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: #3358cc;\n    fill: #3358cc;\n    position: relative;\n    top: 1px;\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  .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  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n  .aa-SubmitButton svg {\n    cursor: pointer;\n  }\n  .aa-SubmitButton:disabled svg {\n    cursor: not-allowed;\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  .aa-InputWrapper {\n    order: 1;\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    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\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  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 2;\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;\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  /* 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  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\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  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\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  /* 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  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\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  .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  .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  /* 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  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\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  .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  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\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  .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  .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  .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  .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  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\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  .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  .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  .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  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\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  .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  .aa-ActiveOnly {\n    visibility: hidden;\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  /* 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  /* 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  .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  /* 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  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\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  /* 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  .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  .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  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\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    /* Newskit */\n    --aa-newskit-input-border-color: 204, 204, 204;\n    --aa-newskit-placeholder-color: 106, 106, 106;\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: 145, 145, 145;\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  /* 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  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\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-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  /* 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(145, 145, 145, 1);\n    border: 1px solid rgba(var(--aa-newskit-input-border-color), 1);\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: #cccccc;\n    border-color: rgba(var(--aa-newskit-input-border-color), 1);\n  }\n  .aa-Form:focus-within {\n    border-color: #cccccc;\n    border-color: rgba(var(--aa-newskit-input-border-color), 1);\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: 3;\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: #3358cc;\n    fill: #3358cc;\n    position: relative;\n    top: 1px;\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  .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  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n  .aa-SubmitButton svg {\n    cursor: pointer;\n  }\n  .aa-SubmitButton:disabled svg {\n    cursor: not-allowed;\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  .aa-InputWrapper {\n    order: 1;\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    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(106, 106, 106, 1);\n    color: rgba(\n      var(--aa-newskit-placeholder-color),\n      var(--aa-text-color-alpha)\n    );\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  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 2;\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;\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  /* 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  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\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  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\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  /* 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  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\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  .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  .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  /* 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  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\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  .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  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\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  .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  .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  .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  .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  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\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  .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  .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  .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  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\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  .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  .aa-ActiveOnly {\n    visibility: hidden;\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  /* 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  /* 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  .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  /* 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  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\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  /* 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  .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  .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  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\n    }\n  }\n  @media (hover: hover) {\n    .aa-TouchOnly {\n      display: none;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=AlgoliaTheme.js.map

package/dist/esm/help-hub/components/SearchBar/components/AlgoliaTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,MAAM,CAAC,IAAM,cAAc,GAAG,GAAG,wygCAAA,qugCA0qChC,IAAA,CAAA"}
+{"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAE7B,MAAM,CAAC,IAAM,cAAc,GAAG,GAAG,0p/BAAA,ul/BAonChC,IAAA,CAAA"}

package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js

@@ -30,7 +30,7 @@ import { createAutocomplete, } from '@algolia/autocomplete-core';
 import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 import algoliasearch from 'algoliasearch/lite';
 import { useCredentialsContext } from '../../../context';
-import { Block, styled, toNewsKitIcon } from 'newskit';
+import { Block, styled, toNewsKitIcon, TextBlock } from 'newskit';
 import React, { useState } from 'react';
 import { Highlight } from './Highlight';
 import { NextLink } from '@newskit-render/shared-components';
@@ -145,12 +145,16 @@ export var Autocomplete = function (props) {
                         source: source,
                     }), role = _a.role, ariaSelected = _a["aria-selected"], restItemProps = __rest(_a, ["role", 'aria-selected']);
                     return (React.createElement("li", __assign({ key: item.objectID, className: "aa-Item" }, restItemProps, { role: "menuitem" }),
-                        React.createElement(NextLink, { type: "standalone", href: "".concat(baseUrl, "/article/").concat(item.objectID) },
-                            React.createElement("div", { className: "aa-ItemWrapper" },
-                                React.createElement("div", { className: "aa-ItemContent" },
-                                    React.createElement("div", { className: "aa-ItemContentBody" },
-                                        React.createElement("div", { className: "aa-ItemContentTitle" },
-                                            React.createElement(Highlight, { hit: item, attribute: "title" }))))))));
+                        React.createElement(TextBlock, { typographyPreset: {
+                                xs: 'utilityBody020',
+                                sm: 'utilityBody030',
+                            } },
+                            React.createElement(NextLink, { type: "standalone", href: "".concat(baseUrl, "/article/").concat(item.objectID) },
+                                React.createElement("div", { className: "aa-ItemWrapper" },
+                                    React.createElement("div", { className: "aa-ItemContent" },
+                                        React.createElement("div", { className: "aa-ItemContentBody" },
+                                            React.createElement("div", { className: "aa-ItemContentTitle" },
+                                                React.createElement(Highlight, { hit: item, attribute: "title" })))))))));
                 })))));
             }))))));
 };

package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/Autocomplete.tsx"],"names":[],"mappings":"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"}