{"id":988,"date":"2023-12-21T03:43:59","date_gmt":"2023-12-21T03:43:59","guid":{"rendered":"https:\/\/matterfreemedia.com\/portal\/?page_id=988"},"modified":"2024-08-19T14:33:00","modified_gmt":"2024-08-19T14:33:00","slug":"helperbot","status":"publish","type":"page","link":"https:\/\/matterfreemedia.com\/portal\/helperbot\/","title":{"rendered":"Helperbot"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1058\" height=\"1056\"  data-gnlv=\"hey\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893.png\" alt=\"\" class=\"wp-image-2717\" style=\"width:163px;height:auto\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893.png 1058w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-640x640.png 640w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-150x150.png 150w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-768x767.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-100x100.png 100w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-300x300.png 300w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-600x599.png 600w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure><\/div>\n\n\n<p><br>Helperbot can provide tech support, give advice and help you solve problems. <strong>During the limited public beta period all users are allowed a limited number of free queries.<\/strong><\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Example Questions<\/summary>\n<p><ul><li>How do I change display settings on my iPhone? <\/li>\n<li>How can I change my password on Gmail?<\/li>\n<li>How can I send an HTML email from my phone?<\/li>\n<li>How can I restore my WordPress site from a backup?<\/li>\n<\/ul><\/p>\n<\/details>\n\n\n\n<p><\/p>\n\n\n\n<style>\n    \/* Styling the scrollbar track within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-track {\n        background-color: #1cabed; \/* Light grey track *\/\n        border-radius: 10px;\n    }\n\n    \/* Styling the scrollbar thumb within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb {\n        background-color: #888; \/* Dark grey thumb *\/\n        border-radius: 10px;\n        border: 3px solid #1cabed; \/* White border around thumb *\/\n    }\n\n    \/* Styling the scrollbar thumb on hover within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar-thumb:hover {\n        background-color: #555; \/* Black thumb on hover *\/\n    }\n\n    \/* Setting the width of the scrollbar within the chatbot window only *\/\n    .wpaicg-chat-shortcode ::-webkit-scrollbar {\n        width: 8px; \/* Narrow width *\/\n        height: 8px; \/* For horizontal scrolling *\/\n    }\n    .wpaicg-conversation-starters {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        padding: 15px;\n        justify-content: center;\n        font-size: 13px;\n        visibility: hidden;\n    }\n\n    .wpaicg-conversation-starter {\n        background-color: #2db5ff;\n        border: none;\n        border-radius: 20px;\n        padding: 5px 10px;\n        cursor: pointer;\n        font-size: 13px;\n        color: #ffffff;\n        transition: background-color 0.3s ease, transform 0.5s ease-out, opacity 0.5s ease-out;\n        display: flex;\n        opacity: 0;\n        transform: translateY(20px);\n    }\n\n    .wpaicg-conversation-starter:hover {\n        filter: brightness(90%);\n    }\n<\/style>\n<style>\n    .wpaicg-img-spinner {\n        display: none;\n        width: 16px;\n        height: 16px;\n        border: 2px solid rgba(0, 0, 0, 0.1);\n        border-left-color: #000;\n        border-radius: 50%;\n        animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n    .wpaicg-thumbnail-placeholder {\n        display: none;\n        width: 50px;\n        height: 50px;\n        overflow: hidden;\n    }\n<\/style>\n\n<style>\n    .blinking-cursor {\n    font-weight: 100;\n    color: #ffffff; \/* or the color you want *\/\n    animation: blink 1s step-end infinite;\n    }\n\n    @keyframes blink {\n        from, to { color: transparent }\n        50% { color: inherit }\n    }\n<\/style>\n\n<style>\n    .wpaicg-chat-shortcode {\n        width: 100%px;\n        background-color: #1cabed;\n        border-radius: 8px;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n        display: flex;\n        flex-direction: column;\n        max-width: 100%;\n        overflow: hidden;\n        border: none;\n        transition: box-shadow 0.3s ease;\n        margin-right: 20px; \/* Adjust as needed *\/\n    }\n    .wpaicg-chat-shortcode:hover {\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); \/* Enhanced shadow on hover for interaction feedback *\/\n    }\n    .wpaicg-chat-shortcode-content {\n        overflow-y: auto;\n        flex-grow: 1;\n        padding: 15px; \/* Increased padding for more space around messages *\/\n    }\n    .wpaicg-chat-shortcode-content ul {\n        overflow-y: auto;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    .log_notification {\n        background: #1cabed;\n        color: #ffffff;\n        font-size: 11px;\n        font-style: italic;\n        padding: 10px;\n        border-radius: 5px;\n    }\n\n    .wpaicg-chat-shortcode-footer {\n        color: #ffffff;\n        background: #5e30eb;\n        font-size: 0.75rem;\n        padding: 12px 20px;\n        border-top: 1px solid #5e30eb;\n    }\n    .wpaicg-chat-shortcode-footer a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .wpaicg-chat-shortcode-content ul .wpaicg-user-message {\n        margin-left: auto; \/* This pushes the user messages to the right *\/\n        background: #2db5ff;\n        color: #ffffff;\n        font-size: 13px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n    .wpaicg-chat-shortcode-content ul .wpaicg-ai-message {\n        color: #ffffff;\n        font-size: 13px;\n        margin-bottom: 20px;\n        margin-right: 10px;\n        padding: 10px;\n        border-radius: 20px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        width: fit-content;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-bot-thinking {\n        bottom: 0;\n        font-size: 11px;\n        color: #ffffff;\n        display: none;\n    }\n\n    .wpaicg-chat-message-error {\n        color: #f00;\n    }\n\n    .wpaicg-jumping-dots span {\n        position: relative;\n        bottom: 0;\n        -webkit-animation: wpaicg-jump 1500ms infinite;\n        animation: wpaicg-jump 2s infinite;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-1 {\n        -webkit-animation-delay: 200ms;\n        animation-delay: 200ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-2 {\n        -webkit-animation-delay: 400ms;\n        animation-delay: 400ms;\n    }\n    .wpaicg-jumping-dots .wpaicg-dot-3 {\n        -webkit-animation-delay: 600ms;\n        animation-delay: 600ms;\n    }\n\n    .wpaicg-chat-shortcode-type {\n        display: flex;\n        align-items: center;\n        padding: 15px;\n        color: #0000ff;\n    }\n\n    .wpaicg-chat-shortcode-send {\n        color: #0000ff;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing {\n        flex: 1;\n        border: 1px solid #000000;\n        background-color: #d4f3fc;\n        resize: vertical;\n        border-radius: 8px;\n        line-height: 36px;\n        padding-left: 1em;\n        color: #495057;\n        font-size: 13px;\n    }\n\n    textarea.auto-expand {\n        overflow: hidden; \/* Prevents scrollbar flash during size adjustment *\/\n        transition: box-shadow 0.5s ease-in-out;\n        line-height: 2;\n    }\n\n    textarea.auto-expand.resizing {\n        transition: box-shadow 0.5s ease-in-out;\n        box-shadow: 0 0 12px rgba(81, 203, 238, 0.8);\n        line-height: 2;\n    }\n\n\n    textarea.auto-expand:focus {\n        outline: none;\n        box-shadow: 0 0 5px rgba(81, 203, 238, 1);\n        line-height: 2;\n    }\n\n    textarea.wpaicg-chat-shortcode-typing::placeholder {\n        color: #495057;\n    }\n\n    @-webkit-keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n\n    @keyframes wpaicg-jump {\n        0%   {bottom: 0px;}\n        20%  {bottom: 5px;}\n        40%  {bottom: 0px;}\n    }\n    \/* Adjustments for screens that are 768px wide or less (typical for tablets and smartphones) *\/\n    @media (max-width: 768px) {\n        .wpaicg-chat-shortcode {\n            \/* Adjust the width and right margin for smaller screens *\/\n            width: auto; \/* This makes the chat window adapt to the screen size *\/\n            margin-right: 10px; \/* Smaller margin for smaller devices *\/\n            margin-left: 10px; \/* Add some space on the left as well *\/\n        }\n    }\n\n    \/* Further adjustments for very small screens, like iPhones *\/\n    @media (max-width: 480px) {\n        .wpaicg-chat-shortcode {\n            \/* You might want even smaller margins here *\/\n            margin-right: 5px;\n            margin-left: 5px;\n        }\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon {\n        color: #ff0000;\n    }\n    .wpaicg-chat-shortcode .wpaicg-img-icon {\n        color: #0000ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-icon {\n        color: #d1e8ff;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-remove {\n        color: #d1e8ff;\n        font-size: 33px;\n        justify-content: center;\n        align-items: center;\n        width: 16px;\n        height: 16px;\n        line-height: unset;\n        font-family: Arial, serif;\n        border-radius: 50%;\n        font-weight: normal;\n        padding: 0;\n    }\n    .wpaicg-chat-shortcode .wpaicg-pdf-loading {\n        border-color: #d1e8ff;\n        border-bottom-color: transparent;\n    }\n    .wpaicg-chat-shortcode .wpaicg-mic-icon.wpaicg-recording {\n        color: #004d65;\n    }\n    .wpaicg_chat_additions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        right: 20px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: absolute;\n        top: 0; \/* Position it at the top of the chat window *\/\n        right: 0;\n        left: 0; \/* Ensure it spans the full width *\/\n        height: 40px;\n        padding: 0 10px;\n        display: none;\n        justify-content: center;\n        align-items: center;\n        background: #5e30eb;\n        color: #ffffff;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n        transition: background-color 0.3s ease;\n        min-height: 40px;\n    }\n\n    .wpaicg-icon-container {\n        position: relative;\n        margin-bottom: 30px;\n        margin-top: 10px;\n    }\n\n    .wpaicg-copy-button, .wpaicg-thumbs-up-button, .wpaicg-thumbs-down-button {\n        position: absolute;\n        bottom: -25px;\n        display: inline-block;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 0;\n        opacity: 0;\n        visibility: hidden;\n        transition: opacity 0.3s ease, visibility 0.3s ease;\n        outline: none;\n    }\n\n    .wpaicg-copy-button {\n        left: 10px;\n    }\n\n    .wpaicg-thumbs-up-button {\n        left: 40px;\n    }\n\n    .wpaicg-thumbs-down-button {\n        left: 70px;\n    }\n\n    \/* Keep buttons visible when hovering over either the container or the buttons *\/\n    .wpaicg-icon-container:hover .wpaicg-copy-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-up-button,\n    .wpaicg-icon-container:hover .wpaicg-thumbs-down-button,\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        opacity: 1;\n        visibility: visible;\n        background-color: transparent !important;\n        color: inherit !important;\n    }\n    \/* Ensure no hover color change for links inside icon containers *\/\n    .wpaicg-icon-container a:hover {\n        color: inherit !important;\n        background-color: transparent !important;\n        text-decoration: none !important;\n    }\n\n    .wpaicg-copy-button img,\n    .wpaicg-thumbs-up-button img,\n    .wpaicg-thumbs-down-button img {\n        width: 16px;\n        height: 16px;\n        filter: none; \/* Ensure no filter (like grayscale or color change) is applied *\/\n        color: inherit; \/* Inherit the current color from the parent *\/\n        transition: none; \/* Remove any transitions that might change appearance on hover *\/\n    }\n\n    .wpaicg-copy-button img:hover,\n    .wpaicg-thumbs-up-button img:hover,\n    .wpaicg-thumbs-down-button img:hover {\n        filter: none; \/* Ensure no hover filter is applied *\/\n        color: inherit; \/* Keep the color consistent on hover *\/\n    }\n\n    .wpaicg-copy-button,\n    .wpaicg-thumbs-up-button,\n    .wpaicg-thumbs-down-button {\n        background: none;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        color: inherit; \/* Keep the color of the button consistent *\/\n        outline: none; \/* Remove default browser outline on focus *\/\n    }\n\n    .wpaicg-copy-button:hover,\n    .wpaicg-thumbs-up-button:hover,\n    .wpaicg-thumbs-down-button:hover {\n        background: none; \/* Remove any background color change on hover *\/\n        color: inherit; \/* Keep the color the same on hover *\/\n    }\n    \/* Remove outline (focus border) on buttons *\/\n    .wpaicg-copy-button:focus,\n    .wpaicg-thumbs-up-button:focus,\n    .wpaicg-thumbs-down-button:focus {\n        outline: none;\n    }\n    .wpaicg-feedback-modal-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        z-index: 1000;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px; \/* Added padding to prevent edge cutoff *\/\n    }\n\n    .wpaicg-feedback-modal {\n        background-color: #fff;\n        color: #333;\n        padding: 20px;\n        border-radius: 10px; \/* Slightly increased border-radius for better aesthetics *\/\n        width: 100%;\n        max-width: 400px; \/* Max width for larger screens *\/\n        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); \/* Increased shadow for better visibility *\/\n        text-align: center;\n        position: relative; \/* To position the close button *\/\n        margin: 0 auto; \/* Centering the modal horizontally *\/\n        box-sizing: border-box; \/* Ensures padding is included in width *\/\n    }\n\n    .wpaicg-feedback-modal h2 {\n        margin-top: 0;\n    }\n\n    .wpaicg-feedback-textarea {\n        width: 100%;\n        height: 80px;\n        margin: 10px 0;\n        border-radius: 5px;\n    }\n\n    .wpaicg-feedback-modal-buttons {\n        display: flex;\n        justify-content: flex-end; \/* Aligns the submit button to the right *\/\n        align-items: center;\n        margin-top: 10px;\n    }\n\n    .wpaicg-feedback-message {\n        flex-grow: 1; \/* Takes up available space on the left *\/\n        margin-right: 10px;\n        text-align: left; \/* Ensures the text aligns left *\/\n    }\n\n    .wpaicg-feedback-modal-submit {\n        padding: 10px 20px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        background-color: #007bff;\n        color: #fff;\n        margin-left: 10px; \/* Adds space between the button and the message *\/\n    }\n\n    .wpaicg-feedback-modal-close {\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        background: none;\n        border: none;\n        color: #333;\n        cursor: pointer;\n    }\n\n    \/* Media Query for Mobile Devices *\/\n    @media (max-width: 480px) {\n        .wpaicg-feedback-modal {\n            max-width: 95%; \/* Reduce max width on smaller screens to ensure it doesn't touch the edges *\/\n            padding: 15px;\n            margin: 0 auto; \/* Ensure modal is centered *\/\n        }\n        .wpaicg-feedback-modal-submit {\n            padding: 8px 16px; \/* Slightly smaller padding on mobile *\/\n        }\n\n        .wpaicg-feedback-textarea {\n            height: 60px; \/* Reduce height on mobile *\/\n        }\n    }\n\n    \/* Button Styles *\/\n    .wpaicg-chatbox-download-btn,\n    .wpaicg-chatbox-clear-btn,\n    .wpaicg-chatbox-fullscreen,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center; \/* Center content *\/\n        margin: 0 5px; \/* Adjust spacing between buttons *\/\n        transition: background-color 0.3s ease; \/* Smooth transition for interactions *\/\n    }\n\n    \/* SVG Icon Adjustments *\/\n    .wpaicg-chatbox-download-btn svg,\n    .wpaicg-chatbox-clear-btn svg,\n    .wpaicg-chatbox-fullscreen svg,\n    .wpaicg-chatbox-audio-btn,\n    .wpaicg-chatbox-close-btn svg {\n        fill: currentColor;\n        height: 16px; \/* Adjust size for visibility *\/\n        width: 16px;\n    }\n    \/* Hover States for Button Interactions *\/\n    .wpaicg-chatbox-download-btn:hover,\n    .wpaicg-chatbox-clear-btn:hover,\n    .wpaicg-chatbox-fullscreen:hover,\n    .wpaicg-chatbox-close-btn:hover {\n        background-color: rgba(0, 0, 0, 0.1); \/* Slight highlight on hover *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen {\n        display: none;\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n    \/* Fullscreen Button SVG Paths *\/\n    .wpaicg-chatbox-fullscreen svg.wpaicg-exit-fullscreen path,\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen path {\n        fill: currentColor; \/* Ensure visibility *\/\n    }\n    .wpaicg-chatbox-fullscreen svg.wpaicg-active-fullscreen {\n        fill: none;\n        height: 16px;\n        width: 16px;\n    }\n\n    \/* Adjusting visibility for fullscreen icons *\/\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-active-fullscreen {\n        display: none; \/* Hide when in fullscreen *\/\n    }\n    .wpaicg-chatbox-fullscreen.wpaicg-fullscreen-box svg.wpaicg-exit-fullscreen {\n        display: block; \/* Show exit icon in fullscreen mode *\/\n    }\n    .wpaicg-fullscreened {\n        border-radius: 0;\n        border: none; \/* Remove border in fullscreen *\/\n    }\n    .wpaicg-fullscreened .wpaicg-chatbox-action-bar {\n        top: 0;\n        z-index: 99;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: 3px;\n    }\n\n    .wpaicg-chat-shortcode .wpaicg-chatbox-action-bar {\n        position: relative;\n        top: 0;\n        display: flex;\n        justify-content: flex-end;\n    }\n    \n<\/style>\n<div class=\"wpaicg-chat-shortcode\"\n     data-user-bg-color=\"#2db5ff\"\n     data-color=\"#ffffff\"\n     data-fontsize=\"13\"\n     data-ai-bg-color=\"#8224e3\"\n     data-nonce=\"bd3994a653\"\n     data-post-id=\"988\"\n     data-url=\"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/pages\/988\"\n     data-bot-id=\"1175\"\n     data-width=\"100%px\"\n     data-height=\"50%px\"\n     data-footer=\"true\"\n     data-has-bar=\"true\"\n     data-speech=\"1\"\n     data-voice=\"\"\n     data-elevenlabs-model=\"\"\n     data-voice-error=\"1\"\n     data-typewriter-effect = \"1\"\n     data-typewriter-speed=\"2\"\n     data-text_height=\"40\"\n     data-text_rounded=\"8\"\n     data-chat_rounded=\"8\"\n     data-voice_service=\"google\"\n     data-voice_language=\"en-US\"\n     data-voice_name=\"en-US-Journey-F\"\n     data-voice_device=\"\"\n     data-voice_speed=\"1.3\"\n     data-voice_pitch=\"0\"\n     data-openai_model=\"tts-1\"\n     data-openai_voice=\"alloy\"\n     data-openai_output_format=\"mp3\"\n     data-openai_voice_speed=\"1\"\n     data-openai_stream_nav=\"0\"\n     data-autoload_chat_conversations=\"0\"\n     data-copy_btn=\"1\"\n     data-feedback_btn = \"\"\n     data-feedback_title = \"Feedback\"\n     data-feedback_message = \"Please provide details: (optional)\"\n     data-feedback_success = \"Thank you for your feedback!\"\n     data-user-voice-control = \"\"\n     data-voice-muted-by-default=\"\"\n     data-memory-limit = \"32\"\n     data-lead-collection = \"0\"\n     data-lead-title = \"Let us know how to contact you\"\n     data-lead-name = \"Name\"\n     data-enable-lead-name = \"1\"\n     data-lead-email = \"Email\"\n     data-enable-lead-email = \"1\"\n     data-lead-phone = \"Phone\"\n     data-enable-lead-phone = \"1\"\n     data-bg_text_field = \"#d4f3fc\"\n     data-bg_text_field_font_color = \"#495057\"\n     data-bg_text_field_border_color = \"#000000\"\n     data-assistant-enabled=\"false\"\n     data-type=\"shortcode\"\n>\n    <div class=\"wpaicg-chatbox-action-bar\">\n                    <span class=\"wpaicg-chatbox-download-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Download\" tabindex=\"0\">\n                <svg role=\"presentation\" version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\"  xml:space=\"preserve\"><path class=\"st0\" d=\"M243.591,309.362c3.272,4.317,7.678,6.692,12.409,6.692c4.73,0,9.136-2.376,12.409-6.689l89.594-118.094 c3.348-4.414,4.274-8.692,2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288,0-16.844-7.554-16.844-16.84V59.777 c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04,0-20.022,8.987-20.022,20.027v97.415c0,9.286-7.556,16.84-16.844,16.84 h-34.305c-5.538,0-9.503,1.848-11.168,5.198c-1.665,3.35-0.738,7.628,2.609,12.046L243.591,309.362z\"\/><path class=\"st0\" d=\"M445.218,294.16v111.304H66.782V294.16H0v152.648c0,14.03,11.413,25.443,25.441,25.443h461.118 c14.028,0,25.441-11.413,25.441-25.443V294.16H445.218z\"\/><\/svg>\n            <\/span>\n                            <span data-type=\"shortcode\" class=\"wpaicg-chatbox-fullscreen\" role=\"button\" aria-label=\"Fullscreen\" tabindex=\"0\">\n                <svg role=\"presentation\" class=\"wpaicg-active-fullscreen\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 15H15V10H13.2V13.2H10V15ZM6 15V13.2H2.8V10H1V15H6ZM10 2.8H12.375H13.2V6H15V1H10V2.8ZM6 1V2.8H2.8V6H1V1H6Z\"\/><\/svg>\n                <svg role=\"presentation\" class=\"wpaicg-exit-fullscreen\" viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 6L6 6L6 1L4.2 1L4.2 4.2L1 4.2L1 6Z\"\/><path d=\"M15 10L10 10L10 15L11.8 15L11.8 11.8L15 11.8L15 10Z\"\/><path d=\"M6 15L6 10L1 10L1 11.8L4.2 11.8L4.2 15L6 15Z\"\/><path d=\"M10 1L10 6L15 6L15 4.2L11.8 4.2L11.8 1L10 1Z\"\/><\/svg>\n            <\/span>\n                            <span class=\"wpaicg-chatbox-clear-btn\" data-type=\"shortcode\" role=\"button\" aria-label=\"Clear Chat\" tabindex=\"0\">\n            <svg role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z\"\/><\/svg>\n    <\/span>\n        \n    <\/div>\n<div class=\"wpaicg-chat-shortcode-content\">\n    <ul class=\"wpaicg-chat-shortcode-messages\">\n                <li class=\"wpaicg-ai-message\" style=\"color: #ffffff; font-size: 13px; background-color: #8224e3\">\n            <span class=\"wpaicg-chat-message\">\n                Hello, how can I help you today?            <\/span>\n        <\/li>\n    <\/ul>\n<\/div>\n<!-- Conversation Starters -->\n<span class=\"wpaicg-bot-thinking\" style=\"padding-left: 20px;color: #ffffff;\">Helperbot is thinking&nbsp;<span class=\"wpaicg-jumping-dots\"><span class=\"wpaicg-dot-1\">.<\/span><span class=\"wpaicg-dot-2\">.<\/span><span class=\"wpaicg-dot-3\">.<\/span><\/span><\/span>\n<div class=\"wpaicg-chat-shortcode-type\">\n    <textarea type=\"text\" name=\"wpaicg-chat-shortcode-typing\" class=\"auto-expand wpaicg-chat-shortcode-typing\" placeholder=\"Ask a question...\"><\/textarea>\n    <div class=\"wpaicg_chat_additions\">\n        <span class=\"wpaicg-thumbnail-placeholder\"><\/span>\n        <span class=\"wpaicg-mic-icon\" data-type=\"shortcode\" role=\"button\" aria-label=\"Mic\" tabindex=\"0\" style=\"\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M176 0C123 0 80 43 80 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM48 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H104c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H200V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg>\n        <\/span>\n        <span class=\"wpaicg-img-icon\" data-type=\"shortcode\" style=\"\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-image\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n            <input type=\"file\" id=\"imageUpload\" class=\"wpaicg-img-file\" accept=\"image\/png, image\/jpeg, image\/webp, image\/gif\" style=\"display: none;\" \/>\n            <!-- add nonce -->\n            <input type=\"hidden\" id=\"wpaicg-img-nonce\" value=\"09f5d392a8\" \/>\n        <\/span>\n        <span class=\"wpaicg-img-spinner\"><\/span>\n                        <span class=\"wpaicg-chat-shortcode-send\" role=\"button\" aria-label=\"Send\" tabindex=\"0\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-send\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg>\n        <\/span>\n            <\/div>\n<\/div>\n    <div class=\"wpaicg-chat-shortcode-footer\">\n        Powered by Antimatter AI    <\/div>\n<\/div>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const textareas = document.querySelectorAll('.auto-expand');\n        textareas.forEach(textarea => {\n            function adjustHeight() {\n                    \/\/ Store the current scroll position to restore it after resizing\n                    var scrollLeft = window.pageXOffset || (document.documentElement || document.body.parentNode || document.body).scrollLeft;\n                    var scrollTop  = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;\n\n                    \/\/ Add the resizing class to trigger the pulsing effect\n                    textarea.classList.add('resizing');\n\n                    \/\/ Temporarily shrink the textarea to potentially reduce its size\n                    textarea.style.height = 'auto';\n                    \/\/ Adjust the height based on the current content, allowing it to grow or shrink\n                    textarea.style.height = textarea.scrollHeight + 'px';\n\n                    \/\/ Restore the scroll position after resizing the textarea\n                    window.scrollTo(scrollLeft, scrollTop);\n\n                    \/\/ Remove the resizing class after a delay to show the pulsing effect\n                    setTimeout(() => {\n                        textarea.classList.remove('resizing');\n                    }, 500); \/\/ Adjust this time to match your CSS animation duration\n                }\n\n            \/\/ Bind the adjustHeight function to the input event\n            textarea.addEventListener('input', adjustHeight);\n\n            \/\/ Perform an initial adjustment in case the textarea is pre-populated\n            if (textarea.value.length) {\n                adjustHeight();\n            }\n        });\n    });\n<\/script>\n\n\n\n<p><\/p>\n\n\n\n<p>While Helperbot is answering your question, you can perform any necessary tasks on your device while the audio instructions continue in the background as long as this browser tab remains open.<\/p>\n\n\n\n<p><strong>Need more tokens? Purchase AI tokens to use Helperbot and other Antimatter AI tools.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"999\" height=\"275\"  data-gnlv=\"hey\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231209_154130.png\" alt=\"\" class=\"wp-image-778\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231209_154130.png 999w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231209_154130-640x176.png 640w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231209_154130-768x211.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231209_154130-600x165.png 600w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n<div data-block-name=\"woocommerce\/product-tag\" data-tags=\"[136]\" class=\"wc-block-grid wp-block-product-tag wc-block-product-tag has-3-columns has-multiple-rows\"><ul class=\"wc-block-grid__products\"><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/matterfreemedia.com\/portal\/product\/antimatter-ai-basic\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Antimatter AI Monthly Plan\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-300x300.png 300w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-640x640.png 640w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-150x150.png 150w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-768x767.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-100x100.png 100w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-600x599.png 600w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893.png 1058w\" sizes=\"100vw\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Antimatter AI Monthly Plan<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>20.00<\/span><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"?add-to-cart=2863\" aria-label=\"Add &ldquo;Antimatter AI Monthly Plan&rdquo; to your cart\" data-quantity=\"1\" data-product_id=\"2863\" data-product_sku=\"\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button ajax_add_to_cart\">Add to cart<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/matterfreemedia.com\/portal\/product\/antimatter-ai-10k-tokens\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Antimatter AI \u2013 50k Tokens\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-300x300.png 300w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-640x640.png 640w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-150x150.png 150w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-768x767.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-100x100.png 100w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893-600x599.png 600w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2024\/06\/1718852989893.png 1058w\" sizes=\"100vw\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Antimatter AI \u2013 50k Tokens<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-onsale\">\n\t\t\t<span aria-hidden=\"true\">Sale<\/span>\n\t\t\t<span class=\"screen-reader-text\">Product on sale<\/span>\n\t\t<\/div>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>14.00<\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>10.99<\/span><\/ins><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"?add-to-cart=2732\" aria-label=\"Add &ldquo;Antimatter AI \u2013 50k Tokens&rdquo; to your cart\" data-quantity=\"1\" data-product_id=\"2732\" data-product_sku=\"\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button ajax_add_to_cart\">Add to cart<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/matterfreemedia.com\/portal\/product\/ai-art-studio-tokens\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder.png\" class=\"woocommerce-placeholder wp-post-image\" alt=\"\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder.png 1200w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder-300x300.png 300w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder-1024x1024.png 1024w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder-150x150.png 150w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder-768x768.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/woocommerce-placeholder-100x100.png 100w\" sizes=\"100vw\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">AI Art Studio 100 Tokens<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-onsale\">\n\t\t\t<span aria-hidden=\"true\">Sale<\/span>\n\t\t\t<span class=\"screen-reader-text\">Product on sale<\/span>\n\t\t<\/div>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>20.00<\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>17.00<\/span><\/ins><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"?add-to-cart=2730\" aria-label=\"Add &ldquo;AI Art Studio 100 Tokens&rdquo; to your cart\" data-quantity=\"1\" data-product_id=\"2730\" data-product_sku=\"\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button ajax_add_to_cart\">Add to cart<\/a><\/div>\n\t\t\t<\/li><li class=\"wc-block-grid__product\">\n\t\t\t\t<a href=\"https:\/\/matterfreemedia.com\/portal\/product\/antimatter-ai-annual-plan\/\" class=\"wc-block-grid__product-link\">\n\t\t\t\t\t<div class=\"wc-block-grid__product-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Antimatter AI Annual Plan\" srcset=\"https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-300x300.png 300w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-640x640.png 640w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-150x150.png 150w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-768x768.png 768w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-100x100.png 100w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000-600x600.png 600w, https:\/\/matterfreemedia.com\/portal\/wp-content\/uploads\/2023\/12\/20231222_233432_0000.png 1000w\" sizes=\"100vw\" \/><\/div>\n\t\t\t\t\t<div class=\"wc-block-grid__product-title\">Antimatter AI Annual Plan<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<div class=\"wc-block-grid__product-onsale\">\n\t\t\t<span aria-hidden=\"true\">Sale<\/span>\n\t\t\t<span class=\"screen-reader-text\">Product on sale<\/span>\n\t\t<\/div>\n\t\t\t\t<div class=\"wc-block-grid__product-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>450.00<\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>399.00<\/span><\/ins><\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"wp-block-button wc-block-grid__product-add-to-cart\"><a href=\"?add-to-cart=1004\" aria-label=\"Add &ldquo;Antimatter AI Annual Plan&rdquo; to your cart\" data-quantity=\"1\" data-product_id=\"1004\" data-product_sku=\"\" rel=\"nofollow\" class=\"wp-block-button__link  add_to_cart_button ajax_add_to_cart\">Add to cart<\/a><\/div>\n\t\t\t<\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Helperbot can provide tech support, give advice and help you solve problems. During the limited public beta period all users are allowed a limited number of free queries. While Helperbot is answering your question, you can perform any necessary tasks on your device while the audio instructions continue in the background as long as this &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/matterfreemedia.com\/portal\/helperbot\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Helperbot&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/pages\/988"}],"collection":[{"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/comments?post=988"}],"version-history":[{"count":0,"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/pages\/988\/revisions"}],"wp:attachment":[{"href":"https:\/\/matterfreemedia.com\/portal\/wp-json\/wp\/v2\/media?parent=988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}