// tip icon
$tipIcon: '<svg viewBox="0 0 27 27"><g transform="translate(1.862 1.862)" fill="none"><circle stroke="#FFF" stroke-width="1.724" fill="#42B983" cx="11.638" cy="11.638" r="11.638"/><path d="M14.978 6.27A5.006 5.006 0 0 0 6.67 9.468a4.901 4.901 0 0 0 1.773 4.362c.323.258.514.647.522 1.06v1.06a2.685 2.685 0 0 0 5.37 0v-1.008c.002-.398.173-.777.47-1.042a5.023 5.023 0 0 0 .173-7.63zm-3.337 10.967a1.304 1.304 0 0 1-1.286-1.287v-.278h2.572v.261c0 .713-.573 1.294-1.286 1.304zm2.26-4.415a2.81 2.81 0 0 0-.887 1.46h-2.746a2.868 2.868 0 0 0-.938-1.53h-.018a3.476 3.476 0 0 1-1.269-3.145 3.615 3.615 0 0 1 7.196.4 3.65 3.65 0 0 1-1.338 2.815z" fill="#FFF"/></g></svg>';

$tipDarkIcon: '<svg viewBox="0 0 27 27"><g transform="translate(1.862 1.862)" fill="none"><circle stroke="#444" stroke-width="1.724" fill="#42B983" cx="11.638" cy="11.638" r="11.638"/><path d="M14.978 6.27A5.006 5.006 0 0 0 6.67 9.468a4.901 4.901 0 0 0 1.773 4.362c.323.258.514.647.522 1.06v1.06a2.685 2.685 0 0 0 5.37 0v-1.008c.002-.398.173-.777.47-1.042a5.023 5.023 0 0 0 .173-7.63zm-3.337 10.967a1.304 1.304 0 0 1-1.286-1.287v-.278h2.572v.261c0 .713-.573 1.294-1.286 1.304zm2.26-4.415a2.81 2.81 0 0 0-.887 1.46h-2.746a2.868 2.868 0 0 0-.938-1.53h-.018a3.476 3.476 0 0 1-1.269-3.145 3.615 3.615 0 0 1 7.196.4 3.65 3.65 0 0 1-1.338 2.815z" fill="#444"/></g></svg>';

// warning icon
$warningIcon: '<svg width="25" height="25" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none"><circle stroke="#FFF" stroke-width="2" fill="#f4cd00" cx="15" cy="15" r="15"/><path d="M14.281 17.156a2.89 2.89 0 0 1 .906-.125c.313 0 .657.063.938.125l.938-7.937v-.25a1.914 1.914 0 0 0-1.907-1.906c-.531 0-1.062.25-1.437.656a1.93 1.93 0 0 0-.469 1.5l1.031 7.937zm.875 1.469a1.947 1.947 0 0 0-1.937 1.938c0 1.062.875 1.937 1.937 1.937a1.947 1.947 0 0 0 1.938-1.938 1.908 1.908 0 0 0-1.938-1.937z" fill="#FFF"/></g></svg>';

$warningDarkIcon: '<svg width="25" height="25" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none"><circle stroke="#444" stroke-width="2" fill="#f4cd00" cx="15" cy="15" r="15"/><path d="M14.281 17.156a2.89 2.89 0 0 1 .906-.125c.313 0 .657.063.938.125l.938-7.937v-.25a1.914 1.914 0 0 0-1.907-1.906c-.531 0-1.062.25-1.437.656a1.93 1.93 0 0 0-.469 1.5l1.031 7.937zm.875 1.469a1.947 1.947 0 0 0-1.937 1.938c0 1.062.875 1.937 1.937 1.937a1.947 1.947 0 0 0 1.938-1.938 1.908 1.908 0 0 0-1.938-1.937z" fill="#444"/></g></svg>';

// danger icon
$dangerIcon: '<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M12.5 1C6.16 1 1 6.159 1 12.5S6.16 24 12.5 24 24 18.841 24 12.5 18.84 1 12.5 1z" stroke="#FFF" stroke-width="2" fill="#f55"/><path fill="#FFF" d="M7 11h11v3H7z"/></g></svg>';

$dangerDarkIcon: '<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M12.5 1C6.16 1 1 6.159 1 12.5S6.16 24 12.5 24 24 18.841 24 12.5 18.84 1 12.5 1z" stroke="#444" stroke-width="2" fill="#f55"/><path fill="#444" d="M7 11h11v3H7z"/></g></svg>';

// info icon
$infoIcon: '<svg width="25" height="25" viewBox="0 0 37 35" xmlns="http://www.w3.org/2000/svg"><g transform="translate(.28)" fill="none" fill-rule="evenodd"><circle stroke="#FFF" stroke-width="2" fill="#007BFF" cx="18.22" cy="17.5" r="16.5"/><path d="M17.122 25H16.08a.248.248 0 0 0-.046-.035c-.66-.301-.976-.906-.8-1.611.472-1.946.96-3.888 1.44-5.832a6.08 6.08 0 0 0 .142-.818.19.19 0 0 0-.254-.227 1.54 1.54 0 0 0-.32.11c-.237.1-.468.216-.706.307a.402.402 0 0 1-.536-.102v-.38c.161-.225.344-.434.546-.625a67.265 67.265 0 0 1 2.18-1.633c.159-.104.328-.19.506-.255.232-.1.49-.128.738-.077.926.188 1.406.93 1.18 1.844-.457 1.873-.917 3.746-1.379 5.619a7.52 7.52 0 0 0-.16.926.18.18 0 0 0 .263.205c.174-.053.339-.138.508-.206.205-.09.418-.172.624-.25a.3.3 0 0 1 .343.1.32.32 0 0 1 .033.367 1.38 1.38 0 0 1-.196.303 5.317 5.317 0 0 1-.556.536c-.79.636-1.6 1.262-2.508 1.734zm1.347-12.06a1.97 1.97 0 1 1 .003-3.938 1.97 1.97 0 0 1-.003 3.939z" fill="#FFF" fill-rule="nonzero"/></g></svg>';

$infoDarkIcon: '<svg width="25" height="25" viewBox="0 0 37 35" xmlns="http://www.w3.org/2000/svg"><g transform="translate(.28)" fill="none" fill-rule="evenodd"><circle stroke="#444" stroke-width="2" fill="#007BFF" cx="18.22" cy="17.5" r="16.5"/><path d="M17.122 25H16.08a.248.248 0 0 0-.046-.035c-.66-.301-.976-.906-.8-1.611.472-1.946.96-3.888 1.44-5.832a6.08 6.08 0 0 0 .142-.818.19.19 0 0 0-.254-.227 1.54 1.54 0 0 0-.32.11c-.237.1-.468.216-.706.307a.402.402 0 0 1-.536-.102v-.38c.161-.225.344-.434.546-.625a67.265 67.265 0 0 1 2.18-1.633c.159-.104.328-.19.506-.255.232-.1.49-.128.738-.077.926.188 1.406.93 1.18 1.844-.457 1.873-.917 3.746-1.379 5.619a7.52 7.52 0 0 0-.16.926.18.18 0 0 0 .263.205c.174-.053.339-.138.508-.206.205-.09.418-.172.624-.25a.3.3 0 0 1 .343.1.32.32 0 0 1 .033.367 1.38 1.38 0 0 1-.196.303 5.317 5.317 0 0 1-.556.536c-.79.636-1.6 1.262-2.508 1.734zm1.347-12.06a1.97 1.97 0 1 1 .003-3.938 1.97 1.97 0 0 1-.003 3.939z" fill="#444" fill-rule="nonzero"/></g></svg>';