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

package/dist/cjs/help-chat/Help.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ChatHelpOverrides } from './types';
+export declare const Help: React.FC<{
+    chatHelpOverrides?: ChatHelpOverrides;
+}>;

package/dist/cjs/help-chat/Help.js

@@ -0,0 +1,40 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Help = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var chatHelpDefaultOverrides_1 = require("./chatHelpDefaultOverrides");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  text-align: center;\n"], ["\n  ", "\n  text-align: center;\n"])), (0, newskit_1.getColorCssFromTheme)('background', 'interface030'));
+var Help = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _l = _a.chatHelpOverrides, chatHelpOverrides = _l === void 0 ? chatHelpDefaultOverrides_1.chatHelpOverridesDefault : _l;
+    return (react_1.default.createElement(StyledGridLayout, __assign({}, chatHelpOverrides.gridLayoutOverrides),
+        chatHelpOverrides.icon,
+        react_1.default.createElement(newskit_1.Headline, { overrides: (_b = chatHelpOverrides.helpHeadline) === null || _b === void 0 ? void 0 : _b.overrides }, (_c = chatHelpOverrides.helpHeadline) === null || _c === void 0 ? void 0 : _c.text),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({}, (_d = chatHelpOverrides.helpHeadline) === null || _d === void 0 ? void 0 : _d.overrides), (_e = chatHelpOverrides.helpSubheadline) === null || _e === void 0 ? void 0 : _e.text),
+        react_1.default.createElement(newskit_1.Button, { onClick: (_f = chatHelpOverrides.buttonOverrides) === null || _f === void 0 ? void 0 : _f.onClick, size: (_g = chatHelpOverrides.buttonOverrides) === null || _g === void 0 ? void 0 : _g.size, overrides: {
+                minWidth: (_h = chatHelpOverrides.buttonOverrides) === null || _h === void 0 ? void 0 : _h.minWidth,
+                stylePreset: (_j = chatHelpOverrides.buttonOverrides) === null || _j === void 0 ? void 0 : _j.stylePreset,
+            } }, (_k = chatHelpOverrides.buttonOverrides) === null || _k === void 0 ? void 0 : _k.text)));
+};
+exports.Help = Help;
+var templateObject_1;
+//# sourceMappingURL=Help.js.map

package/dist/cjs/help-chat/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../src/help-chat/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAOgB;AAEhB,uEAAqE;AACrE,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,IAAA,8BAAoB,EAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AAEM,IAAM,IAAI,GAEZ,UAAC,EAAgD;;QAA9C,yBAA4C,EAA5C,iBAAiB,mBAAG,mDAAwB,KAAA;IAClD,OAAO,CACL,8BAAC,gBAAgB,eAAK,iBAAiB,CAAC,mBAAmB;QACxD,iBAAiB,CAAC,IAAI;QACvB,8BAAC,kBAAQ,IAAC,SAAS,EAAE,MAAA,iBAAiB,CAAC,YAAY,0CAAE,SAAS,IAC3D,MAAA,iBAAiB,CAAC,YAAY,0CAAE,IAAI,CAC5B;QAEX,8BAAC,mBAAS,eAAK,MAAA,iBAAiB,CAAC,YAAY,0CAAE,SAAS,GACrD,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,CAC9B;QACZ,8BAAC,gBAAM,IACL,OAAO,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,OAAO,EACnD,IAAI,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,EAC7C,SAAS,EAAE;gBACT,QAAQ,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,QAAQ;gBACrD,WAAW,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,WAAW;aAC5D,IAEA,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,CACjC,CACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,IAAI,QAyBhB"}

package/dist/cjs/help-chat/chatHelpDefaultOverrides.d.ts

@@ -0,0 +1,37 @@
+import { ButtonSize } from 'newskit';
+export declare const chatHelpOverridesDefault: {
+    icon: JSX.Element;
+    buttonOverrides: {
+        text: string;
+        size: ButtonSize;
+        stylePreset: string;
+        minWidth: {
+            xs: string;
+            sm: string;
+        };
+        onClick: undefined;
+    };
+    helpHeadline: {
+        text: string;
+        overrides: {
+            typographyPreset: string;
+        };
+    };
+    helpSubheadline: {
+        text: string;
+        overrides: {
+            typographyPreset: string;
+            stylePreset: string;
+            paddingInline: string;
+        };
+    };
+    gridLayoutOverrides: {
+        rowGap: string;
+        justifyItems: string;
+        alignContent: string;
+        overrides: {
+            paddingBlock: string;
+            paddingInline: string;
+        };
+    };
+};

package/dist/cjs/help-chat/chatHelpDefaultOverrides.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chatHelpOverridesDefault = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+exports.chatHelpOverridesDefault = {
+    icon: (react_1.default.createElement(newskit_1.IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'inkContrast',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: newskit_1.ButtonSize.Small,
+        stylePreset: 'buttonOutlinedSecondary',
+        minWidth: { xs: '100%', sm: 'sizing100' },
+        onClick: undefined,
+    },
+    helpHeadline: {
+        text: 'Need help?',
+        overrides: {
+            typographyPreset: 'utilityHeading030',
+        },
+    },
+    helpSubheadline: {
+        text: 'Get a quick response from our team members',
+        overrides: {
+            typographyPreset: 'utilitySubheading020',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+    },
+};
+//# sourceMappingURL=chatHelpDefaultOverrides.js.map

package/dist/cjs/help-chat/chatHelpDefaultOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatHelpDefaultOverrides.js","sourceRoot":"","sources":["../../../src/help-chat/chatHelpDefaultOverrides.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAoD;AAEvC,QAAA,wBAAwB,GAAG;IACtC,IAAI,EAAE,CACJ,8BAAC,wBAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,aAAa;SAC3B,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,oBAAU,CAAC,KAAK;QACtB,WAAW,EAAE,yBAAyB;QACtC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,OAAO,EAAE,SAAS;KACnB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE;YACT,gBAAgB,EAAE,mBAAmB;SACtC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE;YACT,gBAAgB,EAAE,sBAAsB;YACxC,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,UAAU;SAC1B;KACF;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAA"}

package/dist/cjs/help-chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Help';
+export * from './types';

package/dist/{article-recommendations/provider/queries → cjs/help-chat}/index.js

@@ -10,5 +10,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./getRecommendationsQuery"), exports);
+__exportStar(require("./Help"), exports);
+__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/help-chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/help-chat/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB"}

package/dist/cjs/help-chat/tests/Chat.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story;
+export declare const WithoutOverrides: Story;

package/dist/cjs/help-chat/tests/Chat.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithoutOverrides = exports.Primary = void 0;
+var react_1 = __importDefault(require("react"));
+var Help_1 = require("../Help");
+var newskit_1 = require("newskit");
+exports.default = {
+    title: 'Components/ChatHelp',
+    component: Help_1.Help,
+};
+var Primary = function (args) { return (react_1.default.createElement(Help_1.Help, { chatHelpOverrides: args })); };
+exports.Primary = Primary;
+exports.Primary.args = {
+    icon: (react_1.default.createElement(newskit_1.IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'inkContrast',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: newskit_1.ButtonSize.Small,
+        stylePreset: 'buttonOutlinedSecondary',
+        minWidth: { xs: '100%', sm: 'sizing100' },
+    },
+    helpHeadline: {
+        text: 'Need help?',
+        overrides: {
+            typographyPreset: 'utilityHeading030',
+        },
+    },
+    helpSubheadline: {
+        text: 'Get a quick response from our team members',
+        overrides: {
+            typographyPreset: 'utilitySubheading020',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+    },
+};
+var WithoutOverrides = function () { return react_1.default.createElement(Help_1.Help, null); };
+exports.WithoutOverrides = WithoutOverrides;
+//# sourceMappingURL=Chat.stories.js.map

package/dist/cjs/help-chat/tests/Chat.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../../src/help-chat/tests/Chat.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,gCAA8B;AAE9B,mCAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAI;CACR,CAAA;AAEF,IAAM,OAAO,GAAU,UAAC,IAAuB,IAAK,OAAA,CACzD,8BAAC,WAAI,IAAC,iBAAiB,EAAE,IAAI,GAAI,CAClC,EAF0D,CAE1D,CAAA;AAFY,QAAA,OAAO,WAEnB;AAED,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CACJ,8BAAC,wBAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,aAAa;SAC3B,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,oBAAU,CAAC,KAAK;QACtB,WAAW,EAAE,yBAAyB;QACtC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;KAC1C;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE;YACT,gBAAgB,EAAE,mBAAmB;SACtC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE;YACT,gBAAgB,EAAE,sBAAsB;YACxC,WAAW,EAAE,SAAS;YACtB,aAAa,EAAE,UAAU;SAC1B;KACF;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,QAAQ;QACtB,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE;YACT,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAA;AAEM,IAAM,gBAAgB,GAAU,cAAM,OAAA,8BAAC,WAAI,OAAG,EAAR,CAAQ,CAAA;AAAxC,QAAA,gBAAgB,oBAAwB"}

package/dist/cjs/help-chat/types.d.ts

@@ -0,0 +1,31 @@
+import { MQ, ButtonSize, TextBlockProps } from 'newskit';
+import { ReactNode } from 'react';
+export declare type ChatHelpOverrides = {
+    icon?: ReactNode;
+    buttonOverrides?: {
+        size?: ButtonSize;
+        minWidth?: MQ<string>;
+        stylePreset?: MQ<string>;
+        text: string;
+        onClick?: () => void;
+    };
+    helpHeadline?: {
+        text: string;
+        overrides?: {
+            typographyPreset?: MQ<string>;
+        };
+    };
+    helpSubheadline?: {
+        text: string;
+        overrides?: TextBlockProps;
+    };
+    gridLayoutOverrides?: {
+        rowGap?: MQ<string>;
+        justifyItems?: MQ<string>;
+        alignContent?: MQ<string>;
+        overrides?: {
+            paddingBlock?: MQ<string>;
+            paddingInline?: MQ<string>;
+        };
+    };
+};

package/dist/{help-hub/pages → cjs/help-chat}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/help-hub/pages/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/help-chat/types.ts"],"names":[],"mappings":""}

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

@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlgoliaStyling = void 0;
 var newskit_1 = require("newskit");
-exports.AlgoliaStyling = (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n  /* ---------------- */\n  /* 1.  CSS Variables */\n  /* 2.  Dark Mode */\n  /* 3.  Autocomplete */\n  /* 4.  Panel */\n  /* 5.  Sources */\n  /* 6.  Hit Layout */\n  /* 7.  Panel Header */\n  /* 8.  Panel Footer */\n  /* 9.  Detached Mode */\n  /* 10. Gradients */\n  /* 11. Utilities */\n  /* ---------------- */\n  /* Note: */\n  /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n  /* We use the SASS  function to keep specificity low. */\n  /* ---------------- */\n  /* 1. CSS Variables */\n  /* ---------------- */\n  :root {\n    /* Input */\n    --aa-search-input-height: 44px;\n    --aa-input-icon-size: 20px;\n    /* Size and spacing */\n    --aa-base-unit: 16;\n    --aa-spacing-factor: 1;\n    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n    --aa-spacing-half: calc(var(--aa-spacing) / 2);\n    --aa-panel-max-height: 650px;\n    /* Z-index */\n    --aa-base-z-index: 9999;\n    /* Font */\n    --aa-font-size: calc(var(--aa-base-unit) * 1px);\n    --aa-font-family: inherit;\n    --aa-font-weight-medium: 500;\n    --aa-font-weight-semibold: 600;\n    --aa-font-weight-bold: 700;\n    /* Icons */\n    --aa-icon-size: 20px;\n    --aa-icon-stroke-width: 1.6;\n    --aa-icon-color-rgb: 119, 119, 163;\n    --aa-icon-color-alpha: 1;\n    --aa-action-icon-size: 20px;\n    /* Text colors */\n    --aa-text-color-rgb: 38, 38, 39;\n    --aa-text-color-alpha: 1;\n    --aa-primary-color-rgb: 62, 52, 211;\n    --aa-primary-color-alpha: 0.2;\n    --aa-muted-color-rgb: 128, 126, 163;\n    --aa-muted-color-alpha: 0.6;\n    /* Border colors */\n    --aa-panel-border-color-rgb: 128, 126, 163;\n    --aa-panel-border-color-alpha: 0.3;\n    --aa-input-border-color-rgb: 128, 126, 163;\n    --aa-input-border-color-alpha: 0.8;\n    /* Background colors */\n    --aa-background-color-rgb: 255, 255, 255;\n    --aa-background-color-alpha: 1;\n    --aa-input-background-color-rgb: 255, 255, 255;\n    --aa-input-background-color-alpha: 1;\n    --aa-selected-color-rgb: 179, 173, 214;\n    --aa-selected-color-alpha: 0.205;\n    --aa-description-highlight-background-color-rgb: 245, 223, 77;\n    --aa-description-highlight-background-color-alpha: 0.5;\n    /* Detached mode */\n    --aa-detached-media-query: (max-width: 680px);\n    --aa-detached-modal-media-query: (min-width: 680px);\n    --aa-detached-modal-max-width: 680px;\n    --aa-detached-modal-max-height: 500px;\n    --aa-overlay-color-rgb: 115, 114, 129;\n    --aa-overlay-color-alpha: 0.4;\n    /* Shadows */\n    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    /* Scrollbar */\n    --aa-scrollbar-width: 13px;\n    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n    --aa-scrollbar-track-background-color-alpha: 1;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n    --aa-scrollbar-thumb-background-color-alpha: 1;\n    /* Touch screens */\n  }\n  @media (hover: none) and (pointer: coarse) {\n    :root {\n      --aa-spacing-factor: 1.2;\n      --aa-action-icon-size: 22px;\n    }\n  }\n\n  /* ---------------- */\n  /* 2. Dark Mode */\n  /* ---------------- */\n  body {\n    /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n    /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n  }\n  body[data-theme='dark'],\n  body.dark {\n    /* Text colors */\n    --aa-text-color-rgb: 183, 192, 199;\n    --aa-primary-color-rgb: 146, 138, 255;\n    --aa-muted-color-rgb: 146, 138, 255;\n    /* Background colors */\n    --aa-input-background-color-rgb: 0, 3, 9;\n    --aa-background-color-rgb: 21, 24, 42;\n    --aa-selected-color-rgb: 146, 138, 255;\n    --aa-selected-color-alpha: 0.25;\n    --aa-description-highlight-background-color-rgb: 0 255 255;\n    --aa-description-highlight-background-color-alpha: 0.25;\n    /* Icons */\n    --aa-icon-color-rgb: 119, 119, 163;\n    /* Shadows */\n    --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n      0 3px 8px 0 rgb(0, 3, 9);\n    /* Scrollbar */\n    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n  }\n\n  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\n  }\n\n  /* Init for  */\n  .aa-Panel,\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    font-weight: normal;\n    line-height: 1em;\n    margin: 0;\n    padding: 0;\n    text-align: left;\n  }\n\n  /* ---------------- */\n  /* 3. Autocomplete */\n  /* ---------------- */\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    /* Search box */\n  }\n  .aa-Form {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    display: flex;\n    line-height: 1em;\n    margin: 0;\n    position: relative;\n    width: 100%;\n  }\n  .aa-Form[focus-within] {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-Form:focus-within {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-InputWrapperPrefix {\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 1;\n    /* Container for search and loading icons */\n  }\n  .aa-Label,\n  .aa-LoadingIndicator {\n    cursor: auto;\n    cursor: initial;\n    flex-shrink: 0;\n    height: 100%;\n    padding: 0;\n    text-align: left;\n  }\n  .aa-Label svg,\n  .aa-LoadingIndicator svg {\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    height: auto;\n    max-height: 20px;\n    max-height: var(--aa-input-icon-size);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-input-icon-size);\n  }\n\n  .aa-SubmitButton,\n  .aa-LoadingIndicator {\n    height: 100%;\n    padding-left: 11px;\n    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n    padding-right: 8px;\n    padding-right: var(--aa-spacing-half);\n    width: 47px;\n    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-SubmitButton,\n    .aa-LoadingIndicator {\n      padding-left: 3px;\n      padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n      width: 39px;\n      width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n    }\n  }\n\n  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n\n  .aa-LoadingIndicator {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n  .aa-LoadingIndicator[hidden] {\n    display: none;\n  }\n\n  .aa-InputWrapper {\n    order: 3;\n    position: relative;\n    width: 100%;\n    /* Search box input (with placeholder and query) */\n  }\n  .aa-Input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font: inherit;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    padding: 0;\n    width: 100%;\n    /* Focus is set and styled on the parent, it isn't necessary here */\n    /* Remove native appearence */\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:focus {\n    border-color: none;\n    box-shadow: none;\n    outline: none;\n  }\n  .aa-Input::-webkit-search-decoration,\n  .aa-Input::-webkit-search-cancel-button,\n  .aa-Input::-webkit-search-results-button,\n  .aa-Input::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 4;\n    /* Accelerator to clear the query */\n  }\n  .aa-ClearButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    height: 100%;\n    margin: 0;\n    padding: 0 12.8333333333px;\n    padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ClearButton {\n      padding: 0 10.1666666667px;\n      padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n    }\n  }\n  .aa-ClearButton:hover,\n  .aa-ClearButton:focus {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  .aa-ClearButton[hidden] {\n    display: none;\n  }\n  .aa-ClearButton svg {\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n\n  /* ---------------- */\n  /* 4. Panel */\n  /* ---------------- */\n  .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 4px;\n    border-radius: calc(var(--aa-spacing) / 4);\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    margin: 8px 0 0;\n    overflow: hidden;\n    position: absolute;\n    transition: opacity 200ms ease-in, filter 200ms ease-in;\n    /* When a request isn't resolved yet */\n  }\n  @media screen and (prefers-reduced-motion) {\n    .aa-Panel {\n      transition: none;\n    }\n  }\n  .aa-Panel button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n    padding: 0;\n  }\n  .aa-PanelLayout {\n    height: 100%;\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-y: auto;\n    padding: 0;\n    position: relative;\n    text-align: left;\n  }\n  .aa-PanelLayoutColumns--twoGolden {\n    display: grid;\n    grid-template-columns: 39.2% auto;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--three {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\n  }\n\n  .aa-Panel--scrollable {\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n    scrollbar-color: white #eaeaea;\n    scrollbar-color: rgba(\n        var(--aa-scrollbar-thumb-background-color-rgb),\n        var(--aa-scrollbar-thumb-background-color-alpha)\n      )\n      rgba(\n        var(--aa-scrollbar-track-background-color-rgb),\n        var(--aa-scrollbar-track-background-color-alpha)\n      );\n    scrollbar-width: thin;\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar {\n    width: 13px;\n    width: var(--aa-scrollbar-width);\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-track {\n    background-color: #eaeaea;\n    background-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-scrollbar-thumb-background-color-rgb),\n      var(--aa-scrollbar-thumb-background-color-alpha)\n    );\n    border-color: #eaeaea;\n    border-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n    border-radius: 9999px;\n    border-style: solid;\n    border-width: 3px 2px 3px 3px;\n  }\n\n  /* ---------------- */\n  /* 5. Sources */\n  /* Each source can be styled independently */\n  /* ---------------- */\n  .aa-Source {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n    /* List of results inside the source */\n    /* Source title */\n    /* See all button */\n  }\n  .aa-Source:empty {\n    /* Hide empty section */\n    display: none;\n  }\n  .aa-SourceNoResults {\n    font-size: 1em;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n  }\n\n  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n\n  .aa-SourceHeader {\n    margin: 8px 0.5em 8px 0;\n    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n    padding: 0;\n    position: relative;\n    /* Hide empty header */\n    /* Title typography */\n    /* Line separator */\n  }\n  .aa-SourceHeader:empty {\n    display: none;\n  }\n  .aa-SourceHeaderTitle {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    display: inline-block;\n    font-size: 0.8em;\n    font-weight: 600;\n    font-weight: var(--aa-font-weight-semibold);\n    margin: 0;\n    padding: 0 8px 0 0;\n    padding: 0 var(--aa-spacing-half) 0 0;\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-SourceHeaderLine {\n    border-bottom: solid 1px #3e34d3;\n    border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n    display: block;\n    height: 2px;\n    left: 0;\n    margin: 0;\n    opacity: 0.3;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    top: 8px;\n    top: var(--aa-spacing-half);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  .aa-SourceFooterSeeAll {\n    background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n    background: linear-gradient(\n      180deg,\n      rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n      rgba(128, 126, 163, 0.14)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.6);\n    border: 1px solid\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    border-radius: 5px;\n    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n    color: inherit;\n    font-size: 0.95em;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n    padding: 0.475em 1em 0.6em;\n    text-decoration: none;\n  }\n  .aa-SourceFooterSeeAll:focus,\n  .aa-SourceFooterSeeAll:hover {\n    border: 1px solid #3e34d3;\n    border: 1px solid rgba(var(--aa-primary-color-rgb), 1);\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n  }\n\n  /* ---------------- */\n  /* 6. Hit Layout */\n  /* ---------------- */\n  .aa-Item {\n    align-items: center;\n    border-radius: 3px;\n    cursor: pointer;\n    display: grid;\n    min-height: 40px;\n    min-height: calc(var(--aa-spacing) * 2.5);\n    padding: 4px;\n    padding: calc(var(--aa-spacing-half) / 2);\n    /* When the result is active */\n    /* The result type icon inlined SVG or image */\n    /* wrap hit with url but we don't need to see it */\n    /* Secondary click actions */\n  }\n  .aa-Item[aria-selected='true'] {\n    background-color: rgba(179, 173, 214, 0.205);\n    background-color: rgba(\n      var(--aa-selected-color-rgb),\n      var(--aa-selected-color-alpha)\n    );\n  }\n  .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n  .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n    visibility: visible;\n  }\n  .aa-ItemIcon {\n    align-items: center;\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 3px;\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    color: #7777a3;\n    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n    display: flex;\n    flex-shrink: 0;\n    font-size: 0.7em;\n    height: 28px;\n    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n    justify-content: center;\n    overflow: hidden;\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    text-align: center;\n    width: 28px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n  }\n  .aa-ItemIcon img {\n    height: auto;\n    max-height: 20px;\n    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    max-width: 20px;\n    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    width: auto;\n  }\n  .aa-ItemIcon svg {\n    height: 20px;\n    height: var(--aa-icon-size);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n  .aa-ItemIcon--alignTop {\n    align-self: flex-start;\n  }\n\n  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\n  }\n\n  .aa-ItemIcon--picture {\n    height: 96px;\n    width: 96px;\n  }\n  .aa-ItemIcon--picture img {\n    max-height: 100%;\n    max-width: 100%;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContent {\n    align-items: center;\n    cursor: pointer;\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    line-height: 1.25em;\n    overflow: hidden;\n  }\n  .aa-ItemContent:empty {\n    display: none;\n  }\n  .aa-ItemContent mark {\n    background: none;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 700;\n    font-weight: var(--aa-font-weight-bold);\n  }\n  .aa-ItemContent--dual {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: left;\n  }\n  .aa-ItemContent--dual .aa-ItemContentTitle,\n  .aa-ItemContent--dual .aa-ItemContentSubtitle {\n    display: block;\n  }\n\n  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-ItemContentBody {\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n  }\n\n  .aa-ItemContentTitle {\n    display: inline-block;\n    margin: 0 0.5em 0 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .aa-ItemContentSubtitle {\n    font-size: 0.92em;\n  }\n  .aa-ItemContentSubtitleIcon::before {\n    border-color: rgba(128, 126, 163, 0.64);\n    border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n    border-style: solid;\n    content: '';\n    display: inline-block;\n    left: 1px;\n    position: relative;\n    top: -3px;\n  }\n\n  .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n    border-width: 0 0 1.5px;\n    margin-left: 8px;\n    margin-left: var(--aa-spacing-half);\n    margin-right: 4px;\n    margin-right: calc(var(--aa-spacing-half) / 2);\n    width: 10px;\n    width: calc(var(--aa-spacing-half) + 2px);\n  }\n\n  .aa-ItemContentSubtitle--standalone {\n    align-items: center;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    justify-content: start;\n  }\n  .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n    border-radius: 0 0 0 3px;\n    border-width: 0 0 1.5px 1.5px;\n    height: 8px;\n    height: var(--aa-spacing-half);\n    width: 8px;\n    width: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\n  }\n\n  .aa-ItemContentDescription {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-size: 0.85em;\n    max-width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n  }\n  .aa-ItemContentDescription:empty {\n    display: none;\n  }\n  .aa-ItemContentDescription mark {\n    background: rgba(245, 223, 77, 0.5);\n    background: rgba(\n      var(--aa-description-highlight-background-color-rgb),\n      var(--aa-description-highlight-background-color-alpha)\n    );\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n  }\n\n  .aa-ItemContentDash {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    display: none;\n    opacity: 0.4;\n  }\n\n  .aa-ItemContentTag {\n    background-color: rgba(62, 52, 211, 0.2);\n    background-color: rgba(\n      var(--aa-primary-color-rgb),\n      var(--aa-primary-color-alpha)\n    );\n    border-radius: 3px;\n    margin: 0 0.4em 0 0;\n    padding: 0.08em 0.3em;\n  }\n\n  .aa-ItemWrapper,\n  .aa-ItemLink {\n    align-items: center;\n    color: inherit;\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n    grid-auto-flow: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .aa-ItemActions {\n    display: grid;\n    grid-auto-flow: column;\n    height: 100%;\n    justify-self: end;\n    margin: 0 -5.3333333333px;\n    margin: 0 calc(var(--aa-spacing) / -3);\n    padding: 0 2px 0 0;\n  }\n\n  .aa-ItemActionButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    flex-shrink: 0;\n    padding: 0;\n  }\n  .aa-ItemActionButton:hover svg,\n  .aa-ItemActionButton:focus svg {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ItemActionButton:hover svg,\n    .aa-ItemActionButton:focus svg {\n      color: inherit;\n    }\n  }\n  .aa-ItemActionButton svg {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    margin: 0;\n    margin: 5.3333333333px;\n    margin: calc(var(--aa-spacing) / 3);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-action-icon-size);\n  }\n\n  .aa-ActiveOnly {\n    visibility: hidden;\n  }\n\n  /*---------------- */\n  /* 7. Panel Header */\n  /*---------------- */\n  .aa-PanelHeader {\n    align-items: center;\n    background: #3e34d3;\n    background: rgba(var(--aa-primary-color-rgb), 1);\n    color: #fff;\n    display: grid;\n    height: var(--aa-modal-header-height);\n    margin: 0;\n    padding: 8px 16px;\n    padding: var(--aa-spacing-half) var(--aa-spacing);\n    position: relative;\n  }\n  .aa-PanelHeader::after {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    bottom: -8px;\n    bottom: calc(var(--aa-spacing-half) * -1);\n    content: '';\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  /*---------------- */\n  /* 8. Panel Footer */\n  /*---------------- */\n  .aa-PanelFooter {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 1px 0\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-PanelFooter::after {\n    background-image: linear-gradient(\n      rgba(255, 255, 255, 0),\n      rgba(128, 126, 163, 0.6)\n    );\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n    );\n    content: '';\n    height: 16px;\n    height: var(--aa-spacing);\n    left: 0;\n    opacity: 0.12;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: -16px;\n    top: calc(var(--aa-spacing) * -1);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 9. Detached Mode */\n  /*---------------- */\n  .aa-DetachedContainer {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    bottom: 0;\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-DetachedContainer::after {\n    height: 32px;\n  }\n  .aa-DetachedContainer .aa-SourceHeader {\n    margin: 8px 0 8px 2px;\n    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n  }\n  .aa-DetachedContainer .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 0;\n    box-shadow: none;\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n  .aa-DetachedContainer .aa-PanelLayout {\n    bottom: 0;\n    box-shadow: none;\n    left: 0;\n    margin: 0;\n    max-height: none;\n    overflow-y: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n  }\n  .aa-DetachedFormContainer {\n    border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n    border-bottom: solid 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton {\n    background: none;\n    border: 0;\n    border-radius: 3px;\n    color: inherit;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    cursor: pointer;\n    font: inherit;\n    margin: 0 0 0 8px;\n    margin: 0 0 0 var(--aa-spacing-half);\n    padding: 0 8px;\n    padding: 0 var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton:hover,\n  .aa-DetachedCancelButton:focus {\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n  }\n\n  .aa-DetachedContainer--modal {\n    border-radius: 6px;\n    bottom: inherit;\n    height: auto;\n    margin: 0 auto;\n    max-width: 680px;\n    max-width: var(--aa-detached-modal-max-width);\n    position: absolute;\n    top: 3%;\n  }\n  .aa-DetachedContainer--modal .aa-PanelLayout {\n    max-height: 500px;\n    max-height: var(--aa-detached-modal-max-height);\n    padding-bottom: 8px;\n    padding-bottom: var(--aa-spacing-half);\n    position: static;\n  }\n\n  /* Search Button */\n  .aa-DetachedSearchButton {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    font: inherit;\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    height: 44px;\n    height: var(--aa-search-input-height);\n    margin: 0;\n    padding: 0 5.5px;\n    padding: 0 calc(var(--aa-search-input-height) / 8);\n    position: relative;\n    text-align: left;\n    width: 100%;\n  }\n  .aa-DetachedSearchButton:focus {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 3px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-DetachedSearchButtonIcon {\n    align-items: center;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    cursor: auto;\n    cursor: initial;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    width: 36px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\n  }\n\n  .aa-DetachedOverlay {\n    background-color: rgba(115, 114, 129, 0.4);\n    background-color: rgba(\n      var(--aa-overlay-color-rgb),\n      var(--aa-overlay-color-alpha)\n    );\n    height: 100vh;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 10. Gradients */\n  /*---------------- */\n  .aa-GradientTop,\n  .aa-GradientBottom {\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-GradientTop {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    top: 0;\n  }\n\n  .aa-GradientBottom {\n    background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-background-color-rgb), 1)\n    );\n    border-bottom-left-radius: 4px;\n    border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n    border-bottom-right-radius: 4px;\n    border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n    bottom: 0;\n  }\n\n  /*---------------- */\n  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\n    }\n  }\n\n  @media (hover: hover) {\n    .aa-TouchOnly {\n      display: none;\n    }\n  }\n"], ["\n  /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n  /* ---------------- */\n  /* 1.  CSS Variables */\n  /* 2.  Dark Mode */\n  /* 3.  Autocomplete */\n  /* 4.  Panel */\n  /* 5.  Sources */\n  /* 6.  Hit Layout */\n  /* 7.  Panel Header */\n  /* 8.  Panel Footer */\n  /* 9.  Detached Mode */\n  /* 10. Gradients */\n  /* 11. Utilities */\n  /* ---------------- */\n  /* Note: */\n  /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n  /* We use the SASS  function to keep specificity low. */\n  /* ---------------- */\n  /* 1. CSS Variables */\n  /* ---------------- */\n  :root {\n    /* Input */\n    --aa-search-input-height: 44px;\n    --aa-input-icon-size: 20px;\n    /* Size and spacing */\n    --aa-base-unit: 16;\n    --aa-spacing-factor: 1;\n    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n    --aa-spacing-half: calc(var(--aa-spacing) / 2);\n    --aa-panel-max-height: 650px;\n    /* Z-index */\n    --aa-base-z-index: 9999;\n    /* Font */\n    --aa-font-size: calc(var(--aa-base-unit) * 1px);\n    --aa-font-family: inherit;\n    --aa-font-weight-medium: 500;\n    --aa-font-weight-semibold: 600;\n    --aa-font-weight-bold: 700;\n    /* Icons */\n    --aa-icon-size: 20px;\n    --aa-icon-stroke-width: 1.6;\n    --aa-icon-color-rgb: 119, 119, 163;\n    --aa-icon-color-alpha: 1;\n    --aa-action-icon-size: 20px;\n    /* Text colors */\n    --aa-text-color-rgb: 38, 38, 39;\n    --aa-text-color-alpha: 1;\n    --aa-primary-color-rgb: 62, 52, 211;\n    --aa-primary-color-alpha: 0.2;\n    --aa-muted-color-rgb: 128, 126, 163;\n    --aa-muted-color-alpha: 0.6;\n    /* Border colors */\n    --aa-panel-border-color-rgb: 128, 126, 163;\n    --aa-panel-border-color-alpha: 0.3;\n    --aa-input-border-color-rgb: 128, 126, 163;\n    --aa-input-border-color-alpha: 0.8;\n    /* Background colors */\n    --aa-background-color-rgb: 255, 255, 255;\n    --aa-background-color-alpha: 1;\n    --aa-input-background-color-rgb: 255, 255, 255;\n    --aa-input-background-color-alpha: 1;\n    --aa-selected-color-rgb: 179, 173, 214;\n    --aa-selected-color-alpha: 0.205;\n    --aa-description-highlight-background-color-rgb: 245, 223, 77;\n    --aa-description-highlight-background-color-alpha: 0.5;\n    /* Detached mode */\n    --aa-detached-media-query: (max-width: 680px);\n    --aa-detached-modal-media-query: (min-width: 680px);\n    --aa-detached-modal-max-width: 680px;\n    --aa-detached-modal-max-height: 500px;\n    --aa-overlay-color-rgb: 115, 114, 129;\n    --aa-overlay-color-alpha: 0.4;\n    /* Shadows */\n    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    /* Scrollbar */\n    --aa-scrollbar-width: 13px;\n    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n    --aa-scrollbar-track-background-color-alpha: 1;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n    --aa-scrollbar-thumb-background-color-alpha: 1;\n    /* Touch screens */\n  }\n  @media (hover: none) and (pointer: coarse) {\n    :root {\n      --aa-spacing-factor: 1.2;\n      --aa-action-icon-size: 22px;\n    }\n  }\n\n  /* ---------------- */\n  /* 2. Dark Mode */\n  /* ---------------- */\n  body {\n    /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n    /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n  }\n  body[data-theme='dark'],\n  body.dark {\n    /* Text colors */\n    --aa-text-color-rgb: 183, 192, 199;\n    --aa-primary-color-rgb: 146, 138, 255;\n    --aa-muted-color-rgb: 146, 138, 255;\n    /* Background colors */\n    --aa-input-background-color-rgb: 0, 3, 9;\n    --aa-background-color-rgb: 21, 24, 42;\n    --aa-selected-color-rgb: 146, 138, 255;\n    --aa-selected-color-alpha: 0.25;\n    --aa-description-highlight-background-color-rgb: 0 255 255;\n    --aa-description-highlight-background-color-alpha: 0.25;\n    /* Icons */\n    --aa-icon-color-rgb: 119, 119, 163;\n    /* Shadows */\n    --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n      0 3px 8px 0 rgb(0, 3, 9);\n    /* Scrollbar */\n    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n  }\n\n  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\n  }\n\n  /* Init for  */\n  .aa-Panel,\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    font-weight: normal;\n    line-height: 1em;\n    margin: 0;\n    padding: 0;\n    text-align: left;\n  }\n\n  /* ---------------- */\n  /* 3. Autocomplete */\n  /* ---------------- */\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    /* Search box */\n  }\n  .aa-Form {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    display: flex;\n    line-height: 1em;\n    margin: 0;\n    position: relative;\n    width: 100%;\n  }\n  .aa-Form[focus-within] {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-Form:focus-within {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-InputWrapperPrefix {\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 1;\n    /* Container for search and loading icons */\n  }\n  .aa-Label,\n  .aa-LoadingIndicator {\n    cursor: auto;\n    cursor: initial;\n    flex-shrink: 0;\n    height: 100%;\n    padding: 0;\n    text-align: left;\n  }\n  .aa-Label svg,\n  .aa-LoadingIndicator svg {\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    height: auto;\n    max-height: 20px;\n    max-height: var(--aa-input-icon-size);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-input-icon-size);\n  }\n\n  .aa-SubmitButton,\n  .aa-LoadingIndicator {\n    height: 100%;\n    padding-left: 11px;\n    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n    padding-right: 8px;\n    padding-right: var(--aa-spacing-half);\n    width: 47px;\n    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-SubmitButton,\n    .aa-LoadingIndicator {\n      padding-left: 3px;\n      padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n      width: 39px;\n      width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n    }\n  }\n\n  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n\n  .aa-LoadingIndicator {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n  .aa-LoadingIndicator[hidden] {\n    display: none;\n  }\n\n  .aa-InputWrapper {\n    order: 3;\n    position: relative;\n    width: 100%;\n    /* Search box input (with placeholder and query) */\n  }\n  .aa-Input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font: inherit;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    padding: 0;\n    width: 100%;\n    /* Focus is set and styled on the parent, it isn't necessary here */\n    /* Remove native appearence */\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:focus {\n    border-color: none;\n    box-shadow: none;\n    outline: none;\n  }\n  .aa-Input::-webkit-search-decoration,\n  .aa-Input::-webkit-search-cancel-button,\n  .aa-Input::-webkit-search-results-button,\n  .aa-Input::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 4;\n    /* Accelerator to clear the query */\n  }\n  .aa-ClearButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    height: 100%;\n    margin: 0;\n    padding: 0 12.8333333333px;\n    padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ClearButton {\n      padding: 0 10.1666666667px;\n      padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n    }\n  }\n  .aa-ClearButton:hover,\n  .aa-ClearButton:focus {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  .aa-ClearButton[hidden] {\n    display: none;\n  }\n  .aa-ClearButton svg {\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n\n  /* ---------------- */\n  /* 4. Panel */\n  /* ---------------- */\n  .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 4px;\n    border-radius: calc(var(--aa-spacing) / 4);\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    margin: 8px 0 0;\n    overflow: hidden;\n    position: absolute;\n    transition: opacity 200ms ease-in, filter 200ms ease-in;\n    /* When a request isn't resolved yet */\n  }\n  @media screen and (prefers-reduced-motion) {\n    .aa-Panel {\n      transition: none;\n    }\n  }\n  .aa-Panel button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n    padding: 0;\n  }\n  .aa-PanelLayout {\n    height: 100%;\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-y: auto;\n    padding: 0;\n    position: relative;\n    text-align: left;\n  }\n  .aa-PanelLayoutColumns--twoGolden {\n    display: grid;\n    grid-template-columns: 39.2% auto;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--three {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\n  }\n\n  .aa-Panel--scrollable {\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n    scrollbar-color: white #eaeaea;\n    scrollbar-color: rgba(\n        var(--aa-scrollbar-thumb-background-color-rgb),\n        var(--aa-scrollbar-thumb-background-color-alpha)\n      )\n      rgba(\n        var(--aa-scrollbar-track-background-color-rgb),\n        var(--aa-scrollbar-track-background-color-alpha)\n      );\n    scrollbar-width: thin;\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar {\n    width: 13px;\n    width: var(--aa-scrollbar-width);\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-track {\n    background-color: #eaeaea;\n    background-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-scrollbar-thumb-background-color-rgb),\n      var(--aa-scrollbar-thumb-background-color-alpha)\n    );\n    border-color: #eaeaea;\n    border-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n    border-radius: 9999px;\n    border-style: solid;\n    border-width: 3px 2px 3px 3px;\n  }\n\n  /* ---------------- */\n  /* 5. Sources */\n  /* Each source can be styled independently */\n  /* ---------------- */\n  .aa-Source {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n    /* List of results inside the source */\n    /* Source title */\n    /* See all button */\n  }\n  .aa-Source:empty {\n    /* Hide empty section */\n    display: none;\n  }\n  .aa-SourceNoResults {\n    font-size: 1em;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n  }\n\n  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n\n  .aa-SourceHeader {\n    margin: 8px 0.5em 8px 0;\n    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n    padding: 0;\n    position: relative;\n    /* Hide empty header */\n    /* Title typography */\n    /* Line separator */\n  }\n  .aa-SourceHeader:empty {\n    display: none;\n  }\n  .aa-SourceHeaderTitle {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    display: inline-block;\n    font-size: 0.8em;\n    font-weight: 600;\n    font-weight: var(--aa-font-weight-semibold);\n    margin: 0;\n    padding: 0 8px 0 0;\n    padding: 0 var(--aa-spacing-half) 0 0;\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-SourceHeaderLine {\n    border-bottom: solid 1px #3e34d3;\n    border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n    display: block;\n    height: 2px;\n    left: 0;\n    margin: 0;\n    opacity: 0.3;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    top: 8px;\n    top: var(--aa-spacing-half);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  .aa-SourceFooterSeeAll {\n    background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n    background: linear-gradient(\n      180deg,\n      rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n      rgba(128, 126, 163, 0.14)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.6);\n    border: 1px solid\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    border-radius: 5px;\n    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n    color: inherit;\n    font-size: 0.95em;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n    padding: 0.475em 1em 0.6em;\n    text-decoration: none;\n  }\n  .aa-SourceFooterSeeAll:focus,\n  .aa-SourceFooterSeeAll:hover {\n    border: 1px solid #3e34d3;\n    border: 1px solid rgba(var(--aa-primary-color-rgb), 1);\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n  }\n\n  /* ---------------- */\n  /* 6. Hit Layout */\n  /* ---------------- */\n  .aa-Item {\n    align-items: center;\n    border-radius: 3px;\n    cursor: pointer;\n    display: grid;\n    min-height: 40px;\n    min-height: calc(var(--aa-spacing) * 2.5);\n    padding: 4px;\n    padding: calc(var(--aa-spacing-half) / 2);\n    /* When the result is active */\n    /* The result type icon inlined SVG or image */\n    /* wrap hit with url but we don't need to see it */\n    /* Secondary click actions */\n  }\n  .aa-Item[aria-selected='true'] {\n    background-color: rgba(179, 173, 214, 0.205);\n    background-color: rgba(\n      var(--aa-selected-color-rgb),\n      var(--aa-selected-color-alpha)\n    );\n  }\n  .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n  .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n    visibility: visible;\n  }\n  .aa-ItemIcon {\n    align-items: center;\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 3px;\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    color: #7777a3;\n    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n    display: flex;\n    flex-shrink: 0;\n    font-size: 0.7em;\n    height: 28px;\n    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n    justify-content: center;\n    overflow: hidden;\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    text-align: center;\n    width: 28px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n  }\n  .aa-ItemIcon img {\n    height: auto;\n    max-height: 20px;\n    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    max-width: 20px;\n    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    width: auto;\n  }\n  .aa-ItemIcon svg {\n    height: 20px;\n    height: var(--aa-icon-size);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n  .aa-ItemIcon--alignTop {\n    align-self: flex-start;\n  }\n\n  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\n  }\n\n  .aa-ItemIcon--picture {\n    height: 96px;\n    width: 96px;\n  }\n  .aa-ItemIcon--picture img {\n    max-height: 100%;\n    max-width: 100%;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContent {\n    align-items: center;\n    cursor: pointer;\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    line-height: 1.25em;\n    overflow: hidden;\n  }\n  .aa-ItemContent:empty {\n    display: none;\n  }\n  .aa-ItemContent mark {\n    background: none;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 700;\n    font-weight: var(--aa-font-weight-bold);\n  }\n  .aa-ItemContent--dual {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: left;\n  }\n  .aa-ItemContent--dual .aa-ItemContentTitle,\n  .aa-ItemContent--dual .aa-ItemContentSubtitle {\n    display: block;\n  }\n\n  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-ItemContentBody {\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n  }\n\n  .aa-ItemContentTitle {\n    display: inline-block;\n    margin: 0 0.5em 0 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .aa-ItemContentSubtitle {\n    font-size: 0.92em;\n  }\n  .aa-ItemContentSubtitleIcon::before {\n    border-color: rgba(128, 126, 163, 0.64);\n    border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n    border-style: solid;\n    content: '';\n    display: inline-block;\n    left: 1px;\n    position: relative;\n    top: -3px;\n  }\n\n  .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n    border-width: 0 0 1.5px;\n    margin-left: 8px;\n    margin-left: var(--aa-spacing-half);\n    margin-right: 4px;\n    margin-right: calc(var(--aa-spacing-half) / 2);\n    width: 10px;\n    width: calc(var(--aa-spacing-half) + 2px);\n  }\n\n  .aa-ItemContentSubtitle--standalone {\n    align-items: center;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    justify-content: start;\n  }\n  .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n    border-radius: 0 0 0 3px;\n    border-width: 0 0 1.5px 1.5px;\n    height: 8px;\n    height: var(--aa-spacing-half);\n    width: 8px;\n    width: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\n  }\n\n  .aa-ItemContentDescription {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-size: 0.85em;\n    max-width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n  }\n  .aa-ItemContentDescription:empty {\n    display: none;\n  }\n  .aa-ItemContentDescription mark {\n    background: rgba(245, 223, 77, 0.5);\n    background: rgba(\n      var(--aa-description-highlight-background-color-rgb),\n      var(--aa-description-highlight-background-color-alpha)\n    );\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n  }\n\n  .aa-ItemContentDash {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    display: none;\n    opacity: 0.4;\n  }\n\n  .aa-ItemContentTag {\n    background-color: rgba(62, 52, 211, 0.2);\n    background-color: rgba(\n      var(--aa-primary-color-rgb),\n      var(--aa-primary-color-alpha)\n    );\n    border-radius: 3px;\n    margin: 0 0.4em 0 0;\n    padding: 0.08em 0.3em;\n  }\n\n  .aa-ItemWrapper,\n  .aa-ItemLink {\n    align-items: center;\n    color: inherit;\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n    grid-auto-flow: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .aa-ItemActions {\n    display: grid;\n    grid-auto-flow: column;\n    height: 100%;\n    justify-self: end;\n    margin: 0 -5.3333333333px;\n    margin: 0 calc(var(--aa-spacing) / -3);\n    padding: 0 2px 0 0;\n  }\n\n  .aa-ItemActionButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    flex-shrink: 0;\n    padding: 0;\n  }\n  .aa-ItemActionButton:hover svg,\n  .aa-ItemActionButton:focus svg {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ItemActionButton:hover svg,\n    .aa-ItemActionButton:focus svg {\n      color: inherit;\n    }\n  }\n  .aa-ItemActionButton svg {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    margin: 0;\n    margin: 5.3333333333px;\n    margin: calc(var(--aa-spacing) / 3);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-action-icon-size);\n  }\n\n  .aa-ActiveOnly {\n    visibility: hidden;\n  }\n\n  /*---------------- */\n  /* 7. Panel Header */\n  /*---------------- */\n  .aa-PanelHeader {\n    align-items: center;\n    background: #3e34d3;\n    background: rgba(var(--aa-primary-color-rgb), 1);\n    color: #fff;\n    display: grid;\n    height: var(--aa-modal-header-height);\n    margin: 0;\n    padding: 8px 16px;\n    padding: var(--aa-spacing-half) var(--aa-spacing);\n    position: relative;\n  }\n  .aa-PanelHeader::after {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    bottom: -8px;\n    bottom: calc(var(--aa-spacing-half) * -1);\n    content: '';\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  /*---------------- */\n  /* 8. Panel Footer */\n  /*---------------- */\n  .aa-PanelFooter {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 1px 0\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-PanelFooter::after {\n    background-image: linear-gradient(\n      rgba(255, 255, 255, 0),\n      rgba(128, 126, 163, 0.6)\n    );\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n    );\n    content: '';\n    height: 16px;\n    height: var(--aa-spacing);\n    left: 0;\n    opacity: 0.12;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: -16px;\n    top: calc(var(--aa-spacing) * -1);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 9. Detached Mode */\n  /*---------------- */\n  .aa-DetachedContainer {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    bottom: 0;\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-DetachedContainer::after {\n    height: 32px;\n  }\n  .aa-DetachedContainer .aa-SourceHeader {\n    margin: 8px 0 8px 2px;\n    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n  }\n  .aa-DetachedContainer .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 0;\n    box-shadow: none;\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n  .aa-DetachedContainer .aa-PanelLayout {\n    bottom: 0;\n    box-shadow: none;\n    left: 0;\n    margin: 0;\n    max-height: none;\n    overflow-y: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n  }\n  .aa-DetachedFormContainer {\n    border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n    border-bottom: solid 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton {\n    background: none;\n    border: 0;\n    border-radius: 3px;\n    color: inherit;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    cursor: pointer;\n    font: inherit;\n    margin: 0 0 0 8px;\n    margin: 0 0 0 var(--aa-spacing-half);\n    padding: 0 8px;\n    padding: 0 var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton:hover,\n  .aa-DetachedCancelButton:focus {\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n  }\n\n  .aa-DetachedContainer--modal {\n    border-radius: 6px;\n    bottom: inherit;\n    height: auto;\n    margin: 0 auto;\n    max-width: 680px;\n    max-width: var(--aa-detached-modal-max-width);\n    position: absolute;\n    top: 3%;\n  }\n  .aa-DetachedContainer--modal .aa-PanelLayout {\n    max-height: 500px;\n    max-height: var(--aa-detached-modal-max-height);\n    padding-bottom: 8px;\n    padding-bottom: var(--aa-spacing-half);\n    position: static;\n  }\n\n  /* Search Button */\n  .aa-DetachedSearchButton {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    font: inherit;\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    height: 44px;\n    height: var(--aa-search-input-height);\n    margin: 0;\n    padding: 0 5.5px;\n    padding: 0 calc(var(--aa-search-input-height) / 8);\n    position: relative;\n    text-align: left;\n    width: 100%;\n  }\n  .aa-DetachedSearchButton:focus {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 3px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-DetachedSearchButtonIcon {\n    align-items: center;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    cursor: auto;\n    cursor: initial;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    width: 36px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\n  }\n\n  .aa-DetachedOverlay {\n    background-color: rgba(115, 114, 129, 0.4);\n    background-color: rgba(\n      var(--aa-overlay-color-rgb),\n      var(--aa-overlay-color-alpha)\n    );\n    height: 100vh;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 10. Gradients */\n  /*---------------- */\n  .aa-GradientTop,\n  .aa-GradientBottom {\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-GradientTop {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    top: 0;\n  }\n\n  .aa-GradientBottom {\n    background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-background-color-rgb), 1)\n    );\n    border-bottom-left-radius: 4px;\n    border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n    border-bottom-right-radius: 4px;\n    border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n    bottom: 0;\n  }\n\n  /*---------------- */\n  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\n    }\n  }\n\n  @media (hover: hover) {\n    .aa-TouchOnly {\n      display: none;\n    }\n  }\n"])));
+exports.AlgoliaStyling = (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n  /* ---------------- */\n  /* 1.  CSS Variables */\n  /* 2.  Dark Mode */\n  /* 3.  Autocomplete */\n  /* 4.  Panel */\n  /* 5.  Sources */\n  /* 6.  Hit Layout */\n  /* 7.  Panel Header */\n  /* 8.  Panel Footer */\n  /* 9.  Detached Mode */\n  /* 10. Gradients */\n  /* 11. Utilities */\n  /* ---------------- */\n  /* Note: */\n  /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n  /* We use the SASS  function to keep specificity low. */\n  /* ---------------- */\n  /* 1. CSS Variables */\n  /* ---------------- */\n  :root {\n    /* Input */\n    --aa-search-input-height: 44px;\n    --aa-input-icon-size: 20px;\n    /* Size and spacing */\n    --aa-base-unit: 16;\n    --aa-spacing-factor: 1;\n    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n    --aa-spacing-half: calc(var(--aa-spacing) / 2);\n    --aa-panel-max-height: 650px;\n    /* Z-index */\n    --aa-base-z-index: 9999;\n    /* Font */\n    --aa-font-size: calc(var(--aa-base-unit) * 1px);\n    --aa-font-family: inherit;\n    --aa-font-weight-medium: 500;\n    --aa-font-weight-semibold: 600;\n    --aa-font-weight-bold: 700;\n    /* Icons */\n    --aa-icon-size: 20px;\n    --aa-icon-stroke-width: 1.6;\n    --aa-icon-color-rgb: 119, 119, 163;\n    --aa-icon-color-alpha: 1;\n    --aa-action-icon-size: 20px;\n    /* Text colors */\n    --aa-text-color-rgb: 38, 38, 39;\n    --aa-text-color-alpha: 1;\n    --aa-primary-color-rgb: 62, 52, 211;\n    --aa-primary-color-alpha: 0.2;\n    --aa-muted-color-rgb: 128, 126, 163;\n    --aa-muted-color-alpha: 0.6;\n    /* Border colors */\n    --aa-panel-border-color-rgb: 128, 126, 163;\n    --aa-panel-border-color-alpha: 0.3;\n    --aa-input-border-color-rgb: 128, 126, 163;\n    --aa-input-border-color-alpha: 0.8;\n    /* Background colors */\n    --aa-background-color-rgb: 255, 255, 255;\n    --aa-background-color-alpha: 1;\n    --aa-input-background-color-rgb: 255, 255, 255;\n    --aa-input-background-color-alpha: 1;\n    --aa-selected-color-rgb: 179, 173, 214;\n    --aa-selected-color-alpha: 0.205;\n    --aa-description-highlight-background-color-rgb: 245, 223, 77;\n    --aa-description-highlight-background-color-alpha: 0.5;\n    /* Detached mode */\n    --aa-detached-media-query: (max-width: 680px);\n    --aa-detached-modal-media-query: (min-width: 680px);\n    --aa-detached-modal-max-width: 680px;\n    --aa-detached-modal-max-height: 500px;\n    --aa-overlay-color-rgb: 115, 114, 129;\n    --aa-overlay-color-alpha: 0.4;\n    /* Shadows */\n    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    /* Scrollbar */\n    --aa-scrollbar-width: 13px;\n    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n    --aa-scrollbar-track-background-color-alpha: 1;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n    --aa-scrollbar-thumb-background-color-alpha: 1;\n    /* Touch screens */\n  }\n  @media (hover: none) and (pointer: coarse) {\n    :root {\n      --aa-spacing-factor: 1.2;\n      --aa-action-icon-size: 22px;\n    }\n  }\n\n  /* ---------------- */\n  /* 2. Dark Mode */\n  /* ---------------- */\n  body {\n    /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n    /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n  }\n  body[data-theme='dark'],\n  body.dark {\n    /* Text colors */\n    --aa-text-color-rgb: 183, 192, 199;\n    --aa-primary-color-rgb: 146, 138, 255;\n    --aa-muted-color-rgb: 146, 138, 255;\n    /* Background colors */\n    --aa-input-background-color-rgb: 0, 3, 9;\n    --aa-background-color-rgb: 21, 24, 42;\n    --aa-selected-color-rgb: 146, 138, 255;\n    --aa-selected-color-alpha: 0.25;\n    --aa-description-highlight-background-color-rgb: 0 255 255;\n    --aa-description-highlight-background-color-alpha: 0.25;\n    /* Icons */\n    --aa-icon-color-rgb: 119, 119, 163;\n    /* Shadows */\n    --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n      0 3px 8px 0 rgb(0, 3, 9);\n    /* Scrollbar */\n    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n  }\n\n  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\n  }\n\n  /* Init for  */\n  .aa-Panel,\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    font-weight: normal;\n    line-height: 1em;\n    margin: 0;\n    padding: 0;\n    text-align: left;\n  }\n\n  /* ---------------- */\n  /* 3. Autocomplete */\n  /* ---------------- */\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    /* Search box */\n  }\n  .aa-Form {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 8px;\n    display: flex;\n    line-height: 1em;\n    margin: 0;\n    position: relative;\n    width: 100%;\n  }\n  .aa-Form[focus-within] {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-Form:focus-within {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-InputWrapperPrefix {\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 1;\n    /* Container for search and loading icons */\n  }\n  .aa-Label,\n  .aa-LoadingIndicator {\n    cursor: auto;\n    cursor: initial;\n    flex-shrink: 0;\n    height: 100%;\n    padding: 0;\n    text-align: left;\n  }\n  .aa-Label svg,\n  .aa-LoadingIndicator svg {\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    height: auto;\n    max-height: 20px;\n    max-height: var(--aa-input-icon-size);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-input-icon-size);\n  }\n\n  .aa-SubmitButton,\n  .aa-LoadingIndicator {\n    height: 100%;\n    padding-left: 11px;\n    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n    padding-right: 8px;\n    padding-right: var(--aa-spacing-half);\n    width: 47px;\n    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-SubmitButton,\n    .aa-LoadingIndicator {\n      padding-left: 3px;\n      padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n      width: 39px;\n      width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n    }\n  }\n\n  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n\n  .aa-LoadingIndicator {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n  .aa-LoadingIndicator[hidden] {\n    display: none;\n  }\n\n  .aa-InputWrapper {\n    order: 3;\n    position: relative;\n    width: 100%;\n    /* Search box input (with placeholder and query) */\n  }\n  .aa-Input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font: inherit;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    padding: 0;\n    width: 100%;\n    /* Focus is set and styled on the parent, it isn't necessary here */\n    /* Remove native appearence */\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:focus {\n    border-color: none;\n    box-shadow: none;\n    outline: none;\n  }\n  .aa-Input::-webkit-search-decoration,\n  .aa-Input::-webkit-search-cancel-button,\n  .aa-Input::-webkit-search-results-button,\n  .aa-Input::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 4;\n    /* Accelerator to clear the query */\n  }\n  .aa-ClearButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    height: 100%;\n    margin: 0;\n    padding: 0 12.8333333333px;\n    padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ClearButton {\n      padding: 0 10.1666666667px;\n      padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n    }\n  }\n  .aa-ClearButton:hover,\n  .aa-ClearButton:focus {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  .aa-ClearButton[hidden] {\n    display: none;\n  }\n  .aa-ClearButton svg {\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n\n  /* ---------------- */\n  /* 4. Panel */\n  /* ---------------- */\n  .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 4px;\n    border-radius: calc(var(--aa-spacing) / 4);\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    margin: 8px 0 0;\n    overflow: hidden;\n    position: absolute;\n    transition: opacity 200ms ease-in, filter 200ms ease-in;\n    /* When a request isn't resolved yet */\n  }\n  @media screen and (prefers-reduced-motion) {\n    .aa-Panel {\n      transition: none;\n    }\n  }\n  .aa-Panel button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n    padding: 0;\n  }\n  .aa-PanelLayout {\n    height: 100%;\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-y: auto;\n    padding: 0;\n    position: relative;\n    text-align: left;\n  }\n  .aa-PanelLayoutColumns--twoGolden {\n    display: grid;\n    grid-template-columns: 39.2% auto;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--three {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\n  }\n\n  .aa-Panel--scrollable {\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n    scrollbar-color: white #eaeaea;\n    scrollbar-color: rgba(\n        var(--aa-scrollbar-thumb-background-color-rgb),\n        var(--aa-scrollbar-thumb-background-color-alpha)\n      )\n      rgba(\n        var(--aa-scrollbar-track-background-color-rgb),\n        var(--aa-scrollbar-track-background-color-alpha)\n      );\n    scrollbar-width: thin;\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar {\n    width: 13px;\n    width: var(--aa-scrollbar-width);\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-track {\n    background-color: #eaeaea;\n    background-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-scrollbar-thumb-background-color-rgb),\n      var(--aa-scrollbar-thumb-background-color-alpha)\n    );\n    border-color: #eaeaea;\n    border-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n    border-radius: 9999px;\n    border-style: solid;\n    border-width: 3px 2px 3px 3px;\n  }\n\n  /* ---------------- */\n  /* 5. Sources */\n  /* Each source can be styled independently */\n  /* ---------------- */\n  .aa-Source {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n    /* List of results inside the source */\n    /* Source title */\n    /* See all button */\n  }\n  .aa-Source:empty {\n    /* Hide empty section */\n    display: none;\n  }\n  .aa-SourceNoResults {\n    font-size: 1em;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n  }\n\n  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n\n  .aa-SourceHeader {\n    margin: 8px 0.5em 8px 0;\n    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n    padding: 0;\n    position: relative;\n    /* Hide empty header */\n    /* Title typography */\n    /* Line separator */\n  }\n  .aa-SourceHeader:empty {\n    display: none;\n  }\n  .aa-SourceHeaderTitle {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    display: inline-block;\n    font-size: 0.8em;\n    font-weight: 600;\n    font-weight: var(--aa-font-weight-semibold);\n    margin: 0;\n    padding: 0 8px 0 0;\n    padding: 0 var(--aa-spacing-half) 0 0;\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-SourceHeaderLine {\n    border-bottom: solid 1px #3e34d3;\n    border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n    display: block;\n    height: 2px;\n    left: 0;\n    margin: 0;\n    opacity: 0.3;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    top: 8px;\n    top: var(--aa-spacing-half);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  .aa-SourceFooterSeeAll {\n    background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n    background: linear-gradient(\n      180deg,\n      rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n      rgba(128, 126, 163, 0.14)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.6);\n    border: 1px solid\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    border-radius: 5px;\n    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n    color: inherit;\n    font-size: 0.95em;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n    padding: 0.475em 1em 0.6em;\n    text-decoration: none;\n  }\n  .aa-SourceFooterSeeAll:focus,\n  .aa-SourceFooterSeeAll:hover {\n    border: 1px solid #3e34d3;\n    border: 1px solid #cccccc;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n  }\n\n  /* ---------------- */\n  /* 6. Hit Layout */\n  /* ---------------- */\n  .aa-Item {\n    align-items: center;\n    border-radius: 3px;\n    cursor: pointer;\n    display: grid;\n    min-height: 40px;\n    min-height: calc(var(--aa-spacing) * 2.5);\n    padding: 4px;\n    padding: calc(var(--aa-spacing-half) / 2);\n    /* When the result is active */\n    /* The result type icon inlined SVG or image */\n    /* wrap hit with url but we don't need to see it */\n    /* Secondary click actions */\n  }\n  .aa-Item[aria-selected='true'] {\n    background-color: rgba(179, 173, 214, 0.205);\n    background-color: rgba(\n      var(--aa-selected-color-rgb),\n      var(--aa-selected-color-alpha)\n    );\n  }\n  .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n  .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n    visibility: visible;\n  }\n  .aa-ItemIcon {\n    align-items: center;\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 3px;\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    color: #7777a3;\n    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n    display: flex;\n    flex-shrink: 0;\n    font-size: 0.7em;\n    height: 28px;\n    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n    justify-content: center;\n    overflow: hidden;\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    text-align: center;\n    width: 28px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n  }\n  .aa-ItemIcon img {\n    height: auto;\n    max-height: 20px;\n    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    max-width: 20px;\n    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    width: auto;\n  }\n  .aa-ItemIcon svg {\n    height: 20px;\n    height: var(--aa-icon-size);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n  .aa-ItemIcon--alignTop {\n    align-self: flex-start;\n  }\n\n  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\n  }\n\n  .aa-ItemIcon--picture {\n    height: 96px;\n    width: 96px;\n  }\n  .aa-ItemIcon--picture img {\n    max-height: 100%;\n    max-width: 100%;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContent {\n    align-items: center;\n    cursor: pointer;\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    line-height: 1.25em;\n    overflow: hidden;\n  }\n  .aa-ItemContent:empty {\n    display: none;\n  }\n  .aa-ItemContent mark {\n    background: none;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 700;\n    font-weight: var(--aa-font-weight-bold);\n  }\n  .aa-ItemContent--dual {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: left;\n  }\n  .aa-ItemContent--dual .aa-ItemContentTitle,\n  .aa-ItemContent--dual .aa-ItemContentSubtitle {\n    display: block;\n  }\n\n  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-ItemContentBody {\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n  }\n\n  .aa-ItemContentTitle {\n    display: inline-block;\n    margin: 0 0.5em 0 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .aa-ItemContentSubtitle {\n    font-size: 0.92em;\n  }\n  .aa-ItemContentSubtitleIcon::before {\n    border-color: rgba(128, 126, 163, 0.64);\n    border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n    border-style: solid;\n    content: '';\n    display: inline-block;\n    left: 1px;\n    position: relative;\n    top: -3px;\n  }\n\n  .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n    border-width: 0 0 1.5px;\n    margin-left: 8px;\n    margin-left: var(--aa-spacing-half);\n    margin-right: 4px;\n    margin-right: calc(var(--aa-spacing-half) / 2);\n    width: 10px;\n    width: calc(var(--aa-spacing-half) + 2px);\n  }\n\n  .aa-ItemContentSubtitle--standalone {\n    align-items: center;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    justify-content: start;\n  }\n  .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n    border-radius: 0 0 0 3px;\n    border-width: 0 0 1.5px 1.5px;\n    height: 8px;\n    height: var(--aa-spacing-half);\n    width: 8px;\n    width: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\n  }\n\n  .aa-ItemContentDescription {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-size: 0.85em;\n    max-width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n  }\n  .aa-ItemContentDescription:empty {\n    display: none;\n  }\n  .aa-ItemContentDescription mark {\n    background: rgba(245, 223, 77, 0.5);\n    background: rgba(\n      var(--aa-description-highlight-background-color-rgb),\n      var(--aa-description-highlight-background-color-alpha)\n    );\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n  }\n\n  .aa-ItemContentDash {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    display: none;\n    opacity: 0.4;\n  }\n\n  .aa-ItemContentTag {\n    background-color: rgba(62, 52, 211, 0.2);\n    background-color: rgba(\n      var(--aa-primary-color-rgb),\n      var(--aa-primary-color-alpha)\n    );\n    border-radius: 3px;\n    margin: 0 0.4em 0 0;\n    padding: 0.08em 0.3em;\n  }\n\n  .aa-ItemWrapper,\n  .aa-ItemLink {\n    align-items: center;\n    color: inherit;\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n    grid-auto-flow: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .aa-ItemActions {\n    display: grid;\n    grid-auto-flow: column;\n    height: 100%;\n    justify-self: end;\n    margin: 0 -5.3333333333px;\n    margin: 0 calc(var(--aa-spacing) / -3);\n    padding: 0 2px 0 0;\n  }\n\n  .aa-ItemActionButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    flex-shrink: 0;\n    padding: 0;\n  }\n  .aa-ItemActionButton:hover svg,\n  .aa-ItemActionButton:focus svg {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ItemActionButton:hover svg,\n    .aa-ItemActionButton:focus svg {\n      color: inherit;\n    }\n  }\n  .aa-ItemActionButton svg {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    margin: 0;\n    margin: 5.3333333333px;\n    margin: calc(var(--aa-spacing) / 3);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-action-icon-size);\n  }\n\n  .aa-ActiveOnly {\n    visibility: hidden;\n  }\n\n  /*---------------- */\n  /* 7. Panel Header */\n  /*---------------- */\n  .aa-PanelHeader {\n    align-items: center;\n    background: #3e34d3;\n    background: rgba(var(--aa-primary-color-rgb), 1);\n    color: #fff;\n    display: grid;\n    height: var(--aa-modal-header-height);\n    margin: 0;\n    padding: 8px 16px;\n    padding: var(--aa-spacing-half) var(--aa-spacing);\n    position: relative;\n  }\n  .aa-PanelHeader::after {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    bottom: -8px;\n    bottom: calc(var(--aa-spacing-half) * -1);\n    content: '';\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  /*---------------- */\n  /* 8. Panel Footer */\n  /*---------------- */\n  .aa-PanelFooter {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 1px 0\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-PanelFooter::after {\n    background-image: linear-gradient(\n      rgba(255, 255, 255, 0),\n      rgba(128, 126, 163, 0.6)\n    );\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n    );\n    content: '';\n    height: 16px;\n    height: var(--aa-spacing);\n    left: 0;\n    opacity: 0.12;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: -16px;\n    top: calc(var(--aa-spacing) * -1);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 9. Detached Mode */\n  /*---------------- */\n  .aa-DetachedContainer {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    bottom: 0;\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-DetachedContainer::after {\n    height: 32px;\n  }\n  .aa-DetachedContainer .aa-SourceHeader {\n    margin: 8px 0 8px 2px;\n    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n  }\n  .aa-DetachedContainer .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 0;\n    box-shadow: none;\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n  .aa-DetachedContainer .aa-PanelLayout {\n    bottom: 0;\n    box-shadow: none;\n    left: 0;\n    margin: 0;\n    max-height: none;\n    overflow-y: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n  }\n  .aa-DetachedFormContainer {\n    border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n    border-bottom: solid 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton {\n    background: none;\n    border: 0;\n    border-radius: 3px;\n    color: inherit;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    cursor: pointer;\n    font: inherit;\n    margin: 0 0 0 8px;\n    margin: 0 0 0 var(--aa-spacing-half);\n    padding: 0 8px;\n    padding: 0 var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton:hover,\n  .aa-DetachedCancelButton:focus {\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n  }\n\n  .aa-DetachedContainer--modal {\n    border-radius: 6px;\n    bottom: inherit;\n    height: auto;\n    margin: 0 auto;\n    max-width: 680px;\n    max-width: var(--aa-detached-modal-max-width);\n    position: absolute;\n    top: 3%;\n  }\n  .aa-DetachedContainer--modal .aa-PanelLayout {\n    max-height: 500px;\n    max-height: var(--aa-detached-modal-max-height);\n    padding-bottom: 8px;\n    padding-bottom: var(--aa-spacing-half);\n    position: static;\n  }\n\n  /* Search Button */\n  .aa-DetachedSearchButton {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    font: inherit;\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    height: 44px;\n    height: var(--aa-search-input-height);\n    margin: 0;\n    padding: 0 5.5px;\n    padding: 0 calc(var(--aa-search-input-height) / 8);\n    position: relative;\n    text-align: left;\n    width: 100%;\n  }\n  .aa-DetachedSearchButton:focus {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 3px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-DetachedSearchButtonIcon {\n    align-items: center;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    cursor: auto;\n    cursor: initial;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    width: 36px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\n  }\n\n  .aa-DetachedOverlay {\n    background-color: rgba(115, 114, 129, 0.4);\n    background-color: rgba(\n      var(--aa-overlay-color-rgb),\n      var(--aa-overlay-color-alpha)\n    );\n    height: 100vh;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 10. Gradients */\n  /*---------------- */\n  .aa-GradientTop,\n  .aa-GradientBottom {\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-GradientTop {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    top: 0;\n  }\n\n  .aa-GradientBottom {\n    background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-background-color-rgb), 1)\n    );\n    border-bottom-left-radius: 4px;\n    border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n    border-bottom-right-radius: 4px;\n    border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n    bottom: 0;\n  }\n\n  /*---------------- */\n  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\n    }\n  }\n\n  @media (hover: hover) {\n    .aa-TouchOnly {\n      display: none;\n    }\n  }\n"], ["\n  /*! @algolia/autocomplete-theme-classic 1.6.3 | MIT License | \u00A9 Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */\n  /* ---------------- */\n  /* 1.  CSS Variables */\n  /* 2.  Dark Mode */\n  /* 3.  Autocomplete */\n  /* 4.  Panel */\n  /* 5.  Sources */\n  /* 6.  Hit Layout */\n  /* 7.  Panel Header */\n  /* 8.  Panel Footer */\n  /* 9.  Detached Mode */\n  /* 10. Gradients */\n  /* 11. Utilities */\n  /* ---------------- */\n  /* Note: */\n  /* This theme reflects the markup structure of autocomplete with SCSS indentation. */\n  /* We use the SASS  function to keep specificity low. */\n  /* ---------------- */\n  /* 1. CSS Variables */\n  /* ---------------- */\n  :root {\n    /* Input */\n    --aa-search-input-height: 44px;\n    --aa-input-icon-size: 20px;\n    /* Size and spacing */\n    --aa-base-unit: 16;\n    --aa-spacing-factor: 1;\n    --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);\n    --aa-spacing-half: calc(var(--aa-spacing) / 2);\n    --aa-panel-max-height: 650px;\n    /* Z-index */\n    --aa-base-z-index: 9999;\n    /* Font */\n    --aa-font-size: calc(var(--aa-base-unit) * 1px);\n    --aa-font-family: inherit;\n    --aa-font-weight-medium: 500;\n    --aa-font-weight-semibold: 600;\n    --aa-font-weight-bold: 700;\n    /* Icons */\n    --aa-icon-size: 20px;\n    --aa-icon-stroke-width: 1.6;\n    --aa-icon-color-rgb: 119, 119, 163;\n    --aa-icon-color-alpha: 1;\n    --aa-action-icon-size: 20px;\n    /* Text colors */\n    --aa-text-color-rgb: 38, 38, 39;\n    --aa-text-color-alpha: 1;\n    --aa-primary-color-rgb: 62, 52, 211;\n    --aa-primary-color-alpha: 0.2;\n    --aa-muted-color-rgb: 128, 126, 163;\n    --aa-muted-color-alpha: 0.6;\n    /* Border colors */\n    --aa-panel-border-color-rgb: 128, 126, 163;\n    --aa-panel-border-color-alpha: 0.3;\n    --aa-input-border-color-rgb: 128, 126, 163;\n    --aa-input-border-color-alpha: 0.8;\n    /* Background colors */\n    --aa-background-color-rgb: 255, 255, 255;\n    --aa-background-color-alpha: 1;\n    --aa-input-background-color-rgb: 255, 255, 255;\n    --aa-input-background-color-alpha: 1;\n    --aa-selected-color-rgb: 179, 173, 214;\n    --aa-selected-color-alpha: 0.205;\n    --aa-description-highlight-background-color-rgb: 245, 223, 77;\n    --aa-description-highlight-background-color-alpha: 0.5;\n    /* Detached mode */\n    --aa-detached-media-query: (max-width: 680px);\n    --aa-detached-modal-media-query: (min-width: 680px);\n    --aa-detached-modal-max-width: 680px;\n    --aa-detached-modal-max-height: 500px;\n    --aa-overlay-color-rgb: 115, 114, 129;\n    --aa-overlay-color-alpha: 0.4;\n    /* Shadows */\n    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    /* Scrollbar */\n    --aa-scrollbar-width: 13px;\n    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;\n    --aa-scrollbar-track-background-color-alpha: 1;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n    --aa-scrollbar-thumb-background-color-alpha: 1;\n    /* Touch screens */\n  }\n  @media (hover: none) and (pointer: coarse) {\n    :root {\n      --aa-spacing-factor: 1.2;\n      --aa-action-icon-size: 22px;\n    }\n  }\n\n  /* ---------------- */\n  /* 2. Dark Mode */\n  /* ---------------- */\n  body {\n    /* stylelint-disable selector-no-qualifying-type, selector-class-pattern */\n    /* stylelint-enable selector-no-qualifying-type, selector-class-pattern */\n  }\n  body[data-theme='dark'],\n  body.dark {\n    /* Text colors */\n    --aa-text-color-rgb: 183, 192, 199;\n    --aa-primary-color-rgb: 146, 138, 255;\n    --aa-muted-color-rgb: 146, 138, 255;\n    /* Background colors */\n    --aa-input-background-color-rgb: 0, 3, 9;\n    --aa-background-color-rgb: 21, 24, 42;\n    --aa-selected-color-rgb: 146, 138, 255;\n    --aa-selected-color-alpha: 0.25;\n    --aa-description-highlight-background-color-rgb: 0 255 255;\n    --aa-description-highlight-background-color-alpha: 0.25;\n    /* Icons */\n    --aa-icon-color-rgb: 119, 119, 163;\n    /* Shadows */\n    --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),\n      0 3px 8px 0 rgb(0, 3, 9);\n    /* Scrollbar */\n    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;\n    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);\n  }\n\n  /* Reset for  */\n  .aa-Panel *,\n  .aa-Autocomplete *,\n  .aa-DetachedFormContainer * {\n    box-sizing: border-box;\n  }\n\n  /* Init for  */\n  .aa-Panel,\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    font-weight: normal;\n    line-height: 1em;\n    margin: 0;\n    padding: 0;\n    text-align: left;\n  }\n\n  /* ---------------- */\n  /* 3. Autocomplete */\n  /* ---------------- */\n  .aa-Autocomplete,\n  .aa-DetachedFormContainer {\n    /* Search box */\n  }\n  .aa-Form {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 8px;\n    display: flex;\n    line-height: 1em;\n    margin: 0;\n    position: relative;\n    width: 100%;\n  }\n  .aa-Form[focus-within] {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-Form:focus-within {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 2px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-InputWrapperPrefix {\n    align-items: center;\n    display: flex;\n    flex-shrink: 0;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 1;\n    /* Container for search and loading icons */\n  }\n  .aa-Label,\n  .aa-LoadingIndicator {\n    cursor: auto;\n    cursor: initial;\n    flex-shrink: 0;\n    height: 100%;\n    padding: 0;\n    text-align: left;\n  }\n  .aa-Label svg,\n  .aa-LoadingIndicator svg {\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    height: auto;\n    max-height: 20px;\n    max-height: var(--aa-input-icon-size);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-input-icon-size);\n  }\n\n  .aa-SubmitButton,\n  .aa-LoadingIndicator {\n    height: 100%;\n    padding-left: 11px;\n    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);\n    padding-right: 8px;\n    padding-right: var(--aa-spacing-half);\n    width: 47px;\n    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-SubmitButton,\n    .aa-LoadingIndicator {\n      padding-left: 3px;\n      padding-left: calc(var(--aa-spacing-half) / 2 - 1px);\n      width: 39px;\n      width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px);\n    }\n  }\n\n  .aa-SubmitButton {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n  }\n\n  .aa-LoadingIndicator {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n  }\n  .aa-LoadingIndicator[hidden] {\n    display: none;\n  }\n\n  .aa-InputWrapper {\n    order: 3;\n    position: relative;\n    width: 100%;\n    /* Search box input (with placeholder and query) */\n  }\n  .aa-Input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font: inherit;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    padding: 0;\n    width: 100%;\n    /* Focus is set and styled on the parent, it isn't necessary here */\n    /* Remove native appearence */\n  }\n  .aa-Input::-moz-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:-ms-input-placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input::placeholder {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    opacity: 1;\n  }\n  .aa-Input:focus {\n    border-color: none;\n    box-shadow: none;\n    outline: none;\n  }\n  .aa-Input::-webkit-search-decoration,\n  .aa-Input::-webkit-search-cancel-button,\n  .aa-Input::-webkit-search-results-button,\n  .aa-Input::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .aa-InputWrapperSuffix {\n    align-items: center;\n    display: flex;\n    height: 44px;\n    height: var(--aa-search-input-height);\n    order: 4;\n    /* Accelerator to clear the query */\n  }\n  .aa-ClearButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    height: 100%;\n    margin: 0;\n    padding: 0 12.8333333333px;\n    padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px);\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ClearButton {\n      padding: 0 10.1666666667px;\n      padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px);\n    }\n  }\n  .aa-ClearButton:hover,\n  .aa-ClearButton:focus {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  .aa-ClearButton[hidden] {\n    display: none;\n  }\n  .aa-ClearButton svg {\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n\n  /* ---------------- */\n  /* 4. Panel */\n  /* ---------------- */\n  .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 4px;\n    border-radius: calc(var(--aa-spacing) / 4);\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    margin: 8px 0 0;\n    overflow: hidden;\n    position: absolute;\n    transition: opacity 200ms ease-in, filter 200ms ease-in;\n    /* When a request isn't resolved yet */\n  }\n  @media screen and (prefers-reduced-motion) {\n    .aa-Panel {\n      transition: none;\n    }\n  }\n  .aa-Panel button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    background: none;\n    border: 0;\n    margin: 0;\n    padding: 0;\n  }\n  .aa-PanelLayout {\n    height: 100%;\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-y: auto;\n    padding: 0;\n    position: relative;\n    text-align: left;\n  }\n  .aa-PanelLayoutColumns--twoGolden {\n    display: grid;\n    grid-template-columns: 39.2% auto;\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--two {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-PanelLayoutColumns--three {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    overflow: hidden;\n    padding: 0;\n  }\n\n  .aa-Panel--stalled .aa-Source {\n    filter: grayscale(1);\n    opacity: 0.8;\n  }\n\n  .aa-Panel--scrollable {\n    margin: 0;\n    max-height: 650px;\n    max-height: var(--aa-panel-max-height);\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n    scrollbar-color: white #eaeaea;\n    scrollbar-color: rgba(\n        var(--aa-scrollbar-thumb-background-color-rgb),\n        var(--aa-scrollbar-thumb-background-color-alpha)\n      )\n      rgba(\n        var(--aa-scrollbar-track-background-color-rgb),\n        var(--aa-scrollbar-track-background-color-alpha)\n      );\n    scrollbar-width: thin;\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar {\n    width: 13px;\n    width: var(--aa-scrollbar-width);\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-track {\n    background-color: #eaeaea;\n    background-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n  }\n  .aa-Panel--scrollable::-webkit-scrollbar-thumb {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-scrollbar-thumb-background-color-rgb),\n      var(--aa-scrollbar-thumb-background-color-alpha)\n    );\n    border-color: #eaeaea;\n    border-color: rgba(\n      var(--aa-scrollbar-track-background-color-rgb),\n      var(--aa-scrollbar-track-background-color-alpha)\n    );\n    border-radius: 9999px;\n    border-style: solid;\n    border-width: 3px 2px 3px 3px;\n  }\n\n  /* ---------------- */\n  /* 5. Sources */\n  /* Each source can be styled independently */\n  /* ---------------- */\n  .aa-Source {\n    margin: 0;\n    padding: 0;\n    position: relative;\n    width: 100%;\n    /* List of results inside the source */\n    /* Source title */\n    /* See all button */\n  }\n  .aa-Source:empty {\n    /* Hide empty section */\n    display: none;\n  }\n  .aa-SourceNoResults {\n    font-size: 1em;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n  }\n\n  .aa-List {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n\n  .aa-SourceHeader {\n    margin: 8px 0.5em 8px 0;\n    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;\n    padding: 0;\n    position: relative;\n    /* Hide empty header */\n    /* Title typography */\n    /* Line separator */\n  }\n  .aa-SourceHeader:empty {\n    display: none;\n  }\n  .aa-SourceHeaderTitle {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    display: inline-block;\n    font-size: 0.8em;\n    font-weight: 600;\n    font-weight: var(--aa-font-weight-semibold);\n    margin: 0;\n    padding: 0 8px 0 0;\n    padding: 0 var(--aa-spacing-half) 0 0;\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-SourceHeaderLine {\n    border-bottom: solid 1px #3e34d3;\n    border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);\n    display: block;\n    height: 2px;\n    left: 0;\n    margin: 0;\n    opacity: 0.3;\n    padding: 0;\n    position: absolute;\n    right: 0;\n    top: 8px;\n    top: var(--aa-spacing-half);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  .aa-SourceFooterSeeAll {\n    background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14));\n    background: linear-gradient(\n      180deg,\n      rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)),\n      rgba(128, 126, 163, 0.14)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.6);\n    border: 1px solid\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    border-radius: 5px;\n    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);\n    color: inherit;\n    font-size: 0.95em;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n    padding: 0.475em 1em 0.6em;\n    text-decoration: none;\n  }\n  .aa-SourceFooterSeeAll:focus,\n  .aa-SourceFooterSeeAll:hover {\n    border: 1px solid #3e34d3;\n    border: 1px solid #cccccc;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n  }\n\n  /* ---------------- */\n  /* 6. Hit Layout */\n  /* ---------------- */\n  .aa-Item {\n    align-items: center;\n    border-radius: 3px;\n    cursor: pointer;\n    display: grid;\n    min-height: 40px;\n    min-height: calc(var(--aa-spacing) * 2.5);\n    padding: 4px;\n    padding: calc(var(--aa-spacing-half) / 2);\n    /* When the result is active */\n    /* The result type icon inlined SVG or image */\n    /* wrap hit with url but we don't need to see it */\n    /* Secondary click actions */\n  }\n  .aa-Item[aria-selected='true'] {\n    background-color: rgba(179, 173, 214, 0.205);\n    background-color: rgba(\n      var(--aa-selected-color-rgb),\n      var(--aa-selected-color-alpha)\n    );\n  }\n  .aa-Item[aria-selected='true'] .aa-ItemActionButton,\n  .aa-Item[aria-selected='true'] .aa-ActiveOnly {\n    visibility: visible;\n  }\n  .aa-ItemIcon {\n    align-items: center;\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 3px;\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    color: #7777a3;\n    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));\n    display: flex;\n    flex-shrink: 0;\n    font-size: 0.7em;\n    height: 28px;\n    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n    justify-content: center;\n    overflow: hidden;\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    text-align: center;\n    width: 28px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing-half));\n  }\n  .aa-ItemIcon img {\n    height: auto;\n    max-height: 20px;\n    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    max-width: 20px;\n    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);\n    width: auto;\n  }\n  .aa-ItemIcon svg {\n    height: 20px;\n    height: var(--aa-icon-size);\n    width: 20px;\n    width: var(--aa-icon-size);\n  }\n  .aa-ItemIcon--alignTop {\n    align-self: flex-start;\n  }\n\n  .aa-ItemIcon--noBorder {\n    background: none;\n    box-shadow: none;\n  }\n\n  .aa-ItemIcon--picture {\n    height: 96px;\n    width: 96px;\n  }\n  .aa-ItemIcon--picture img {\n    max-height: 100%;\n    max-width: 100%;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContent {\n    align-items: center;\n    cursor: pointer;\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    line-height: 1.25em;\n    overflow: hidden;\n  }\n  .aa-ItemContent:empty {\n    display: none;\n  }\n  .aa-ItemContent mark {\n    background: none;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 700;\n    font-weight: var(--aa-font-weight-bold);\n  }\n  .aa-ItemContent--dual {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: left;\n  }\n  .aa-ItemContent--dual .aa-ItemContentTitle,\n  .aa-ItemContent--dual .aa-ItemContentSubtitle {\n    display: block;\n  }\n\n  .aa-ItemContent--indented {\n    padding-left: 36px;\n    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-ItemContentBody {\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n  }\n\n  .aa-ItemContentTitle {\n    display: inline-block;\n    margin: 0 0.5em 0 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .aa-ItemContentSubtitle {\n    font-size: 0.92em;\n  }\n  .aa-ItemContentSubtitleIcon::before {\n    border-color: rgba(128, 126, 163, 0.64);\n    border-color: rgba(var(--aa-muted-color-rgb), 0.64);\n    border-style: solid;\n    content: '';\n    display: inline-block;\n    left: 1px;\n    position: relative;\n    top: -3px;\n  }\n\n  .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {\n    border-width: 0 0 1.5px;\n    margin-left: 8px;\n    margin-left: var(--aa-spacing-half);\n    margin-right: 4px;\n    margin-right: calc(var(--aa-spacing-half) / 2);\n    width: 10px;\n    width: calc(var(--aa-spacing-half) + 2px);\n  }\n\n  .aa-ItemContentSubtitle--standalone {\n    align-items: center;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    display: grid;\n    grid-gap: 8px;\n    gap: 8px;\n    grid-gap: var(--aa-spacing-half);\n    gap: var(--aa-spacing-half);\n    grid-auto-flow: column;\n    justify-content: start;\n  }\n  .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {\n    border-radius: 0 0 0 3px;\n    border-width: 0 0 1.5px 1.5px;\n    height: 8px;\n    height: var(--aa-spacing-half);\n    width: 8px;\n    width: var(--aa-spacing-half);\n  }\n\n  .aa-ItemContentSubtitleCategory {\n    color: #807ea3;\n    color: rgba(var(--aa-muted-color-rgb), 1);\n    font-weight: 500;\n  }\n\n  .aa-ItemContentDescription {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-size: 0.85em;\n    max-width: 100%;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n  }\n  .aa-ItemContentDescription:empty {\n    display: none;\n  }\n  .aa-ItemContentDescription mark {\n    background: rgba(245, 223, 77, 0.5);\n    background: rgba(\n      var(--aa-description-highlight-background-color-rgb),\n      var(--aa-description-highlight-background-color-alpha)\n    );\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    font-style: normal;\n    font-weight: 500;\n    font-weight: var(--aa-font-weight-medium);\n  }\n\n  .aa-ItemContentDash {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    display: none;\n    opacity: 0.4;\n  }\n\n  .aa-ItemContentTag {\n    background-color: rgba(62, 52, 211, 0.2);\n    background-color: rgba(\n      var(--aa-primary-color-rgb),\n      var(--aa-primary-color-alpha)\n    );\n    border-radius: 3px;\n    margin: 0 0.4em 0 0;\n    padding: 0.08em 0.3em;\n  }\n\n  .aa-ItemWrapper,\n  .aa-ItemLink {\n    align-items: center;\n    color: inherit;\n    display: grid;\n    grid-gap: 4px;\n    gap: 4px;\n    grid-gap: calc(var(--aa-spacing-half) / 2);\n    gap: calc(var(--aa-spacing-half) / 2);\n    grid-auto-flow: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .aa-ItemLink {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .aa-ItemActions {\n    display: grid;\n    grid-auto-flow: column;\n    height: 100%;\n    justify-self: end;\n    margin: 0 -5.3333333333px;\n    margin: 0 calc(var(--aa-spacing) / -3);\n    padding: 0 2px 0 0;\n  }\n\n  .aa-ItemActionButton {\n    align-items: center;\n    background: none;\n    border: 0;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    flex-shrink: 0;\n    padding: 0;\n  }\n  .aa-ItemActionButton:hover svg,\n  .aa-ItemActionButton:focus svg {\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n  }\n  @media (hover: none) and (pointer: coarse) {\n    .aa-ItemActionButton:hover svg,\n    .aa-ItemActionButton:focus svg {\n      color: inherit;\n    }\n  }\n  .aa-ItemActionButton svg {\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    margin: 0;\n    margin: 5.3333333333px;\n    margin: calc(var(--aa-spacing) / 3);\n    stroke-width: 1.6;\n    stroke-width: var(--aa-icon-stroke-width);\n    width: 20px;\n    width: var(--aa-action-icon-size);\n  }\n\n  .aa-ActiveOnly {\n    visibility: hidden;\n  }\n\n  /*---------------- */\n  /* 7. Panel Header */\n  /*---------------- */\n  .aa-PanelHeader {\n    align-items: center;\n    background: #3e34d3;\n    background: rgba(var(--aa-primary-color-rgb), 1);\n    color: #fff;\n    display: grid;\n    height: var(--aa-modal-header-height);\n    margin: 0;\n    padding: 8px 16px;\n    padding: var(--aa-spacing-half) var(--aa-spacing);\n    position: relative;\n  }\n  .aa-PanelHeader::after {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    bottom: -8px;\n    bottom: calc(var(--aa-spacing-half) * -1);\n    content: '';\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  /*---------------- */\n  /* 8. Panel Footer */\n  /*---------------- */\n  .aa-PanelFooter {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 1px 0\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    justify-content: space-between;\n    margin: 0;\n    padding: 16px;\n    padding: var(--aa-spacing);\n    position: relative;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-PanelFooter::after {\n    background-image: linear-gradient(\n      rgba(255, 255, 255, 0),\n      rgba(128, 126, 163, 0.6)\n    );\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))\n    );\n    content: '';\n    height: 16px;\n    height: var(--aa-spacing);\n    left: 0;\n    opacity: 0.12;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: -16px;\n    top: calc(var(--aa-spacing) * -1);\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 9. Detached Mode */\n  /*---------------- */\n  .aa-DetachedContainer {\n    background: white;\n    background: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    bottom: 0;\n    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),\n      0 6px 16px -4px rgba(35, 38, 59, 0.15);\n    box-shadow: var(--aa-panel-shadow);\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n  .aa-DetachedContainer::after {\n    height: 32px;\n  }\n  .aa-DetachedContainer .aa-SourceHeader {\n    margin: 8px 0 8px 2px;\n    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;\n  }\n  .aa-DetachedContainer .aa-Panel {\n    background-color: white;\n    background-color: rgba(\n      var(--aa-background-color-rgb),\n      var(--aa-background-color-alpha)\n    );\n    border-radius: 0;\n    box-shadow: none;\n    flex-grow: 1;\n    margin: 0;\n    padding: 0;\n    position: relative;\n  }\n  .aa-DetachedContainer .aa-PanelLayout {\n    bottom: 0;\n    box-shadow: none;\n    left: 0;\n    margin: 0;\n    max-height: none;\n    overflow-y: auto;\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 100%;\n  }\n  .aa-DetachedFormContainer {\n    border-bottom: solid 1px rgba(128, 126, 163, 0.3);\n    border-bottom: solid 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0;\n    padding: 8px;\n    padding: var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton {\n    background: none;\n    border: 0;\n    border-radius: 3px;\n    color: inherit;\n    color: #262627;\n    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));\n    cursor: pointer;\n    font: inherit;\n    margin: 0 0 0 8px;\n    margin: 0 0 0 var(--aa-spacing-half);\n    padding: 0 8px;\n    padding: 0 var(--aa-spacing-half);\n  }\n  .aa-DetachedCancelButton:hover,\n  .aa-DetachedCancelButton:focus {\n    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);\n    box-shadow: inset 0 0 0 1px\n      rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));\n  }\n\n  .aa-DetachedContainer--modal {\n    border-radius: 6px;\n    bottom: inherit;\n    height: auto;\n    margin: 0 auto;\n    max-width: 680px;\n    max-width: var(--aa-detached-modal-max-width);\n    position: absolute;\n    top: 3%;\n  }\n  .aa-DetachedContainer--modal .aa-PanelLayout {\n    max-height: 500px;\n    max-height: var(--aa-detached-modal-max-height);\n    padding-bottom: 8px;\n    padding-bottom: var(--aa-spacing-half);\n    position: static;\n  }\n\n  /* Search Button */\n  .aa-DetachedSearchButton {\n    align-items: center;\n    background-color: white;\n    background-color: rgba(\n      var(--aa-input-background-color-rgb),\n      var(--aa-input-background-color-alpha)\n    );\n    border: 1px solid rgba(128, 126, 163, 0.8);\n    border: 1px solid\n      rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));\n    border-radius: 3px;\n    color: rgba(128, 126, 163, 0.6);\n    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));\n    cursor: pointer;\n    display: flex;\n    font: inherit;\n    font-family: inherit;\n    font-family: var(--aa-font-family);\n    font-size: 16px;\n    font-size: var(--aa-font-size);\n    height: 44px;\n    height: var(--aa-search-input-height);\n    margin: 0;\n    padding: 0 5.5px;\n    padding: 0 calc(var(--aa-search-input-height) / 8);\n    position: relative;\n    text-align: left;\n    width: 100%;\n  }\n  .aa-DetachedSearchButton:focus {\n    border-color: #3e34d3;\n    border-color: rgba(var(--aa-primary-color-rgb), 1);\n    box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px,\n      inset rgba(62, 52, 211, 0.2) 0 0 0 2px;\n    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha))\n        0 0 0 3px,\n      inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0\n        0 2px;\n    outline: currentColor none medium;\n  }\n  .aa-DetachedSearchButtonIcon {\n    align-items: center;\n    color: #3e34d3;\n    color: rgba(var(--aa-primary-color-rgb), 1);\n    cursor: auto;\n    cursor: initial;\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    width: 36px;\n    width: calc(var(--aa-icon-size) + var(--aa-spacing));\n  }\n\n  .aa-Detached {\n    height: 100vh;\n    overflow: hidden;\n  }\n\n  .aa-DetachedOverlay {\n    background-color: rgba(115, 114, 129, 0.4);\n    background-color: rgba(\n      var(--aa-overlay-color-rgb),\n      var(--aa-overlay-color-alpha)\n    );\n    height: 100vh;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: 9998;\n    z-index: calc(var(--aa-base-z-index) - 1);\n  }\n\n  /*---------------- */\n  /* 10. Gradients */\n  /*---------------- */\n  .aa-GradientTop,\n  .aa-GradientBottom {\n    height: 8px;\n    height: var(--aa-spacing-half);\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    z-index: 9999;\n    z-index: var(--aa-base-z-index);\n  }\n\n  .aa-GradientTop {\n    background-image: linear-gradient(white, rgba(255, 255, 255, 0));\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 1),\n      rgba(var(--aa-background-color-rgb), 0)\n    );\n    top: 0;\n  }\n\n  .aa-GradientBottom {\n    background-image: linear-gradient(rgba(255, 255, 255, 0), white);\n    background-image: linear-gradient(\n      rgba(var(--aa-background-color-rgb), 0),\n      rgba(var(--aa-background-color-rgb), 1)\n    );\n    border-bottom-left-radius: 4px;\n    border-bottom-left-radius: calc(var(--aa-spacing) / 4);\n    border-bottom-right-radius: 4px;\n    border-bottom-right-radius: calc(var(--aa-spacing) / 4);\n    bottom: 0;\n  }\n\n  /*---------------- */\n  /* 11. Utilities */\n  /*---------------- */\n  @media (hover: none) and (pointer: coarse) {\n    .aa-DesktopOnly {\n      display: none;\n    }\n  }\n\n  @media (hover: hover) {\n    .aa-TouchOnly {\n      display: none;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=AlgoliaTheme.js.map

package/dist/cjs/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,mCAA6B;AAEhB,QAAA,cAAc,OAAG,aAAG,o5gCAAA,g1gCAwqChC,KAAA"}
+{"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAA6B;AAEhB,QAAA,cAAc,OAAG,aAAG,u3gCAAA,mzgCAwqChC,KAAA"}

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

@@ -42,7 +42,7 @@ exports.Autocomplete = void 0;
 var autocomplete_core_1 = require("@algolia/autocomplete-core");
 var autocomplete_preset_algolia_1 = require("@algolia/autocomplete-preset-algolia");
 var lite_1 = __importDefault(require("algoliasearch/lite"));
-var CredentialsProvider_1 = require("../../../provider/CredentialsProvider");
+var context_1 = require("../../../context");
 var newskit_1 = require("newskit");
 var react_1 = __importStar(require("react"));
 var Highlight_1 = require("./Highlight");
@@ -50,7 +50,7 @@ var shared_components_1 = require("@newskit-render/shared-components");
 var router_1 = require("next/router");
 var FadedBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n"], ["\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  inset: 0px;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n"])));
 var Autocomplete = function (props) {
-    var _a = (0, CredentialsProvider_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
+    var _a = (0, context_1.useCredentialsContext)(), appId = _a.appId, apiKey = _a.apiKey, indexName = _a.indexName;
     var router = (0, router_1.useRouter)();
     var searchClient = (0, lite_1.default)(appId, apiKey);
     var _b = react_1.default.useState({