@coveo/atomic 3.50.0 → 3.52.0

package/dist/esm/atomic-insight-generated-answer.entry.js

@@ -1,3234 +0,0 @@
-import { h, r as registerInstance, g as getElement } from './index-3eb0b28e.js';
-import { buildInteractiveCitation, buildGeneratedAnswer, buildSearchStatus } from '@coveo/headless/insight';
-import { I as InitializeBindings, B as BindStateToController } from './initialization-utils-82d28c63.js';
-import { H as Heading, A as AriaLiveRegion } from './stencil-heading-98a5f23f.js';
-import { B as Button } from './stencil-button-c25899df.js';
-import { D as DOMPurify } from './utils-b5bab369.js';
-import { c as commonjsGlobal } from './_commonjsHelpers-1c8beb5f.js';
-import { A as ArrowBottomIcon, a as ArrowTopIcon } from './arrow-top-rounded-745b84a6.js';
-import './initialization-lit-stencil-common-utils-e7755434.js';
-import './event-utils-8de63ec3.js';
-
-function debounce(execute, wait) {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        return new Promise((resolve) => {
-            timer = setTimeout(() => resolve(execute(...args)), wait);
-        });
-    };
-}
-
-var StorageItems;
-(function (StorageItems) {
-    StorageItems["RECENT_QUERIES"] = "coveo-recent-queries";
-    StorageItems["STANDALONE_SEARCH_BOX_DATA"] = "coveo-standalone-search-box-data";
-    StorageItems["GENERATED_ANSWER_DATA"] = "coveo-generated-answer-data";
-})(StorageItems || (StorageItems = {}));
-class SafeStorage {
-    clear() {
-        return this.tryAccessLocalStorageOrWarn(() => localStorage.clear(), () => { });
-    }
-    getItem(key) {
-        return this.tryAccessLocalStorageOrWarn(() => localStorage.getItem(key), () => null);
-    }
-    getParsedJSON(key, fallback) {
-        const item = this.getItem(key);
-        if (!item) {
-            return fallback;
-        }
-        return this.tryJSONOrWarn(key, () => JSON.parse(item), () => fallback);
-    }
-    key(index) {
-        return this.tryAccessLocalStorageOrWarn(() => localStorage.key(index), () => null);
-    }
-    get length() {
-        return this.tryOrElse(() => localStorage.length, () => 0);
-    }
-    removeItem(key) {
-        return this.tryAccessLocalStorageOrWarn(() => localStorage.removeItem(key), () => { });
-    }
-    setItem(key, value) {
-        return this.tryAccessLocalStorageOrWarn(() => localStorage.setItem(key, value), () => { });
-    }
-    setJSON(key, obj) {
-        const stringified = this.tryJSONOrWarn(key, () => JSON.stringify(obj), () => JSON.stringify({}));
-        return this.setItem(key, stringified);
-    }
-    tryAccessLocalStorageOrWarn(tryTo, orElse) {
-        return this.tryOrElse(tryTo, () => {
-            console.warn('Error while trying to read or modify local storage. This can be caused by browser specific settings.');
-            return orElse();
-        });
-    }
-    tryJSONOrWarn(key, tryTo, orElse) {
-        return this.tryOrElse(tryTo, () => {
-            console.warn(`Error while trying to do JSON manipulation with local storage entry. ${key}`);
-            return orElse();
-        });
-    }
-    tryOrElse(tryTo, orElse) {
-        try {
-            return tryTo();
-        }
-        catch (e) {
-            console.warn(e);
-            return orElse();
-        }
-    }
-}
-
-function hasLightDOMSlotContent(element) {
-    return ('slotContent' in element &&
-        typeof element.slotContent === 'object');
-}
-function getNamedSlotContent(host, slotName) {
-    if (hasLightDOMSlotContent(host)) {
-        const targetLightDomSlotContent = host.slotContent[slotName];
-        return (targetLightDomSlotContent?.filter((node) => node instanceof Element) || []);
-    }
-    const children = Array.from(host.children);
-    return children.filter((child) => child.getAttribute('slot') === slotName);
-}
-
-const CopyIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.5" y="1.50024" width="9" height="10" rx="1.5" stroke="currentColor"/>
-<path d="M3.5 8.50024H8.5" stroke="currentColor" stroke-linecap="round"/>
-<path d="M3.5 4.50024L8.5 4.50024" stroke="currentColor" stroke-linecap="round"/>
-<path d="M3.5 6.50024L8.5 6.50024" stroke="currentColor" stroke-linecap="round"/>
-<path d="M4.5 14.5002L11.5 14.5002C12.6046 14.5002 13.5 13.6048 13.5 12.5002L13.5 5.50024" stroke="currentColor" stroke-linecap="round"/>
-</svg>
-`;
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const CopyButton = (props) => {
-    return (h(Button, { title: props.title, part: "copy-button", style: 'text-transparent', class: `rounded-md p-2 ${props.isCopied ? 'copied' : ''} ${props.error ? 'error' : ''}`, onClick: props.onClick },
-        h("div", { class: "icon-container text-neutral-dark" },
-            h("atomic-icon", { class: "w-5", icon: CopyIcon }))));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const Switch = (props) => {
-    const attributes = {
-        onClick: () => props.onToggle?.(!props.checked),
-        'arial-label': props.ariaLabel,
-        'aria-checked': String(!!props.checked),
-        part: props.part,
-        tabIndex: props.tabIndex,
-        title: props.title,
-    };
-    const containerClasses = [
-        'w-12',
-        'h-6',
-        'p-1',
-        'rounded-full',
-        props.checked ? 'bg-primary' : 'bg-neutral',
-    ].join(' ');
-    const handleClasses = [
-        'w-4',
-        'h-4',
-        'rounded-full',
-        'bg-white',
-        props.checked ? 'ml-6' : '',
-    ].join(' ');
-    const buttonClasses = [
-        'rounded-full',
-        'btn-outline-neutral',
-        props.withToggle ? 'flex' : 'hidden',
-    ].join(' ');
-    return (h("button", { role: "switch", ...attributes, class: buttonClasses },
-        h("div", { class: containerClasses },
-            h("div", { class: handleClasses }))));
-};
-
-const Thumbs = `<svg
-   width="14"
-   height="14"
-   viewBox="0 0 14 14"
-   fill="none"
-   version="1.1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <path
-     class="line"
-     d="m 11.00003,8.49978 h 0.5 c 0.55229,0 1,0.44771 1,1 v 0 c 0,0.55228 -0.44771,1 -1,1 L 10,10.49996 h 1 c 0.55228,0 0.99999,0.44771 1,1 v 0 c 0,0.55228 -0.44772,1 -1,1 H 9.5 l -3.52786,-6e-5 c -0.31049,0 -0.61672,-0.07229 -0.89443,-0.21115 L 3.5,11.4999 m 0,-6.5 c 0,-0.2761 -0.2239,-0.5 -0.5,-0.5 H 1 c -0.2761,0 -0.5,0.2239 -0.5,0.5 v 7 c 0,0.27614 0.2239,0.5 0.5,0.5 h 2 c 0.2761,0 0.5,-0.22386 0.5,-0.5 v -0.5 -6.5 h 0.9415 c 0.3471,10e-6 0.6694,-0.18 0.85145,-0.4755 L 6.48493,2.5895 C 6.49482,2.5735 6.50005,2.555 6.50005,2.5361 L 6.50004,1.477 C 6.50004,0.9374 6.93748,0.5 7.47709,0.5 v 0 c 0.32669,0 0.63296,0.165 0.81417,0.4368 v 0 C 8.7432,1.6147 8.91025,2.4487 8.75047,3.2476 L 8.5000098,4.498621 12.5,4.497321 c 0,0 1,-0.07687 1,0.9999998 0,0.983123 -1,1 -1,1 l -2.460584,0.00258 h 2 c 0.55228,0 1,0.44772 1,1 v 0 c 0,0.55228 -0.44772,1 -1,1 h -2"
-     stroke="currentColor"
-     stroke-linecap="round"
-     stroke-linejoin="round"
-     id="path1" />
-</svg>
-`;
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const FeedbackButton = (props) => {
-    return (h(Button, { title: props.title, style: "text-transparent", part: "feedback-button", class: `feedback-button rounded-md p-2 ${props.variant} ${props.active ? 'active' : ''}`, onClick: props.onClick, ariaPressed: `${props.active}` },
-        h("atomic-icon", { class: "w-5", icon: Thumbs })));
-};
-
-var marked_umd = {exports: {}};
-
-/**
- * marked v12.0.2 - a markdown parser
- * Copyright (c) 2011-2024, Christopher Jeffrey. (MIT Licensed)
- * https://github.com/markedjs/marked
- */
-
-(function (module, exports) {
-/**
- * DO NOT EDIT THIS FILE
- * The code in this file is generated from files in ./src/
- */
-
-(function (global, factory) {
-    factory(exports) ;
-})(commonjsGlobal, (function (exports) {
-    /**
-     * Gets the original marked default options.
-     */
-    function _getDefaults() {
-        return {
-            async: false,
-            breaks: false,
-            extensions: null,
-            gfm: true,
-            hooks: null,
-            pedantic: false,
-            renderer: null,
-            silent: false,
-            tokenizer: null,
-            walkTokens: null
-        };
-    }
-    exports.defaults = _getDefaults();
-    function changeDefaults(newDefaults) {
-        exports.defaults = newDefaults;
-    }
-
-    /**
-     * Helpers
-     */
-    const escapeTest = /[&<>"']/;
-    const escapeReplace = new RegExp(escapeTest.source, 'g');
-    const escapeTestNoEncode = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
-    const escapeReplaceNoEncode = new RegExp(escapeTestNoEncode.source, 'g');
-    const escapeReplacements = {
-        '&': '&amp;',
-        '<': '&lt;',
-        '>': '&gt;',
-        '"': '&quot;',
-        "'": '&#39;'
-    };
-    const getEscapeReplacement = (ch) => escapeReplacements[ch];
-    function escape$1(html, encode) {
-        if (encode) {
-            if (escapeTest.test(html)) {
-                return html.replace(escapeReplace, getEscapeReplacement);
-            }
-        }
-        else {
-            if (escapeTestNoEncode.test(html)) {
-                return html.replace(escapeReplaceNoEncode, getEscapeReplacement);
-            }
-        }
-        return html;
-    }
-    const unescapeTest = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
-    function unescape(html) {
-        // explicitly match decimal, hex, and named HTML entities
-        return html.replace(unescapeTest, (_, n) => {
-            n = n.toLowerCase();
-            if (n === 'colon')
-                return ':';
-            if (n.charAt(0) === '#') {
-                return n.charAt(1) === 'x'
-                    ? String.fromCharCode(parseInt(n.substring(2), 16))
-                    : String.fromCharCode(+n.substring(1));
-            }
-            return '';
-        });
-    }
-    const caret = /(^|[^\[])\^/g;
-    function edit(regex, opt) {
-        let source = typeof regex === 'string' ? regex : regex.source;
-        opt = opt || '';
-        const obj = {
-            replace: (name, val) => {
-                let valSource = typeof val === 'string' ? val : val.source;
-                valSource = valSource.replace(caret, '$1');
-                source = source.replace(name, valSource);
-                return obj;
-            },
-            getRegex: () => {
-                return new RegExp(source, opt);
-            }
-        };
-        return obj;
-    }
-    function cleanUrl(href) {
-        try {
-            href = encodeURI(href).replace(/%25/g, '%');
-        }
-        catch (e) {
-            return null;
-        }
-        return href;
-    }
-    const noopTest = { exec: () => null };
-    function splitCells(tableRow, count) {
-        // ensure that every cell-delimiting pipe has a space
-        // before it to distinguish it from an escaped pipe
-        const row = tableRow.replace(/\|/g, (match, offset, str) => {
-            let escaped = false;
-            let curr = offset;
-            while (--curr >= 0 && str[curr] === '\\')
-                escaped = !escaped;
-            if (escaped) {
-                // odd number of slashes means | is escaped
-                // so we leave it alone
-                return '|';
-            }
-            else {
-                // add space before unescaped |
-                return ' |';
-            }
-        }), cells = row.split(/ \|/);
-        let i = 0;
-        // First/last cell in a row cannot be empty if it has no leading/trailing pipe
-        if (!cells[0].trim()) {
-            cells.shift();
-        }
-        if (cells.length > 0 && !cells[cells.length - 1].trim()) {
-            cells.pop();
-        }
-        if (count) {
-            if (cells.length > count) {
-                cells.splice(count);
-            }
-            else {
-                while (cells.length < count)
-                    cells.push('');
-            }
-        }
-        for (; i < cells.length; i++) {
-            // leading or trailing whitespace is ignored per the gfm spec
-            cells[i] = cells[i].trim().replace(/\\\|/g, '|');
-        }
-        return cells;
-    }
-    /**
-     * Remove trailing 'c's. Equivalent to str.replace(/c*$/, '').
-     * /c*$/ is vulnerable to REDOS.
-     *
-     * @param str
-     * @param c
-     * @param invert Remove suffix of non-c chars instead. Default falsey.
-     */
-    function rtrim(str, c, invert) {
-        const l = str.length;
-        if (l === 0) {
-            return '';
-        }
-        // Length of suffix matching the invert condition.
-        let suffLen = 0;
-        // Step left until we fail to match the invert condition.
-        while (suffLen < l) {
-            const currChar = str.charAt(l - suffLen - 1);
-            if (currChar === c && !invert) {
-                suffLen++;
-            }
-            else if (currChar !== c && invert) {
-                suffLen++;
-            }
-            else {
-                break;
-            }
-        }
-        return str.slice(0, l - suffLen);
-    }
-    function findClosingBracket(str, b) {
-        if (str.indexOf(b[1]) === -1) {
-            return -1;
-        }
-        let level = 0;
-        for (let i = 0; i < str.length; i++) {
-            if (str[i] === '\\') {
-                i++;
-            }
-            else if (str[i] === b[0]) {
-                level++;
-            }
-            else if (str[i] === b[1]) {
-                level--;
-                if (level < 0) {
-                    return i;
-                }
-            }
-        }
-        return -1;
-    }
-
-    function outputLink(cap, link, raw, lexer) {
-        const href = link.href;
-        const title = link.title ? escape$1(link.title) : null;
-        const text = cap[1].replace(/\\([\[\]])/g, '$1');
-        if (cap[0].charAt(0) !== '!') {
-            lexer.state.inLink = true;
-            const token = {
-                type: 'link',
-                raw,
-                href,
-                title,
-                text,
-                tokens: lexer.inlineTokens(text)
-            };
-            lexer.state.inLink = false;
-            return token;
-        }
-        return {
-            type: 'image',
-            raw,
-            href,
-            title,
-            text: escape$1(text)
-        };
-    }
-    function indentCodeCompensation(raw, text) {
-        const matchIndentToCode = raw.match(/^(\s+)(?:```)/);
-        if (matchIndentToCode === null) {
-            return text;
-        }
-        const indentToCode = matchIndentToCode[1];
-        return text
-            .split('\n')
-            .map(node => {
-            const matchIndentInNode = node.match(/^\s+/);
-            if (matchIndentInNode === null) {
-                return node;
-            }
-            const [indentInNode] = matchIndentInNode;
-            if (indentInNode.length >= indentToCode.length) {
-                return node.slice(indentToCode.length);
-            }
-            return node;
-        })
-            .join('\n');
-    }
-    /**
-     * Tokenizer
-     */
-    class _Tokenizer {
-        options;
-        rules; // set by the lexer
-        lexer; // set by the lexer
-        constructor(options) {
-            this.options = options || exports.defaults;
-        }
-        space(src) {
-            const cap = this.rules.block.newline.exec(src);
-            if (cap && cap[0].length > 0) {
-                return {
-                    type: 'space',
-                    raw: cap[0]
-                };
-            }
-        }
-        code(src) {
-            const cap = this.rules.block.code.exec(src);
-            if (cap) {
-                const text = cap[0].replace(/^ {1,4}/gm, '');
-                return {
-                    type: 'code',
-                    raw: cap[0],
-                    codeBlockStyle: 'indented',
-                    text: !this.options.pedantic
-                        ? rtrim(text, '\n')
-                        : text
-                };
-            }
-        }
-        fences(src) {
-            const cap = this.rules.block.fences.exec(src);
-            if (cap) {
-                const raw = cap[0];
-                const text = indentCodeCompensation(raw, cap[3] || '');
-                return {
-                    type: 'code',
-                    raw,
-                    lang: cap[2] ? cap[2].trim().replace(this.rules.inline.anyPunctuation, '$1') : cap[2],
-                    text
-                };
-            }
-        }
-        heading(src) {
-            const cap = this.rules.block.heading.exec(src);
-            if (cap) {
-                let text = cap[2].trim();
-                // remove trailing #s
-                if (/#$/.test(text)) {
-                    const trimmed = rtrim(text, '#');
-                    if (this.options.pedantic) {
-                        text = trimmed.trim();
-                    }
-                    else if (!trimmed || / $/.test(trimmed)) {
-                        // CommonMark requires space before trailing #s
-                        text = trimmed.trim();
-                    }
-                }
-                return {
-                    type: 'heading',
-                    raw: cap[0],
-                    depth: cap[1].length,
-                    text,
-                    tokens: this.lexer.inline(text)
-                };
-            }
-        }
-        hr(src) {
-            const cap = this.rules.block.hr.exec(src);
-            if (cap) {
-                return {
-                    type: 'hr',
-                    raw: cap[0]
-                };
-            }
-        }
-        blockquote(src) {
-            const cap = this.rules.block.blockquote.exec(src);
-            if (cap) {
-                // precede setext continuation with 4 spaces so it isn't a setext
-                let text = cap[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, '\n    $1');
-                text = rtrim(text.replace(/^ *>[ \t]?/gm, ''), '\n');
-                const top = this.lexer.state.top;
-                this.lexer.state.top = true;
-                const tokens = this.lexer.blockTokens(text);
-                this.lexer.state.top = top;
-                return {
-                    type: 'blockquote',
-                    raw: cap[0],
-                    tokens,
-                    text
-                };
-            }
-        }
-        list(src) {
-            let cap = this.rules.block.list.exec(src);
-            if (cap) {
-                let bull = cap[1].trim();
-                const isordered = bull.length > 1;
-                const list = {
-                    type: 'list',
-                    raw: '',
-                    ordered: isordered,
-                    start: isordered ? +bull.slice(0, -1) : '',
-                    loose: false,
-                    items: []
-                };
-                bull = isordered ? `\\d{1,9}\\${bull.slice(-1)}` : `\\${bull}`;
-                if (this.options.pedantic) {
-                    bull = isordered ? bull : '[*+-]';
-                }
-                // Get next list item
-                const itemRegex = new RegExp(`^( {0,3}${bull})((?:[\t ][^\\n]*)?(?:\\n|$))`);
-                let raw = '';
-                let itemContents = '';
-                let endsWithBlankLine = false;
-                // Check if current bullet point can start a new List Item
-                while (src) {
-                    let endEarly = false;
-                    if (!(cap = itemRegex.exec(src))) {
-                        break;
-                    }
-                    if (this.rules.block.hr.test(src)) { // End list if bullet was actually HR (possibly move into itemRegex?)
-                        break;
-                    }
-                    raw = cap[0];
-                    src = src.substring(raw.length);
-                    let line = cap[2].split('\n', 1)[0].replace(/^\t+/, (t) => ' '.repeat(3 * t.length));
-                    let nextLine = src.split('\n', 1)[0];
-                    let indent = 0;
-                    if (this.options.pedantic) {
-                        indent = 2;
-                        itemContents = line.trimStart();
-                    }
-                    else {
-                        indent = cap[2].search(/[^ ]/); // Find first non-space char
-                        indent = indent > 4 ? 1 : indent; // Treat indented code blocks (> 4 spaces) as having only 1 indent
-                        itemContents = line.slice(indent);
-                        indent += cap[1].length;
-                    }
-                    let blankLine = false;
-                    if (!line && /^ *$/.test(nextLine)) { // Items begin with at most one blank line
-                        raw += nextLine + '\n';
-                        src = src.substring(nextLine.length + 1);
-                        endEarly = true;
-                    }
-                    if (!endEarly) {
-                        const nextBulletRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`);
-                        const hrRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`);
-                        const fencesBeginRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}(?:\`\`\`|~~~)`);
-                        const headingBeginRegex = new RegExp(`^ {0,${Math.min(3, indent - 1)}}#`);
-                        // Check if following lines should be included in List Item
-                        while (src) {
-                            const rawLine = src.split('\n', 1)[0];
-                            nextLine = rawLine;
-                            // Re-align to follow commonmark nesting rules
-                            if (this.options.pedantic) {
-                                nextLine = nextLine.replace(/^ {1,4}(?=( {4})*[^ ])/g, '  ');
-                            }
-                            // End list item if found code fences
-                            if (fencesBeginRegex.test(nextLine)) {
-                                break;
-                            }
-                            // End list item if found start of new heading
-                            if (headingBeginRegex.test(nextLine)) {
-                                break;
-                            }
-                            // End list item if found start of new bullet
-                            if (nextBulletRegex.test(nextLine)) {
-                                break;
-                            }
-                            // Horizontal rule found
-                            if (hrRegex.test(src)) {
-                                break;
-                            }
-                            if (nextLine.search(/[^ ]/) >= indent || !nextLine.trim()) { // Dedent if possible
-                                itemContents += '\n' + nextLine.slice(indent);
-                            }
-                            else {
-                                // not enough indentation
-                                if (blankLine) {
-                                    break;
-                                }
-                                // paragraph continuation unless last line was a different block level element
-                                if (line.search(/[^ ]/) >= 4) { // indented code block
-                                    break;
-                                }
-                                if (fencesBeginRegex.test(line)) {
-                                    break;
-                                }
-                                if (headingBeginRegex.test(line)) {
-                                    break;
-                                }
-                                if (hrRegex.test(line)) {
-                                    break;
-                                }
-                                itemContents += '\n' + nextLine;
-                            }
-                            if (!blankLine && !nextLine.trim()) { // Check if current line is blank
-                                blankLine = true;
-                            }
-                            raw += rawLine + '\n';
-                            src = src.substring(rawLine.length + 1);
-                            line = nextLine.slice(indent);
-                        }
-                    }
-                    if (!list.loose) {
-                        // If the previous item ended with a blank line, the list is loose
-                        if (endsWithBlankLine) {
-                            list.loose = true;
-                        }
-                        else if (/\n *\n *$/.test(raw)) {
-                            endsWithBlankLine = true;
-                        }
-                    }
-                    let istask = null;
-                    let ischecked;
-                    // Check for task list items
-                    if (this.options.gfm) {
-                        istask = /^\[[ xX]\] /.exec(itemContents);
-                        if (istask) {
-                            ischecked = istask[0] !== '[ ] ';
-                            itemContents = itemContents.replace(/^\[[ xX]\] +/, '');
-                        }
-                    }
-                    list.items.push({
-                        type: 'list_item',
-                        raw,
-                        task: !!istask,
-                        checked: ischecked,
-                        loose: false,
-                        text: itemContents,
-                        tokens: []
-                    });
-                    list.raw += raw;
-                }
-                // Do not consume newlines at end of final item. Alternatively, make itemRegex *start* with any newlines to simplify/speed up endsWithBlankLine logic
-                list.items[list.items.length - 1].raw = raw.trimEnd();
-                (list.items[list.items.length - 1]).text = itemContents.trimEnd();
-                list.raw = list.raw.trimEnd();
-                // Item child tokens handled here at end because we needed to have the final item to trim it first
-                for (let i = 0; i < list.items.length; i++) {
-                    this.lexer.state.top = false;
-                    list.items[i].tokens = this.lexer.blockTokens(list.items[i].text, []);
-                    if (!list.loose) {
-                        // Check if list should be loose
-                        const spacers = list.items[i].tokens.filter(t => t.type === 'space');
-                        const hasMultipleLineBreaks = spacers.length > 0 && spacers.some(t => /\n.*\n/.test(t.raw));
-                        list.loose = hasMultipleLineBreaks;
-                    }
-                }
-                // Set all items to loose if list is loose
-                if (list.loose) {
-                    for (let i = 0; i < list.items.length; i++) {
-                        list.items[i].loose = true;
-                    }
-                }
-                return list;
-            }
-        }
-        html(src) {
-            const cap = this.rules.block.html.exec(src);
-            if (cap) {
-                const token = {
-                    type: 'html',
-                    block: true,
-                    raw: cap[0],
-                    pre: cap[1] === 'pre' || cap[1] === 'script' || cap[1] === 'style',
-                    text: cap[0]
-                };
-                return token;
-            }
-        }
-        def(src) {
-            const cap = this.rules.block.def.exec(src);
-            if (cap) {
-                const tag = cap[1].toLowerCase().replace(/\s+/g, ' ');
-                const href = cap[2] ? cap[2].replace(/^<(.*)>$/, '$1').replace(this.rules.inline.anyPunctuation, '$1') : '';
-                const title = cap[3] ? cap[3].substring(1, cap[3].length - 1).replace(this.rules.inline.anyPunctuation, '$1') : cap[3];
-                return {
-                    type: 'def',
-                    tag,
-                    raw: cap[0],
-                    href,
-                    title
-                };
-            }
-        }
-        table(src) {
-            const cap = this.rules.block.table.exec(src);
-            if (!cap) {
-                return;
-            }
-            if (!/[:|]/.test(cap[2])) {
-                // delimiter row must have a pipe (|) or colon (:) otherwise it is a setext heading
-                return;
-            }
-            const headers = splitCells(cap[1]);
-            const aligns = cap[2].replace(/^\||\| *$/g, '').split('|');
-            const rows = cap[3] && cap[3].trim() ? cap[3].replace(/\n[ \t]*$/, '').split('\n') : [];
-            const item = {
-                type: 'table',
-                raw: cap[0],
-                header: [],
-                align: [],
-                rows: []
-            };
-            if (headers.length !== aligns.length) {
-                // header and align columns must be equal, rows can be different.
-                return;
-            }
-            for (const align of aligns) {
-                if (/^ *-+: *$/.test(align)) {
-                    item.align.push('right');
-                }
-                else if (/^ *:-+: *$/.test(align)) {
-                    item.align.push('center');
-                }
-                else if (/^ *:-+ *$/.test(align)) {
-                    item.align.push('left');
-                }
-                else {
-                    item.align.push(null);
-                }
-            }
-            for (const header of headers) {
-                item.header.push({
-                    text: header,
-                    tokens: this.lexer.inline(header)
-                });
-            }
-            for (const row of rows) {
-                item.rows.push(splitCells(row, item.header.length).map(cell => {
-                    return {
-                        text: cell,
-                        tokens: this.lexer.inline(cell)
-                    };
-                }));
-            }
-            return item;
-        }
-        lheading(src) {
-            const cap = this.rules.block.lheading.exec(src);
-            if (cap) {
-                return {
-                    type: 'heading',
-                    raw: cap[0],
-                    depth: cap[2].charAt(0) === '=' ? 1 : 2,
-                    text: cap[1],
-                    tokens: this.lexer.inline(cap[1])
-                };
-            }
-        }
-        paragraph(src) {
-            const cap = this.rules.block.paragraph.exec(src);
-            if (cap) {
-                const text = cap[1].charAt(cap[1].length - 1) === '\n'
-                    ? cap[1].slice(0, -1)
-                    : cap[1];
-                return {
-                    type: 'paragraph',
-                    raw: cap[0],
-                    text,
-                    tokens: this.lexer.inline(text)
-                };
-            }
-        }
-        text(src) {
-            const cap = this.rules.block.text.exec(src);
-            if (cap) {
-                return {
-                    type: 'text',
-                    raw: cap[0],
-                    text: cap[0],
-                    tokens: this.lexer.inline(cap[0])
-                };
-            }
-        }
-        escape(src) {
-            const cap = this.rules.inline.escape.exec(src);
-            if (cap) {
-                return {
-                    type: 'escape',
-                    raw: cap[0],
-                    text: escape$1(cap[1])
-                };
-            }
-        }
-        tag(src) {
-            const cap = this.rules.inline.tag.exec(src);
-            if (cap) {
-                if (!this.lexer.state.inLink && /^<a /i.test(cap[0])) {
-                    this.lexer.state.inLink = true;
-                }
-                else if (this.lexer.state.inLink && /^<\/a>/i.test(cap[0])) {
-                    this.lexer.state.inLink = false;
-                }
-                if (!this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(cap[0])) {
-                    this.lexer.state.inRawBlock = true;
-                }
-                else if (this.lexer.state.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(cap[0])) {
-                    this.lexer.state.inRawBlock = false;
-                }
-                return {
-                    type: 'html',
-                    raw: cap[0],
-                    inLink: this.lexer.state.inLink,
-                    inRawBlock: this.lexer.state.inRawBlock,
-                    block: false,
-                    text: cap[0]
-                };
-            }
-        }
-        link(src) {
-            const cap = this.rules.inline.link.exec(src);
-            if (cap) {
-                const trimmedUrl = cap[2].trim();
-                if (!this.options.pedantic && /^</.test(trimmedUrl)) {
-                    // commonmark requires matching angle brackets
-                    if (!(/>$/.test(trimmedUrl))) {
-                        return;
-                    }
-                    // ending angle bracket cannot be escaped
-                    const rtrimSlash = rtrim(trimmedUrl.slice(0, -1), '\\');
-                    if ((trimmedUrl.length - rtrimSlash.length) % 2 === 0) {
-                        return;
-                    }
-                }
-                else {
-                    // find closing parenthesis
-                    const lastParenIndex = findClosingBracket(cap[2], '()');
-                    if (lastParenIndex > -1) {
-                        const start = cap[0].indexOf('!') === 0 ? 5 : 4;
-                        const linkLen = start + cap[1].length + lastParenIndex;
-                        cap[2] = cap[2].substring(0, lastParenIndex);
-                        cap[0] = cap[0].substring(0, linkLen).trim();
-                        cap[3] = '';
-                    }
-                }
-                let href = cap[2];
-                let title = '';
-                if (this.options.pedantic) {
-                    // split pedantic href and title
-                    const link = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(href);
-                    if (link) {
-                        href = link[1];
-                        title = link[3];
-                    }
-                }
-                else {
-                    title = cap[3] ? cap[3].slice(1, -1) : '';
-                }
-                href = href.trim();
-                if (/^</.test(href)) {
-                    if (this.options.pedantic && !(/>$/.test(trimmedUrl))) {
-                        // pedantic allows starting angle bracket without ending angle bracket
-                        href = href.slice(1);
-                    }
-                    else {
-                        href = href.slice(1, -1);
-                    }
-                }
-                return outputLink(cap, {
-                    href: href ? href.replace(this.rules.inline.anyPunctuation, '$1') : href,
-                    title: title ? title.replace(this.rules.inline.anyPunctuation, '$1') : title
-                }, cap[0], this.lexer);
-            }
-        }
-        reflink(src, links) {
-            let cap;
-            if ((cap = this.rules.inline.reflink.exec(src))
-                || (cap = this.rules.inline.nolink.exec(src))) {
-                const linkString = (cap[2] || cap[1]).replace(/\s+/g, ' ');
-                const link = links[linkString.toLowerCase()];
-                if (!link) {
-                    const text = cap[0].charAt(0);
-                    return {
-                        type: 'text',
-                        raw: text,
-                        text
-                    };
-                }
-                return outputLink(cap, link, cap[0], this.lexer);
-            }
-        }
-        emStrong(src, maskedSrc, prevChar = '') {
-            let match = this.rules.inline.emStrongLDelim.exec(src);
-            if (!match)
-                return;
-            // _ can't be between two alphanumerics. \p{L}\p{N} includes non-english alphabet/numbers as well
-            if (match[3] && prevChar.match(/[\p{L}\p{N}]/u))
-                return;
-            const nextChar = match[1] || match[2] || '';
-            if (!nextChar || !prevChar || this.rules.inline.punctuation.exec(prevChar)) {
-                // unicode Regex counts emoji as 1 char; spread into array for proper count (used multiple times below)
-                const lLength = [...match[0]].length - 1;
-                let rDelim, rLength, delimTotal = lLength, midDelimTotal = 0;
-                const endReg = match[0][0] === '*' ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
-                endReg.lastIndex = 0;
-                // Clip maskedSrc to same section of string as src (move to lexer?)
-                maskedSrc = maskedSrc.slice(-1 * src.length + lLength);
-                while ((match = endReg.exec(maskedSrc)) != null) {
-                    rDelim = match[1] || match[2] || match[3] || match[4] || match[5] || match[6];
-                    if (!rDelim)
-                        continue; // skip single * in __abc*abc__
-                    rLength = [...rDelim].length;
-                    if (match[3] || match[4]) { // found another Left Delim
-                        delimTotal += rLength;
-                        continue;
-                    }
-                    else if (match[5] || match[6]) { // either Left or Right Delim
-                        if (lLength % 3 && !((lLength + rLength) % 3)) {
-                            midDelimTotal += rLength;
-                            continue; // CommonMark Emphasis Rules 9-10
-                        }
-                    }
-                    delimTotal -= rLength;
-                    if (delimTotal > 0)
-                        continue; // Haven't found enough closing delimiters
-                    // Remove extra characters. *a*** -> *a*
-                    rLength = Math.min(rLength, rLength + delimTotal + midDelimTotal);
-                    // char length can be >1 for unicode characters;
-                    const lastCharLength = [...match[0]][0].length;
-                    const raw = src.slice(0, lLength + match.index + lastCharLength + rLength);
-                    // Create `em` if smallest delimiter has odd char count. *a***
-                    if (Math.min(lLength, rLength) % 2) {
-                        const text = raw.slice(1, -1);
-                        return {
-                            type: 'em',
-                            raw,
-                            text,
-                            tokens: this.lexer.inlineTokens(text)
-                        };
-                    }
-                    // Create 'strong' if smallest delimiter has even char count. **a***
-                    const text = raw.slice(2, -2);
-                    return {
-                        type: 'strong',
-                        raw,
-                        text,
-                        tokens: this.lexer.inlineTokens(text)
-                    };
-                }
-            }
-        }
-        codespan(src) {
-            const cap = this.rules.inline.code.exec(src);
-            if (cap) {
-                let text = cap[2].replace(/\n/g, ' ');
-                const hasNonSpaceChars = /[^ ]/.test(text);
-                const hasSpaceCharsOnBothEnds = /^ /.test(text) && / $/.test(text);
-                if (hasNonSpaceChars && hasSpaceCharsOnBothEnds) {
-                    text = text.substring(1, text.length - 1);
-                }
-                text = escape$1(text, true);
-                return {
-                    type: 'codespan',
-                    raw: cap[0],
-                    text
-                };
-            }
-        }
-        br(src) {
-            const cap = this.rules.inline.br.exec(src);
-            if (cap) {
-                return {
-                    type: 'br',
-                    raw: cap[0]
-                };
-            }
-        }
-        del(src) {
-            const cap = this.rules.inline.del.exec(src);
-            if (cap) {
-                return {
-                    type: 'del',
-                    raw: cap[0],
-                    text: cap[2],
-                    tokens: this.lexer.inlineTokens(cap[2])
-                };
-            }
-        }
-        autolink(src) {
-            const cap = this.rules.inline.autolink.exec(src);
-            if (cap) {
-                let text, href;
-                if (cap[2] === '@') {
-                    text = escape$1(cap[1]);
-                    href = 'mailto:' + text;
-                }
-                else {
-                    text = escape$1(cap[1]);
-                    href = text;
-                }
-                return {
-                    type: 'link',
-                    raw: cap[0],
-                    text,
-                    href,
-                    tokens: [
-                        {
-                            type: 'text',
-                            raw: text,
-                            text
-                        }
-                    ]
-                };
-            }
-        }
-        url(src) {
-            let cap;
-            if (cap = this.rules.inline.url.exec(src)) {
-                let text, href;
-                if (cap[2] === '@') {
-                    text = escape$1(cap[0]);
-                    href = 'mailto:' + text;
-                }
-                else {
-                    // do extended autolink path validation
-                    let prevCapZero;
-                    do {
-                        prevCapZero = cap[0];
-                        cap[0] = this.rules.inline._backpedal.exec(cap[0])?.[0] ?? '';
-                    } while (prevCapZero !== cap[0]);
-                    text = escape$1(cap[0]);
-                    if (cap[1] === 'www.') {
-                        href = 'http://' + cap[0];
-                    }
-                    else {
-                        href = cap[0];
-                    }
-                }
-                return {
-                    type: 'link',
-                    raw: cap[0],
-                    text,
-                    href,
-                    tokens: [
-                        {
-                            type: 'text',
-                            raw: text,
-                            text
-                        }
-                    ]
-                };
-            }
-        }
-        inlineText(src) {
-            const cap = this.rules.inline.text.exec(src);
-            if (cap) {
-                let text;
-                if (this.lexer.state.inRawBlock) {
-                    text = cap[0];
-                }
-                else {
-                    text = escape$1(cap[0]);
-                }
-                return {
-                    type: 'text',
-                    raw: cap[0],
-                    text
-                };
-            }
-        }
-    }
-
-    /**
-     * Block-Level Grammar
-     */
-    const newline = /^(?: *(?:\n|$))+/;
-    const blockCode = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/;
-    const fences = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/;
-    const hr = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
-    const heading = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
-    const bullet = /(?:[*+-]|\d{1,9}[.)])/;
-    const lheading = edit(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/)
-        .replace(/bull/g, bullet) // lists can interrupt
-        .replace(/blockCode/g, / {4}/) // indented code blocks can interrupt
-        .replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/) // fenced code blocks can interrupt
-        .replace(/blockquote/g, / {0,3}>/) // blockquote can interrupt
-        .replace(/heading/g, / {0,3}#{1,6}/) // ATX heading can interrupt
-        .replace(/html/g, / {0,3}<[^\n>]+>\n/) // block html can interrupt
-        .getRegex();
-    const _paragraph = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/;
-    const blockText = /^[^\n]+/;
-    const _blockLabel = /(?!\s*\])(?:\\.|[^\[\]\\])+/;
-    const def = edit(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/)
-        .replace('label', _blockLabel)
-        .replace('title', /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/)
-        .getRegex();
-    const list = edit(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/)
-        .replace(/bull/g, bullet)
-        .getRegex();
-    const _tag = 'address|article|aside|base|basefont|blockquote|body|caption'
-        + '|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption'
-        + '|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe'
-        + '|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option'
-        + '|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title'
-        + '|tr|track|ul';
-    const _comment = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
-    const html = edit('^ {0,3}(?:' // optional indentation
-        + '<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)' // (1)
-        + '|comment[^\\n]*(\\n+|$)' // (2)
-        + '|<\\?[\\s\\S]*?(?:\\?>\\n*|$)' // (3)
-        + '|<![A-Z][\\s\\S]*?(?:>\\n*|$)' // (4)
-        + '|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)' // (5)
-        + '|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)' // (6)
-        + '|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)' // (7) open tag
-        + '|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)' // (7) closing tag
-        + ')', 'i')
-        .replace('comment', _comment)
-        .replace('tag', _tag)
-        .replace('attribute', / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/)
-        .getRegex();
-    const paragraph = edit(_paragraph)
-        .replace('hr', hr)
-        .replace('heading', ' {0,3}#{1,6}(?:\\s|$)')
-        .replace('|lheading', '') // setext headings don't interrupt commonmark paragraphs
-        .replace('|table', '')
-        .replace('blockquote', ' {0,3}>')
-        .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n')
-        .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt
-        .replace('html', '</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)')
-        .replace('tag', _tag) // pars can be interrupted by type (6) html blocks
-        .getRegex();
-    const blockquote = edit(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/)
-        .replace('paragraph', paragraph)
-        .getRegex();
-    /**
-     * Normal Block Grammar
-     */
-    const blockNormal = {
-        blockquote,
-        code: blockCode,
-        def,
-        fences,
-        heading,
-        hr,
-        html,
-        lheading,
-        list,
-        newline,
-        paragraph,
-        table: noopTest,
-        text: blockText
-    };
-    /**
-     * GFM Block Grammar
-     */
-    const gfmTable = edit('^ *([^\\n ].*)\\n' // Header
-        + ' {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)' // Align
-        + '(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)') // Cells
-        .replace('hr', hr)
-        .replace('heading', ' {0,3}#{1,6}(?:\\s|$)')
-        .replace('blockquote', ' {0,3}>')
-        .replace('code', ' {4}[^\\n]')
-        .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n')
-        .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt
-        .replace('html', '</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)')
-        .replace('tag', _tag) // tables can be interrupted by type (6) html blocks
-        .getRegex();
-    const blockGfm = {
-        ...blockNormal,
-        table: gfmTable,
-        paragraph: edit(_paragraph)
-            .replace('hr', hr)
-            .replace('heading', ' {0,3}#{1,6}(?:\\s|$)')
-            .replace('|lheading', '') // setext headings don't interrupt commonmark paragraphs
-            .replace('table', gfmTable) // interrupt paragraphs with table
-            .replace('blockquote', ' {0,3}>')
-            .replace('fences', ' {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n')
-            .replace('list', ' {0,3}(?:[*+-]|1[.)]) ') // only lists starting from 1 can interrupt
-            .replace('html', '</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)')
-            .replace('tag', _tag) // pars can be interrupted by type (6) html blocks
-            .getRegex()
-    };
-    /**
-     * Pedantic grammar (original John Gruber's loose markdown specification)
-     */
-    const blockPedantic = {
-        ...blockNormal,
-        html: edit('^ *(?:comment *(?:\\n|\\s*$)'
-            + '|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)' // closed tag
-            + '|<tag(?:"[^"]*"|\'[^\']*\'|\\s[^\'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))')
-            .replace('comment', _comment)
-            .replace(/tag/g, '(?!(?:'
-            + 'a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub'
-            + '|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)'
-            + '\\b)\\w+(?!:|[^\\w\\s@]*@)\\b')
-            .getRegex(),
-        def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
-        heading: /^(#{1,6})(.*)(?:\n+|$)/,
-        fences: noopTest, // fences not supported
-        lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
-        paragraph: edit(_paragraph)
-            .replace('hr', hr)
-            .replace('heading', ' *#{1,6} *[^\n]')
-            .replace('lheading', lheading)
-            .replace('|table', '')
-            .replace('blockquote', ' {0,3}>')
-            .replace('|fences', '')
-            .replace('|list', '')
-            .replace('|html', '')
-            .replace('|tag', '')
-            .getRegex()
-    };
-    /**
-     * Inline-Level Grammar
-     */
-    const escape = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
-    const inlineCode = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
-    const br = /^( {2,}|\\)\n(?!\s*$)/;
-    const inlineText = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
-    // list of unicode punctuation marks, plus any missing characters from CommonMark spec
-    const _punctuation = '\\p{P}\\p{S}';
-    const punctuation = edit(/^((?![*_])[\spunctuation])/, 'u')
-        .replace(/punctuation/g, _punctuation).getRegex();
-    // sequences em should skip over [title](link), `code`, <html>
-    const blockSkip = /\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g;
-    const emStrongLDelim = edit(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, 'u')
-        .replace(/punct/g, _punctuation)
-        .getRegex();
-    const emStrongRDelimAst = edit('^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)' // Skip orphan inside strong
-        + '|[^*]+(?=[^*])' // Consume to delim
-        + '|(?!\\*)[punct](\\*+)(?=[\\s]|$)' // (1) #*** can only be a Right Delimiter
-        + '|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)' // (2) a***#, a*** can only be a Right Delimiter
-        + '|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])' // (3) #***a, ***a can only be Left Delimiter
-        + '|[\\s](\\*+)(?!\\*)(?=[punct])' // (4) ***# can only be Left Delimiter
-        + '|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])' // (5) #***# can be either Left or Right Delimiter
-        + '|[^punct\\s](\\*+)(?=[^punct\\s])', 'gu') // (6) a***a can be either Left or Right Delimiter
-        .replace(/punct/g, _punctuation)
-        .getRegex();
-    // (6) Not allowed for _
-    const emStrongRDelimUnd = edit('^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)' // Skip orphan inside strong
-        + '|[^_]+(?=[^_])' // Consume to delim
-        + '|(?!_)[punct](_+)(?=[\\s]|$)' // (1) #___ can only be a Right Delimiter
-        + '|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)' // (2) a___#, a___ can only be a Right Delimiter
-        + '|(?!_)[punct\\s](_+)(?=[^punct\\s])' // (3) #___a, ___a can only be Left Delimiter
-        + '|[\\s](_+)(?!_)(?=[punct])' // (4) ___# can only be Left Delimiter
-        + '|(?!_)[punct](_+)(?!_)(?=[punct])', 'gu') // (5) #___# can be either Left or Right Delimiter
-        .replace(/punct/g, _punctuation)
-        .getRegex();
-    const anyPunctuation = edit(/\\([punct])/, 'gu')
-        .replace(/punct/g, _punctuation)
-        .getRegex();
-    const autolink = edit(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/)
-        .replace('scheme', /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/)
-        .replace('email', /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/)
-        .getRegex();
-    const _inlineComment = edit(_comment).replace('(?:-->|$)', '-->').getRegex();
-    const tag = edit('^comment'
-        + '|^</[a-zA-Z][\\w:-]*\\s*>' // self-closing tag
-        + '|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>' // open tag
-        + '|^<\\?[\\s\\S]*?\\?>' // processing instruction, e.g. <?php ?>
-        + '|^<![a-zA-Z]+\\s[\\s\\S]*?>' // declaration, e.g. <!DOCTYPE html>
-        + '|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>') // CDATA section
-        .replace('comment', _inlineComment)
-        .replace('attribute', /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/)
-        .getRegex();
-    const _inlineLabel = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/;
-    const link = edit(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/)
-        .replace('label', _inlineLabel)
-        .replace('href', /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/)
-        .replace('title', /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/)
-        .getRegex();
-    const reflink = edit(/^!?\[(label)\]\[(ref)\]/)
-        .replace('label', _inlineLabel)
-        .replace('ref', _blockLabel)
-        .getRegex();
-    const nolink = edit(/^!?\[(ref)\](?:\[\])?/)
-        .replace('ref', _blockLabel)
-        .getRegex();
-    const reflinkSearch = edit('reflink|nolink(?!\\()', 'g')
-        .replace('reflink', reflink)
-        .replace('nolink', nolink)
-        .getRegex();
-    /**
-     * Normal Inline Grammar
-     */
-    const inlineNormal = {
-        _backpedal: noopTest, // only used for GFM url
-        anyPunctuation,
-        autolink,
-        blockSkip,
-        br,
-        code: inlineCode,
-        del: noopTest,
-        emStrongLDelim,
-        emStrongRDelimAst,
-        emStrongRDelimUnd,
-        escape,
-        link,
-        nolink,
-        punctuation,
-        reflink,
-        reflinkSearch,
-        tag,
-        text: inlineText,
-        url: noopTest
-    };
-    /**
-     * Pedantic Inline Grammar
-     */
-    const inlinePedantic = {
-        ...inlineNormal,
-        link: edit(/^!?\[(label)\]\((.*?)\)/)
-            .replace('label', _inlineLabel)
-            .getRegex(),
-        reflink: edit(/^!?\[(label)\]\s*\[([^\]]*)\]/)
-            .replace('label', _inlineLabel)
-            .getRegex()
-    };
-    /**
-     * GFM Inline Grammar
-     */
-    const inlineGfm = {
-        ...inlineNormal,
-        escape: edit(escape).replace('])', '~|])').getRegex(),
-        url: edit(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, 'i')
-            .replace('email', /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/)
-            .getRegex(),
-        _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
-        del: /^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,
-        text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
-    };
-    /**
-     * GFM + Line Breaks Inline Grammar
-     */
-    const inlineBreaks = {
-        ...inlineGfm,
-        br: edit(br).replace('{2,}', '*').getRegex(),
-        text: edit(inlineGfm.text)
-            .replace('\\b_', '\\b_| {2,}\\n')
-            .replace(/\{2,\}/g, '*')
-            .getRegex()
-    };
-    /**
-     * exports
-     */
-    const block = {
-        normal: blockNormal,
-        gfm: blockGfm,
-        pedantic: blockPedantic
-    };
-    const inline = {
-        normal: inlineNormal,
-        gfm: inlineGfm,
-        breaks: inlineBreaks,
-        pedantic: inlinePedantic
-    };
-
-    /**
-     * Block Lexer
-     */
-    class _Lexer {
-        tokens;
-        options;
-        state;
-        tokenizer;
-        inlineQueue;
-        constructor(options) {
-            // TokenList cannot be created in one go
-            this.tokens = [];
-            this.tokens.links = Object.create(null);
-            this.options = options || exports.defaults;
-            this.options.tokenizer = this.options.tokenizer || new _Tokenizer();
-            this.tokenizer = this.options.tokenizer;
-            this.tokenizer.options = this.options;
-            this.tokenizer.lexer = this;
-            this.inlineQueue = [];
-            this.state = {
-                inLink: false,
-                inRawBlock: false,
-                top: true
-            };
-            const rules = {
-                block: block.normal,
-                inline: inline.normal
-            };
-            if (this.options.pedantic) {
-                rules.block = block.pedantic;
-                rules.inline = inline.pedantic;
-            }
-            else if (this.options.gfm) {
-                rules.block = block.gfm;
-                if (this.options.breaks) {
-                    rules.inline = inline.breaks;
-                }
-                else {
-                    rules.inline = inline.gfm;
-                }
-            }
-            this.tokenizer.rules = rules;
-        }
-        /**
-         * Expose Rules
-         */
-        static get rules() {
-            return {
-                block,
-                inline
-            };
-        }
-        /**
-         * Static Lex Method
-         */
-        static lex(src, options) {
-            const lexer = new _Lexer(options);
-            return lexer.lex(src);
-        }
-        /**
-         * Static Lex Inline Method
-         */
-        static lexInline(src, options) {
-            const lexer = new _Lexer(options);
-            return lexer.inlineTokens(src);
-        }
-        /**
-         * Preprocessing
-         */
-        lex(src) {
-            src = src
-                .replace(/\r\n|\r/g, '\n');
-            this.blockTokens(src, this.tokens);
-            for (let i = 0; i < this.inlineQueue.length; i++) {
-                const next = this.inlineQueue[i];
-                this.inlineTokens(next.src, next.tokens);
-            }
-            this.inlineQueue = [];
-            return this.tokens;
-        }
-        blockTokens(src, tokens = []) {
-            if (this.options.pedantic) {
-                src = src.replace(/\t/g, '    ').replace(/^ +$/gm, '');
-            }
-            else {
-                src = src.replace(/^( *)(\t+)/gm, (_, leading, tabs) => {
-                    return leading + '    '.repeat(tabs.length);
-                });
-            }
-            let token;
-            let lastToken;
-            let cutSrc;
-            let lastParagraphClipped;
-            while (src) {
-                if (this.options.extensions
-                    && this.options.extensions.block
-                    && this.options.extensions.block.some((extTokenizer) => {
-                        if (token = extTokenizer.call({ lexer: this }, src, tokens)) {
-                            src = src.substring(token.raw.length);
-                            tokens.push(token);
-                            return true;
-                        }
-                        return false;
-                    })) {
-                    continue;
-                }
-                // newline
-                if (token = this.tokenizer.space(src)) {
-                    src = src.substring(token.raw.length);
-                    if (token.raw.length === 1 && tokens.length > 0) {
-                        // if there's a single \n as a spacer, it's terminating the last line,
-                        // so move it there so that we don't get unnecessary paragraph tags
-                        tokens[tokens.length - 1].raw += '\n';
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                // code
-                if (token = this.tokenizer.code(src)) {
-                    src = src.substring(token.raw.length);
-                    lastToken = tokens[tokens.length - 1];
-                    // An indented code block cannot interrupt a paragraph.
-                    if (lastToken && (lastToken.type === 'paragraph' || lastToken.type === 'text')) {
-                        lastToken.raw += '\n' + token.raw;
-                        lastToken.text += '\n' + token.text;
-                        this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                // fences
-                if (token = this.tokenizer.fences(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // heading
-                if (token = this.tokenizer.heading(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // hr
-                if (token = this.tokenizer.hr(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // blockquote
-                if (token = this.tokenizer.blockquote(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // list
-                if (token = this.tokenizer.list(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // html
-                if (token = this.tokenizer.html(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // def
-                if (token = this.tokenizer.def(src)) {
-                    src = src.substring(token.raw.length);
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastToken && (lastToken.type === 'paragraph' || lastToken.type === 'text')) {
-                        lastToken.raw += '\n' + token.raw;
-                        lastToken.text += '\n' + token.raw;
-                        this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;
-                    }
-                    else if (!this.tokens.links[token.tag]) {
-                        this.tokens.links[token.tag] = {
-                            href: token.href,
-                            title: token.title
-                        };
-                    }
-                    continue;
-                }
-                // table (gfm)
-                if (token = this.tokenizer.table(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // lheading
-                if (token = this.tokenizer.lheading(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // top-level paragraph
-                // prevent paragraph consuming extensions by clipping 'src' to extension start
-                cutSrc = src;
-                if (this.options.extensions && this.options.extensions.startBlock) {
-                    let startIndex = Infinity;
-                    const tempSrc = src.slice(1);
-                    let tempStart;
-                    this.options.extensions.startBlock.forEach((getStartIndex) => {
-                        tempStart = getStartIndex.call({ lexer: this }, tempSrc);
-                        if (typeof tempStart === 'number' && tempStart >= 0) {
-                            startIndex = Math.min(startIndex, tempStart);
-                        }
-                    });
-                    if (startIndex < Infinity && startIndex >= 0) {
-                        cutSrc = src.substring(0, startIndex + 1);
-                    }
-                }
-                if (this.state.top && (token = this.tokenizer.paragraph(cutSrc))) {
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastParagraphClipped && lastToken.type === 'paragraph') {
-                        lastToken.raw += '\n' + token.raw;
-                        lastToken.text += '\n' + token.text;
-                        this.inlineQueue.pop();
-                        this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    lastParagraphClipped = (cutSrc.length !== src.length);
-                    src = src.substring(token.raw.length);
-                    continue;
-                }
-                // text
-                if (token = this.tokenizer.text(src)) {
-                    src = src.substring(token.raw.length);
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastToken && lastToken.type === 'text') {
-                        lastToken.raw += '\n' + token.raw;
-                        lastToken.text += '\n' + token.text;
-                        this.inlineQueue.pop();
-                        this.inlineQueue[this.inlineQueue.length - 1].src = lastToken.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                if (src) {
-                    const errMsg = 'Infinite loop on byte: ' + src.charCodeAt(0);
-                    if (this.options.silent) {
-                        console.error(errMsg);
-                        break;
-                    }
-                    else {
-                        throw new Error(errMsg);
-                    }
-                }
-            }
-            this.state.top = true;
-            return tokens;
-        }
-        inline(src, tokens = []) {
-            this.inlineQueue.push({ src, tokens });
-            return tokens;
-        }
-        /**
-         * Lexing/Compiling
-         */
-        inlineTokens(src, tokens = []) {
-            let token, lastToken, cutSrc;
-            // String with links masked to avoid interference with em and strong
-            let maskedSrc = src;
-            let match;
-            let keepPrevChar, prevChar;
-            // Mask out reflinks
-            if (this.tokens.links) {
-                const links = Object.keys(this.tokens.links);
-                if (links.length > 0) {
-                    while ((match = this.tokenizer.rules.inline.reflinkSearch.exec(maskedSrc)) != null) {
-                        if (links.includes(match[0].slice(match[0].lastIndexOf('[') + 1, -1))) {
-                            maskedSrc = maskedSrc.slice(0, match.index) + '[' + 'a'.repeat(match[0].length - 2) + ']' + maskedSrc.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex);
-                        }
-                    }
-                }
-            }
-            // Mask out other blocks
-            while ((match = this.tokenizer.rules.inline.blockSkip.exec(maskedSrc)) != null) {
-                maskedSrc = maskedSrc.slice(0, match.index) + '[' + 'a'.repeat(match[0].length - 2) + ']' + maskedSrc.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
-            }
-            // Mask out escaped characters
-            while ((match = this.tokenizer.rules.inline.anyPunctuation.exec(maskedSrc)) != null) {
-                maskedSrc = maskedSrc.slice(0, match.index) + '++' + maskedSrc.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
-            }
-            while (src) {
-                if (!keepPrevChar) {
-                    prevChar = '';
-                }
-                keepPrevChar = false;
-                // extensions
-                if (this.options.extensions
-                    && this.options.extensions.inline
-                    && this.options.extensions.inline.some((extTokenizer) => {
-                        if (token = extTokenizer.call({ lexer: this }, src, tokens)) {
-                            src = src.substring(token.raw.length);
-                            tokens.push(token);
-                            return true;
-                        }
-                        return false;
-                    })) {
-                    continue;
-                }
-                // escape
-                if (token = this.tokenizer.escape(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // tag
-                if (token = this.tokenizer.tag(src)) {
-                    src = src.substring(token.raw.length);
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastToken && token.type === 'text' && lastToken.type === 'text') {
-                        lastToken.raw += token.raw;
-                        lastToken.text += token.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                // link
-                if (token = this.tokenizer.link(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // reflink, nolink
-                if (token = this.tokenizer.reflink(src, this.tokens.links)) {
-                    src = src.substring(token.raw.length);
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastToken && token.type === 'text' && lastToken.type === 'text') {
-                        lastToken.raw += token.raw;
-                        lastToken.text += token.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                // em & strong
-                if (token = this.tokenizer.emStrong(src, maskedSrc, prevChar)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // code
-                if (token = this.tokenizer.codespan(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // br
-                if (token = this.tokenizer.br(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // del (gfm)
-                if (token = this.tokenizer.del(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // autolink
-                if (token = this.tokenizer.autolink(src)) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // url (gfm)
-                if (!this.state.inLink && (token = this.tokenizer.url(src))) {
-                    src = src.substring(token.raw.length);
-                    tokens.push(token);
-                    continue;
-                }
-                // text
-                // prevent inlineText consuming extensions by clipping 'src' to extension start
-                cutSrc = src;
-                if (this.options.extensions && this.options.extensions.startInline) {
-                    let startIndex = Infinity;
-                    const tempSrc = src.slice(1);
-                    let tempStart;
-                    this.options.extensions.startInline.forEach((getStartIndex) => {
-                        tempStart = getStartIndex.call({ lexer: this }, tempSrc);
-                        if (typeof tempStart === 'number' && tempStart >= 0) {
-                            startIndex = Math.min(startIndex, tempStart);
-                        }
-                    });
-                    if (startIndex < Infinity && startIndex >= 0) {
-                        cutSrc = src.substring(0, startIndex + 1);
-                    }
-                }
-                if (token = this.tokenizer.inlineText(cutSrc)) {
-                    src = src.substring(token.raw.length);
-                    if (token.raw.slice(-1) !== '_') { // Track prevChar before string of ____ started
-                        prevChar = token.raw.slice(-1);
-                    }
-                    keepPrevChar = true;
-                    lastToken = tokens[tokens.length - 1];
-                    if (lastToken && lastToken.type === 'text') {
-                        lastToken.raw += token.raw;
-                        lastToken.text += token.text;
-                    }
-                    else {
-                        tokens.push(token);
-                    }
-                    continue;
-                }
-                if (src) {
-                    const errMsg = 'Infinite loop on byte: ' + src.charCodeAt(0);
-                    if (this.options.silent) {
-                        console.error(errMsg);
-                        break;
-                    }
-                    else {
-                        throw new Error(errMsg);
-                    }
-                }
-            }
-            return tokens;
-        }
-    }
-
-    /**
-     * Renderer
-     */
-    class _Renderer {
-        options;
-        constructor(options) {
-            this.options = options || exports.defaults;
-        }
-        code(code, infostring, escaped) {
-            const lang = (infostring || '').match(/^\S*/)?.[0];
-            code = code.replace(/\n$/, '') + '\n';
-            if (!lang) {
-                return '<pre><code>'
-                    + (escaped ? code : escape$1(code, true))
-                    + '</code></pre>\n';
-            }
-            return '<pre><code class="language-'
-                + escape$1(lang)
-                + '">'
-                + (escaped ? code : escape$1(code, true))
-                + '</code></pre>\n';
-        }
-        blockquote(quote) {
-            return `<blockquote>\n${quote}</blockquote>\n`;
-        }
-        html(html, block) {
-            return html;
-        }
-        heading(text, level, raw) {
-            // ignore IDs
-            return `<h${level}>${text}</h${level}>\n`;
-        }
-        hr() {
-            return '<hr>\n';
-        }
-        list(body, ordered, start) {
-            const type = ordered ? 'ol' : 'ul';
-            const startatt = (ordered && start !== 1) ? (' start="' + start + '"') : '';
-            return '<' + type + startatt + '>\n' + body + '</' + type + '>\n';
-        }
-        listitem(text, task, checked) {
-            return `<li>${text}</li>\n`;
-        }
-        checkbox(checked) {
-            return '<input '
-                + (checked ? 'checked="" ' : '')
-                + 'disabled="" type="checkbox">';
-        }
-        paragraph(text) {
-            return `<p>${text}</p>\n`;
-        }
-        table(header, body) {
-            if (body)
-                body = `<tbody>${body}</tbody>`;
-            return '<table>\n'
-                + '<thead>\n'
-                + header
-                + '</thead>\n'
-                + body
-                + '</table>\n';
-        }
-        tablerow(content) {
-            return `<tr>\n${content}</tr>\n`;
-        }
-        tablecell(content, flags) {
-            const type = flags.header ? 'th' : 'td';
-            const tag = flags.align
-                ? `<${type} align="${flags.align}">`
-                : `<${type}>`;
-            return tag + content + `</${type}>\n`;
-        }
-        /**
-         * span level renderer
-         */
-        strong(text) {
-            return `<strong>${text}</strong>`;
-        }
-        em(text) {
-            return `<em>${text}</em>`;
-        }
-        codespan(text) {
-            return `<code>${text}</code>`;
-        }
-        br() {
-            return '<br>';
-        }
-        del(text) {
-            return `<del>${text}</del>`;
-        }
-        link(href, title, text) {
-            const cleanHref = cleanUrl(href);
-            if (cleanHref === null) {
-                return text;
-            }
-            href = cleanHref;
-            let out = '<a href="' + href + '"';
-            if (title) {
-                out += ' title="' + title + '"';
-            }
-            out += '>' + text + '</a>';
-            return out;
-        }
-        image(href, title, text) {
-            const cleanHref = cleanUrl(href);
-            if (cleanHref === null) {
-                return text;
-            }
-            href = cleanHref;
-            let out = `<img src="${href}" alt="${text}"`;
-            if (title) {
-                out += ` title="${title}"`;
-            }
-            out += '>';
-            return out;
-        }
-        text(text) {
-            return text;
-        }
-    }
-
-    /**
-     * TextRenderer
-     * returns only the textual part of the token
-     */
-    class _TextRenderer {
-        // no need for block level renderers
-        strong(text) {
-            return text;
-        }
-        em(text) {
-            return text;
-        }
-        codespan(text) {
-            return text;
-        }
-        del(text) {
-            return text;
-        }
-        html(text) {
-            return text;
-        }
-        text(text) {
-            return text;
-        }
-        link(href, title, text) {
-            return '' + text;
-        }
-        image(href, title, text) {
-            return '' + text;
-        }
-        br() {
-            return '';
-        }
-    }
-
-    /**
-     * Parsing & Compiling
-     */
-    class _Parser {
-        options;
-        renderer;
-        textRenderer;
-        constructor(options) {
-            this.options = options || exports.defaults;
-            this.options.renderer = this.options.renderer || new _Renderer();
-            this.renderer = this.options.renderer;
-            this.renderer.options = this.options;
-            this.textRenderer = new _TextRenderer();
-        }
-        /**
-         * Static Parse Method
-         */
-        static parse(tokens, options) {
-            const parser = new _Parser(options);
-            return parser.parse(tokens);
-        }
-        /**
-         * Static Parse Inline Method
-         */
-        static parseInline(tokens, options) {
-            const parser = new _Parser(options);
-            return parser.parseInline(tokens);
-        }
-        /**
-         * Parse Loop
-         */
-        parse(tokens, top = true) {
-            let out = '';
-            for (let i = 0; i < tokens.length; i++) {
-                const token = tokens[i];
-                // Run any renderer extensions
-                if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[token.type]) {
-                    const genericToken = token;
-                    const ret = this.options.extensions.renderers[genericToken.type].call({ parser: this }, genericToken);
-                    if (ret !== false || !['space', 'hr', 'heading', 'code', 'table', 'blockquote', 'list', 'html', 'paragraph', 'text'].includes(genericToken.type)) {
-                        out += ret || '';
-                        continue;
-                    }
-                }
-                switch (token.type) {
-                    case 'space': {
-                        continue;
-                    }
-                    case 'hr': {
-                        out += this.renderer.hr();
-                        continue;
-                    }
-                    case 'heading': {
-                        const headingToken = token;
-                        out += this.renderer.heading(this.parseInline(headingToken.tokens), headingToken.depth, unescape(this.parseInline(headingToken.tokens, this.textRenderer)));
-                        continue;
-                    }
-                    case 'code': {
-                        const codeToken = token;
-                        out += this.renderer.code(codeToken.text, codeToken.lang, !!codeToken.escaped);
-                        continue;
-                    }
-                    case 'table': {
-                        const tableToken = token;
-                        let header = '';
-                        // header
-                        let cell = '';
-                        for (let j = 0; j < tableToken.header.length; j++) {
-                            cell += this.renderer.tablecell(this.parseInline(tableToken.header[j].tokens), { header: true, align: tableToken.align[j] });
-                        }
-                        header += this.renderer.tablerow(cell);
-                        let body = '';
-                        for (let j = 0; j < tableToken.rows.length; j++) {
-                            const row = tableToken.rows[j];
-                            cell = '';
-                            for (let k = 0; k < row.length; k++) {
-                                cell += this.renderer.tablecell(this.parseInline(row[k].tokens), { header: false, align: tableToken.align[k] });
-                            }
-                            body += this.renderer.tablerow(cell);
-                        }
-                        out += this.renderer.table(header, body);
-                        continue;
-                    }
-                    case 'blockquote': {
-                        const blockquoteToken = token;
-                        const body = this.parse(blockquoteToken.tokens);
-                        out += this.renderer.blockquote(body);
-                        continue;
-                    }
-                    case 'list': {
-                        const listToken = token;
-                        const ordered = listToken.ordered;
-                        const start = listToken.start;
-                        const loose = listToken.loose;
-                        let body = '';
-                        for (let j = 0; j < listToken.items.length; j++) {
-                            const item = listToken.items[j];
-                            const checked = item.checked;
-                            const task = item.task;
-                            let itemBody = '';
-                            if (item.task) {
-                                const checkbox = this.renderer.checkbox(!!checked);
-                                if (loose) {
-                                    if (item.tokens.length > 0 && item.tokens[0].type === 'paragraph') {
-                                        item.tokens[0].text = checkbox + ' ' + item.tokens[0].text;
-                                        if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === 'text') {
-                                            item.tokens[0].tokens[0].text = checkbox + ' ' + item.tokens[0].tokens[0].text;
-                                        }
-                                    }
-                                    else {
-                                        item.tokens.unshift({
-                                            type: 'text',
-                                            text: checkbox + ' '
-                                        });
-                                    }
-                                }
-                                else {
-                                    itemBody += checkbox + ' ';
-                                }
-                            }
-                            itemBody += this.parse(item.tokens, loose);
-                            body += this.renderer.listitem(itemBody, task, !!checked);
-                        }
-                        out += this.renderer.list(body, ordered, start);
-                        continue;
-                    }
-                    case 'html': {
-                        const htmlToken = token;
-                        out += this.renderer.html(htmlToken.text, htmlToken.block);
-                        continue;
-                    }
-                    case 'paragraph': {
-                        const paragraphToken = token;
-                        out += this.renderer.paragraph(this.parseInline(paragraphToken.tokens));
-                        continue;
-                    }
-                    case 'text': {
-                        let textToken = token;
-                        let body = textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text;
-                        while (i + 1 < tokens.length && tokens[i + 1].type === 'text') {
-                            textToken = tokens[++i];
-                            body += '\n' + (textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text);
-                        }
-                        out += top ? this.renderer.paragraph(body) : body;
-                        continue;
-                    }
-                    default: {
-                        const errMsg = 'Token with "' + token.type + '" type was not found.';
-                        if (this.options.silent) {
-                            console.error(errMsg);
-                            return '';
-                        }
-                        else {
-                            throw new Error(errMsg);
-                        }
-                    }
-                }
-            }
-            return out;
-        }
-        /**
-         * Parse Inline Tokens
-         */
-        parseInline(tokens, renderer) {
-            renderer = renderer || this.renderer;
-            let out = '';
-            for (let i = 0; i < tokens.length; i++) {
-                const token = tokens[i];
-                // Run any renderer extensions
-                if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[token.type]) {
-                    const ret = this.options.extensions.renderers[token.type].call({ parser: this }, token);
-                    if (ret !== false || !['escape', 'html', 'link', 'image', 'strong', 'em', 'codespan', 'br', 'del', 'text'].includes(token.type)) {
-                        out += ret || '';
-                        continue;
-                    }
-                }
-                switch (token.type) {
-                    case 'escape': {
-                        const escapeToken = token;
-                        out += renderer.text(escapeToken.text);
-                        break;
-                    }
-                    case 'html': {
-                        const tagToken = token;
-                        out += renderer.html(tagToken.text);
-                        break;
-                    }
-                    case 'link': {
-                        const linkToken = token;
-                        out += renderer.link(linkToken.href, linkToken.title, this.parseInline(linkToken.tokens, renderer));
-                        break;
-                    }
-                    case 'image': {
-                        const imageToken = token;
-                        out += renderer.image(imageToken.href, imageToken.title, imageToken.text);
-                        break;
-                    }
-                    case 'strong': {
-                        const strongToken = token;
-                        out += renderer.strong(this.parseInline(strongToken.tokens, renderer));
-                        break;
-                    }
-                    case 'em': {
-                        const emToken = token;
-                        out += renderer.em(this.parseInline(emToken.tokens, renderer));
-                        break;
-                    }
-                    case 'codespan': {
-                        const codespanToken = token;
-                        out += renderer.codespan(codespanToken.text);
-                        break;
-                    }
-                    case 'br': {
-                        out += renderer.br();
-                        break;
-                    }
-                    case 'del': {
-                        const delToken = token;
-                        out += renderer.del(this.parseInline(delToken.tokens, renderer));
-                        break;
-                    }
-                    case 'text': {
-                        const textToken = token;
-                        out += renderer.text(textToken.text);
-                        break;
-                    }
-                    default: {
-                        const errMsg = 'Token with "' + token.type + '" type was not found.';
-                        if (this.options.silent) {
-                            console.error(errMsg);
-                            return '';
-                        }
-                        else {
-                            throw new Error(errMsg);
-                        }
-                    }
-                }
-            }
-            return out;
-        }
-    }
-
-    class _Hooks {
-        options;
-        constructor(options) {
-            this.options = options || exports.defaults;
-        }
-        static passThroughHooks = new Set([
-            'preprocess',
-            'postprocess',
-            'processAllTokens'
-        ]);
-        /**
-         * Process markdown before marked
-         */
-        preprocess(markdown) {
-            return markdown;
-        }
-        /**
-         * Process HTML after marked is finished
-         */
-        postprocess(html) {
-            return html;
-        }
-        /**
-         * Process all tokens before walk tokens
-         */
-        processAllTokens(tokens) {
-            return tokens;
-        }
-    }
-
-    class Marked {
-        defaults = _getDefaults();
-        options = this.setOptions;
-        parse = this.#parseMarkdown(_Lexer.lex, _Parser.parse);
-        parseInline = this.#parseMarkdown(_Lexer.lexInline, _Parser.parseInline);
-        Parser = _Parser;
-        Renderer = _Renderer;
-        TextRenderer = _TextRenderer;
-        Lexer = _Lexer;
-        Tokenizer = _Tokenizer;
-        Hooks = _Hooks;
-        constructor(...args) {
-            this.use(...args);
-        }
-        /**
-         * Run callback for every token
-         */
-        walkTokens(tokens, callback) {
-            let values = [];
-            for (const token of tokens) {
-                values = values.concat(callback.call(this, token));
-                switch (token.type) {
-                    case 'table': {
-                        const tableToken = token;
-                        for (const cell of tableToken.header) {
-                            values = values.concat(this.walkTokens(cell.tokens, callback));
-                        }
-                        for (const row of tableToken.rows) {
-                            for (const cell of row) {
-                                values = values.concat(this.walkTokens(cell.tokens, callback));
-                            }
-                        }
-                        break;
-                    }
-                    case 'list': {
-                        const listToken = token;
-                        values = values.concat(this.walkTokens(listToken.items, callback));
-                        break;
-                    }
-                    default: {
-                        const genericToken = token;
-                        if (this.defaults.extensions?.childTokens?.[genericToken.type]) {
-                            this.defaults.extensions.childTokens[genericToken.type].forEach((childTokens) => {
-                                const tokens = genericToken[childTokens].flat(Infinity);
-                                values = values.concat(this.walkTokens(tokens, callback));
-                            });
-                        }
-                        else if (genericToken.tokens) {
-                            values = values.concat(this.walkTokens(genericToken.tokens, callback));
-                        }
-                    }
-                }
-            }
-            return values;
-        }
-        use(...args) {
-            const extensions = this.defaults.extensions || { renderers: {}, childTokens: {} };
-            args.forEach((pack) => {
-                // copy options to new object
-                const opts = { ...pack };
-                // set async to true if it was set to true before
-                opts.async = this.defaults.async || opts.async || false;
-                // ==-- Parse "addon" extensions --== //
-                if (pack.extensions) {
-                    pack.extensions.forEach((ext) => {
-                        if (!ext.name) {
-                            throw new Error('extension name required');
-                        }
-                        if ('renderer' in ext) { // Renderer extensions
-                            const prevRenderer = extensions.renderers[ext.name];
-                            if (prevRenderer) {
-                                // Replace extension with func to run new extension but fall back if false
-                                extensions.renderers[ext.name] = function (...args) {
-                                    let ret = ext.renderer.apply(this, args);
-                                    if (ret === false) {
-                                        ret = prevRenderer.apply(this, args);
-                                    }
-                                    return ret;
-                                };
-                            }
-                            else {
-                                extensions.renderers[ext.name] = ext.renderer;
-                            }
-                        }
-                        if ('tokenizer' in ext) { // Tokenizer Extensions
-                            if (!ext.level || (ext.level !== 'block' && ext.level !== 'inline')) {
-                                throw new Error("extension level must be 'block' or 'inline'");
-                            }
-                            const extLevel = extensions[ext.level];
-                            if (extLevel) {
-                                extLevel.unshift(ext.tokenizer);
-                            }
-                            else {
-                                extensions[ext.level] = [ext.tokenizer];
-                            }
-                            if (ext.start) { // Function to check for start of token
-                                if (ext.level === 'block') {
-                                    if (extensions.startBlock) {
-                                        extensions.startBlock.push(ext.start);
-                                    }
-                                    else {
-                                        extensions.startBlock = [ext.start];
-                                    }
-                                }
-                                else if (ext.level === 'inline') {
-                                    if (extensions.startInline) {
-                                        extensions.startInline.push(ext.start);
-                                    }
-                                    else {
-                                        extensions.startInline = [ext.start];
-                                    }
-                                }
-                            }
-                        }
-                        if ('childTokens' in ext && ext.childTokens) { // Child tokens to be visited by walkTokens
-                            extensions.childTokens[ext.name] = ext.childTokens;
-                        }
-                    });
-                    opts.extensions = extensions;
-                }
-                // ==-- Parse "overwrite" extensions --== //
-                if (pack.renderer) {
-                    const renderer = this.defaults.renderer || new _Renderer(this.defaults);
-                    for (const prop in pack.renderer) {
-                        if (!(prop in renderer)) {
-                            throw new Error(`renderer '${prop}' does not exist`);
-                        }
-                        if (prop === 'options') {
-                            // ignore options property
-                            continue;
-                        }
-                        const rendererProp = prop;
-                        const rendererFunc = pack.renderer[rendererProp];
-                        const prevRenderer = renderer[rendererProp];
-                        // Replace renderer with func to run extension, but fall back if false
-                        renderer[rendererProp] = (...args) => {
-                            let ret = rendererFunc.apply(renderer, args);
-                            if (ret === false) {
-                                ret = prevRenderer.apply(renderer, args);
-                            }
-                            return ret || '';
-                        };
-                    }
-                    opts.renderer = renderer;
-                }
-                if (pack.tokenizer) {
-                    const tokenizer = this.defaults.tokenizer || new _Tokenizer(this.defaults);
-                    for (const prop in pack.tokenizer) {
-                        if (!(prop in tokenizer)) {
-                            throw new Error(`tokenizer '${prop}' does not exist`);
-                        }
-                        if (['options', 'rules', 'lexer'].includes(prop)) {
-                            // ignore options, rules, and lexer properties
-                            continue;
-                        }
-                        const tokenizerProp = prop;
-                        const tokenizerFunc = pack.tokenizer[tokenizerProp];
-                        const prevTokenizer = tokenizer[tokenizerProp];
-                        // Replace tokenizer with func to run extension, but fall back if false
-                        // @ts-expect-error cannot type tokenizer function dynamically
-                        tokenizer[tokenizerProp] = (...args) => {
-                            let ret = tokenizerFunc.apply(tokenizer, args);
-                            if (ret === false) {
-                                ret = prevTokenizer.apply(tokenizer, args);
-                            }
-                            return ret;
-                        };
-                    }
-                    opts.tokenizer = tokenizer;
-                }
-                // ==-- Parse Hooks extensions --== //
-                if (pack.hooks) {
-                    const hooks = this.defaults.hooks || new _Hooks();
-                    for (const prop in pack.hooks) {
-                        if (!(prop in hooks)) {
-                            throw new Error(`hook '${prop}' does not exist`);
-                        }
-                        if (prop === 'options') {
-                            // ignore options property
-                            continue;
-                        }
-                        const hooksProp = prop;
-                        const hooksFunc = pack.hooks[hooksProp];
-                        const prevHook = hooks[hooksProp];
-                        if (_Hooks.passThroughHooks.has(prop)) {
-                            // @ts-expect-error cannot type hook function dynamically
-                            hooks[hooksProp] = (arg) => {
-                                if (this.defaults.async) {
-                                    return Promise.resolve(hooksFunc.call(hooks, arg)).then(ret => {
-                                        return prevHook.call(hooks, ret);
-                                    });
-                                }
-                                const ret = hooksFunc.call(hooks, arg);
-                                return prevHook.call(hooks, ret);
-                            };
-                        }
-                        else {
-                            // @ts-expect-error cannot type hook function dynamically
-                            hooks[hooksProp] = (...args) => {
-                                let ret = hooksFunc.apply(hooks, args);
-                                if (ret === false) {
-                                    ret = prevHook.apply(hooks, args);
-                                }
-                                return ret;
-                            };
-                        }
-                    }
-                    opts.hooks = hooks;
-                }
-                // ==-- Parse WalkTokens extensions --== //
-                if (pack.walkTokens) {
-                    const walkTokens = this.defaults.walkTokens;
-                    const packWalktokens = pack.walkTokens;
-                    opts.walkTokens = function (token) {
-                        let values = [];
-                        values.push(packWalktokens.call(this, token));
-                        if (walkTokens) {
-                            values = values.concat(walkTokens.call(this, token));
-                        }
-                        return values;
-                    };
-                }
-                this.defaults = { ...this.defaults, ...opts };
-            });
-            return this;
-        }
-        setOptions(opt) {
-            this.defaults = { ...this.defaults, ...opt };
-            return this;
-        }
-        lexer(src, options) {
-            return _Lexer.lex(src, options ?? this.defaults);
-        }
-        parser(tokens, options) {
-            return _Parser.parse(tokens, options ?? this.defaults);
-        }
-        #parseMarkdown(lexer, parser) {
-            return (src, options) => {
-                const origOpt = { ...options };
-                const opt = { ...this.defaults, ...origOpt };
-                // Show warning if an extension set async to true but the parse was called with async: false
-                if (this.defaults.async === true && origOpt.async === false) {
-                    if (!opt.silent) {
-                        console.warn('marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.');
-                    }
-                    opt.async = true;
-                }
-                const throwError = this.#onError(!!opt.silent, !!opt.async);
-                // throw error in case of non string input
-                if (typeof src === 'undefined' || src === null) {
-                    return throwError(new Error('marked(): input parameter is undefined or null'));
-                }
-                if (typeof src !== 'string') {
-                    return throwError(new Error('marked(): input parameter is of type '
-                        + Object.prototype.toString.call(src) + ', string expected'));
-                }
-                if (opt.hooks) {
-                    opt.hooks.options = opt;
-                }
-                if (opt.async) {
-                    return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src)
-                        .then(src => lexer(src, opt))
-                        .then(tokens => opt.hooks ? opt.hooks.processAllTokens(tokens) : tokens)
-                        .then(tokens => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens)
-                        .then(tokens => parser(tokens, opt))
-                        .then(html => opt.hooks ? opt.hooks.postprocess(html) : html)
-                        .catch(throwError);
-                }
-                try {
-                    if (opt.hooks) {
-                        src = opt.hooks.preprocess(src);
-                    }
-                    let tokens = lexer(src, opt);
-                    if (opt.hooks) {
-                        tokens = opt.hooks.processAllTokens(tokens);
-                    }
-                    if (opt.walkTokens) {
-                        this.walkTokens(tokens, opt.walkTokens);
-                    }
-                    let html = parser(tokens, opt);
-                    if (opt.hooks) {
-                        html = opt.hooks.postprocess(html);
-                    }
-                    return html;
-                }
-                catch (e) {
-                    return throwError(e);
-                }
-            };
-        }
-        #onError(silent, async) {
-            return (e) => {
-                e.message += '\nPlease report this to https://github.com/markedjs/marked.';
-                if (silent) {
-                    const msg = '<p>An error occurred:</p><pre>'
-                        + escape$1(e.message + '', true)
-                        + '</pre>';
-                    if (async) {
-                        return Promise.resolve(msg);
-                    }
-                    return msg;
-                }
-                if (async) {
-                    return Promise.reject(e);
-                }
-                throw e;
-            };
-        }
-    }
-
-    const markedInstance = new Marked();
-    function marked(src, opt) {
-        return markedInstance.parse(src, opt);
-    }
-    /**
-     * Sets the default options.
-     *
-     * @param options Hash of options
-     */
-    marked.options =
-        marked.setOptions = function (options) {
-            markedInstance.setOptions(options);
-            marked.defaults = markedInstance.defaults;
-            changeDefaults(marked.defaults);
-            return marked;
-        };
-    /**
-     * Gets the original marked default options.
-     */
-    marked.getDefaults = _getDefaults;
-    marked.defaults = exports.defaults;
-    /**
-     * Use Extension
-     */
-    marked.use = function (...args) {
-        markedInstance.use(...args);
-        marked.defaults = markedInstance.defaults;
-        changeDefaults(marked.defaults);
-        return marked;
-    };
-    /**
-     * Run callback for every token
-     */
-    marked.walkTokens = function (tokens, callback) {
-        return markedInstance.walkTokens(tokens, callback);
-    };
-    /**
-     * Compiles markdown to HTML without enclosing `p` tag.
-     *
-     * @param src String of markdown source to be compiled
-     * @param options Hash of options
-     * @return String of compiled HTML
-     */
-    marked.parseInline = markedInstance.parseInline;
-    /**
-     * Expose
-     */
-    marked.Parser = _Parser;
-    marked.parser = _Parser.parse;
-    marked.Renderer = _Renderer;
-    marked.TextRenderer = _TextRenderer;
-    marked.Lexer = _Lexer;
-    marked.lexer = _Lexer.lex;
-    marked.Tokenizer = _Tokenizer;
-    marked.Hooks = _Hooks;
-    marked.parse = marked;
-    const options = marked.options;
-    const setOptions = marked.setOptions;
-    const use = marked.use;
-    const walkTokens = marked.walkTokens;
-    const parseInline = marked.parseInline;
-    const parse = marked;
-    const parser = _Parser.parse;
-    const lexer = _Lexer.lex;
-
-    exports.Hooks = _Hooks;
-    exports.Lexer = _Lexer;
-    exports.Marked = Marked;
-    exports.Parser = _Parser;
-    exports.Renderer = _Renderer;
-    exports.TextRenderer = _TextRenderer;
-    exports.Tokenizer = _Tokenizer;
-    exports.getDefaults = _getDefaults;
-    exports.lexer = lexer;
-    exports.marked = marked;
-    exports.options = options;
-    exports.parse = parse;
-    exports.parseInline = parseInline;
-    exports.parser = parser;
-    exports.setOptions = setOptions;
-    exports.use = use;
-    exports.walkTokens = walkTokens;
-
-}));
-
-}(marked_umd, marked_umd.exports));
-
-const toInlinePlainText = (textWithHtml) => {
-    const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');
-    const withCollapsedWhitespaces = withoutHtmlTags.replace(/\s{2,}/g, ' ');
-    return withCollapsedWhitespaces.trim();
-};
-const unclosedElement = /(\*{1,3}|`)($|\w[\w\s]*$)/;
-const completeUnclosedElement = (text) => {
-    const match = unclosedElement.exec(text);
-    if (match) {
-        const symbol = match[1];
-        const replacements = {
-            '***': '<strong part="answer-strong"><em part="answer-emphasis">$2</em></strong>',
-            '**': '<strong part="answer-strong">$2</strong>',
-            '*': '<em part="answer-emphasis">$2</em>',
-            '`': '<code part="answer-inline-code">$2</code>',
-        };
-        return text.replace(unclosedElement, replacements[symbol]);
-    }
-    return text;
-};
-const escapeHtml = (text) => {
-    return text
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-};
-const customRenderer = {
-    blockquote(quote) {
-        return `<blockquote part="answer-quote-block">${quote}</blockquote>`;
-    },
-    code(code) {
-        return `<pre part="answer-code-block"><code>${escapeHtml(code)}</code></pre>`;
-    },
-    codespan(text) {
-        return `<code part="answer-inline-code">${text}</code>`;
-    },
-    em(text) {
-        return `<em part="answer-emphasis">${text}</em>`;
-    },
-    heading(text, level) {
-        const plainText = toInlinePlainText(text);
-        return `<div part="answer-heading-${level}" aria-label="${plainText}">${text}</div>`;
-    },
-    html(text) {
-        return escapeHtml(text);
-    },
-    list(body, ordered, start) {
-        const type = ordered ? 'ol' : 'ul';
-        const part = ordered ? 'answer-ordered-list' : 'answer-unordered-list';
-        const tag = ordered && start !== 1
-            ? `<${type} part="${part}" start="${start}">`
-            : `<${type} part="${part}">`;
-        return `${tag}${body}</${type}>`;
-    },
-    /**
-     * Custom Marked renderer to remove wrapping `<p>` element around list item content.
-     * @param text The element text content.
-     * @returns The list item element to render.
-     */
-    listitem(text) {
-        const unwrappedText = text
-            .replace(/^<p[^>]*>/, '')
-            .replace(/<\/p>\n?$/, '');
-        const withClosedElement = completeUnclosedElement(unwrappedText);
-        return `<li part="answer-list-item">${withClosedElement}</li>`;
-    },
-    paragraph(text) {
-        return `<p part="answer-paragraph">${text}</p>`;
-    },
-    strong(text) {
-        return `<strong part="answer-strong">${text}</strong>`;
-    },
-    /**
-     * Custom Marked renderer to wrap `<table>` element in a scrolling container.
-     * @param header The table header content.
-     * @param body The table body content.
-     * @returns The element to render.
-     */
-    table(header, body) {
-        return `<div part="answer-table-container" class="scrollable-table"><table part="answer-table"><thead>${header}</thead><tbody>${body}</tbody></table></div>`;
-    },
-    tablecell(content, flags) {
-        const type = flags.header ? 'th' : 'td';
-        const part = flags.header ? 'answer-table-header' : 'answer-table-content';
-        const tag = flags.align
-            ? `<${type} part="${part}" align="${flags.align}">`
-            : `<${type} part="${part}">`;
-        return `${tag}${content}</${type}>`;
-    },
-    /**
-     * Custom Marked renderer to complete unclosed inline elements such as bold, italic, and code.
-     * @param text The text content.
-     * @returns The corrected text content.
-     */
-    text(text) {
-        return completeUnclosedElement(text);
-    },
-};
-const transformMarkdownToHtml = (text) => {
-    return marked_umd.exports.marked.use({ renderer: customRenderer }).parse(text);
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const GeneratedMarkdownContent = (props) => {
-    const answerAsHtml = DOMPurify.sanitize(transformMarkdownToHtml(props.answer ?? ''), { ADD_ATTR: ['part'] });
-    return (h("div", { part: "generated-text", class: `text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}`, innerHTML: answerAsHtml }));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const GeneratedTextContent = (props) => {
-    return (h("p", { part: "generated-text", class: `text-on-background mb-0 whitespace-pre-wrap ${props.isStreaming ? 'cursor' : ''}` }, props.answer));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const GeneratedContentContainer = (props, children) => {
-    return (h("div", { part: "generated-container", class: "mt-6" },
-        props.answerContentFormat === 'text/markdown' ? (h(GeneratedMarkdownContent, { answer: props.answer, isStreaming: props.isStreaming })) : (h(GeneratedTextContent, { answer: props.answer, isStreaming: props.isStreaming })),
-        h("div", { class: "footer mt-6" }, children)));
-};
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const ShowButton = (props) => (h(Button, { style: "text-primary", part: "answer-show-button", class: "hidden items-center hover:bg-transparent", onClick: () => props.onClick() },
-    h("div", { class: "text-base font-light" }, props.isCollapsed
-        ? props.i18n.t('show-more')
-        : props.i18n.t('show-less')),
-    h("atomic-icon", { part: "answer-show-icon", class: "ml-2 w-3.5", icon: props.isCollapsed ? ArrowBottomIcon : ArrowTopIcon })));
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const RetryPrompt = (props) => (h("div", { part: "retry-container", class: "mt-4" },
-    h("div", { class: "text-neutral-dark mx-auto text-center" }, props.message),
-    h(Button, { class: "mx-auto mt-4 block px-4 py-2", style: "outline-primary", onClick: props.onClick }, props.buttonLabel)));
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const SourceCitations = (props, children) => props.isVisible ? (h("div", { class: "source-citations" },
-    h("p", { part: "citations-label", class: "text-neutral-dark mb-2 shrink-0" }, props.label),
-    h("ol", { class: "citations-container flex list-none flex-wrap items-center gap-2" }, children))) : null;
-
-/**
- * @deprecated use the LitElement version instead: `GeneratedAnswerController`. This class is only meant to be used in legacy Stencil-based components.
- */
-class GeneratedAnswerCommon {
-    constructor(props) {
-        this.props = props;
-        this.storage = new SafeStorage();
-        this._data = this.readStoredData();
-    }
-    insertFeedbackModal() {
-        this.modalRef = document.createElement('atomic-generated-answer-feedback-modal');
-        this.modalRef.generatedAnswer = this.props.getGeneratedAnswer();
-        this.props.host.insertAdjacentElement('beforebegin', this.modalRef);
-    }
-    readStoredData() {
-        const { withToggle } = this.props;
-        const storedData = this.storage.getParsedJSON(StorageItems.GENERATED_ANSWER_DATA, { isVisible: true });
-        // This check ensures that the answer is visible when the toggle is hidden and visible is set to false in the local storage.
-        return { isVisible: (withToggle && storedData.isVisible) || !withToggle };
-    }
-    writeStoredData(data) {
-        this.storage.setJSON(StorageItems.GENERATED_ANSWER_DATA, data);
-    }
-    get data() {
-        return this._data;
-    }
-    set data(newData) {
-        this._data = newData;
-    }
-    getGeneratedAnswerStatus() {
-        const isHidden = !this.props.getGeneratedAnswerState()?.isVisible;
-        const isGenerating = !!this.props.getGeneratedAnswerState()?.isStreaming;
-        const hasAnswer = !!this.props.getGeneratedAnswerState()?.answer;
-        const hasError = !!this.props.getGeneratedAnswerState()?.error;
-        if (isHidden) {
-            return this.props.getBindings().i18n.t('generated-answer-hidden');
-        }
-        if (isGenerating) {
-            return this.props.getBindings().i18n.t('generating-answer');
-        }
-        if (hasError) {
-            return this.props.getBindings().i18n.t('answer-could-not-be-generated');
-        }
-        if (hasAnswer) {
-            return this.props.getBindings().i18n.t('answer-generated', {
-                answer: this.props.getGeneratedAnswerState()?.answer,
-            });
-        }
-        return '';
-    }
-    get hasRetryableError() {
-        return (!this.props.getSearchStatusState()?.hasError &&
-            this.props.getGeneratedAnswerState()?.error?.isRetryable);
-    }
-    get hasNoAnswerGenerated() {
-        const { answer, citations } = this.props.getGeneratedAnswerState() ?? {};
-        return (answer === undefined && !citations?.length && !this.hasRetryableError);
-    }
-    get isAnswerVisible() {
-        return this.props.getGeneratedAnswerState()?.isVisible;
-    }
-    get toggleTooltip() {
-        const key = this.isAnswerVisible
-            ? 'generated-answer-toggle-on'
-            : 'generated-answer-toggle-off';
-        return this.props.getBindings().i18n.t(key);
-    }
-    get hasClipboard() {
-        return !!navigator?.clipboard?.writeText;
-    }
-    get copyToClipboardTooltip() {
-        if (this.props.getCopyError()) {
-            return this.props.getBindings().i18n.t('failed-to-copy-generated-answer');
-        }
-        return !this.props.getCopied()
-            ? this.props.getBindings().i18n.t('copy-generated-answer')
-            : this.props.getBindings().i18n.t('generated-answer-copied');
-    }
-    get hasCustomNoAnswerMessage() {
-        return getNamedSlotContent(this.props.host, 'no-answer-message').length > 0;
-    }
-    async copyToClipboard(answer) {
-        try {
-            await navigator.clipboard.writeText(answer);
-            this.props.setCopied(true);
-            this.props.getGeneratedAnswer()?.logCopyToClipboard();
-        }
-        catch (error) {
-            this.props.setCopyError(true);
-            this.props
-                .getBindings()
-                .engine.logger.error(`Failed to copy to clipboard: ${error}`);
-        }
-        setTimeout(() => {
-            this.props.setCopied(false);
-            this.props.setCopyError(false);
-        }, 2000);
-    }
-    clickOnShowButton() {
-        if (this.props.getGeneratedAnswerState()?.expanded) {
-            this.props.getGeneratedAnswer()?.collapse();
-        }
-        else {
-            this.props.getGeneratedAnswer()?.expand();
-        }
-    }
-    getCitation(citation) {
-        const { title } = citation;
-        const { i18n } = this.props.getBindings();
-        const normalizedTitle = (title ?? '').trim();
-        return normalizedTitle !== ''
-            ? citation
-            : { ...citation, title: i18n.t('no-title') };
-    }
-    renderCitations() {
-        const { getGeneratedAnswerState, buildInteractiveCitation, getGeneratedAnswer, disableCitationAnchoring, } = this.props;
-        const { citations } = getGeneratedAnswerState() ?? {};
-        const { logCitationHover } = getGeneratedAnswer() ?? {};
-        return citations?.map((citation, index) => {
-            const interactiveCitation = buildInteractiveCitation({
-                options: {
-                    citation,
-                },
-            });
-            return (h("li", { key: citation.id, class: "max-w-full" },
-                h("atomic-citation", { citation: this.getCitation(citation), index: index, sendHoverEndEvent: (citationHoverTimeMs) => {
-                        logCitationHover?.(citation.id, citationHoverTimeMs);
-                    }, interactiveCitation: interactiveCitation, disableCitationAnchoring: disableCitationAnchoring, exportparts: "citation,citation-popover" })));
-        });
-    }
-    renderFeedbackAndCopyButtons() {
-        const { getGeneratedAnswerState, getBindings, getCopied, getCopyError } = this.props;
-        const { i18n } = getBindings();
-        const { liked, disliked, answer, isStreaming } = getGeneratedAnswerState() ?? {};
-        const containerClasses = [
-            'feedback-buttons',
-            'flex',
-            'h-9',
-            'absolute',
-            'top-6',
-            'shrink-0',
-            'gap-2',
-            this.props.withToggle ? 'right-20' : 'right-6',
-        ].join(' ');
-        if (isStreaming) {
-            return null;
-        }
-        return (h("div", { class: containerClasses },
-            h(FeedbackButton, { title: i18n.t('this-answer-was-helpful'), variant: "like", active: !!liked, onClick: () => this.clickLike() }),
-            h(FeedbackButton, { title: i18n.t('this-answer-was-not-helpful'), variant: "dislike", active: !!disliked, onClick: () => this.clickDislike() }),
-            this.hasClipboard ? (h(CopyButton, { title: this.copyToClipboardTooltip, isCopied: getCopied(), error: getCopyError(), onClick: async () => {
-                    if (answer) {
-                        await this.copyToClipboard(answer);
-                    }
-                } })) : null));
-    }
-    setIsAnswerHelpful(isAnswerHelpful) {
-        if (this.modalRef) {
-            this.modalRef.helpful = isAnswerHelpful;
-        }
-    }
-    openFeedbackModal() {
-        if (this.modalRef &&
-            !this.props.getGeneratedAnswerState()?.feedbackSubmitted) {
-            this.modalRef.isOpen = true;
-        }
-    }
-    clickDislike() {
-        this.setIsAnswerHelpful(false);
-        this.props.getGeneratedAnswer()?.dislike();
-        this.openFeedbackModal();
-    }
-    clickLike() {
-        this.setIsAnswerHelpful(true);
-        this.props.getGeneratedAnswer()?.like();
-        this.openFeedbackModal();
-    }
-    renderDisclaimer() {
-        const { getGeneratedAnswerState, getBindings } = this.props;
-        const { i18n } = getBindings();
-        const { isStreaming } = getGeneratedAnswerState() ?? {};
-        if (isStreaming) {
-            return null;
-        }
-        return (h("div", { class: "text-neutral-dark text-xs/[1rem]" },
-            h("slot", { name: "disclaimer", slot: "disclaimer" }, i18n.t('generated-answer-disclaimer'))));
-    }
-    renderShowButton() {
-        const { getGeneratedAnswerState, getBindings, collapsible } = this.props;
-        const { i18n } = getBindings();
-        const { expanded, isStreaming } = getGeneratedAnswerState() ?? {};
-        const canRender = collapsible && !isStreaming;
-        if (!canRender) {
-            return null;
-        }
-        return (h(ShowButton, { i18n: i18n, onClick: () => this.clickOnShowButton(), isCollapsed: !expanded }));
-    }
-    renderGeneratingAnswerLabel() {
-        const { getGeneratedAnswerState, getBindings, collapsible } = this.props;
-        const { i18n } = getBindings();
-        const { isStreaming } = getGeneratedAnswerState() ?? {};
-        const canRender = collapsible && isStreaming;
-        if (!canRender) {
-            return null;
-        }
-        return (h("div", { part: "is-generating", class: "text-primary hidden text-base font-light" },
-            i18n.t('generating-answer'),
-            "..."));
-    }
-    renderContent() {
-        const { getGeneratedAnswerState, getBindings, getGeneratedAnswer } = this.props;
-        const { i18n } = getBindings();
-        const { isStreaming, answer, citations, answerContentFormat } = getGeneratedAnswerState() ?? {};
-        return (h("div", { part: "generated-content" },
-            h("div", { class: "flex items-center" },
-                h(Heading, { level: 0, part: "header-label", class: "text-primary bg-primary-background inline-block rounded-md px-2.5 py-2 font-medium" }, i18n.t('generated-answer-title')),
-                h("div", { class: "ml-auto flex h-9 items-center" },
-                    h(Switch, { part: "toggle", checked: this.isAnswerVisible, onToggle: (checked) => {
-                            checked
-                                ? getGeneratedAnswer()?.show()
-                                : getGeneratedAnswer()?.hide();
-                        }, ariaLabel: i18n.t('generated-answer-title'), title: this.toggleTooltip, withToggle: this.props.withToggle }))),
-            this.hasRetryableError && this.isAnswerVisible ? (h(RetryPrompt, { onClick: () => getGeneratedAnswer()?.retry(), buttonLabel: i18n.t('retry'), message: i18n.t('retry-stream-message') })) : null,
-            !this.hasRetryableError && this.isAnswerVisible ? (h(GeneratedContentContainer, { answer: answer, answerContentFormat: answerContentFormat, isStreaming: !!isStreaming },
-                this.renderFeedbackAndCopyButtons(),
-                h(SourceCitations, { label: i18n.t('citations'), isVisible: !!citations?.length }, this.renderCitations()))) : null,
-            !this.hasRetryableError && this.isAnswerVisible && (h("div", { part: "generated-answer-footer", class: "mt-6 flex justify-end" },
-                this.renderGeneratingAnswerLabel(),
-                this.renderShowButton(),
-                this.renderDisclaimer()))));
-    }
-    renderCustomNoAnswerMessage() {
-        const { getBindings } = this.props;
-        const { i18n } = getBindings();
-        return (h("div", { part: "generated-content" },
-            h("div", { class: "flex items-center" },
-                h(Heading, { level: 0, part: "header-label", class: "text-primary bg-primary-background inline-block rounded-md px-2.5 py-2 font-medium" }, i18n.t('generated-answer-title'))),
-            h("div", { part: "generated-container", class: "mt-6 break-words" },
-                h("slot", { name: "no-answer-message" }))));
-    }
-    render() {
-        const { getGeneratedAnswerState } = this.props;
-        const { cannotAnswer } = getGeneratedAnswerState() ?? {};
-        const contentClasses = 'mx-auto mt-0 mb-4 border border-neutral shadow-lg p-6 bg-background rounded-lg p-6 text-on-background';
-        if (this.hasNoAnswerGenerated) {
-            return cannotAnswer && this.hasCustomNoAnswerMessage ? (h("div", null,
-                h("aside", { class: contentClasses, part: "container", "aria-label": this.props.getBindings().i18n.t('generated-answer-title') },
-                    h("article", null, this.renderCustomNoAnswerMessage())))) : null;
-        }
-        return (h("div", null,
-            h("aside", { class: contentClasses, part: "container", "aria-label": this.props.getBindings().i18n.t('generated-answer-title') },
-                h("article", null, this.renderContent()))));
-    }
-}
-
-const atomicInsightGeneratedAnswerCss = "/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer properties {\n  *, :before, :after, ::backdrop {\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-scale-z: 1;\n    --tw-rotate-x: initial;\n    --tw-rotate-y: initial;\n    --tw-rotate-z: initial;\n    --tw-skew-x: initial;\n    --tw-skew-y: initial;\n    --tw-space-x-reverse: 0;\n    --tw-divide-y-reverse: 0;\n    --tw-border-style: solid;\n    --tw-gradient-position: initial;\n    --tw-gradient-from: #0000;\n    --tw-gradient-via: #0000;\n    --tw-gradient-to: #0000;\n    --tw-gradient-stops: initial;\n    --tw-gradient-via-stops: initial;\n    --tw-gradient-from-position: 0%;\n    --tw-gradient-via-position: 50%;\n    --tw-gradient-to-position: 100%;\n    --tw-leading: initial;\n    --tw-font-weight: initial;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-color: initial;\n    --tw-shadow-alpha: 100%;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-inset-shadow-color: initial;\n    --tw-inset-shadow-alpha: 100%;\n    --tw-ring-color: initial;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-color: initial;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-inset: initial;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-outline-style: solid;\n    --tw-blur: initial;\n    --tw-brightness: initial;\n    --tw-contrast: initial;\n    --tw-grayscale: initial;\n    --tw-hue-rotate: initial;\n    --tw-invert: initial;\n    --tw-opacity: initial;\n    --tw-saturate: initial;\n    --tw-sepia: initial;\n    --tw-drop-shadow: initial;\n    --tw-drop-shadow-color: initial;\n    --tw-drop-shadow-alpha: 100%;\n    --tw-drop-shadow-size: initial;\n    --tw-duration: initial;\n    --tw-ease: initial;\n    --tw-content: \"\";\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n    \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container {\n    container-type: inline-size;\n  }\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .mobile-footer-xs-layout {\n    margin-top: calc(0.25rem * 4);\n  }\n  .mobile-footer-xs-layout .feedback-buttons {\n    position: relative;\n    top: calc(0.25rem * 0);\n    right: calc(0.25rem * 0);\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: calc(0.25rem * 0);\n  }\n  .-top-2 {\n    top: calc(0.25rem * -2);\n  }\n  .-top-4 {\n    top: calc(0.25rem * -4);\n  }\n  .top-0 {\n    top: calc(0.25rem * 0);\n  }\n  .top-1 {\n    top: calc(0.25rem * 1);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-6 {\n    top: calc(0.25rem * 6);\n  }\n  .top-\\[4px\\] {\n    top: 4px;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .top-px {\n    top: 1px;\n  }\n  .-right-2 {\n    right: calc(0.25rem * -2);\n  }\n  .right-0 {\n    right: calc(0.25rem * 0);\n  }\n  .right-1 {\n    right: calc(0.25rem * 1);\n  }\n  .right-2 {\n    right: calc(0.25rem * 2);\n  }\n  .right-6 {\n    right: calc(0.25rem * 6);\n  }\n  .right-12 {\n    right: calc(0.25rem * 12);\n  }\n  .right-20 {\n    right: calc(0.25rem * 20);\n  }\n  .right-px {\n    right: 1px;\n  }\n  .bottom-0 {\n    bottom: calc(0.25rem * 0);\n  }\n  .bottom-1 {\n    bottom: calc(0.25rem * 1);\n  }\n  .bottom-2 {\n    bottom: calc(0.25rem * 2);\n  }\n  .bottom-px {\n    bottom: 1px;\n  }\n  .left-0 {\n    left: calc(0.25rem * 0);\n  }\n  .left-1 {\n    left: calc(0.25rem * 1);\n  }\n  .left-2 {\n    left: calc(0.25rem * 2);\n  }\n  .left-\\[15px\\] {\n    left: 15px;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-9998 {\n    z-index: 9998;\n  }\n  .z-9999 {\n    z-index: 9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .container {\n    width: 100%;\n  }\n  @media (width >= 1024px) {\n    .container {\n      max-width: 1024px;\n    }\n  }\n  @media (width >= 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n  @media (width >= 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n  @media (width >= 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n  @media (width >= 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n  @media (width >= 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n  .container\\! {\n    width: 100% !important;\n  }\n  @media (width >= 1024px) {\n    .container\\! {\n      max-width: 1024px !important;\n    }\n  }\n  @media (width >= 40rem) {\n    .container\\! {\n      max-width: 40rem !important;\n    }\n  }\n  @media (width >= 48rem) {\n    .container\\! {\n      max-width: 48rem !important;\n    }\n  }\n  @media (width >= 64rem) {\n    .container\\! {\n      max-width: 64rem !important;\n    }\n  }\n  @media (width >= 80rem) {\n    .container\\! {\n      max-width: 80rem !important;\n    }\n  }\n  @media (width >= 96rem) {\n    .container\\! {\n      max-width: 96rem !important;\n    }\n  }\n  .m-0 {\n    margin: calc(0.25rem * 0);\n  }\n  .m-2 {\n    margin: calc(0.25rem * 2);\n  }\n  .mx-0 {\n    margin-inline: calc(0.25rem * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(0.25rem * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(0.25rem * 1);\n  }\n  .mx-6 {\n    margin-inline: calc(0.25rem * 6);\n  }\n  .mx-16 {\n    margin-inline: calc(0.25rem * 16);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-2 {\n    margin-block: calc(0.25rem * 2);\n  }\n  .my-3 {\n    margin-block: calc(0.25rem * 3);\n  }\n  .my-4 {\n    margin-block: calc(0.25rem * 4);\n  }\n  .my-6 {\n    margin-block: calc(0.25rem * 6);\n  }\n  .my-auto {\n    margin-block: auto;\n  }\n  .mt-0 {\n    margin-top: calc(0.25rem * 0);\n  }\n  .mt-1 {\n    margin-top: calc(0.25rem * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(0.25rem * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(0.25rem * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(0.25rem * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(0.25rem * 3);\n  }\n  .mt-4 {\n    margin-top: calc(0.25rem * 4);\n  }\n  .mt-6 {\n    margin-top: calc(0.25rem * 6);\n  }\n  .mt-7 {\n    margin-top: calc(0.25rem * 7);\n  }\n  .mt-8 {\n    margin-top: calc(0.25rem * 8);\n  }\n  .mt-10 {\n    margin-top: calc(0.25rem * 10);\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .mobile-footer-layout {\n    flex-direction: column;\n    gap: calc(0.25rem * 4);\n  }\n  .mobile-footer-layout .source-citations {\n    margin-right: calc(0.25rem * 0);\n  }\n  .mr-0 {\n    margin-right: calc(0.25rem * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(0.25rem * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(0.25rem * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(0.25rem * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(0.25rem * 2);\n  }\n  .mr-3 {\n    margin-right: calc(0.25rem * 3);\n  }\n  .mr-6 {\n    margin-right: calc(0.25rem * 6);\n  }\n  .mr-auto {\n    margin-right: auto;\n  }\n  .mb-0 {\n    margin-bottom: calc(0.25rem * 0);\n  }\n  .mb-1 {\n    margin-bottom: calc(0.25rem * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(0.25rem * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(0.25rem * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(0.25rem * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(0.25rem * 6);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(0.25rem * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(0.25rem * 1);\n  }\n  .ml-2 {\n    margin-left: calc(0.25rem * 2);\n  }\n  .ml-4 {\n    margin-left: calc(0.25rem * 4);\n  }\n  .ml-6 {\n    margin-left: calc(0.25rem * 6);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .line-clamp-none {\n    overflow: visible;\n    display: block;\n    -webkit-box-orient: horizontal;\n    -webkit-line-clamp: unset;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .table-column {\n    display: table-column;\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .size-\\[27px\\] {\n    width: 27px;\n    height: 27px;\n  }\n  .h-1 {\n    height: calc(0.25rem * 1);\n  }\n  .h-2 {\n    height: calc(0.25rem * 2);\n  }\n  .h-2\\.5 {\n    height: calc(0.25rem * 2.5);\n  }\n  .h-3 {\n    height: calc(0.25rem * 3);\n  }\n  .h-4 {\n    height: calc(0.25rem * 4);\n  }\n  .h-5 {\n    height: calc(0.25rem * 5);\n  }\n  .h-5\\/6 {\n    height: calc(5/6 * 100%);\n  }\n  .h-6 {\n    height: calc(0.25rem * 6);\n  }\n  .h-7 {\n    height: calc(0.25rem * 7);\n  }\n  .h-8 {\n    height: calc(0.25rem * 8);\n  }\n  .h-9 {\n    height: calc(0.25rem * 9);\n  }\n  .h-10 {\n    height: calc(0.25rem * 10);\n  }\n  .h-12 {\n    height: calc(0.25rem * 12);\n  }\n  .h-\\[2\\.6rem\\] {\n    height: 2.6rem;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .h-px {\n    height: 1px;\n  }\n  .max-h-96 {\n    max-height: calc(0.25rem * 96);\n  }\n  .min-h-3 {\n    min-height: calc(0.25rem * 3);\n  }\n  .min-h-10 {\n    min-height: calc(0.25rem * 10);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .w-0\\.5 {\n    width: calc(0.25rem * 0.5);\n  }\n  .w-1 {\n    width: calc(0.25rem * 1);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-2 {\n    width: calc(0.25rem * 2);\n  }\n  .w-2\\.5 {\n    width: calc(0.25rem * 2.5);\n  }\n  .w-3 {\n    width: calc(0.25rem * 3);\n  }\n  .w-3\\.5 {\n    width: calc(0.25rem * 3.5);\n  }\n  .w-3\\/5 {\n    width: calc(3/5 * 100%);\n  }\n  .w-4 {\n    width: calc(0.25rem * 4);\n  }\n  .w-5 {\n    width: calc(0.25rem * 5);\n  }\n  .w-5\\/6 {\n    width: calc(5/6 * 100%);\n  }\n  .w-6 {\n    width: calc(0.25rem * 6);\n  }\n  .w-7 {\n    width: calc(0.25rem * 7);\n  }\n  .w-8 {\n    width: calc(0.25rem * 8);\n  }\n  .w-9 {\n    width: calc(0.25rem * 9);\n  }\n  .w-10 {\n    width: calc(0.25rem * 10);\n  }\n  .w-12 {\n    width: calc(0.25rem * 12);\n  }\n  .w-20 {\n    width: calc(0.25rem * 20);\n  }\n  .w-26 {\n    width: calc(0.25rem * 26);\n  }\n  .w-28 {\n    width: calc(0.25rem * 28);\n  }\n  .w-32 {\n    width: calc(0.25rem * 32);\n  }\n  .w-36 {\n    width: calc(0.25rem * 36);\n  }\n  .w-48 {\n    width: calc(0.25rem * 48);\n  }\n  .w-60 {\n    width: calc(0.25rem * 60);\n  }\n  .w-64 {\n    width: calc(0.25rem * 64);\n  }\n  .w-72 {\n    width: calc(0.25rem * 72);\n  }\n  .w-100 {\n    width: calc(0.25rem * 100);\n  }\n  .w-\\[2\\.6rem\\] {\n    width: 2.6rem;\n  }\n  .w-\\[10px\\] {\n    width: 10px;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .max-w-4\\/5 {\n    max-width: calc(4/5 * 100%);\n  }\n  .max-w-60 {\n    max-width: calc(0.25rem * 60);\n  }\n  .max-w-\\[30ch\\] {\n    max-width: 30ch;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: 32rem;\n  }\n  .max-w-max {\n    max-width: max-content;\n  }\n  .min-w-0 {\n    min-width: calc(0.25rem * 0);\n  }\n  .min-w-10 {\n    min-width: calc(0.25rem * 10);\n  }\n  .min-w-20 {\n    min-width: calc(0.25rem * 20);\n  }\n  .min-w-24 {\n    min-width: calc(0.25rem * 24);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .basis-1\\/2 {\n    flex-basis: calc(1/2 * 100%);\n  }\n  .basis-8 {\n    flex-basis: calc(0.25rem * 8);\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1/2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n  .cursor-\\[inherit\\] {\n    cursor: inherit;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .list-outside {\n    list-style-position: outside;\n  }\n  .list-decimal {\n    list-style-type: decimal;\n  }\n  .list-disc {\n    list-style-type: disc;\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-\\[min-content_1fr\\] {\n    grid-template-columns: min-content 1fr;\n  }\n  .grid-cols-\\[min-content_auto\\] {\n    grid-template-columns: min-content auto;\n  }\n  .mobile-generated-answer-footer-layout {\n    flex-direction: column;\n    gap: calc(0.25rem * 1);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .gap-0\\.5 {\n    gap: calc(0.25rem * 0.5);\n  }\n  .gap-1 {\n    gap: calc(0.25rem * 1);\n  }\n  .gap-2 {\n    gap: calc(0.25rem * 2);\n  }\n  .gap-3 {\n    gap: calc(0.25rem * 3);\n  }\n  .gap-4 {\n    gap: calc(0.25rem * 4);\n  }\n  .gap-8 {\n    gap: calc(0.25rem * 8);\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(0.25rem * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(0.25rem * 2);\n  }\n  .gap-x-4 {\n    column-gap: calc(0.25rem * 4);\n  }\n  :where(.space-x-1\\.5 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .gap-y-0\\.5 {\n    row-gap: calc(0.25rem * 0.5);\n  }\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n  :where(.divide-neutral > :not(:last-child)) {\n    border-color: var(--atomic-neutral);\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .scroll-smooth {\n    scroll-behavior: smooth;\n  }\n  .rounded {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-3xl {\n    border-radius: 1.5rem;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--atomic-border-radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--atomic-border-radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-xl {\n    border-radius: var(--atomic-border-radius-xl);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-1 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-gray-200 {\n    border-color: oklch(0.928 0.006 264.531);\n  }\n  .border-neutral {\n    border-color: var(--atomic-neutral);\n  }\n  .border-neutral-dark {\n    border-color: var(--atomic-neutral-dark);\n  }\n  .border-neutral-dim {\n    border-color: var(--atomic-neutral-dim);\n  }\n  .border-primary {\n    border-color: var(--atomic-primary);\n  }\n  .border-primary-light {\n    border-color: var(--atomic-primary-light);\n  }\n  .border-t-neutral {\n    border-top-color: var(--atomic-neutral);\n  }\n  .border-b-neutral {\n    border-bottom-color: var(--atomic-neutral);\n  }\n  .border-b-neutral-dim {\n    border-bottom-color: var(--atomic-neutral-dim);\n  }\n  .border-l-neutral {\n    border-left-color: var(--atomic-neutral);\n  }\n  .border-l-neutral-dim {\n    border-left-color: var(--atomic-neutral-dim);\n  }\n  .bg-\\[\\#F1F2FF\\] {\n    background-color: #F1F2FF;\n  }\n  .bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\] {\n    background-color: rgba(40,40,40,0.8);\n  }\n  .bg-background {\n    background-color: var(--atomic-background);\n  }\n  .bg-error {\n    background-color: var(--atomic-error);\n  }\n  .bg-gray-50 {\n    background-color: oklch(0.985 0.002 247.839);\n  }\n  .bg-neutral {\n    background-color: var(--atomic-neutral);\n  }\n  .bg-neutral-dark {\n    background-color: var(--atomic-neutral-dark);\n  }\n  .bg-neutral-dim {\n    background-color: var(--atomic-neutral-dim);\n  }\n  .bg-neutral-light {\n    background-color: var(--atomic-neutral-light);\n  }\n  .bg-primary {\n    background-color: var(--atomic-primary);\n  }\n  .bg-primary-background {\n    background-color: var(--atomic-primary-background);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: #fff;\n  }\n  .bg-linear-to-l {\n    --tw-gradient-position: to left;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-l {\n      --tw-gradient-position: to left in oklab;\n    }\n  }\n  .bg-linear-to-l {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-background\\/60 {\n    --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .from-background\\/60 {\n      --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\n    }\n  }\n  .from-background\\/60 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-more-results-progress-bar-color-from {\n    --tw-gradient-from: var(\n    --atomic-more-results-progress-bar-color-from,\n    var(--atomic-primary-dark)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-transparent {\n    --tw-gradient-from: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .via-neutral {\n    --tw-gradient-via: var(--atomic-neutral);\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .to-more-results-progress-bar-color-to {\n    --tw-gradient-to: var(\n    --atomic-more-results-progress-bar-color-to,\n    var(--atomic-primary-light)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .stroke-\\[1\\.25\\] {\n    stroke-width: 1.25;\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-0 {\n    padding: calc(0.25rem * 0);\n  }\n  .p-1 {\n    padding: calc(0.25rem * 1);\n  }\n  .p-2 {\n    padding: calc(0.25rem * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(0.25rem * 2.5);\n  }\n  .p-3 {\n    padding: calc(0.25rem * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(0.25rem * 3.5);\n  }\n  .p-4 {\n    padding: calc(0.25rem * 4);\n  }\n  .p-6 {\n    padding: calc(0.25rem * 6);\n  }\n  .p-7 {\n    padding: calc(0.25rem * 7);\n  }\n  .p-8 {\n    padding: calc(0.25rem * 8);\n  }\n  .px-1 {\n    padding-inline: calc(0.25rem * 1);\n  }\n  .px-2 {\n    padding-inline: calc(0.25rem * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(0.25rem * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(0.25rem * 3);\n  }\n  .px-4 {\n    padding-inline: calc(0.25rem * 4);\n  }\n  .px-6 {\n    padding-inline: calc(0.25rem * 6);\n  }\n  .px-7 {\n    padding-inline: calc(0.25rem * 7);\n  }\n  .px-9 {\n    padding-inline: calc(0.25rem * 9);\n  }\n  .py-0\\.5 {\n    padding-block: calc(0.25rem * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(0.25rem * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(0.25rem * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(0.25rem * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(0.25rem * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(0.25rem * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(0.25rem * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(0.25rem * 4);\n  }\n  .py-4\\.5 {\n    padding-block: calc(0.25rem * 4.5);\n  }\n  .py-5 {\n    padding-block: calc(0.25rem * 5);\n  }\n  .py-6 {\n    padding-block: calc(0.25rem * 6);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(0.25rem * 0.5);\n  }\n  .pt-6 {\n    padding-top: calc(0.25rem * 6);\n  }\n  .pt-8 {\n    padding-top: calc(0.25rem * 8);\n  }\n  .pr-2 {\n    padding-right: calc(0.25rem * 2);\n  }\n  .pr-4 {\n    padding-right: calc(0.25rem * 4);\n  }\n  .pr-6 {\n    padding-right: calc(0.25rem * 6);\n  }\n  .pr-8 {\n    padding-right: calc(0.25rem * 8);\n  }\n  .pr-24 {\n    padding-right: calc(0.25rem * 24);\n  }\n  .pb-1 {\n    padding-bottom: calc(0.25rem * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(0.25rem * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(0.25rem * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(0.25rem * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(0.25rem * 6);\n  }\n  .pl-0 {\n    padding-left: calc(0.25rem * 0);\n  }\n  .pl-1 {\n    padding-left: calc(0.25rem * 1);\n  }\n  .pl-2 {\n    padding-left: calc(0.25rem * 2);\n  }\n  .pl-3 {\n    padding-left: calc(0.25rem * 3);\n  }\n  .pl-7 {\n    padding-left: calc(0.25rem * 7);\n  }\n  .pl-9 {\n    padding-left: calc(0.25rem * 9);\n  }\n  .pl-10 {\n    padding-left: calc(0.25rem * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-bottom {\n    vertical-align: bottom;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-sans {\n    font-family: var(--atomic-font-family);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .text-2xl {\n    font-size: var(--atomic-text-2xl);\n    line-height: var(--tw-leading, calc(2 / 1.5));\n  }\n  .text-base {\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n  }\n  .text-lg {\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  .text-sm {\n    font-size: var(--atomic-text-sm);\n    line-height: var(--tw-leading, calc(1.25 / 0.875));\n  }\n  .text-xl {\n    font-size: var(--atomic-text-xl);\n    line-height: var(--tw-leading, calc(1.75 / 1.25));\n  }\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: var(--tw-leading, calc(1 / 0.75));\n  }\n  .text-xs\\/\\[1rem\\] {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .leading-4 {\n    --tw-leading: calc(0.25rem * 4);\n    line-height: calc(0.25rem * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(0.25rem * 5);\n    line-height: calc(0.25rem * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(0.25rem * 6);\n    line-height: calc(0.25rem * 6);\n  }\n  .leading-8 {\n    --tw-leading: calc(0.25rem * 8);\n    line-height: calc(0.25rem * 8);\n  }\n  .leading-10 {\n    --tw-leading: calc(0.25rem * 10);\n    line-height: calc(0.25rem * 10);\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[calc\\(1\\/\\.75\\)\\] {\n    --tw-leading: calc(1 / .75);\n    line-height: calc(1 / .75);\n  }\n  .leading-\\[var\\(--line-height\\)\\] {\n    --tw-leading: var(--line-height);\n    line-height: var(--line-height);\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n  .font-light {\n    --tw-font-weight: 300;\n    font-weight: 300;\n  }\n  .font-medium {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-normal {\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: 600;\n    font-weight: 600;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .break-keep {\n    word-break: keep-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-\\[\\#54698D\\] {\n    color: #54698D;\n  }\n  .text-\\[inherit\\] {\n    color: inherit;\n  }\n  .text-black {\n    color: #000;\n  }\n  .text-error {\n    color: var(--atomic-error);\n  }\n  .text-gray-500 {\n    color: oklch(0.551 0.027 264.364);\n  }\n  .text-gray-600 {\n    color: oklch(0.446 0.03 256.802);\n  }\n  .text-gray-700 {\n    color: oklch(0.373 0.034 259.733);\n  }\n  .text-gray-900 {\n    color: oklch(0.21 0.034 264.665);\n  }\n  .text-green-600 {\n    color: oklch(0.627 0.194 149.214);\n  }\n  .text-inline-code {\n    color: var(--atomic-inline-code);\n  }\n  .text-neutral {\n    color: var(--atomic-neutral);\n  }\n  .text-neutral-dark {\n    color: var(--atomic-neutral-dark);\n  }\n  .text-on-background {\n    color: var(--atomic-on-background);\n  }\n  .text-on-primary {\n    color: var(--atomic-on-primary);\n  }\n  .text-primary {\n    color: var(--atomic-primary);\n  }\n  .text-primary-light {\n    color: var(--atomic-primary-light);\n  }\n  .text-rating-icon-active {\n    color: var(--atomic-rating-icon-active-color, #f6ce3c);\n  }\n  .text-rating-icon-inactive {\n    color: var(\n    --atomic-rating-icon-inactive-color,\n    var(--atomic-neutral)\n  );\n  }\n  .text-red-600 {\n    color: oklch(0.577 0.245 27.325);\n  }\n  .text-success {\n    color: var(--atomic-success);\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .placeholder-neutral-dark::placeholder {\n    color: var(--atomic-neutral-dark);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-60 {\n    opacity: 60%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner-primary {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-t-lg {\n    --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-3 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-primary {\n    --tw-ring-color: var(--atomic-primary);\n  }\n  .ring-ring-primary {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-error {\n    outline-color: var(--atomic-error);\n  }\n  .outline-neutral {\n    outline-color: var(--atomic-neutral);\n  }\n  .outline-primary {\n    outline-color: var(--atomic-primary);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-\\[visibility\\] {\n    transition-property: visibility;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .ease-in-out {\n    --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .\\[grid-area\\:modal\\] {\n    grid-area: modal;\n  }\n  .\\[scrollbar-gutter\\:stable_both-edges\\] {\n    scrollbar-gutter: stable both-edges;\n  }\n  @media (hover: hover) {\n    .group-hover\\:visible:is(:where(.group):hover *) {\n      visibility: visible;\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-error:is(:where(.group):hover *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary:is(:where(.group):hover *) {\n      color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary-light:is(:where(.group):hover *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .group-focus\\:text-primary:is(:where(.group):focus *) {\n    color: var(--atomic-primary);\n  }\n  .group-focus\\:text-primary-light:is(:where(.group):focus *) {\n    color: var(--atomic-primary-light);\n  }\n  .group-focus-visible\\:text-error:is(:where(.group):focus-visible *) {\n    color: var(--atomic-error);\n  }\n  .group-focus-visible\\:text-primary:is(:where(.group):focus-visible *) {\n    color: var(--atomic-primary);\n  }\n  .peer-focus-within\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\n    border-color: var(--atomic-primary-light);\n  }\n  .peer-focus-within\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\n    color: var(--atomic-primary-light);\n  }\n  @media (hover: hover) {\n    .peer-hover\\:border-primary-light:is(:where(.peer):hover ~ *) {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-error:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-primary-light:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .before\\:absolute::before {\n    content: var(--tw-content);\n    position: absolute;\n  }\n  .before\\:top-\\[-8px\\]::before {\n    content: var(--tw-content);\n    top: -8px;\n  }\n  .before\\:left-0::before {\n    content: var(--tw-content);\n    left: calc(0.25rem * 0);\n  }\n  .before\\:inline::before {\n    content: var(--tw-content);\n    display: inline;\n  }\n  .before\\:h-\\[8px\\]::before {\n    content: var(--tw-content);\n    height: 8px;\n  }\n  .before\\:w-px::before {\n    content: var(--tw-content);\n    width: 1px;\n  }\n  .before\\:bg-neutral::before {\n    content: var(--tw-content);\n    background-color: var(--atomic-neutral);\n  }\n  .before\\:content-\\[\\'\\'\\]::before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .before\\:content-\\[\\'\\,\\\\00a0\\'\\]::before {\n    --tw-content: ',\\00a0';\n    content: var(--tw-content);\n  }\n  .after\\:absolute::after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n  .after\\:-bottom-0\\.5::after {\n    content: var(--tw-content);\n    bottom: calc(0.25rem * -0.5);\n  }\n  .after\\:bottom-\\[-8px\\]::after {\n    content: var(--tw-content);\n    bottom: -8px;\n  }\n  .after\\:left-0::after {\n    content: var(--tw-content);\n    left: calc(0.25rem * 0);\n  }\n  .after\\:block::after {\n    content: var(--tw-content);\n    display: block;\n  }\n  .after\\:h-1::after {\n    content: var(--tw-content);\n    height: calc(0.25rem * 1);\n  }\n  .after\\:h-\\[8px\\]::after {\n    content: var(--tw-content);\n    height: 8px;\n  }\n  .after\\:w-full::after {\n    content: var(--tw-content);\n    width: 100%;\n  }\n  .after\\:w-px::after {\n    content: var(--tw-content);\n    width: 1px;\n  }\n  .after\\:rounded::after {\n    content: var(--tw-content);\n    border-radius: var(--atomic-border-radius);\n  }\n  .after\\:bg-neutral::after {\n    content: var(--tw-content);\n    background-color: var(--atomic-neutral);\n  }\n  .after\\:bg-primary::after {\n    content: var(--tw-content);\n    background-color: var(--atomic-primary);\n  }\n  .after\\:content-\\[\\'\\'\\]::after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n  .focus-within\\:border-disabled:focus-within {\n    border-color: var(--atomic-disabled);\n  }\n  .focus-within\\:border-primary:focus-within {\n    border-color: var(--atomic-primary);\n  }\n  .focus-within\\:ring-3:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-within\\:ring-neutral:focus-within {\n    --tw-ring-color: var(--atomic-neutral);\n  }\n  .focus-within\\:ring-ring-primary:focus-within {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  @media (hover: hover) {\n    .hover\\:border:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-primary-light:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-error:hover {\n      background-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-neutral-light:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-primary-light:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-transparent:hover {\n      background-color: transparent;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:fill-white:hover {\n      fill: #fff;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-primary:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-primary-light:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-success:hover {\n      color: var(--atomic-success);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:opacity-100:hover {\n      opacity: 100%;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:shadow-sm:hover {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:border-primary:focus {\n    border-color: var(--atomic-primary);\n  }\n  .focus\\:opacity-100:focus {\n    opacity: 100%;\n  }\n  .focus\\:ring-1:focus {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus\\:ring-primary:focus {\n    --tw-ring-color: var(--atomic-primary);\n  }\n  .focus\\:outline-hidden:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  @media (forced-colors: active) {\n    .focus\\:outline-hidden:focus {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .focus-visible\\:border:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .focus-visible\\:border-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .focus-visible\\:border-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .focus-visible\\:border-primary-light:focus-visible {\n    border-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:bg-error:focus-visible {\n    background-color: var(--atomic-error);\n  }\n  .focus-visible\\:bg-neutral-light:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .focus-visible\\:bg-primary-light:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:text-primary-light:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:underline:focus-visible {\n    text-decoration-line: underline;\n  }\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-visible\\:ring-primary:focus-visible {\n    --tw-ring-color: var(--atomic-primary);\n  }\n  .focus-visible\\:ring-offset-2:focus-visible {\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n  .disabled\\:bg-neutral-light:disabled {\n    background-color: var(--atomic-neutral-light);\n  }\n  .disabled\\:bg-primary\\/60:disabled {\n    background-color: color-mix(in srgb, #126ce0 60%, transparent);\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .disabled\\:bg-primary\\/60:disabled {\n      background-color: color-mix(in oklab, var(--atomic-primary) 60%, transparent);\n    }\n  }\n  .disabled\\:text-neutral-dark:disabled {\n    color: var(--atomic-neutral-dark);\n  }\n  .disabled\\:opacity-100:disabled {\n    opacity: 100%;\n  }\n  @media (width >= 1024px) {\n    .desktop\\:mt-2 {\n      margin-top: calc(0.25rem * 2);\n    }\n  }\n  @media (width >= 40rem) {\n    .sm\\:px-6 {\n      padding-inline: calc(0.25rem * 6);\n    }\n  }\n  .\\[part\\=\\\"breadcrumb-button\\\"\\]\\:visible:is(part=\"breadcrumb-button\") {\n    visibility: visible;\n  }\n}\n@layer theme, base, components, utilities;\n@layer components {\n  .input-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n  }\n  @media (hover: hover) {\n    .input-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  .input-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-radio {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n  .btn-radio::before {\n    --tw-content: attr(value);\n    content: var(--tw-content);\n  }\n  .btn-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-primary);\n    color: var(--atomic-on-primary);\n  }\n  @media (hover: hover) {\n    .btn-primary:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  .btn-primary:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-primary:disabled {\n    background-color: var(--atomic-disabled);\n  }\n  .btn-outline-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-outline-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-primary:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-primary:disabled {\n    color: var(--atomic-neutral);\n  }\n  .btn-text-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-text-primary:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-text-primary:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-error:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-error:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-error:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  .btn-outline-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-error:disabled {\n    opacity: 50%;\n  }\n  .btn-text-neutral {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-text-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-text-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-text-transparent {\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-transparent:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-text-transparent:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .btn-square-neutral {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-square-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-square-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-square-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-page {\n    display: grid;\n    height: calc(0.25rem * 10);\n    width: calc(0.25rem * 10);\n    place-items: center;\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  @media (hover: hover) {\n    .btn-page:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .btn-page:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .btn-page.selected {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n    border-color: var(--atomic-primary);\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n}\n@layer base {\n  :host {\n    display: block;\n  }\n  :host, button, input, select {\n    font-family: var(--atomic-font-family);\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  button {\n    cursor: pointer;\n  }\n  :host(.atomic-hidden) {\n    display: none;\n  }\n  .ripple {\n    position: absolute;\n    pointer-events: none;\n    transform: scale(0);\n    border-radius: 50%;\n    animation: ripple var(--animation-duration) linear;\n  }\n  .ripple-relative {\n    position: relative;\n  }\n  .ripple-parent {\n    overflow: hidden;\n  }\n  @keyframes ripple {\n    to {\n      transform: scale(4);\n      opacity: 0;\n    }\n  }\n}\n[part='generated-text'] {\n  --font-size: var(--atomic-text-lg);\n  font-size: var(--font-size);\n  --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n  line-height: var(--line-height);\n}\n[part='generated-text'].cursor::after {\n  content: '';\n  width: 8px;\n  height: 1em;\n  margin-left: 0.1em;\n  background-color: var(--atomic-neutral-dark);\n  display: inline-block;\n  animation: cursor-blink 1.5s steps(2) infinite;\n  vertical-align: text-bottom;\n}\n[part='generated-text'] [part='answer-heading-1'] {\n  font-size: var(--atomic-text-2xl);\n  line-height: var(--tw-leading, calc(2 / 1.5));\n}\n[part='generated-text'] [part='answer-heading-2'] {\n  font-size: var(--atomic-text-xl);\n  line-height: var(--tw-leading, calc(1.75 / 1.25));\n}\n[part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\n  font-size: var(--atomic-text-lg);\n  line-height: var(--tw-leading, calc(1.75 / 1.125));\n}\n[part='generated-text'] [part='answer-heading-1'], [part='generated-text'] [part='answer-heading-2'], [part='generated-text'] [part='answer-heading-3'], [part='generated-text'] [part='answer-heading-4'], [part='generated-text'] [part='answer-heading-5'], [part='generated-text'] [part='answer-heading-6'] {\n  margin-top: calc(0.25rem * 4);\n  margin-bottom: calc(0.25rem * 2);\n  --tw-font-weight: var(--atomic-font-bold);\n  font-weight: var(--atomic-font-bold);\n}\n[part='generated-text'] [part='answer-paragraph'] {\n  margin-bottom: calc(0.25rem * 6);\n}\n[part='generated-text'] [part='answer-list-item'], [part='generated-text'] [part='answer-paragraph'], [part='generated-text'] [part='answer-quote-block'], [part='generated-text'] [part='answer-table-header'], [part='generated-text'] [part='answer-table-content'] {\n  --tw-leading: calc(0.25rem * 6);\n  line-height: calc(0.25rem * 6);\n}\n[part='generated-text'] [part='answer-strong'] {\n  --tw-font-weight: var(--atomic-font-bold);\n  font-weight: var(--atomic-font-bold);\n}\n[part='generated-text'] [part='answer-ordered-list'] {\n  margin-bottom: calc(0.25rem * 2);\n  list-style-type: decimal;\n  padding-inline-start: calc(0.25rem * 8);\n}\n[part='generated-text'] [part='answer-unordered-list'] {\n  margin-bottom: calc(0.25rem * 2);\n  list-style-type: disc;\n  padding-inline-start: calc(0.25rem * 8);\n}\n[part='generated-text'] [part='answer-inline-code'] {\n  border-radius: var(--atomic-border-radius);\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--atomic-neutral);\n  background-color: var(--atomic-neutral-light);\n  padding-inline: calc(0.25rem * 1);\n  padding-block: calc(0.25rem * 0.5);\n  font-size: var(--atomic-text-sm);\n  line-height: var(--tw-leading, calc(1.25 / 0.875));\n  color: var(--atomic-inline-code);\n}\n[part='generated-text'] [part='answer-code-block'] {\n  margin-block: calc(0.25rem * 4);\n  max-height: calc(0.25rem * 96);\n  overflow: auto;\n  border-radius: var(--atomic-border-radius-md);\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--atomic-neutral);\n  background-color: var(--atomic-neutral-light);\n  padding: calc(0.25rem * 2);\n  font-size: var(--atomic-text-sm);\n  line-height: var(--tw-leading, calc(1.25 / 0.875));\n  color: var(--atomic-on-background);\n  scrollbar-color: var(--atomic-neutral);\n}\n[part='generated-text'] [part='answer-quote-block'] {\n  margin-inline: calc(0.25rem * 16);\n  font-style: italic;\n}\n[part='generated-text'] [part='answer-table-container'] {\n  margin-bottom: calc(0.25rem * 6);\n  display: inline-block;\n  max-height: calc(0.25rem * 96);\n  max-width: 100%;\n  overflow: auto;\n  border-radius: var(--atomic-border-radius-md);\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--atomic-neutral-dim);\n}\n[part='generated-text'] [part='answer-table-container'] [part='answer-table-header'] {\n  position: sticky;\n  top: calc(0.25rem * 0);\n}\n[part='generated-text'] [part='answer-table'] {\n  font-size: var(--atomic-text-base);\n  line-height: var(--tw-leading, calc(1.5 / 1));\n}\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header'] {\n  border-bottom-color: var(--atomic-neutral-dim);\n  border-left-color: var(--atomic-neutral-dim);\n  background-color: var(--atomic-neutral);\n  padding: calc(0.25rem * 4);\n  text-align: left;\n  --tw-font-weight: var(--atomic-font-bold);\n  font-weight: var(--atomic-font-bold);\n}\n[part='generated-text'] [part='answer-table'] thead [part='answer-table-header']:first-of-type {\n  border-left: none;\n}\n[part='generated-text'] [part='answer-table'] tbody tr:nth-child(even) {\n  background-color: var(--atomic-neutral-light);\n}\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content'] {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-bottom-color: var(--atomic-neutral-dim);\n  border-left-color: var(--atomic-neutral-dim);\n  padding: calc(0.25rem * 4);\n}\n[part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content']:first-of-type {\n  border-left: none;\n}\n[part='generated-text'] [part='answer-table'] tbody tr:last-of-type [part='answer-table-content'] {\n  border-bottom: unset;\n}\n@layer properties {\n  *, :before, :after, ::backdrop {\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-scale-z: 1;\n    --tw-rotate-x: initial;\n    --tw-rotate-y: initial;\n    --tw-rotate-z: initial;\n    --tw-skew-x: initial;\n    --tw-skew-y: initial;\n    --tw-space-x-reverse: 0;\n    --tw-divide-y-reverse: 0;\n    --tw-border-style: solid;\n    --tw-gradient-position: initial;\n    --tw-gradient-from: #0000;\n    --tw-gradient-via: #0000;\n    --tw-gradient-to: #0000;\n    --tw-gradient-stops: initial;\n    --tw-gradient-via-stops: initial;\n    --tw-gradient-from-position: 0%;\n    --tw-gradient-via-position: 50%;\n    --tw-gradient-to-position: 100%;\n    --tw-leading: initial;\n    --tw-font-weight: initial;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-color: initial;\n    --tw-shadow-alpha: 100%;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-inset-shadow-color: initial;\n    --tw-inset-shadow-alpha: 100%;\n    --tw-ring-color: initial;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-color: initial;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-inset: initial;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-outline-style: solid;\n    --tw-blur: initial;\n    --tw-brightness: initial;\n    --tw-contrast: initial;\n    --tw-grayscale: initial;\n    --tw-hue-rotate: initial;\n    --tw-invert: initial;\n    --tw-opacity: initial;\n    --tw-saturate: initial;\n    --tw-sepia: initial;\n    --tw-drop-shadow: initial;\n    --tw-drop-shadow-color: initial;\n    --tw-drop-shadow-alpha: 100%;\n    --tw-drop-shadow-size: initial;\n    --tw-duration: initial;\n    --tw-ease: initial;\n    --tw-content: \"\";\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n    \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities;\n@layer theme, base, components, utilities;\n@layer components {\n  .input-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n  }\n  @media (hover: hover) {\n    .input-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  .input-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-radio {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n  .btn-radio::before {\n    --tw-content: attr(value);\n    content: var(--tw-content);\n  }\n  .btn-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-primary);\n    color: var(--atomic-on-primary);\n  }\n  @media (hover: hover) {\n    .btn-primary:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  .btn-primary:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-primary:disabled {\n    background-color: var(--atomic-disabled);\n  }\n  .btn-outline-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-outline-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-primary:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-primary:disabled {\n    color: var(--atomic-neutral);\n  }\n  .btn-text-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-text-primary:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-text-primary:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-error:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-error:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-error:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  .btn-outline-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-error:disabled {\n    opacity: 50%;\n  }\n  .btn-text-neutral {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-text-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-text-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-text-transparent {\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-transparent:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-text-transparent:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .btn-square-neutral {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-square-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-square-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-square-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-page {\n    display: grid;\n    height: calc(0.25rem * 10);\n    width: calc(0.25rem * 10);\n    place-items: center;\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  @media (hover: hover) {\n    .btn-page:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .btn-page:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .btn-page.selected {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n    border-color: var(--atomic-primary);\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n}\n@layer base {\n  :host {\n    display: block;\n  }\n  :host, button, input, select {\n    font-family: var(--atomic-font-family);\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  button {\n    cursor: pointer;\n  }\n  :host(.atomic-hidden) {\n    display: none;\n  }\n  .ripple {\n    position: absolute;\n    pointer-events: none;\n    transform: scale(0);\n    border-radius: 50%;\n    animation: ripple var(--animation-duration) linear;\n  }\n  .ripple-relative {\n    position: relative;\n  }\n  .ripple-parent {\n    overflow: hidden;\n  }\n  @keyframes ripple {\n    to {\n      transform: scale(4);\n      opacity: 0;\n    }\n  }\n}\n.feedback-buttons [part='feedback-button'] {\n  width: 2.2rem;\n  height: 2.2rem;\n  color: var(--atomic-neutral-dark);\n}\n.feedback-buttons [part='feedback-button'].dislike {\n  rotate: 180deg;\n}\n.feedback-buttons [part='feedback-button']:hover.like, .feedback-buttons [part='feedback-button'].active.like {\n  color: var(--atomic-success);\n}\n.feedback-buttons [part='feedback-button']:hover.dislike, .feedback-buttons [part='feedback-button'].active.dislike {\n  color: var(--atomic-error);\n}\n[part='copy-button'] .icon-container atomic-icon:hover {\n  color: var(--atomic-primary);\n}\n[part='copy-button'].copied .icon-container atomic-icon {\n  color: var(--atomic-success);\n}\n[part='copy-button'].error .icon-container atomic-icon {\n  color: var(--atomic-error);\n}\n@keyframes cursor-blink {\n  0% {\n    opacity: 0;\n  }\n}\n[part='container'] {\n  container-type: inline-size;\n  contain: layout;\n}\n.footer {\n  display: flex;\n}\n.footer .source-citations {\n  margin-right: calc(0.25rem * 2);\n}\n@container (max-width: 37.5rem) {\n  .footer {\n    flex-direction: column;\n    gap: calc(0.25rem * 4);\n  }\n  .footer .source-citations {\n    margin-right: calc(0.25rem * 0);\n  }\n}\n@media not all and (width >= 1024px) {\n  .footer {\n    flex-direction: column;\n    gap: calc(0.25rem * 4);\n  }\n  .footer .source-citations {\n    margin-right: calc(0.25rem * 0);\n  }\n}\n@container (max-width: 25rem) {\n  .footer {\n    margin-top: calc(0.25rem * 4);\n  }\n  .footer .feedback-buttons {\n    position: relative;\n    top: calc(0.25rem * 0);\n    right: calc(0.25rem * 0);\n  }\n}\n@container (max-width: 37.5rem) {\n  [part='generated-answer-footer'] {\n    flex-direction: column;\n    gap: calc(0.25rem * 1);\n  }\n}\n@media not all and (width >= 1024px) {\n  [part='generated-answer-footer'] {\n    flex-direction: column;\n    gap: calc(0.25rem * 1);\n  }\n}\n[part='generated-container'].answer-collapsed {\n  position: relative;\n  overflow: hidden;\n  --tw-content: '';\n  content: var(--tw-content);\n  max-height: var(--atomic-crga-collapsed-height, 16rem);\n}\n[part='generated-container'].answer-collapsed .feedback-buttons {\n  display: none;\n}\n[part='generated-container'].answer-collapsed:before {\n  position: absolute;\n  top: calc(0.25rem * 0);\n  left: calc(0.25rem * 0);\n  height: 100%;\n  width: 100%;\n  --tw-content: '';\n  content: var(--tw-content);\n  background: linear-gradient( transparent calc(var(--atomic-crga-collapsed-height, 16rem) * 0.7), var(--atomic-background) );\n}\n.is-collapsible {\n  justify-content: space-between;\n}\n.is-collapsible [part='answer-show-button'] {\n  display: flex;\n}\n.generating-label-visible [part='is-generating'] {\n  display: flex;\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n";
-const AtomicInsightGeneratedAnswerStyle0 = atomicInsightGeneratedAnswerCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicInsightGeneratedAnswer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.DEFAULT_COLLAPSED_HEIGHT = 16;
-        this.MAX_COLLAPSED_HEIGHT = 32;
-        this.MIN_COLLAPSED_HEIGHT = 9;
-        this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];
-        this.copied = false;
-        this.copyError = false;
-        /**
-         * The maximum height (in rem units) of the answer when collapsed.
-         *
-         */
-        this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;
-        // @ts-expect-error: This function is used by BindStateToController.
-        this.onGeneratedAnswerStateUpdate = () => {
-            if (this.generatedAnswerState.isVisible !==
-                this.generatedAnswerCommon?.data?.isVisible) {
-                this.generatedAnswerCommon.data = {
-                    ...this.generatedAnswerCommon.data,
-                    isVisible: this.generatedAnswerState.isVisible,
-                };
-                this.generatedAnswerCommon.writeStoredData(this.generatedAnswerCommon.data);
-            }
-            this.setAriaMessage(this.generatedAnswerCommon.getGeneratedAnswerStatus());
-        };
-        this.setCopied = (isCopied) => {
-            this.copied = isCopied;
-        };
-        this.setCopyError = (copyError) => {
-            this.copyError = copyError;
-        };
-        this.setAriaMessage = (message) => {
-            this.ariaMessage = message;
-        };
-        this.generatedAnswerState = undefined;
-        this.searchStatusState = undefined;
-        this.error = undefined;
-        this.copied = false;
-        this.copyError = false;
-        this.withToggle = undefined;
-        this.collapsible = undefined;
-        this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;
-        this.answerConfigurationId = undefined;
-        this.fieldsToIncludeInCitations = undefined;
-        this.disableCitationAnchoring = undefined;
-    }
-    initialize() {
-        this.generatedAnswerCommon = new GeneratedAnswerCommon({
-            host: this.host,
-            withToggle: this.withToggle,
-            collapsible: this.collapsible,
-            disableCitationAnchoring: this.disableCitationAnchoring,
-            getGeneratedAnswer: () => this.generatedAnswer,
-            getGeneratedAnswerState: () => this.generatedAnswerState,
-            getSearchStatusState: () => this.searchStatusState,
-            getBindings: () => this.bindings,
-            getCopied: () => this.copied,
-            setCopied: this.setCopied,
-            getCopyError: () => this.copyError,
-            setCopyError: this.setCopyError,
-            setAriaMessage: this.setAriaMessage,
-            buildInteractiveCitation: (props) => buildInteractiveCitation(this.bindings.engine, props),
-        });
-        this.generatedAnswer = buildGeneratedAnswer(this.bindings.engine, {
-            initialState: {
-                isVisible: this.generatedAnswerCommon.data.isVisible,
-                responseFormat: {
-                    contentFormat: ['text/markdown', 'text/plain'],
-                },
-            },
-            ...(this.answerConfigurationId && {
-                answerConfigurationId: this.answerConfigurationId,
-            }),
-            fieldsToIncludeInCitations: this.getCitationFields(),
-        });
-        this.searchStatus = buildSearchStatus(this.bindings.engine);
-        this.generatedAnswerCommon.insertFeedbackModal();
-        if (window.ResizeObserver && this.collapsible) {
-            const debouncedAdaptAnswerHeight = debounce(() => this.adaptAnswerHeight(), 100);
-            this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);
-            this.resizeObserver.observe(this.host);
-        }
-    }
-    updateAnswerCollapsed(newState, oldState) {
-        const newExpanded = newState.expanded;
-        const oldExpanded = oldState ? oldState.expanded : undefined;
-        if (newExpanded !== oldExpanded) {
-            const container = this.getAnswerContainer();
-            if (!container) {
-                return;
-            }
-            this.toggleClass(container, 'answer-collapsed', !newExpanded);
-        }
-    }
-    disconnectedCallback() {
-        this.resizeObserver?.disconnect();
-    }
-    toggleClass(element, className, condition) {
-        element.classList.toggle(className, condition);
-    }
-    adaptAnswerHeight() {
-        const answerHeight = this.host?.shadowRoot
-            ?.querySelector('[part="generated-text"]')
-            ?.getBoundingClientRect().height;
-        if (answerHeight) {
-            const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-            this.fullAnswerHeight = answerHeight / rootFontSize;
-            this.updateAnswerHeight();
-        }
-    }
-    getAnswerContainer() {
-        return this.host?.shadowRoot?.querySelector('[part="generated-container"]');
-    }
-    getAnswerFooter() {
-        return this.host?.shadowRoot?.querySelector('[part="generated-answer-footer"]');
-    }
-    getCitationFields() {
-        return (this.fieldsToIncludeInCitations ?? '')
-            .split(',')
-            .map((field) => field.trim())
-            .filter((field) => field.length > 0)
-            .concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS);
-    }
-    validateMaxCollapsedHeight() {
-        const isValid = this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&
-            this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;
-        if (!isValid) {
-            console.warn(`max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`);
-        }
-        return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;
-    }
-    setCSSVariable(variableName, value) {
-        const container = this.getAnswerContainer();
-        if (container) {
-            container.style.setProperty(variableName, value);
-        }
-    }
-    updateAnswerHeight() {
-        const container = this.getAnswerContainer();
-        const footer = this.getAnswerFooter();
-        const maxHeight = this.validateMaxCollapsedHeight();
-        if (!container || !footer) {
-            return;
-        }
-        if (this.fullAnswerHeight > maxHeight) {
-            this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);
-            this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);
-            this.toggleClass(footer, 'is-collapsible', true);
-            this.toggleClass(footer, 'generating-label-visible', this.generatedAnswerState.isStreaming);
-        }
-        else {
-            this.toggleClass(container, 'answer-collapsed', false);
-            this.toggleClass(footer, 'is-collapsible', false);
-            this.toggleClass(footer, 'generating-label-visible', false);
-        }
-    }
-    render() {
-        return this.generatedAnswerCommon.render();
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "generatedAnswerState": ["updateAnswerCollapsed"]
-    }; }
-};
-__decorate([
-    InitializeBindings()
-], AtomicInsightGeneratedAnswer.prototype, "bindings", void 0);
-__decorate([
-    BindStateToController('generatedAnswer', {
-        onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',
-    })
-], AtomicInsightGeneratedAnswer.prototype, "generatedAnswerState", void 0);
-__decorate([
-    BindStateToController('searchStatus')
-], AtomicInsightGeneratedAnswer.prototype, "searchStatusState", void 0);
-__decorate([
-    AriaLiveRegion('generated-answer')
-], AtomicInsightGeneratedAnswer.prototype, "ariaMessage", void 0);
-AtomicInsightGeneratedAnswer.style = AtomicInsightGeneratedAnswerStyle0;
-
-export { AtomicInsightGeneratedAnswer as atomic_insight_generated_answer };
-
-//# sourceMappingURL=atomic-insight-generated-answer.entry.js.map