\n\n \x3c!-- Rewind Button --\x3e\n
\n\n \x3c!-- Separator --\x3e\n
\n\n \x3c!-- Backward Button --\x3e\n
\n\n \x3c!-- Play Button --\x3e\n
\n
\n\n \x3c!-- Forward Button --\x3e\n
\n\n \x3c!-- Separator --\x3e\n
\n\n \x3c!-- Stop Button --\x3e\n
\n\n
\n`;\n document.body.appendChild(controlsWrapper);\n if (state.autoPlaying) {\n const svg = document.getElementById("audio-auto-play-btn").querySelector("svg");\n if (svg) {\n svg.style.marginTop = "5px";\n svg.style.background = "#333C4B";\n svg.style.borderRadius = "6px";\n }\n }\n // State from global\n\n // Style the hovered element\n el.style.outline = `4px solid ${borderColor}`;\n el.style.outlineOffset = "6px";\n el.style.borderRadius = "8px";\n el.setAttribute("data-audible", "true");\n }\n function insertAudioIcon(el, e) {\n const rect = el.getBoundingClientRect();\n const wrapper = document.createElement("div");\n wrapper.className = "enablealltool-item-wrapper-screen-reader";\n Object.assign(wrapper.style, {\n position: "absolute",\n display: "block",\n top: `${window.scrollY + rect.top + (window.enablealltool_STATE.enableAiRewriting ? 50 : 0)}px`,\n left: `${window.scrollX + rect.left - 60}px`,\n backgroundColor: `${borderColor}`,\n padding: "10px",\n borderRadius: "50px 6px 50px 50px",\n zIndex: "9999",\n cursor: "pointer"\n });\n const fillColor = _helper_service__WEBPACK_IMPORTED_MODULE_3__.HelperService.getHighContrastColor(borderColor);\n wrapper.innerHTML = `\n