@qualified-salesforce/web 0.0.1-oidc-bootstrap

package/widget/multimodal_v2/components/shared/controls/Dropdown.js

@@ -0,0 +1,79 @@
+import { jsxRuntime_module_u } from "../../../../../js/multimodal_v2.js";
+import "../../../styled-system/jsx/index.js";
+import { useLocalization } from "../../helpers/Localization.js";
+import { styled } from "../../../styled-system/jsx/factory.js";
+
+/** @jsxImportSource preact */ 
+
+
+const Dropdown = (param)=>{
+    let { children, options, value, onChange, ariaLabel, hidden } = param;
+    const resolvedAriaLabel = useLocalization(ariaLabel);
+    const handleChange = (e)=>{
+        const target = e.target;
+        onChange(target.value);
+    };
+    return /*#__PURE__*/ jsxRuntime_module_u(Container, {
+        "data-component-name": "Dropdown.Container",
+        hidden: hidden,
+        children: [
+            /*#__PURE__*/ jsxRuntime_module_u(TriggerContent, {
+                "data-component-name": "Dropdown.TriggerContent",
+                children: children
+            }),
+            /*#__PURE__*/ jsxRuntime_module_u(HiddenSelect, {
+                "data-component-name": "Dropdown.HiddenSelect",
+                value: value != null ? value : "",
+                onChange: handleChange,
+                "aria-label": resolvedAriaLabel,
+                children: options.map((option)=>/*#__PURE__*/ jsxRuntime_module_u("option", {
+                        value: option.value,
+                        children: option.label
+                    }, option.value))
+            })
+        ]
+    });
+};
+const Container = styled("div", {
+    base: {
+        position: "relative",
+        display: "inline-flex",
+        alignItems: "center",
+        borderRadius: "[4px]",
+        "&:has(select:focus-visible)": {
+            outline: "2px solid token(colors.$primary)",
+            outlineOffset: "-2px"
+        }
+    },
+    variants: {
+        hidden: {
+            true: {
+                display: "none"
+            }
+        }
+    }
+});
+Container.displayName = "Container";
+const TriggerContent = styled("div", {
+    base: {
+        display: "flex",
+        alignItems: "center",
+        pointerEvents: "none"
+    }
+});
+TriggerContent.displayName = "TriggerContent";
+const HiddenSelect = styled("select", {
+    base: {
+        position: "absolute",
+        inset: "[0]",
+        width: "[100%]",
+        height: "[100%]",
+        opacity: 0,
+        cursor: "pointer",
+        // Ensure the select is clickable
+        zIndex: 1
+    }
+});
+HiddenSelect.displayName = "HiddenSelect";
+
+export { Dropdown };

package/widget/multimodal_v2/components/shared/controls/PillToggle.js

@@ -0,0 +1,142 @@
+import { jsxRuntime_module_u } from "../../../../../js/multimodal_v2.js";
+import "../../../styled-system/jsx/index.js";
+import { useLocalization } from "../../helpers/Localization.js";
+import { styled } from "../../../styled-system/jsx/factory.js";
+
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+
+/** @jsxImportSource preact */ 
+
+const PillToggle = (param)=>{
+    let { options, value, onChange, hidden } = param;
+    const handleClick = (optionValue)=>{
+        if (optionValue === value) return;
+        onChange(optionValue);
+    };
+    return /*#__PURE__*/ jsxRuntime_module_u(Container, {
+        "data-component-name": "PillToggle.Container",
+        hidden: hidden,
+        children: /*#__PURE__*/ jsxRuntime_module_u(PillContainer, {
+            "data-component-name": "PillToggle.PillContainer",
+            children: options.map((option, index)=>/*#__PURE__*/ jsxRuntime_module_u(PillOption, _extends({}, option, {
+                    position: index === 0 ? "first" : "last",
+                    active: option.value === value,
+                    onClick: ()=>handleClick(option.value)
+                }), option.value))
+        })
+    });
+};
+const PillOption = (props)=>{
+    const resolvedAriaLabel = useLocalization(props.ariaLabel);
+    const resolvedLabel = useLocalization(props.label);
+    return /*#__PURE__*/ jsxRuntime_module_u(StyledPillOption, {
+        "data-component-name": "PillToggle.PillOption",
+        position: props.position,
+        active: props.active,
+        onClick: props.onClick,
+        "aria-label": resolvedAriaLabel,
+        "aria-pressed": props.active,
+        type: "button",
+        children: resolvedLabel
+    }, props.value);
+};
+const Container = styled("div", {
+    base: {
+        display: "inline-flex",
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: "[999px]",
+        border: "1px solid",
+        borderColor: "$gray.border",
+        background: "[#F8F9FA]",
+        cursor: "pointer",
+        transition: "background 0.2s ease",
+        height: "[32px]",
+        "&:hover": {
+            background: "[#EEF0F2]"
+        }
+    },
+    variants: {
+        hidden: {
+            true: {
+                display: "none"
+            }
+        }
+    }
+});
+Container.displayName = "Container";
+const PillContainer = styled("div", {
+    base: {
+        display: "flex",
+        alignItems: "center",
+        gap: "[2px]",
+        borderRadius: "[999px]",
+        overflow: "hidden"
+    }
+});
+PillContainer.displayName = "PillContainer";
+const StyledPillOption = styled("button", {
+    base: {
+        padding: "[1px 12px]",
+        border: "none",
+        background: "$transparent",
+        color: "[#6e7879]",
+        fontSize: "[12px]",
+        fontFamily: "$inter",
+        fontWeight: "$normal",
+        cursor: "pointer",
+        transition: "all 0.2s ease",
+        borderRadius: "[40px]",
+        whiteSpace: "nowrap",
+        lineHeight: "[28px]"
+    },
+    compoundVariants: [
+        {
+            active: true,
+            position: "first",
+            css: {
+                borderRight: "1px solid",
+                borderRightColor: "$gray.border"
+            }
+        },
+        {
+            active: true,
+            position: "last",
+            css: {
+                borderLeft: "1px solid",
+                borderLeftColor: "$gray.border"
+            }
+        }
+    ],
+    variants: {
+        active: {
+            true: {
+                background: "$white.solid",
+                color: "[#011c42]"
+            },
+            false: {
+                border: "none"
+            }
+        },
+        position: {
+            first: {},
+            last: {}
+        }
+    }
+});
+PillOption.displayName = "PillOption";
+
+export { PillToggle };

package/widget/multimodal_v2/components/shared/controls/TextArea.js

@@ -0,0 +1,114 @@
+import { jsxRuntime_module_u, utils_module_o, useSignalEffect } from "../../../../../js/multimodal_v2.js";
+import "../../../styled-system/jsx/index.js";
+import { styled } from "../../../styled-system/jsx/factory.js";
+
+/** @jsxImportSource preact */ function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+
+
+
+
+const TextArea = (_0)=>{
+    let { onChange, onSubmit, value, css, elementRef } = _0, props = _object_without_properties_loose(_0, [
+        "onChange",
+        "onSubmit",
+        "value",
+        "css",
+        "elementRef"
+    ]);
+    const internalRef = utils_module_o(null);
+    useSignalEffect(()=>{
+        const el = internalRef.value;
+        if (elementRef) {
+            elementRef.value = el;
+        }
+    });
+    // Reset height when value becomes empty (e.g., after submit)
+    useSignalEffect(()=>{
+        const textarea = internalRef.value;
+        if (textarea && value.value === "") {
+            textarea.style.height = "auto";
+        }
+    });
+    const handleChange = (e)=>{
+        const textarea = internalRef.current;
+        if (textarea) {
+            textarea.style.height = "auto";
+            textarea.style.height = "" + textarea.scrollHeight + "px";
+        }
+        onChange == null ? void 0 : onChange(e.currentTarget.value);
+    };
+    const handleKeyDown = (e)=>{
+        // Enter submits, Shift+Enter creates new line
+        // Skip submission during IME composition (e.g., Japanese input)
+        if (e.key === "Enter" && !e.shiftKey && !e.isComposing && onSubmit) {
+            // Prevent inserting a newline character when submitting
+            e.preventDefault();
+            onSubmit();
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime_module_u(StyledTextarea, _extends({
+        "data-component-name": "TextArea.StyledTextarea",
+        ref: internalRef,
+        rows: 1,
+        value: value.value,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        css: css
+    }, props));
+};
+const StyledTextarea = styled("textarea", {
+    base: {
+        fontFamily: "$inter",
+        fontSize: "14px",
+        lineHeight: "22px",
+        color: "$text.secondary",
+        outline: "none",
+        border: "none",
+        resize: "none",
+        backgroundColor: "$transparent",
+        flexGrow: 1,
+        maxHeight: "[120px]",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        transition: "height 0.1s ease-out",
+        "&:not(:placeholder-shown)": {
+            whiteSpace: "normal",
+            overflowY: "auto",
+            overflowX: "hidden"
+        },
+        "&::placeholder": {
+            color: "$text.secondary"
+        },
+        "&:disabled": {
+            opacity: 0.5,
+            cursor: "not-allowed"
+        }
+    }
+});
+StyledTextarea.displayName = "StyledTextarea";
+
+export { TextArea };

package/widget/multimodal_v2/components/shared/toolCallLabels.js

@@ -0,0 +1,12 @@
+const TOOL_CALL_TRANSLATION_KEYS = {
+    content_search: "thinking.findingContent",
+    save_email: "thinking.savingEmail",
+    offer_meeting_booker: "thinking.checkingAvailability"
+};
+function toolCallLabel(toolName, t) {
+    if (!toolName) return null;
+    const key = TOOL_CALL_TRANSLATION_KEYS[toolName];
+    return key ? t(key) : null;
+}
+
+export { toolCallLabel };

package/widget/multimodal_v2/components/slides/SlidesThumbnail.js

@@ -0,0 +1,47 @@
+import { jsxRuntime_module_u } from "../../../../js/multimodal_v2.js";
+import "../../styled-system/jsx/index.js";
+import { styled } from "../../styled-system/jsx/factory.js";
+
+/** @jsxImportSource preact */ 
+
+const SlidesThumbnail = (param)=>{
+    let { message, onClick, t } = param;
+    var _message_slideId, _message_slideId1;
+    return /*#__PURE__*/ jsxRuntime_module_u(ThumbnailButton, {
+        "data-component-name": "SlidesThumbnail.ThumbnailButton",
+        onClick: onClick,
+        "aria-label": t("slides.viewSlide", {
+            id: (_message_slideId = message.slideId) != null ? _message_slideId : ""
+        }),
+        children: /*#__PURE__*/ jsxRuntime_module_u(ThumbnailImage, {
+            "data-component-name": "SlidesThumbnail.ThumbnailImage",
+            crossOrigin: "anonymous",
+            src: message.url,
+            alt: t("slides.slide", {
+                id: (_message_slideId1 = message.slideId) != null ? _message_slideId1 : ""
+            })
+        })
+    });
+};
+const ThumbnailButton = styled("button", {
+    base: {
+        width: "[200px]",
+        padding: "$none",
+        border: "none",
+        borderRadius: "md",
+        overflow: "hidden",
+        cursor: "pointer",
+        backgroundColor: "$gray"
+    }
+});
+ThumbnailButton.displayName = "ThumbnailButton";
+const ThumbnailImage = styled("img", {
+    base: {
+        width: "[100%]",
+        height: "[auto]",
+        display: "block"
+    }
+});
+ThumbnailImage.displayName = "ThumbnailImage";
+
+export { SlidesThumbnail };

package/widget/multimodal_v2/components/slides/index.js

@@ -0,0 +1,61 @@
+import { jsxRuntime_module_u, utils_module_o, useSignalEffect } from "../../../../js/multimodal_v2.js";
+import "../../styled-system/jsx/index.js";
+import { slideZoomStyle } from "../../utils/slide_zoom.js";
+import { styled } from "../../styled-system/jsx/factory.js";
+
+
+/** @jsxImportSource preact */ 
+
+
+
+/**
+ * Slide is the entrypoint for the `present_content` artifact.
+ * Renders the slide image when a slide is the active artifact.
+ */ const Slide = (param)=>{
+    let { rootStore } = param;
+    var _rootStore_slidesStore_value;
+    const { t } = rootStore.translationStore;
+    const slideRef = utils_module_o(null);
+    // Zoom the slide in place toward wherever Piper is pointing (see pointAtSlide + utils/slide_zoom),
+    // mirroring the demo <video> (presentations/index.tsx). Applied straight to the <img> since it has
+    // no static transform; the clip is applied only while zoomed, because an inset clip at rest would
+    // crop the image's own drop shadow. Only touches the style during a call (nav store exists).
+    useSignalEffect(()=>{
+        const img = slideRef.value;
+        const navStore = rootStore.websiteNavigationStore.value;
+        if (!img || !navStore) return;
+        const zoom = navStore.slideZoom.value;
+        const style = slideZoomStyle(zoom);
+        img.style.transform = style.transform;
+        img.style.transformOrigin = style.transformOrigin;
+        img.style.clipPath = zoom ? style.clipPath : "";
+        img.style.transition = style.transition;
+    });
+    const currentSlide = (_rootStore_slidesStore_value = rootStore.slidesStore.value) == null ? void 0 : _rootStore_slidesStore_value.currentSlide.value;
+    if (!currentSlide) return null;
+    return /*#__PURE__*/ jsxRuntime_module_u(SlideImage, {
+        ref: slideRef,
+        "data-component-name": "Slide.SlideImage",
+        crossOrigin: "anonymous",
+        src: currentSlide.url,
+        alt: t("slides.slide", {
+            id: currentSlide.slideId
+        })
+    });
+};
+/* export default */ const slides = (Slide);
+const SlideImage = styled("img", {
+    base: {
+        width: "[auto]",
+        height: "[100%]",
+        maxWidth: "[100%]",
+        maxHeight: "[max-content]",
+        minHeight: "[0]",
+        objectFit: "contain",
+        borderRadius: "[8px]",
+        boxShadow: "[0 8px 32px rgba(0, 0, 0, 0.3)]"
+    }
+});
+SlideImage.displayName = "SlideImage";
+
+export default slides;

package/widget/multimodal_v2/constants.js

@@ -0,0 +1,88 @@
+import { default as piper_low_res_namespaceObject } from "../../js/4101.js";
+
+
+const MULTIMODAL_HOST_ID = "qualified-multimodal-host";
+// Client-side response budget (ms): a turn with no answer by this deadline is a timeout. Shared by
+// the text-turn tracker (root_store) and the perceived-voice tracker (call_store); lives here (a
+// leaf module) to avoid a store import cycle. Aligned with coffee's DEFAULT_VOICE_RESPONSE_BUDGET_MS.
+const RESPONSE_BUDGET_MS = 25000;
+// How long a timed-out text turn holds its metric back, waiting for the server's
+// `textTurnDiagnostics` report so the timeout can be tagged with a cause. The
+// outcome is already decided at RESPONSE_BUDGET_MS; only the tag is outstanding,
+// and the wait ends early the moment the report arrives. The window exists
+// because the server reports at *its* view of the deadline, measured from when
+// the job was enqueued, which is always a little after ours (we start counting
+// when the visitor hits send).
+const CAUSE_REPORT_GRACE_MS = 1500;
+// Mirrors Ruby `Multimodal::Signals::MeetingBookerSignal::EVENT_TYPE`: the script
+// reached a terminal "book a meeting" goal, so an offer is coming. Arrives as an
+// event message before the LLM calls `offer_meeting_booker` and before any offer
+// exists, which makes it the AI pathway's pre-offer intent anchor. Kept in step
+// with `CanOfferMeetingBookerEventMessage` in types.ts (a pure type module, so the
+// literal is declared there rather than imported from here); the compiler rejects
+// a comparison against a value outside that union if the two ever drift.
+const CAN_OFFER_MEETING_BOOKER_EVENT_TYPE = "multimodal:canOfferMeetingBooker";
+// Locate the host page's header: the semantic `<header>` or `banner` landmark.
+const PINNED_HEADER_SELECTOR = ":is(header, [role='banner']):not(main *)";
+// Docking attribute + values the docking layer stamps on the host `<html>`.
+// Mirrors DOCKED_DOCUMENT_ATTRIBUTE / DOCKED_MODE in
+// packs/widget/api/docking/shared.ts (kept as strings so the widget bundle stays
+// decoupled from the docking pack). Multimodal re-stamps the value onto its own
+// host so the shadow-DOM Panda CSS can gate on it via `:host([q-docked="..."])`.
+const DOCKED_DOCUMENT_ATTRIBUTE = "q-docked";
+const DOCKED_UNDER_HEADER_MODE = "under-header";
+// Attribute the widget stamps on the host `<html>` while the widget is visible.
+// The docking pack reads it to hide its loading skeleton (see index.ts).
+const WIDGET_VISIBLE_ATTRIBUTE = "q-widget-visible";
+/**
+ * CSS custom properties the widget reads from / writes to the host page (set via
+ * `style.setProperty` / read via `getPropertyValue`). The `--q-ext-` prefix
+ * marks variables derived from the host page's own layout.
+ */ const EXTERNAL_CSS_VARIABLES = {
+    /**
+   * Top offset (px) the floating widget must stay below, derived from the host
+   * page's sticky header. Written by the page-header `BoundingBoxObserver`,
+   * consumed by the sidebar layout.
+   */ floatingTopOffset: "--q-ext-main-floating-top-offset",
+    /** Host-page override for the minimized widget's z-index. */ minimizedZIndex: "--q-floating-multimodal-z-index"
+};
+// Matches legacy messenger behavior. Start at slightly lower z-index. Increase when expanded.
+// - 2^31-6: legacy messenger iframe default layer (2147483642)
+// - 2^31-2: max z-index, used for full-screen overlays below OG messenger (2147483646)
+const MULTIMODAL_HOST_Z_INDEX = {
+    docked: 2147483640,
+    minimized: 2147483642,
+    expanded: 2147483646,
+    maximized: 2147483647
+};
+// Mirrors backend `Message::Text::TEXT_SIZE_LIMIT` (app/models/message/text.rb), which
+// rejects a visitor message past this length. Shown to the visitor client-side so they
+// see the limit before submitting rather than after a server-side validation failure.
+const CHAT_INPUT_MAX_LENGTH = 2000;
+const ORB_ANIMATION_URL = "https://assets.qualified.com/static-media/piperx-orb/orb-animation.mp4";
+const ANAM_PRELOAD_ASSET_NAME = "piper-anam";
+const MARKETING_PIPER_REPLICA_ID = "rca3f4d2b70f";
+const REPLICA_NAMES = {
+    rca8a38779a8: "Carter",
+    r92debe21318: "James",
+    r62baeccd777: "Danny",
+    rf4703150052: "Charlie",
+    re3a705cf66a: "Ruby",
+    r6ae5b6efc9d: "Anna",
+    r4317e64d25a: "Gloria",
+    rc2146c13e81: "Olivia",
+    r9d30b0e55ac: "Luna",
+    r53a461095cf: "Lucy",
+    r76e8278ed59: "Piper",
+    r73d15593b85: "Amelia",
+    rd210ad98545: "piper-anim",
+    r579fcf42a57: "piper-informatica",
+    rb6a13ea5990: "piper-v2",
+    default: "Piper"
+};
+const POSTERS = {
+    Piper: piper_low_res_namespaceObject
+};
+
+var constants_DOCKED_UNDER_HEADER_MODE = /* unused export */ undefined;
+export { ANAM_PRELOAD_ASSET_NAME, CAN_OFFER_MEETING_BOOKER_EVENT_TYPE, CAUSE_REPORT_GRACE_MS, CHAT_INPUT_MAX_LENGTH, DOCKED_DOCUMENT_ATTRIBUTE, EXTERNAL_CSS_VARIABLES, MARKETING_PIPER_REPLICA_ID, MULTIMODAL_HOST_ID, MULTIMODAL_HOST_Z_INDEX, ORB_ANIMATION_URL, PINNED_HEADER_SELECTOR, POSTERS, REPLICA_NAMES, RESPONSE_BUDGET_MS, WIDGET_VISIBLE_ATTRIBUTE, constants_DOCKED_UNDER_HEADER_MODE as DOCKED_UNDER_HEADER_MODE };

package/widget/multimodal_v2/host.split-css.js

@@ -0,0 +1,2 @@
+// extracted by css-extract-rspack-plugin
+

package/widget/multimodal_v2/host.string.js

@@ -0,0 +1,96 @@
+import { __webpack_require__ } from "../../js/runtime.js";
+import "../../js/multimodal_v2.js";
+
+__webpack_require__.add({
+84629(module, __unused_rspack_exports, __webpack_require__) {
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(28194);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(56555);
+var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(53186);
+var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(4143);
+var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(20319);
+var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(78995);
+var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(46635);
+var ___CSS_LOADER_URL_IMPORT_4___ = __webpack_require__(10916);
+var ___CSS_LOADER_URL_IMPORT_5___ = __webpack_require__(56802);
+var ___CSS_LOADER_URL_IMPORT_6___ = __webpack_require__(65624);
+var ___CSS_LOADER_URL_IMPORT_7___ = __webpack_require__(47550);
+var ___CSS_LOADER_URL_IMPORT_8___ = __webpack_require__(86442);
+var ___CSS_LOADER_URL_IMPORT_9___ = __webpack_require__(3000);
+var ___CSS_LOADER_URL_IMPORT_10___ = __webpack_require__(44410);
+var ___CSS_LOADER_URL_IMPORT_11___ = __webpack_require__(77160);
+var ___CSS_LOADER_URL_IMPORT_12___ = __webpack_require__(59570);
+var ___CSS_LOADER_URL_IMPORT_13___ = __webpack_require__(5296);
+var ___CSS_LOADER_URL_IMPORT_14___ = __webpack_require__(34822);
+var ___CSS_LOADER_URL_IMPORT_15___ = __webpack_require__(25100);
+var ___CSS_LOADER_URL_IMPORT_16___ = __webpack_require__(31643);
+var ___CSS_LOADER_URL_IMPORT_17___ = __webpack_require__(5347);
+var ___CSS_LOADER_URL_IMPORT_18___ = __webpack_require__(2655);
+var ___CSS_LOADER_URL_IMPORT_19___ = __webpack_require__(92591);
+var ___CSS_LOADER_URL_IMPORT_20___ = __webpack_require__(7486);
+var ___CSS_LOADER_URL_IMPORT_21___ = __webpack_require__(38849);
+var ___CSS_LOADER_URL_IMPORT_22___ = __webpack_require__(2905);
+var ___CSS_LOADER_URL_IMPORT_23___ = __webpack_require__(6681);
+var ___CSS_LOADER_URL_IMPORT_24___ = __webpack_require__(17423);
+var ___CSS_LOADER_URL_IMPORT_25___ = __webpack_require__(93503);
+var ___CSS_LOADER_URL_IMPORT_26___ = __webpack_require__(32531);
+var ___CSS_LOADER_URL_IMPORT_27___ = __webpack_require__(9611);
+var ___CSS_LOADER_URL_IMPORT_28___ = __webpack_require__(3089);
+var ___CSS_LOADER_URL_IMPORT_29___ = __webpack_require__(28993);
+var ___CSS_LOADER_URL_IMPORT_30___ = __webpack_require__(32953);
+var ___CSS_LOADER_URL_IMPORT_31___ = __webpack_require__(39129);
+var ___CSS_LOADER_URL_IMPORT_32___ = __webpack_require__(4719);
+var ___CSS_LOADER_URL_IMPORT_33___ = __webpack_require__(42207);
+var ___CSS_LOADER_URL_IMPORT_34___ = __webpack_require__(44563);
+var ___CSS_LOADER_URL_IMPORT_35___ = __webpack_require__(25963);
+var ___CSS_LOADER_URL_IMPORT_36___ = __webpack_require__(99812);
+var ___CSS_LOADER_URL_IMPORT_37___ = __webpack_require__(96019);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
+var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
+var ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);
+var ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);
+var ___CSS_LOADER_URL_REPLACEMENT_6___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_6___);
+var ___CSS_LOADER_URL_REPLACEMENT_7___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_7___);
+var ___CSS_LOADER_URL_REPLACEMENT_8___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_8___);
+var ___CSS_LOADER_URL_REPLACEMENT_9___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_9___);
+var ___CSS_LOADER_URL_REPLACEMENT_10___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_10___);
+var ___CSS_LOADER_URL_REPLACEMENT_11___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_11___);
+var ___CSS_LOADER_URL_REPLACEMENT_12___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_12___);
+var ___CSS_LOADER_URL_REPLACEMENT_13___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_13___);
+var ___CSS_LOADER_URL_REPLACEMENT_14___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_14___);
+var ___CSS_LOADER_URL_REPLACEMENT_15___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_15___);
+var ___CSS_LOADER_URL_REPLACEMENT_16___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_16___);
+var ___CSS_LOADER_URL_REPLACEMENT_17___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_17___);
+var ___CSS_LOADER_URL_REPLACEMENT_18___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_18___);
+var ___CSS_LOADER_URL_REPLACEMENT_19___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_19___);
+var ___CSS_LOADER_URL_REPLACEMENT_20___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_20___);
+var ___CSS_LOADER_URL_REPLACEMENT_21___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_21___);
+var ___CSS_LOADER_URL_REPLACEMENT_22___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_22___);
+var ___CSS_LOADER_URL_REPLACEMENT_23___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_23___);
+var ___CSS_LOADER_URL_REPLACEMENT_24___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_24___);
+var ___CSS_LOADER_URL_REPLACEMENT_25___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_25___);
+var ___CSS_LOADER_URL_REPLACEMENT_26___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_26___);
+var ___CSS_LOADER_URL_REPLACEMENT_27___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_27___);
+var ___CSS_LOADER_URL_REPLACEMENT_28___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_28___);
+var ___CSS_LOADER_URL_REPLACEMENT_29___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_29___);
+var ___CSS_LOADER_URL_REPLACEMENT_30___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_30___);
+var ___CSS_LOADER_URL_REPLACEMENT_31___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_31___);
+var ___CSS_LOADER_URL_REPLACEMENT_32___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_32___);
+var ___CSS_LOADER_URL_REPLACEMENT_33___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_33___);
+var ___CSS_LOADER_URL_REPLACEMENT_34___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_34___);
+var ___CSS_LOADER_URL_REPLACEMENT_35___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_35___);
+var ___CSS_LOADER_URL_REPLACEMENT_36___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_36___);
+var ___CSS_LOADER_URL_REPLACEMENT_37___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_37___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `@layer qualified-global{@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_1___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:100;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_2___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_3___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_4___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_5___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:200;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_6___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_7___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_8___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_9___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:300;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_10___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_11___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_12___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_13___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:400;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_14___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_15___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_16___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_17___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:500;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_18___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_19___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_20___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_21___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:600;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_22___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_23___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_24___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_25___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:700;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_26___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_27___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_28___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_29___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:800;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_30___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_31___}) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_32___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_33___}) format("woff")}@font-face{font-family:"Inter";font-style:italic;font-weight:900;font-display:swap;src:url(${___CSS_LOADER_URL_REPLACEMENT_34___}) format("woff2"),url(${___CSS_LOADER_URL_REPLACEMENT_35___}) format("woff")}@font-face{font-family:"Inter var";font-weight:100 900;font-display:swap;font-style:normal;src:url(${___CSS_LOADER_URL_REPLACEMENT_36___}) format("woff2")}@font-face{font-family:"Inter var";font-weight:100 900;font-display:swap;font-style:italic;src:url(${___CSS_LOADER_URL_REPLACEMENT_37___}) format("woff2")}}`, ""]);
+// Exports
+module.exports = ___CSS_LOADER_EXPORT___.toString();
+
+
+},
+});
+__webpack_require__("84629");
+