@newskit-render/standalone-components 0.0.0-e16014a0

package/dist/esm/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":"AAAA,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAM,kBAAkB,GAAG;IACzB,KAAkB,UAAoB,EAApB,6CAAoB,EAApB,kCAAoB,EAApB,IAAoB,EAAE;QAAnC,IAAM,GAAG,6BAAA;QACZ,IAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC9B,IACE,OAAO,MAAM,IAAI,WAAW;YAC5B,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,EAC1C;YACA,MAAM,IAAI,KAAK,CAAC,sBAAe,GAAG,YAAS,CAAC,CAAA;SAC7C;KACF;IACD,OAAO;QACL,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,eAAyB;QACpD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,cAAwB;QAClD,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,aAAuB;KAClD,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAC5C,MAAM,CAAS,IAAA,aAAa,GAAiC,eAAe,cAAhD,EAAE,YAAY,GAAmB,eAAe,aAAlC,EAAE,YAAY,GAAK,eAAe,aAApB,CAAoB;AAE5E,MAAM,CAAC,IAAM,UAAU,GAAG,kBAAW,YAAY,oCAA0B,YAAY,CAAE,CAAA"}

package/dist/esm/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/esm/help-chat/Help.js

@@ -0,0 +1,33 @@
+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);
+};
+import React from 'react';
+import { TextBlock, styled, getColorCssFromTheme, Headline, GridLayout, Button, } from 'newskit';
+import { chatHelpOverridesDefault } from './chatHelpDefaultOverrides';
+var StyledGridLayout = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  text-align: center;\n"], ["\n  ", "\n  text-align: center;\n"])), getColorCssFromTheme('background', 'interface020'));
+export var Help = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _l = _a.chatHelpOverrides, chatHelpOverrides = _l === void 0 ? chatHelpOverridesDefault : _l;
+    return (React.createElement(StyledGridLayout, __assign({}, chatHelpOverrides.gridLayoutOverrides),
+        chatHelpOverrides.icon,
+        React.createElement(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.createElement(TextBlock, __assign({}, (_d = chatHelpOverrides.helpSubheadline) === null || _d === void 0 ? void 0 : _d.overrides), (_e = chatHelpOverrides.helpSubheadline) === null || _e === void 0 ? void 0 : _e.text),
+        React.createElement(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)));
+};
+var templateObject_1;
+//# sourceMappingURL=Help.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../../../src/help-chat/Help.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,SAAS,EACT,MAAM,EACN,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,MAAM,GAEP,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,sGAAA,MACvC,EAAkD,2BAErD,KAFG,oBAAoB,CAAC,YAAY,EAAE,cAAc,CAAC,CAErD,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAEZ,UAAC,EAAgD;;QAA9C,yBAA4C,EAA5C,iBAAiB,mBAAG,wBAAwB,KAAA;IAClD,OAAO,CACL,oBAAC,gBAAgB,eAAK,iBAAiB,CAAC,mBAAmB;QACxD,iBAAiB,CAAC,IAAI;QACvB,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAA,iBAAiB,CAAC,YAAY,0CAAE,SAAS,IAC3D,MAAA,iBAAiB,CAAC,YAAY,0CAAE,IAAI,CAC5B;QAEX,oBAAC,SAAS,eAAK,MAAA,iBAAiB,CAAC,eAAe,0CAAE,SAAS,GACxD,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAI,CAC9B;QACZ,oBAAC,MAAM,IACL,OAAO,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,OAAO,EACnD,IAAI,EAAE,MAAA,iBAAiB,CAAC,eAAe,0CAAE,IAAkB,EAC3D,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"}

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export declare const chatHelpOverridesDefault: {
+    icon: JSX.Element;
+    buttonOverrides: {
+        text: string;
+        size: string;
+        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;
+            width: string;
+        };
+    };
+};

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { toNewsKitIcon } from 'newskit';
+import { Chat as FilledChat } from '@emotion-icons/material/Chat';
+var IconFilledChat = toNewsKitIcon(FilledChat);
+export var chatHelpOverridesDefault = {
+    icon: (React.createElement(IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'chatIconStylePreset',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: '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: 'utilityBody030',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+            width: '100%',
+        },
+    },
+};
+//# sourceMappingURL=chatHelpDefaultOverrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatHelpDefaultOverrides.js","sourceRoot":"","sources":["../../../src/help-chat/chatHelpDefaultOverrides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,CACJ,oBAAC,cAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,qBAAqB;SACnC,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;QACb,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,gBAAgB;YAClC,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;YACzB,KAAK,EAAE,MAAM;SACd;KACF;CACF,CAAA"}

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

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

package/dist/esm/help-chat/index.js

@@ -0,0 +1,3 @@
+export * from './Help';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/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/esm/help-chat/tests/Chat.stories.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Help } from '../Help';
+import { toNewsKitIcon } from 'newskit';
+import { Chat as FilledChat } from '@emotion-icons/material/Chat';
+var IconFilledChat = toNewsKitIcon(FilledChat);
+export default {
+    title: 'Components/ChatHelp',
+    component: Help,
+};
+export var Primary = function (args) { return (React.createElement(Help, { chatHelpOverrides: args })); };
+Primary.args = {
+    icon: (React.createElement(IconFilledChat, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'inkContrast',
+        } })),
+    buttonOverrides: {
+        text: 'Chat now',
+        size: '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',
+        },
+    },
+};
+export var WithoutOverrides = function () { return React.createElement(Help, null); };
+//# sourceMappingURL=Chat.stories.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,IAAI;CACR,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAAU,UAAC,IAAuB,IAAK,OAAA,CACzD,oBAAC,IAAI,IAAC,iBAAiB,EAAE,IAAI,GAAI,CAClC,EAF0D,CAE1D,CAAA;AAED,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,CACJ,oBAAC,cAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,aAAa;SAC3B,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,OAAO;QACb,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;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAU,cAAM,OAAA,oBAAC,IAAI,OAAG,EAAR,CAAQ,CAAA"}

package/dist/esm/help-chat/tests/mocks.d.ts

@@ -0,0 +1,2 @@
+import { ChatHelpOverrides } from 'help-chat/types';
+export declare const mockChatHelpOverrides: ChatHelpOverrides;

package/dist/esm/help-chat/tests/mocks.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { toNewsKitIcon } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+export var mockChatHelpOverrides = {
+    icon: (React.createElement(IconFilledInfo, { overrides: {
+            size: 'iconSize030',
+            stylePreset: 'chatIconStylePreset',
+        } })),
+    buttonOverrides: {
+        text: 'Speak',
+        size: 'small',
+        stylePreset: 'buttonOutlinedSecondary',
+        minWidth: { xs: '100%', sm: 'sizing100' },
+        onClick: undefined,
+    },
+    helpHeadline: {
+        text: 'Need to speak?',
+        overrides: {
+            typographyPreset: 'utilityHeading030',
+        },
+    },
+    helpSubheadline: {
+        text: 'Get a quick response from our team members',
+        overrides: {
+            typographyPreset: 'utilityBody030',
+            stylePreset: 'inkBase',
+            paddingInline: 'space050',
+        },
+    },
+    gridLayoutOverrides: {
+        rowGap: 'space050',
+        justifyItems: 'center',
+        alignContent: 'start',
+        overrides: {
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+    },
+};
+//# sourceMappingURL=mocks.js.map

package/dist/esm/help-chat/tests/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../src/help-chat/tests/mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,MAAM,CAAC,IAAM,qBAAqB,GAAsB;IACtD,IAAI,EAAE,CACJ,oBAAC,cAAc,IACb,SAAS,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,qBAAqB;SACnC,GACD,CACH;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,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,gBAAgB;QACtB,SAAS,EAAE;YACT,gBAAgB,EAAE,mBAAmB;SACtC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE;YACT,gBAAgB,EAAE,gBAAgB;YAClC,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/esm/help-chat/types.d.ts

@@ -0,0 +1,31 @@
+import { MQ, ButtonSize, TextBlockProps } from 'newskit';
+import { ReactNode } from 'react';
+export 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/esm/help-chat/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/help-chat/types.js.map

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

package/dist/esm/help-hub/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SearchBarProps } from './types';
+export declare const SearchBar: React.FC<SearchBarProps>;
+export default SearchBar;

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

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { Block, styled, useTheme, Global } from 'newskit';
+import { Autocomplete } from './components/Autocomplete';
+import { getAlgoliaStyling } from './components/AlgoliaTheme';
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 auto;\n  position: relative;\n  width: 100%;\n  & .aa-Panel {\n    width: 100%;\n    z-index: 2;\n  }\n  & .aa-Form {\n    z-index: 2;\n  }\n"], ["\n  margin: 0 auto;\n  position: relative;\n  width: 100%;\n  & .aa-Panel {\n    width: 100%;\n    z-index: 2;\n  }\n  & .aa-Form {\n    z-index: 2;\n  }\n"])));
+export var SearchBar = function (_a) {
+    var _b = _a.placeholder, placeholder = _b === void 0 ? 'Search' : _b, _c = _a.baseUrl, baseUrl = _c === void 0 ? '' : _c, overrides = _a.overrides;
+    var theme = useTheme();
+    return (React.createElement(StyledBlock, null,
+        React.createElement(Global, { styles: getAlgoliaStyling(overrides, theme) }),
+        React.createElement(Autocomplete, { placeholder: placeholder, openOnFocus: true, debug: false, baseUrl: baseUrl })));
+};
+export default SearchBar;
+var templateObject_1;
+//# sourceMappingURL=SearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../../src/help-hub/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAG7D,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,gOAAA,6JAWhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,SAAS,eAAA;IAET,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,MAAM,IAAC,MAAM,EAAE,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,GAAI;QACvD,oBAAC,YAAY,IACX,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/help-hub/components/SearchBar/components/AlgoliaTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'newskit';
+import { SearchBarOverrides } from '../types';
+export declare const getAlgoliaStyling: (overrides: SearchBarOverrides, theme: Theme) => import("newskit").SerializedStyles;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlgoliaTheme.js","sourceRoot":"","sources":["../../../../../../src/help-hub/components/SearchBar/components/AlgoliaTheme.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,oBAAoB,EACpB,GAAG,EAEH,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAGhB,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,SAA6B,EAC7B,KAAY;IAEZ,OAAO,GAAG,kkjCAAA,shLA4JI,EAAsB,WAC9B,EAAsE,4EAGtD,EAET,0IAOP,EAAsE,WACtE,EAGU,WACV,EAGU,WACV,EAGU,+CAGV,EAAsE,WACtE,EAGU,WACV,EAGU,WACV,EAGU,ofAsBV,EAA8D,UAC9D,EAA6D,+rDAiE7D,EAAyD,iWAWzD,EAAqE,yRAYrE,EAAqE,ktWA2YrE,EAAsE,4mbAyd3E,KA3/Ba,SAAS,CAAC,MAAM,CAAC,KAAK,EAC9B,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAGtD,SAAS,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM;QAClD,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,KAAK,EAOP,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACtE,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACV,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACV,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAGV,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACtE,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACV,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EACV,sBAAsB,CACtB,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,KAAK,CACxB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAsBV,oBAAoB,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAC9D,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAiE7D,oBAAoB,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAWzD,oBAAoB,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAYrE,oBAAoB,CAAC,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EA2YrE,oBAAoB,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAyd3E;AACH,CAAC,CAAA"}

package/dist/esm/help-hub/components/SearchBar/components/Autocomplete.d.ts

@@ -0,0 +1,6 @@
+import { AutocompleteOptions } from '@algolia/autocomplete-core';
+import { Hit } from 'help-hub/types';
+import React from 'react';
+export declare const Autocomplete: React.FC<Partial<AutocompleteOptions<Hit>> & {
+    baseUrl: string;
+}>;