@copart/ops-tool-kit 1.10.0-alpha.0 → 1.10.0-alpha.10

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
 const name$e = "@copart/ops-tool-kit";
-const version$3 = "1.10.0-alpha.0";
+const version$3 = "1.10.0-alpha.10";
 const main = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -110,7 +110,8 @@ const dependencies = {
   "react-modal": "3.11.2",
   "set-value": "^3.0.0",
   "storage-changed": "^2.0.0",
-  warning: "^4.0.1"
+  warning: "^4.0.1",
+  "@wordpress/block-library": "5.0.1"
 };
 const jest = {
   setupTestFrameworkScriptFile: "./jest/setup.js",
@@ -231,11 +232,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$j = ":root {\r\n  --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n  --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n  --white: #ffffff;\r\n  --gray: #f1f1f1;\r\n  --grey: #f1f1f1;\r\n  --black: #000000;\r\n  --blue: #1d5ab9;\r\n  --blueDark: #0b2854;\r\n  --red: #ee2727;\r\n  --green: #7dc033;\r\n  --greenDark: #64b50a;\r\n  --charcoal: #323742;\r\n  --blue: #1d5ab9;\r\n  --blueGrey: #8d9fb1;\r\n  --lightBlue: #a3d1ff;\r\n  --veryLightBlue: #f2f7ff;\r\n  --lightBlueGrey: #d6dfe8;\r\n  --paleGrey: #ecf0f1;\r\n  --lightGrey: #f1f1f1;\r\n  --copartBlue: #1d5ab9;\r\n\r\n  --primaryBlue: rgb(12, 92, 184);\r\n  --primaryBlue0: rgb(11, 81, 161);\r\n  --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n  --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n  --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n  --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n  --secondaryBlue: rgb(74, 144, 226);\r\n  --secondaryBlue0: rgb(52, 122, 202);\r\n  --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n  --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n  --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n  --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n  --darkBlue: rgb(29, 90, 185);\r\n  --darkBlue1: rgba(29, 90, 185, 0.2);\r\n  --darkBlue2: rgba(29, 90, 185, 0.4);\r\n  --darkBlue3: rgba(29, 90, 185, 0.6);\r\n  --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n  --primaryRed: rgba(224, 26, 26, 1);\r\n  --primaryRed0: rgb(201, 16, 16);\r\n  --primaryRed1: rgba(224, 26, 26, 0.2);\r\n  --primaryRed2: rgba(224, 26, 26, 0.4);\r\n  --primaryRed3: rgba(224, 26, 26, 0.6);\r\n  --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n  --primaryOrange: rgba(253, 184, 39, 1);\r\n  --primaryOrange0: rgb(236, 171, 29);\r\n  --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n  --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n  --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n  --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n  --primaryGreen: rgba(29, 206, 109, 1);\r\n  --primaryGreen0: rgb(27, 187, 99);\r\n  --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n  --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n  --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n  --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n  font-style: normal;\r\n}\r\n";
-styleInject(css_248z$j);
+var css_248z$n = ":root {\r\n  --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n  --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n  --white: #ffffff;\r\n  --gray: #f1f1f1;\r\n  --grey: #f1f1f1;\r\n  --black: #000000;\r\n  --blue: #1d5ab9;\r\n  --blueDark: #0b2854;\r\n  --red: #ee2727;\r\n  --green: #7dc033;\r\n  --greenDark: #64b50a;\r\n  --charcoal: #323742;\r\n  --blue: #1d5ab9;\r\n  --blueGrey: #8d9fb1;\r\n  --lightBlue: #a3d1ff;\r\n  --veryLightBlue: #f2f7ff;\r\n  --lightBlueGrey: #d6dfe8;\r\n  --paleGrey: #ecf0f1;\r\n  --lightGrey: #f1f1f1;\r\n  --copartBlue: #1d5ab9;\r\n\r\n  --primaryBlue: rgb(12, 92, 184);\r\n  --primaryBlue0: rgb(11, 81, 161);\r\n  --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n  --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n  --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n  --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n  --secondaryBlue: rgb(74, 144, 226);\r\n  --secondaryBlue0: rgb(52, 122, 202);\r\n  --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n  --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n  --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n  --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n  --darkBlue: rgb(29, 90, 185);\r\n  --darkBlue1: rgba(29, 90, 185, 0.2);\r\n  --darkBlue2: rgba(29, 90, 185, 0.4);\r\n  --darkBlue3: rgba(29, 90, 185, 0.6);\r\n  --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n  --primaryRed: rgba(224, 26, 26, 1);\r\n  --primaryRed0: rgb(201, 16, 16);\r\n  --primaryRed1: rgba(224, 26, 26, 0.2);\r\n  --primaryRed2: rgba(224, 26, 26, 0.4);\r\n  --primaryRed3: rgba(224, 26, 26, 0.6);\r\n  --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n  --primaryOrange: rgba(253, 184, 39, 1);\r\n  --primaryOrange0: rgb(236, 171, 29);\r\n  --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n  --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n  --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n  --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n  --primaryGreen: rgba(29, 206, 109, 1);\r\n  --primaryGreen0: rgb(27, 187, 99);\r\n  --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n  --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n  --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n  --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n  font-style: normal;\r\n}\r\n";
+styleInject(css_248z$n);
 
-var css_248z$i = "* {\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  -webkit-font-smoothing: subpixel-antialiased;\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n  padding: 0;\r\n  margin: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n  font-family: var(--mainFont);\r\n  font-family: var(--mainFont);\r\n  font-size: 16px;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n  overflow: hidden;\r\n  font-size: 1rem;\r\n  font-family: var(--mainFont);\r\n  font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n  font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n  font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n  font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n  font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n  font-size: 48px;\r\n}\r\n";
-styleInject(css_248z$i);
+var css_248z$m = "* {\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  -webkit-font-smoothing: subpixel-antialiased;\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n  padding: 0;\r\n  margin: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n  font-family: var(--mainFont);\r\n  font-family: var(--mainFont);\r\n  font-size: 16px;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n  overflow: hidden;\r\n  font-size: 1rem;\r\n  font-family: var(--mainFont);\r\n  font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n  font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n  font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n  font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n  font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n  font-size: 48px;\r\n}\r\n";
+styleInject(css_248z$m);
 
 function _typeof(obj) {
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -2556,24 +2557,29 @@ var isobject = function isObject(val) {
 };
 
 function isObjectObject(o) {
-  return isobject(o) === true && Object.prototype.toString.call(o) === '[object Object]';
+  return isobject(o) === true
+    && Object.prototype.toString.call(o) === '[object Object]';
 }
 
 var isPlainObject = function isPlainObject(o) {
-  var ctor, prot;
-  if (isObjectObject(o) === false) return false; // If has modified constructor
+  var ctor,prot;
+
+  if (isObjectObject(o) === false) return false;
 
+  // If has modified constructor
   ctor = o.constructor;
-  if (typeof ctor !== 'function') return false; // If has modified prototype
+  if (typeof ctor !== 'function') return false;
 
+  // If has modified prototype
   prot = ctor.prototype;
-  if (isObjectObject(prot) === false) return false; // If constructor does not have an Object-specific method
+  if (isObjectObject(prot) === false) return false;
 
+  // If constructor does not have an Object-specific method
   if (prot.hasOwnProperty('isPrototypeOf') === false) {
     return false;
-  } // Most likely a plain Object
-
+  }
 
+  // Most likely a plain Object
   return true;
 };
 
@@ -2961,8 +2967,8 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
   error: 'You tried to use Breadcrumbs outside of its context.'
 };
 
-var css_248z$h = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n  height: 36px;\r\n  background: #3c4656;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n  display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n  height: 100%;\r\n  margin-right: 12px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n  cursor: pointer;\r\n  height: 100%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  color: rgba(242, 247, 255, 1);\r\n  font-weight: 400;\r\n  letter-spacing: 0.5px;\r\n  margin-left: 3px;\r\n  /* transition: all 0.2s; */\r\n  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-6px);\r\n            transform: translateX(-6px);\r\n    /* transform: scale(0.9); */\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0px);\r\n            transform: translateX(0px);\r\n    /* transform: scale(1); */\r\n  }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-6px);\r\n            transform: translateX(-6px);\r\n    /* transform: scale(0.9); */\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0px);\r\n            transform: translateX(0px);\r\n    /* transform: scale(1); */\r\n  }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type) {\r\n  -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n          animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n  -webkit-animation-duration: 0.2s;\r\n          animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type)::before {\r\n  content: '\\E5CC';\r\n  color: rgba(255, 255, 255, 0.70196);\r\n  display: inline-block;\r\n  font-family: 'Material Icons';\r\n  font-size: 16px;\r\n  margin-right: 4px;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:first-of-type {\r\n  margin-left: 12px;\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n  /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n  /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n  font-weight: 600;\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n  margin: 10px;\r\n  flex-grow: 2;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n  height: 100%;\r\n  display: flex;\r\n  margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n  height: 100%;\r\n  display: flex;\r\n  margin-right: 0px !important;\r\n}";
-styleInject(css_248z$h);
+var css_248z$l = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n  height: 36px;\r\n  background: #3c4656;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n  display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n  height: 100%;\r\n  margin-right: 12px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n  cursor: pointer;\r\n  height: 100%;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  color: rgba(242, 247, 255, 1);\r\n  font-weight: 400;\r\n  letter-spacing: 0.5px;\r\n  margin-left: 3px;\r\n  /* transition: all 0.2s; */\r\n  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-6px);\r\n            transform: translateX(-6px);\r\n    /* transform: scale(0.9); */\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0px);\r\n            transform: translateX(0px);\r\n    /* transform: scale(1); */\r\n  }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: translateX(-6px);\r\n            transform: translateX(-6px);\r\n    /* transform: scale(0.9); */\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: translateX(0px);\r\n            transform: translateX(0px);\r\n    /* transform: scale(1); */\r\n  }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type) {\r\n  -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n          animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n  -webkit-animation-duration: 0.2s;\r\n          animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type)::before {\r\n  content: '\\E5CC';\r\n  color: rgba(255, 255, 255, 0.70196);\r\n  display: inline-block;\r\n  font-family: 'Material Icons';\r\n  font-size: 16px;\r\n  margin-right: 4px;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:first-of-type {\r\n  margin-left: 12px;\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n  /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n  /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n  font-weight: 600;\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n  margin: 10px;\r\n  flex-grow: 2;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n  height: 100%;\r\n  display: flex;\r\n  margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n  height: 100%;\r\n  display: flex;\r\n  margin-right: 0px !important;\r\n}";
+styleInject(css_248z$l);
 
 var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
 var withBreadcrumbs = function withBreadcrumbs(Comp) {
@@ -11219,9 +11225,14 @@ var getDomain = function getDomain(url) {
     } else return 'copart.com';
   }
 };
+var dateDiffInDays = function dateDiffInDays(date1, date2) {
+  var diffInMilliseconds = Math.abs(date2 - date1);
+  var millisecondsPerDay = 24 * 60 * 60 * 1000;
+  return Math.floor(diffInMilliseconds / millisecondsPerDay);
+};
 
-var css_248z$g = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n  margin: 80px 0 40px;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n";
-styleInject(css_248z$g);
+var css_248z$k = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n  margin: 80px 0 40px;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n";
+styleInject(css_248z$k);
 
 var ConfigFetcher =
 /*#__PURE__*/
@@ -21916,8 +21927,8 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
   return "\n    Feedback: ".concat(props.feedback, "\n    <br/>\n    Email: ").concat(props.email, "\n    <br/>\n    Url: ").concat(location.href, "\n    <br/>\n    Selected Yard: ").concat(props.selectedYard, "\n    <br/>\n    Home Yard: ").concat(props.homeYard, "\n    <br/>\n    User Agent: ").concat(navigator.userAgent, "\n    <br/>\n    <small><i>Sent from opsportal-core.</i></small>\n  ");
 }; // NOTE: Cloned from ops-portal repo.
 
-var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n  color: #0d5db8;\r\n  font-size: 15px;\r\n}\r\n";
-styleInject(css_248z$f);
+var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n  color: #0d5db8;\r\n  font-size: 15px;\r\n}\r\n";
+styleInject(css_248z$j);
 
 var FAQLink = function FAQLink() {
   return React__namespace.createElement("a", {
@@ -21931,8 +21942,8 @@ var FAQLink = function FAQLink() {
   }, locale('FAQs'));
 };
 
-var css_248z$e = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n  font-weight: bold;\r\n}\r\n";
-styleInject(css_248z$e);
+var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n  font-weight: bold;\r\n}\r\n";
+styleInject(css_248z$i);
 
 var FAQText = function FAQText() {
   return React__namespace.createElement("div", {
@@ -21942,8 +21953,8 @@ var FAQText = function FAQText() {
   }, locale('Please see'), " ", React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
 };
 
-var css_248z$d = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n  display: flex;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n  width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n  height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  height: 40px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n  margin: 5px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n  width: 60vw;\r\n  max-width: 600px;\r\n  padding: 10px 20px;\r\n}\r\n";
-styleInject(css_248z$d);
+var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n  display: flex;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n  width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n  margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n  height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  height: 40px;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n  margin: 5px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n  width: 60vw;\r\n  max-width: 600px;\r\n  padding: 10px 20px;\r\n}\r\n";
+styleInject(css_248z$h);
 
 var DialogTitle = function DialogTitle() {
   return React__namespace.createElement("span", {
@@ -22197,8 +22208,8 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 64px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n  color: white;\r\n  font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n  color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  width: 6rem;\r\n  margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n  margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n  margin-top: -0.2rem;\r\n  margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'Open Sans';\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n    format('woff2');\r\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n  color: #fff;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-weight: 600;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n  position: relative;\r\n  left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  margin-left: 10px;\r\n  margin-right: 7px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n  margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n  color: white;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  margin: 5px;\r\n  padding: 0px 10px;\r\n  height: 25px;\r\n  font-weight: bold;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n  border: 1px solid #1d5ab9;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n  color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n  color: red;\r\n  margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n  margin-right: 5px;\r\n  margin-left: 5px;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n  margin-left: 5px;\r\n  display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n  line-height: unset;\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n  color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n  margin-left: 10px !important;\r\n  margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n  margin-left: 10px !important;\r\n  margin-right: 10px !important;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n  margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n  margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n  background-color: rgba(0,0,0,.5);\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 402px;\r\n  height: 38px;\r\n  width: 38px;\r\n  background-color: white;\r\n  z-index: 11000;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n  width: 0px;\r\n  height: 0px;\r\n  border-left: 8px solid transparent;\r\n  border-right: 8px solid transparent;\r\n  border-bottom: 13px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n    margin-left: 2px;\r\n  }\r\n}\r\n";
-styleInject(css_248z$c);
+var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 64px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n  color: white;\r\n  font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n  color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  width: 6rem;\r\n  margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n  margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n  margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n  margin-top: -0.2rem;\r\n  margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n@font-face {\r\n  font-family: 'Open Sans';\r\n  font-style: italic;\r\n  font-weight: 600;\r\n  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n    format('woff2');\r\n  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n  color: #fff;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-weight: 600;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n  position: relative;\r\n  left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n  display: flex;\r\n  color: white;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  margin-left: 10px;\r\n  margin-right: 7px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n  margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n  color: white;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  margin: 5px;\r\n  padding: 0px 10px;\r\n  height: 25px;\r\n  font-weight: bold;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n  border: 1px solid #1d5ab9;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n  color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  background-color: white;\r\n  border-radius: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n  color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n  color: red;\r\n  margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n  margin-right: 5px;\r\n  margin-left: 5px;\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n  margin-left: 5px;\r\n  display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n  line-height: unset;\r\n  font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n  color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n  color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n  margin-left: 10px !important;\r\n  margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n  margin-left: 10px !important;\r\n  margin-right: 10px !important;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n  margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n  margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n  cursor: pointer;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n  background-color: #ef5350;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 0px;\r\n  left: 13px;\r\n  width: 10px;\r\n  height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n  position: absolute;\r\n  background: #fff;\r\n  padding: 8px;\r\n  right: 30px;\r\n  top: -2px;\r\n  border-radius: 2px;\r\n  font-weight: 400;\r\n  font-size: 12px;\r\n  cursor: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 100%;\r\n  margin-top: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n  color: #000;\r\n  font-size: 12px;\r\n  margin-left: 5px;\r\n  position: relative;\r\n  top: 1px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n  position: absolute;\r\n  display: flex;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n  background-color: rgba(0,0,0,.5);\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: absolute;\r\n  top: 2px;\r\n  right: 402px;\r\n  height: 38px;\r\n  width: 38px;\r\n  background-color: white;\r\n  z-index: 11000;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n  width: 0px;\r\n  height: 0px;\r\n  border-left: 8px solid transparent;\r\n  border-right: 8px solid transparent;\r\n  border-bottom: 13px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n    margin-left: 2px;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n    margin-left: 3px !important;\r\n    margin-right: 3px !important;\r\n  }\r\n\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n    margin-left: 2px;\r\n  }\r\n}\r\n";
+styleInject(css_248z$g);
 
 var LogOutMenu = function LogOutMenu(_ref) {
   var items = _ref.items,
@@ -22220,10 +22231,10 @@ var LogOutMenu = function LogOutMenu(_ref) {
   }));
 };
 
-var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n  max-width: 80px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n  max-width: 120px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n  line-height: 0;\r\n}\r\n";
-styleInject(css_248z$b);
+var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n  max-width: 80px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n  max-width: 120px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n  line-height: 0;\r\n}\r\n";
+styleInject(css_248z$f);
 
-var _styleModuleImportMap$7 = {
+var _styleModuleImportMap$a = {
   "./CopartLogo.css": {
     "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
     "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -22239,7 +22250,7 @@ var CopartLogo = function CopartLogo() {
     href: "/"
   }, React__namespace.createElement("img", {
     src: imageSrc,
-    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$7, {
+    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$a, {
       "handleMissingStyleName": "warn"
     })
   }));
@@ -22248,7 +22259,10 @@ var CopartLogo = function CopartLogo() {
 var Help = function Help(_ref) {
   var handleHelpClick = _ref.handleHelpClick,
       mihelpVisible = _ref.mihelpVisible,
-      mihelpIconRef = _ref.mihelpIconRef;
+      mihelpIconRef = _ref.mihelpIconRef,
+      showMihelpDot = _ref.showMihelpDot,
+      setShowMihelpTooltip = _ref.setShowMihelpTooltip,
+      showMihelpTooltip = _ref.showMihelpTooltip;
   return React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
     ref: mihelpIconRef
@@ -22262,64 +22276,910 @@ var Help = function Help(_ref) {
     style: {
       bottom: '-14px'
     }
-  }));
+  }), showMihelpDot && React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot"
+  }), showMihelpTooltip && React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip"
+  }, "Access Latest Release Notes here", React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return setShowMihelpTooltip(false);
+    }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "close",
+    variant: "material"
+  }))));
 };
 
-var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 64px;\r\n  width: 100vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--miHelpSideBar {\r\n  width: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--title {\r\n  font-weight: 600;\r\n  font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--header {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--subHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--subHeaderTitle {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--subHeaderTitle .utilities_ops-app-frame_AppBarComponent_Help_Help--back {\r\n  color: #1d5ab9;\r\n  margin-right: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--link {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--link i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -5px;\r\n  left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper {\r\n  margin-top: 20px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper h3 i {\r\n  color: #1d5ab9;\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -8px;\r\n  cursor: pointer;\r\n  left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper ul {\r\n  list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper ul li {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  margin: 6px 0;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper ul li img {\r\n  width: 17px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_AppBarComponent_Help_Help--viewMore {\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchWrapper span {\r\n  position: absolute;\r\n  width: 29px;\r\n  height: 29px;\r\n  background: #f3f2f1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  bottom: 1.5px;\r\n  right: 2px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--mihelpSearch {\r\n  width: 100%;\r\n  margin-top: 15px;\r\n  padding: 0px 10px;\r\n  height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper .utilities_ops-app-frame_AppBarComponent_Help_Help--searchResult {\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper .utilities_ops-app-frame_AppBarComponent_Help_Help--searchResult p {\r\n  white-space: pre-wrap;\r\n  margin-top: 13px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--spinnerWrapper {\r\n  position: absolute;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--overFlowHidden {\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitlewrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--likeswrapper {\r\n  color: #cbcbcb;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--like {\r\n  margin-left: 10px;\r\n  font-size: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--like i {\r\n  font-size: 14px;\r\n  margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitle {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitle img {\r\n  width: 18px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitle span {\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n}\r\n";
-styleInject(css_248z$a);
-
-var _styleModuleImportMap$6 = {
-  "./Help.css": {
-    "backdrop": "utilities_ops-app-frame_AppBarComponent_Help_Help--backdrop",
-    "miHelpSideBar": "utilities_ops-app-frame_AppBarComponent_Help_Help--miHelpSideBar",
-    "title": "utilities_ops-app-frame_AppBarComponent_Help_Help--title",
-    "header": "utilities_ops-app-frame_AppBarComponent_Help_Help--header",
-    "subHeader": "utilities_ops-app-frame_AppBarComponent_Help_Help--subHeader",
-    "subHeaderTitle": "utilities_ops-app-frame_AppBarComponent_Help_Help--subHeaderTitle",
-    "back": "utilities_ops-app-frame_AppBarComponent_Help_Help--back",
-    "link": "utilities_ops-app-frame_AppBarComponent_Help_Help--link",
-    "helpResourcesWrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper",
-    "viewMore": "utilities_ops-app-frame_AppBarComponent_Help_Help--viewMore",
-    "searchWrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--searchWrapper",
-    "mihelpSearch": "utilities_ops-app-frame_AppBarComponent_Help_Help--mihelpSearch",
-    "searchResultsWrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper",
-    "searchResult": "utilities_ops-app-frame_AppBarComponent_Help_Help--searchResult",
-    "spinnerWrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--spinnerWrapper",
-    "overFlowHidden": "utilities_ops-app-frame_AppBarComponent_Help_Help--overFlowHidden",
-    "searchTitlewrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitlewrapper",
-    "likeswrapper": "utilities_ops-app-frame_AppBarComponent_Help_Help--likeswrapper",
-    "like": "utilities_ops-app-frame_AppBarComponent_Help_Help--like",
-    "searchTitle": "utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitle"
-  }
-};
-var timer;
 var contentType = {
-  POPULAR_HELP_RESOURCES: {
-    type: 'POPULAR_HELP_RESOURCES',
-    title: 'All Recommended help resources',
+  RECOMMENDED_HELP_RESOURCES: {
+    type: 'RECOMMENDED_HELP_RESOURCES',
+    title: 'Recommended Help Resources',
     icon: '/assets/images/mihelpIcons/icon-helpresource.svg'
   },
   FAQS: {
     type: 'FAQS',
-    title: 'All FAQs',
+    title: 'FAQs',
     icon: '/assets/images/mihelpIcons/icon-faqs.svg'
   },
   RELEASE_NOTES: {
     type: 'RELEASE_NOTES',
-    title: 'All Latest Releases',
+    title: 'Latest Release',
     icon: '/assets/images/mihelpIcons/icon-releases.svg'
   }
 };
 var postTypeMapper = {
-  help_articles: contentType.POPULAR_HELP_RESOURCES.type,
+  help_articles: contentType.RECOMMENDED_HELP_RESOURCES.type,
   faq: contentType.FAQS.type,
   release_notes: contentType.RELEASE_NOTES.type
 };
 var redirectContants = {
   ALL_HELP_RESOURCES: 'ALL_HELP_RESOURCES',
   HELP_RESOURCES: 'HELP_RESOURCES',
+  RECOMMENDED_HELP_RESOURCES: 'HELP_RESOURCES',
   FAQS: 'FAQS',
-  RELEASE_NOTES: 'RELEASE_NOTES'
+  RELEASE_NOTES: 'RELEASE_NOTES',
+  OPEN_IN_NEW_TAB: 'OPEN_IN_NEW_TAB'
+};
+var views = {
+  HOME: 'HOME',
+  HELP_ARTICLE: 'HELP_ARTICLE',
+  FAQ: 'FAQ',
+  RELEASE_NOTE: 'RELEASE_NOTE'
+};
+var viewMapper = {
+  RECOMMENDED_HELP_RESOURCES: views.HELP_ARTICLE,
+  HOME: views.HOME,
+  FAQS: views.FAQ,
+  RELEASE_NOTES: views.RELEASE_NOTE,
+  help_articles: views.HELP_ARTICLE,
+  faq: views.FAQ,
+  release_notes: views.RELEASE_NOTE
+};
+
+var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 64px;\r\n  width: 100vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n  width: 50vw;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 64px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  color: #323130;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n  font-weight: 600;\r\n  font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n  color: #1d5ab9;\r\n  margin-right: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -5px;\r\n  left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n  margin-top: 20px;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n  color: #1d5ab9;\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -8px;\r\n  cursor: pointer;\r\n  left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n  list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  margin: 6px 0;\r\n  display: flex;\r\n  cursor: pointer;\r\n  width: -webkit-fit-content;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n  width: 17px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n  position: absolute;\r\n  width: 29px;\r\n  height: 29px;\r\n  background: #f3f2f1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  bottom: 1.5px;\r\n  right: 2px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n  width: 100%;\r\n  margin-top: 15px;\r\n  padding: 0px 10px;\r\n  height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n  width: 100%;\r\n  margin-top: 20px;\r\n  border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n  margin-top: 13px;\r\n  margin-bottom: 30px;\r\n  text-overflow: ellipsis;\r\n  width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n  position: absolute;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n  position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n  opacity: 0.3;\r\n  pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n  color: #cbcbcb;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n  margin-left: 10px;\r\n  font-size: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n  font-size: 14px;\r\n  margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n  width: 18px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n  color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n  width: 100%;\r\n  margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n  font-weight: 300;\r\n  font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n  color: #1d5ab9;\r\n  font-weight: 600;\r\n  font-size: 24px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n  border-top: 1px solid #dcdcdc;\r\n  padding-top: 13px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n  font-weight: 400;\r\n  font-size: 20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n  transition: all 0.2s ease-out;\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  height: auto;\r\n  max-height: 0;\r\n  transition: max-height 0.2s ease-out;\r\n  overflow: hidden;\r\n  margin-top: 13px;\r\n  white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n    white-space: break-spaces;\r\n  } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n  width: 100%;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n  margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n  margin-top: 10px;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 30px;\r\n  padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n  color: rgb(45, 206, 137);\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n  margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n  width: 300px;\r\n  height: 100px;\r\n  resize: none;\r\n  display: block;\r\n  margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n  font-size: 18px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n  background-color: rgb(29, 90, 185);\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  cursor: pointer;\r\n  margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  color: #2dce89;\r\n  margin-right: 6px;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n  border: 1px solid #2dce89 !important;\r\n  padding: 5px;\r\n  height: 30px;\r\n  width: 30px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n  background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n  fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n  color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n  border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n  background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n  font-style: italic;\r\n  /* font-weight: 700; */\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n  font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n  font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n  width: 100%;\r\n  border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n  font-weight: 400;\r\n  font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n  width: 100%;\r\n  border: 1px solid #dcdcdc;\r\n  padding: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-top: 50px;\r\n  position: relative;\r\n  text-align: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n  display: block;\r\n  text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n  font-size: 34px !important;\r\n  margin-bottom: 6px !important;\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n  font-size: 14px !important;\r\n  margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n  position: relative;\r\n  top: 2px;\r\n  margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n  margin-top: 7px;\r\n  border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n  pointer-events: none;\r\n  cursor: default;\r\n  background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n  position: absolute;\r\n  top: 0px;\r\n  right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n  font-weight: 800 !important;\r\n  font-size: 20px !important;\r\n  line-height: 27px !important;\r\n  color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n  width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  color: #000100;\r\n  margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n  resize: none;\r\n  height: 125px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n  font-weight: 600;\r\n  color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n  color: #1d5ab9;\r\n  font-size: 20px !important;\r\n  margin-top: 12px;\r\n  margin-bottom: 20px !important;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n  max-width: 700px;\r\n  min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  background: #edebe9;\r\n  padding: 10px 20px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n  padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n  font-weight: 600;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  -webkit-text-decoration-line: underline;\r\n          text-decoration-line: underline;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n  font-size: 10px;\r\n  position: relative;\r\n  top: -6px;\r\n  right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n  padding: 22px;\r\n  background-color: #1d5ab9;\r\n  color: #fff;\r\n  font-size: 32px !important;\r\n  width: 100% !important;\r\n  border-radius: 10px;\r\n  align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n  color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n  width: 65px !important;\r\n  margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n  flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  align-self: end;\r\n}\r\n";
+styleInject(css_248z$e);
+
+var _styleModuleImportMap$9 = {
+  "../Help.css": {
+    "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
+    "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
+    "title": "utilities_ops-app-frame_Help_Help--title",
+    "header": "utilities_ops-app-frame_Help_Help--header",
+    "close": "utilities_ops-app-frame_Help_Help--close",
+    "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
+    "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
+    "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
+    "back": "utilities_ops-app-frame_Help_Help--back",
+    "link": "utilities_ops-app-frame_Help_Help--link",
+    "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
+    "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
+    "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
+    "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
+    "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
+    "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
+    "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
+    "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
+    "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
+    "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
+    "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
+    "like": "utilities_ops-app-frame_Help_Help--like",
+    "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
+    "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
+    "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
+    "category": "utilities_ops-app-frame_Help_Help--category",
+    "accordian": "utilities_ops-app-frame_Help_Help--accordian",
+    "question": "utilities_ops-app-frame_Help_Help--question",
+    "answer": "utilities_ops-app-frame_Help_Help--answer",
+    "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
+    "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
+    "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
+    "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
+    "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
+    "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
+    "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
+    "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
+    "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
+    "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
+    "active": "utilities_ops-app-frame_Help_Help--active",
+    "dislike": "utilities_ops-app-frame_Help_Help--dislike",
+    "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
+    "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
+    "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
+    "disable": "utilities_ops-app-frame_Help_Help--disable",
+    "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
+    "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
+    "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
+  }
+};
+
+var ArticleSection = function ArticleSection(_ref) {
+  var getArticles = _ref.getArticles,
+      handleRedirect = _ref.handleRedirect,
+      viewMore = _ref.viewMore,
+      articleDetails = _ref.articleDetails,
+      redirectConstant = _ref.redirectConstant,
+      title = _ref.title,
+      mihelpAppPath = _ref.mihelpAppPath,
+      clickhandler = _ref.clickhandler,
+      isLatestRelease = _ref.isLatestRelease;
+  var articles = getArticles();
+  console.log("+++articles in Article section=", articles);
+  var highlightRelease = isLatestRelease && title !== 'G2Portal' && articleDetails.type === 'RELEASE_NOTES' && articles.length === 1;
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
+  }, React__default["default"].createElement("h3", null, articleDetails.title, title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES' ? 's' : '', !(title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES') ? React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return handleRedirect(redirectConstant, mihelpAppPath);
+    }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "open_in_new",
+    variant: "material"
+  })) : null), React__default["default"].createElement("ul", null, articles.slice(0, 5).map(function (article, i) {
+    return React__default["default"].createElement("li", {
+      key: i,
+      onClick: function onClick() {
+        return clickhandler(viewMapper[articleDetails.type], article);
+      },
+      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$9, {
+        "handleMissingStyleName": "warn"
+      })
+    }, React__default["default"].createElement("img", {
+      src: articleDetails.icon
+    }), React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--releaseTitle"
+    }, article.title || article.question, highlightRelease && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("br", null), "is Live Now!")), highlightRelease && React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--checkNow"
+    }, "Check Now!"));
+  })), articles.length > 5 ? React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--viewMore",
+    onClick: function onClick() {
+      return viewMore(articleDetails.type);
+    }
+  }, "view more") : null);
+};
+
+var Home = function Home(_ref) {
+  var viewMoreType = _ref.viewMoreType,
+      _getArticles = _ref.getArticles,
+      handleRedirect = _ref.handleRedirect,
+      viewMore = _ref.viewMore,
+      title = _ref.title,
+      mihelpAppPath = _ref.mihelpAppPath,
+      articleClickhandler = _ref.articleClickhandler,
+      isLatestRelease = _ref.isLatestRelease;
+  return !viewMoreType ? React__default["default"].createElement(React__default["default"].Fragment, null, Object.keys(contentType).map(function (key) {
+    return React__default["default"].createElement(ArticleSection, {
+      getArticles: function getArticles() {
+        return _getArticles(contentType[key].type);
+      },
+      handleRedirect: handleRedirect,
+      viewMore: viewMore,
+      articleDetails: contentType[key],
+      redirectConstant: redirectContants[key],
+      title: title,
+      key: key,
+      mihelpAppPath: mihelpAppPath,
+      clickhandler: articleClickhandler,
+      isLatestRelease: isLatestRelease
+    });
+  })) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
+  }, React__default["default"].createElement("h3", null, "All ", contentType[viewMoreType].title, title === 'G2Portal' && viewMoreType === 'RELEASE_NOTES' ? 's' : ''), React__default["default"].createElement("ul", null, _getArticles(viewMoreType).map(function (article) {
+    return React__default["default"].createElement("li", {
+      key: article.id,
+      onClick: function onClick() {
+        return articleClickhandler(viewMapper[viewMoreType], article);
+      }
+    }, React__default["default"].createElement("img", {
+      src: contentType[viewMoreType].icon
+    }), article.title || article.question);
+  }))));
+};
+
+var SearchResults = function SearchResults(_ref) {
+  var searchText = _ref.searchText,
+      results = _ref.results,
+      articleClickhandler = _ref.articleClickhandler,
+      loading = _ref.loading;
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      mounted = _useState2[0],
+      setMounted = _useState2[1];
+
+  React.useEffect(function () {
+    if (loading && mounted === null) {
+      setMounted(false);
+    } else if (!loading && mounted === false) {
+      setMounted(true);
+    }
+  }, [loading]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--searchResultsWrapper"
+  }, React__default["default"].createElement("h3", null, mounted ? results.length ? "Search results for \"".concat(searchText, "\"") : 'No Results Found' : null), React__default["default"].createElement("div", {
+    className: ""
+  }, results.map(function (result) {
+    return React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--searchResult",
+      key: result.ID
+    }, React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--searchTitlewrapper"
+    }, React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--searchTitle"
+    }, React__default["default"].createElement("img", {
+      src: contentType[postTypeMapper[result.post_type]].icon
+    }), React__default["default"].createElement("span", {
+      onClick: function onClick() {
+        return articleClickhandler(viewMapper[result.post_type], result, result.post_type === 'faq');
+      },
+      dangerouslySetInnerHTML: {
+        __html: result.post_title.replace(/<\/?[^>]+(>|$)/g, '')
+      }
+    })), result.post_type === 'help_articles' && React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--likeswrapper"
+    }, React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--like"
+    }, React__default["default"].createElement(coreComponents.Icon, {
+      name: "LikeSolid"
+    }), result.likeCount), React__default["default"].createElement("span", {
+      className: "utilities_ops-app-frame_Help_Help--like"
+    }, React__default["default"].createElement(coreComponents.Icon, {
+      name: "DislikeSolid"
+    }), result.dislikeCount))), React__default["default"].createElement("p", {
+      dangerouslySetInnerHTML: {
+        __html: result.post_excerpt.replace(/<\/?[^>]+(>|$)/g, '').replace(/(?:https?|ftp):\/\/[\n\S]+/g, '')
+      }
+    }));
+  })));
+};
+
+var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n    line-height: 1.15;\r\n    -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n    margin: 0;\r\n    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n    font-size: 1rem;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    background-color: #fff;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    margin-top: .5rem;\r\n    margin-bottom: 1rem;\r\n    font-family: inherit;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n    color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n    font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n    font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n    font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n    font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n    font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n    font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n    margin-top: 0;\r\n    margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n    box-sizing: content-box;\r\n    height: 0;\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em;\r\n    white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n    background-color: transparent;\r\n    text-decoration: none;\r\n    color: var(--e-global-color-text);\r\n    color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n    color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n    color: inherit;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n    outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n    border-bottom: none;\r\n    -webkit-text-decoration: underline dotted;\r\n    text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n    font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n    font-family: monospace,monospace;\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n    font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n    bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n    top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n    border-style: none;\r\n    height: auto;\r\n    max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n    display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n    font-size: 16px;\r\n    color: #333;\r\n    line-height: 1.4;\r\n    font-style: italic;\r\n    font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n    display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    clip: rect(0,0,0,0);\r\n    white-space: nowrap;\r\n    border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n    display: inline-block;\r\n    line-height: 1;\r\n    vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    font-family: inherit;\r\n    font-size: 1rem;\r\n    line-height: 1.5;\r\n    margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    width: 100%;\r\n    border: 1px solid #666;\r\n    border-radius: 3px;\r\n    padding: .5rem 1rem;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n    border-color: #333;\r\n    outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n    overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    width: auto;\r\n    -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n    border-style: none;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n    outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n    display: inline-block;\r\n    font-weight: 400;\r\n    color: #c36;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-color: transparent;\r\n    border: 1px solid #c36;\r\n    padding: .5rem 1rem;\r\n    font-size: 1rem;\r\n    border-radius: 3px;\r\n    transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n    outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n    color: #fff;\r\n    background-color: #c36;\r\n    text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n    cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n    padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n    box-sizing: border-box;\r\n    color: inherit;\r\n    display: table;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n    vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n    overflow: auto;\r\n    resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n    box-sizing: border-box;\r\n    padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n    height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n    -webkit-appearance: textfield;\r\n    outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n    -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n    -webkit-appearance: button;\r\n    font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n    display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    font-size: .9em;\r\n    border-spacing: 0;\r\n    border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    padding: 15px;\r\n    line-height: 1.5;\r\n    vertical-align: top;\r\n    border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n    font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n    font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n    border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n    background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n    background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n    border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n        font-size:.8em\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        padding: 7px;\r\n        line-height: 1.3\r\n    }\r\n\r\n    .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n        font-weight: 400\r\n    }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    border: 0;\r\n    outline: 0;\r\n    font-size: 100%;\r\n    vertical-align: baseline;\r\n    background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n    width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n    opacity: 0.3;\r\n    pointer-events: none;\r\n  }\r\n";
+styleInject(css_248z$d);
+
+var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n  --wp-admin-theme-color: #007cba;\n  --wp-admin-theme-color--rgb: 0, 124, 186;\n  --wp-admin-theme-color-darker-10: #006ba1;\n  --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n  --wp-admin-theme-color-darker-20: #005a87;\n  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n  --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  :root {\n    --wp-admin-border-width-focus: 1.5px;\n  }\n}\n\n:root {\n  /* stylelint-disable function-comma-space-after */\n  /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n  background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n  background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n  background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n  background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n  background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n  background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n  background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n  background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n  background-color: #9b51e0;\n}\n:root .has-white-background-color {\n  background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n  background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n  background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n  background-color: #313131;\n}\n:root .has-black-background-color {\n  background-color: #000;\n}\n:root .has-pale-pink-color {\n  color: #f78da7;\n}\n:root .has-vivid-red-color {\n  color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n  color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n  color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n  color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n  color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n  color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n  color: #0693e3;\n}\n:root .has-vivid-purple-color {\n  color: #9b51e0;\n}\n:root .has-white-color {\n  color: #fff;\n}\n:root .has-very-light-gray-color {\n  color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n  color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n  color: #313131;\n}\n:root .has-black-color {\n  color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n  background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n  background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n  background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n  background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n  background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n  background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n  background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n  background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n  background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n  font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n  font-size: 1em;\n}\n\n.has-medium-font-size {\n  font-size: 1.25em;\n}\n\n.has-large-font-size {\n  font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n  font-size: 2.625em;\n}\n\n.has-text-align-center {\n  text-align: center;\n}\n\n.has-text-align-left {\n  /*rtl:ignore*/\n  text-align: left;\n}\n\n.has-text-align-right {\n  /*rtl:ignore*/\n  text-align: right;\n}\n\n#end-resizable-editor-section {\n  display: none;\n}\n\n.aligncenter {\n  clear: both;\n}\n\n.items-justified-left {\n  justify-content: flex-start;\n}\n\n.items-justified-center {\n  justify-content: center;\n}\n\n.items-justified-right {\n  justify-content: flex-end;\n}\n\n.items-justified-space-between {\n  justify-content: space-between;\n}\n\n.screen-reader-text {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n  background-color: #ddd;\n  clip: auto !important;\n  -webkit-clip-path: none;\n          clip-path: none;\n  color: #444;\n  display: block;\n  font-size: 1em;\n  height: auto;\n  left: 5px;\n  line-height: normal;\n  padding: 15px 23px 14px;\n  text-decoration: none;\n  top: 5px;\n  width: auto;\n  z-index: 100000;\n}";
+styleInject(css_248z$c);
+
+var css_248z$b = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n  display: none;\n}\n\n.wp-block-archives-dropdown label {\n  display: block;\n}\n\n.wp-block-audio {\n  margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n  margin-top: 0.5em;\n  margin-bottom: 1em;\n}\n.wp-block-audio audio {\n  width: 100%;\n  min-width: 300px;\n}\n\n.wp-block-button__link {\n  color: #fff;\n  background-color: #32373c;\n  border-radius: 9999px;\n  box-shadow: none;\n  cursor: pointer;\n  display: inline-block;\n  font-size: 1.125em;\n  padding: calc(0.667em + 2px) calc(1.333em + 2px);\n  text-align: center;\n  text-decoration: none;\n  word-wrap: break-word;\n  box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n  color: #fff;\n}\n.wp-block-button__link.aligncenter {\n  text-align: center;\n}\n.wp-block-button__link.alignright {\n  /*rtl:ignore*/\n  text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n  max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n  width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n  font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n  width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n  width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n  width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n  width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n  margin-right: 0;\n  width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n  .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n    margin-right: 0;\n    margin-left: 0;\n  }\n  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n    width: calc(25% - 0.375em);\n  }\n  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n    width: calc(50% - 0.25em);\n  }\n  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n    width: calc(75% - 0.125em);\n  }\n  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n    width: auto;\n    flex-basis: 100%;\n  }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n  border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n  border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n  border: 2px solid currentColor;\n  padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n  color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n  background-color: transparent;\n}\n\n.wp-block-buttons {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  grid-column-gap: 0.5em;\n  -webkit-column-gap: 0.5em;\n     -moz-column-gap: 0.5em;\n          column-gap: 0.5em;\n  /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n  flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n  /*rtl:ignore*/\n  margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n  margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n  display: inline-block;\n  /*rtl:ignore*/\n  margin-left: 0;\n  /*rtl:ignore*/\n  margin-right: 0.5em;\n  margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n  /*rtl:ignore*/\n  margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n  justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n  align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n  justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n  align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n  justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n  /*rtl:ignore*/\n  margin-left: 0.5em;\n  /*rtl:ignore*/\n  margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n  /*rtl:ignore*/\n  margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n  align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n  justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n  text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n  /*rtl:ignore*/\n  margin-left: 0;\n  /*rtl:ignore*/\n  margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n  /*rtl:ignore*/\n  margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n  /*rtl:ignore*/\n  margin-right: 0;\n  /*rtl:ignore*/\n  margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n  /*rtl:ignore*/\n  margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n  /* stylelint-enable indentation */\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 0.5em;\n  width: 100%;\n}\n\n.wp-block-button.aligncenter {\n  text-align: center;\n}\n\n.wp-block-calendar {\n  text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n  padding: 0.25em;\n  border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n  border: none;\n}\n.wp-block-calendar table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.wp-block-calendar table th {\n  font-weight: 400;\n  background: #ddd;\n}\n.wp-block-calendar a {\n  text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n  color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n  /*rtl:ignore*/\n  margin-right: 2em;\n}\n.wp-block-categories.alignright {\n  /*rtl:ignore*/\n  margin-left: 2em;\n}\n\n.wp-block-code code {\n  display: block;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.wp-block-columns {\n  display: flex;\n  margin-bottom: 1.75em;\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  /**\n  * All Columns Alignment\n  */\n}\n@media (min-width: 782px) {\n  .wp-block-columns {\n    flex-wrap: nowrap;\n  }\n}\n.wp-block-columns.has-background {\n  padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n  align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n  align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n  align-items: flex-end;\n}\n@media (max-width: 599px) {\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n    flex-basis: 100% !important;\n  }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n    flex-basis: calc(50% - 1em) !important;\n    flex-grow: 0;\n  }\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n    margin-left: 2em;\n  }\n}\n@media (min-width: 782px) {\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n    flex-grow: 0;\n  }\n  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n    margin-left: 2em;\n  }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n  flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n  flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n  margin-left: 2em;\n}\n\n.wp-block-column {\n  flex-grow: 1;\n  min-width: 0;\n  word-break: break-word;\n  word-wrap: break-word;\n  /**\n  * Individual Column Alignment\n  */\n}\n.wp-block-column.is-vertically-aligned-top {\n  align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n  align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n  align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n  width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n  position: relative;\n  background-size: cover;\n  background-position: center center;\n  min-height: 430px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 1em;\n  box-sizing: border-box;\n  /**\n   * Set a default background color for has-background-dim _unless_ it includes another\n   * background-color class (e.g. has-green-background-color). The presence of another\n   * background-color class implies that another style will provide the background color\n   * for the overlay.\n   *\n   * See:\n   *   - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n   *   - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n   */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n  background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n  .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n    background-attachment: scroll;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n    background-attachment: scroll;\n  }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n  background-repeat: repeat;\n  background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n  background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n  content: \"\";\n  background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 1;\n  opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n  opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n  opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n  opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n  opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n  opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n  opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n  opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n  opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n  opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n  opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n  max-width: 420px;\n  width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n  display: block;\n  content: \"\";\n  font-size: 0;\n  min-height: inherit;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .wp-block-cover-image::after,\n.wp-block-cover::after {\n    content: none;\n  }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n  display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n  width: 100%;\n  z-index: 1;\n  color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n  color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n  align-items: flex-start;\n  justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n  align-items: center;\n  justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n  align-items: center;\n  justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n  align-items: center;\n  justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n  align-items: flex-end;\n  justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n  margin: 0;\n  width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  max-height: none;\n  -o-object-fit: cover;\n     object-fit: cover;\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n  z-index: 0;\n}\n\n.wp-block-cover__image-background {\n  z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n  color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n  color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n  justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n  justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n  margin-left: 0;\n  text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n  margin-right: 0;\n  text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n  font-size: 2em;\n  line-height: 1.25;\n  z-index: 1;\n  margin-bottom: 0;\n  max-width: 840px;\n  padding: 0.44em;\n  text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n  max-width: 360px;\n  width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n  min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n  min-width: 320px;\n  min-height: 240px;\n}\n\n.wp-block-embed {\n  margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n  margin-top: 0.5em;\n  margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n  max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n  position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n  content: \"\";\n  display: block;\n  padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n  padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n  padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n  padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n  padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n  padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n  padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n  padding-top: 200%;\n}\n\n.wp-block-file {\n  margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n  text-align: center;\n}\n.wp-block-file.alignright {\n  /*rtl:ignore*/\n  text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n  margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n  background: #32373c;\n  border-radius: 2em;\n  color: #fff;\n  font-size: 0.8em;\n  padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n  text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n  box-shadow: none;\n  color: #fff;\n  opacity: 0.85;\n  text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n  margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n  display: flex;\n  flex-wrap: wrap;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n  margin: 0 1em 1em 0;\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  align-self: flex-start;\n  width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n  margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n  margin: 0;\n  height: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n    display: flex;\n    align-items: flex-end;\n    justify-content: flex-start;\n  }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n    width: auto;\n  }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  max-height: 100%;\n  overflow: auto;\n  padding: 3em 0.77em 0.7em;\n  color: #fff;\n  text-align: center;\n  font-size: 0.8em;\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n  box-sizing: border-box;\n  margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n  display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n  flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n  align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n  width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n    height: 100%;\n    flex: 1;\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n  width: 100%;\n  margin-right: 0;\n}\n@media (min-width: 600px) {\n  .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n    width: calc(33.3333333333% - 0.6666666667em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n    width: calc(25% - 0.75em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n    width: calc(20% - 0.8em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n    width: calc(16.6666666667% - 0.8333333333em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n    width: calc(14.2857142857% - 0.8571428571em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n    width: calc(12.5% - 0.875em);\n    margin-right: 1em;\n  }\n  .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n    margin-right: 0;\n  }\n  .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n    margin-right: 0;\n  }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n  margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n  max-width: 420px;\n  width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n  justify-content: center;\n}\n\n.wp-block-group {\n  box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n  padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n  margin: 0 0 1em 0;\n}\n.wp-block-image img {\n  max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n  border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n  text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n  width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n  display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n  display: table-caption;\n  caption-side: bottom;\n}\n.wp-block-image .alignleft {\n  /*rtl:ignore*/\n  float: left;\n  /*rtl:ignore*/\n  margin-left: 0;\n  margin-right: 1em;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n  /*rtl:ignore*/\n  float: right;\n  /*rtl:ignore*/\n  margin-right: 0;\n  margin-left: 1em;\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n  margin-left: auto;\n  margin-right: auto;\n}\n.wp-block-image figcaption {\n  margin-top: 0.5em;\n  margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n  border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n  border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n  .wp-block-image.is-style-circle-mask img {\n    /* stylelint-disable */\n    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n            mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n    /* stylelint-enable */\n    mask-mode: alpha;\n    -webkit-mask-repeat: no-repeat;\n            mask-repeat: no-repeat;\n    -webkit-mask-size: contain;\n            mask-size: contain;\n    -webkit-mask-position: center;\n            mask-position: center;\n    border-radius: 0;\n  }\n}\n\n.wp-block-image figure {\n  margin: 0;\n}\n\nol.wp-block-latest-comments {\n  margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n  padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n  line-height: 1.1;\n  list-style: none;\n  margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n  min-height: 2.25em;\n  list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n  margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n  line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n  font-size: 0.875em;\n  line-height: 1.8;\n  margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n  display: block;\n  font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n  border-radius: 1.5em;\n  display: block;\n  float: left;\n  height: 2.5em;\n  margin-right: 0.75em;\n  width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n  /*rtl:ignore*/\n  margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n  /*rtl:ignore*/\n  margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n  list-style: none;\n  padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n  clear: both;\n}\n.wp-block-latest-posts.is-grid {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n  margin: 0 1.25em 1.25em 0;\n  width: 100%;\n}\n@media (min-width: 600px) {\n  .wp-block-latest-posts.columns-2 li {\n    width: calc((100% / 2) - 1.25em + (1.25em / 2));\n  }\n  .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n    margin-right: 0;\n  }\n  .wp-block-latest-posts.columns-3 li {\n    width: calc((100% / 3) - 1.25em + (1.25em / 3));\n  }\n  .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n    margin-right: 0;\n  }\n  .wp-block-latest-posts.columns-4 li {\n    width: calc((100% / 4) - 1.25em + (1.25em / 4));\n  }\n  .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n    margin-right: 0;\n  }\n  .wp-block-latest-posts.columns-5 li {\n    width: calc((100% / 5) - 1.25em + (1.25em / 5));\n  }\n  .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n    margin-right: 0;\n  }\n  .wp-block-latest-posts.columns-6 li {\n    width: calc((100% / 6) - 1.25em + (1.25em / 6));\n  }\n  .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n    margin-right: 0;\n  }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n  display: block;\n  font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n  margin-top: 0.5em;\n  margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n  display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n  height: auto;\n  width: auto;\n  max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n  /*rtl:ignore*/\n  margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n  /*rtl:ignore*/\n  margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n  margin-bottom: 1em;\n  text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n  margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n  padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n  /*!rtl:begin:ignore*/\n  direction: ltr;\n  /*!rtl:end:ignore*/\n  display: grid;\n  grid-template-columns: 50% 1fr;\n  grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n  grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n  align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n  align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n  align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n  /*!rtl:begin:ignore*/\n  grid-column: 1;\n  grid-row: 1;\n  /*!rtl:end:ignore*/\n  margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n  direction: ltr;\n  /*!rtl:begin:ignore*/\n  grid-column: 2;\n  grid-row: 1;\n  /*!rtl:end:ignore*/\n  padding: 0 8% 0 8%;\n  word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n  /*!rtl:begin:ignore*/\n  grid-column: 2;\n  grid-row: 1;\n  /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n  /*!rtl:begin:ignore*/\n  grid-column: 1;\n  grid-row: 1;\n  /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n  max-width: unset;\n  width: 100%;\n  vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n  height: 100%;\n  min-height: 250px;\n  background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n  display: block;\n  height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n  .wp-block-media-text.is-stacked-on-mobile {\n    grid-template-columns: 100% !important;\n  }\n  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n    grid-column: 1;\n    grid-row: 1;\n  }\n  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n    grid-column: 1;\n    grid-row: 2;\n  }\n}\n.wp-block-navigation {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.wp-block-navigation.is-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n  list-style: none;\n  padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n  display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n  color: inherit;\n  display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n  text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n  text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n  text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n  text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n  text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n  height: inherit;\n  margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n  stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n  background-color: inherit;\n  color: inherit;\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  align-items: normal;\n  min-width: 200px;\n  opacity: 0;\n  transition: opacity 0.1s linear;\n  visibility: hidden;\n  left: -1em;\n  top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n  display: flex;\n  flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n  margin-right: 0;\n  margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n  margin: 0;\n}\n@media (min-width: 782px) {\n  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n    left: 100%;\n    top: -1px;\n  }\n  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n    content: \"\";\n    position: absolute;\n    right: 100%;\n    height: 100%;\n    display: block;\n    width: 0.5em;\n    background: transparent;\n  }\n  .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n    -webkit-transform: rotate(-90deg);\n            transform: rotate(-90deg);\n  }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n  visibility: visible;\n  opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n  visibility: visible;\n  opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n  visibility: visible;\n  opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n  cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n  visibility: visible;\n  opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n  cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n  cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n  visibility: visible;\n  opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n  visibility: visible;\n  opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n  left: 0;\n  top: 100%;\n}\n@media (min-width: 782px) {\n  .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n    left: 100%;\n    top: 0;\n  }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n  margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n  margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n  margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n  margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n  padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n  padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n  padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n  left: auto;\n  right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n  left: auto;\n  right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n  background-color: #fff;\n  color: #000;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n  align-items: center;\n  list-style: none;\n  margin: 0;\n  padding-left: 0;\n  display: flex;\n  flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n  display: none;\n}\n.is-vertical .wp-block-navigation__container {\n  display: block;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n  justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n  justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n  justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n  align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n  align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n  margin-right: 0;\n  justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 100000;\n  padding: 24px;\n  background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n  margin-right: auto;\n  align-items: flex-start;\n  line-height: 48px;\n  padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n  flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n  color: inherit !important;\n  background: transparent !important;\n}\n@media (min-width: 600px) {\n  .wp-block-navigation__responsive-container:not(.is-menu-open) {\n    display: flex;\n    flex-direction: row;\n    position: relative;\n    background-color: inherit;\n  }\n  .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n    display: none;\n  }\n  .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n    left: 0;\n  }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n  background-color: #fff;\n  color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n  vertical-align: middle;\n  cursor: pointer;\n  color: currentColor;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n  fill: currentColor;\n  pointer-events: none;\n  display: block;\n  width: 24px;\n  height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n  display: flex;\n}\n@media (min-width: 600px) {\n  .wp-block-navigation__responsive-container-open {\n    display: none;\n  }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n  margin-left: 0;\n  margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n  margin-left: auto;\n  margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n  width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n  width: 100%;\n  height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n  display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n  position: relative;\n  opacity: 1;\n  visibility: visible;\n  padding: 0 0 0 32px;\n  border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\nhtml.has-modal-open {\n  overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n  word-break: normal;\n  word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n  color: inherit;\n  display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n  text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n  text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n  text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n  text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n  text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n  background-color: #fff;\n  color: #000;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n  top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n  display: flex;\n  flex-wrap: wrap;\n  background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n  background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n  display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n  display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n  display: block;\n}\n\n@media (min-width: 480px) {\n  .is-open .wp-block-navigation__container .wp-block-page-list {\n    display: flex;\n  }\n}\n\n.items-justified-space-between .wp-block-page-list {\n  display: contents;\n}\n\n.is-small-text {\n  font-size: 0.875em;\n}\n\n.is-regular-text {\n  font-size: 1em;\n}\n\n.is-large-text {\n  font-size: 2.25em;\n}\n\n.is-larger-text {\n  font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n  float: left;\n  font-size: 8.4em;\n  line-height: 0.68;\n  font-weight: 100;\n  margin: 0.05em 0.1em 0 0;\n  text-transform: uppercase;\n  font-style: normal;\n}\n\np.has-drop-cap.has-background {\n  overflow: hidden;\n}\n\np.has-background {\n  padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n  color: inherit;\n}\n\n.wp-block-post-author {\n  display: flex;\n  flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n  width: 100%;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n  margin-right: 1em;\n}\n.wp-block-post-author__bio {\n  margin-bottom: 0.7em;\n  font-size: 0.7em;\n}\n.wp-block-post-author__content {\n  flex-grow: 1;\n  flex-basis: 0;\n}\n.wp-block-post-author__name {\n  font-weight: bold;\n  margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n  min-height: 2.25em;\n  padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n  font-size: 0.875em;\n  line-height: 1.8;\n  margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.wp-block-post-comments .comment-author {\n  line-height: 1.5;\n  margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n  border-radius: 1.5em;\n  display: block;\n  float: left;\n  height: 2.5em;\n  margin-right: 0.75em;\n  width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n  font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n  line-height: 1.5;\n  margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n  font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n  display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n  box-sizing: border-box;\n  width: 100%;\n}\n.wp-block-post-comments .reply {\n  font-size: 0.75em;\n  margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n  border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n  border: none;\n  box-shadow: none;\n  cursor: pointer;\n  display: inline-block;\n  text-align: center;\n  word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n  display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n  white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n  display: inline-block;\n}\n\n.wp-block-preformatted {\n  white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n  padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n  margin: 0 0 1em 0;\n  padding: 3em 0;\n  text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n  color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n  max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n  font-size: 1.25em;\n}\n.wp-block-pullquote p {\n  font-size: 1.75em;\n  line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n  position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n  color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n  text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n  text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n  background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n  border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n  text-transform: none;\n  font-style: normal;\n}\n\n.wp-block-pullquote cite {\n  color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n  max-width: 100%;\n  list-style: none;\n  padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n  clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n  flex-direction: row;\n  display: flex;\n  flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n  margin: 0 0 1.25em 0;\n  width: 100%;\n}\n@media (min-width: 600px) {\n  .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n    margin-right: 1.25em;\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n    width: calc((100% / 2) - 1.25em + (1.25em / 2));\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n    margin-right: 0;\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n    width: calc((100% / 3) - 1.25em + (1.25em / 3));\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n    margin-right: 0;\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n    width: calc((100% / 4) - 1.25em + (1.25em / 4));\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n    margin-right: 0;\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n    width: calc((100% / 5) - 1.25em + (1.25em / 5));\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n    margin-right: 0;\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n    width: calc((100% / 6) - 1.25em + (1.25em / 6));\n  }\n  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n    margin-right: 0;\n  }\n}\n\n.wp-block-query-pagination {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n  display: inline-block;\n  /*rtl:ignore*/\n  margin-right: 0.5em;\n  margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n  /*rtl:ignore*/\n  margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n  margin-bottom: 1em;\n  padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n  font-size: 1.5em;\n  font-style: italic;\n  line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n  font-size: 1.125em;\n  text-align: right;\n}\n\nul.wp-block-rss {\n  list-style: none;\n  padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n  box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n  /*rtl:ignore*/\n  margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n  /*rtl:ignore*/\n  margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0;\n  list-style: none;\n}\nul.wp-block-rss.is-grid li {\n  margin: 0 1em 1em 0;\n  width: 100%;\n}\n@media (min-width: 600px) {\n  ul.wp-block-rss.columns-2 li {\n    width: calc(( 100% / 2 ) - 1em);\n  }\n  ul.wp-block-rss.columns-3 li {\n    width: calc(( 100% / 3 ) - 1em);\n  }\n  ul.wp-block-rss.columns-4 li {\n    width: calc(( 100% / 4 ) - 1em);\n  }\n  ul.wp-block-rss.columns-5 li {\n    width: calc(( 100% / 5 ) - 1em);\n  }\n  ul.wp-block-rss.columns-6 li {\n    width: calc(( 100% / 6 ) - 1em);\n  }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n  display: block;\n  font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n  background: #f7f7f7;\n  border: 1px solid #ccc;\n  padding: 0.375em 0.625em;\n  color: #32373c;\n  margin-left: 0.625em;\n  word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n  line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n  min-width: 1.5em;\n  min-height: 1.5em;\n  fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n  display: flex;\n  flex: auto;\n  flex-wrap: nowrap;\n  max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n  width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n  padding: 8px;\n  flex-grow: 1;\n  min-width: 3em;\n  border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n  margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n  padding: 4px;\n  border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n  border-radius: 0;\n  border: none;\n  padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n  outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n  padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n  margin: auto;\n}\n\n.wp-block-separator {\n  border-top: 1px solid currentColor;\n  border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n  border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n  background: none !important;\n  border: none;\n  text-align: center;\n  width: none;\n  line-height: 1;\n  height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n  content: \"···\";\n  color: currentColor;\n  font-size: 1.5em;\n  letter-spacing: 2em;\n  /*rtl:ignore*/\n  padding-left: 2em;\n  font-family: serif;\n}\n\n.wp-block-site-logo {\n  line-height: 0;\n}\n.wp-block-site-logo a {\n  display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n  width: 120px;\n  height: auto;\n}\n.wp-block-site-logo .aligncenter {\n  display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n  border-radius: 9999px;\n}\n\n.wp-block-social-links {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  padding-right: 0;\n  text-indent: 0;\n  margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n  text-decoration: none;\n  border-bottom: 0;\n  box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n  margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n  padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n  width: 1em;\n  height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n  font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n  font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n  font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n  font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n  justify-content: center;\n  display: flex;\n}\n.wp-block-social-links.alignright {\n  justify-content: flex-end;\n}\n\n.wp-block-social-link {\n  display: block;\n  border-radius: 9999px;\n  transition: -webkit-transform 0.1s ease;\n  transition: transform 0.1s ease;\n  transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n  height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n  .wp-block-social-link {\n    transition-duration: 0s;\n    transition-delay: 0s;\n  }\n}\n.wp-block-social-link a {\n  display: block;\n  line-height: 0;\n  transition: -webkit-transform 0.1s ease;\n  transition: transform 0.1s ease;\n  transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n  -webkit-transform: scale(1.1);\n          transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n  color: currentColor;\n  fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n  background-color: #f0f0f0;\n  color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n  background-color: #f90;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n  background-color: #1ea0c3;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n  background-color: #0757fe;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n  background-color: #1e1f26;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n  background-color: #02e49b;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n  background-color: #e94c89;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n  background-color: #4280ff;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n  background-color: #f45800;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n  background-color: #1778f2;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n  background-color: #000;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n  background-color: #0461dd;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n  background-color: #e65678;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n  background-color: #24292d;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n  background-color: #eceadd;\n  color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n  background-color: #ea4434;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n  background-color: #f00075;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n  background-color: #e21b24;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n  background-color: #0d66c2;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n  background-color: #3288d4;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n  background-color: #02ab6c;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n  background-color: #f6405f;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n  background-color: #ff424d;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n  background-color: #e60122;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n  background-color: #ef4155;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n  background-color: #fe4500;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n  background-color: #0478d7;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n  background-color: #fefc00;\n  color: #fff;\n  stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n  background-color: #ff5600;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n  background-color: #1bd760;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n  background-color: #2aabee;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n  background-color: #000;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n  background-color: #011835;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n  background-color: #6440a4;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n  background-color: #1da1f2;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n  background-color: #1eb7ea;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n  background-color: #4680c2;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n  background-color: #3499cd;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n  background-color: #d32422;\n  color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n  background-color: #f00;\n  color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n  background: none;\n  padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n  color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n  color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n  color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n  color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n  color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n  color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n  color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n  color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n  color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n  color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n  color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n  color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n  color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n  color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n  color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n  color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n  color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n  color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n  color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n  color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n  color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n  color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n  color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n  color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n  color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n  color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n  color: #fff;\n  stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n  color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n  color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n  color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n  color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n  color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n  color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n  color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n  color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n  color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n  color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n  color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n  color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n  width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n  padding-left: calc((2/3) * 1em);\n  padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n  clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n  text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n  padding-left: 1em;\n  padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n  display: inline-block;\n  margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n  display: inline-block;\n  margin-left: 5px;\n  text-decoration: none;\n}\n\n.wp-block-table {\n  margin: 0 0 1em 0;\n  overflow-x: auto;\n}\n.wp-block-table table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n  table-layout: fixed;\n  width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n  word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n  display: table;\n  width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n  word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n  background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n  background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n  background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n  background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n  border-spacing: 0;\n  border-collapse: inherit;\n  background-color: transparent;\n  border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n  background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n  background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n  background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n  background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n  background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n  border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n  border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n  border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n  border-width: inherit;\n}\n\n.wp-block-text-columns {\n  display: flex;\n}\n.wp-block-text-columns.aligncenter {\n  display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n  margin: 0 1em;\n  padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n  margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n  margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n  width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n  width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n  width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n  font-family: inherit;\n  overflow: auto;\n  white-space: pre-wrap;\n}\n\n.wp-block-video {\n  margin: 0 0 1em 0;\n}\n.wp-block-video video {\n  width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n  .wp-block-video [poster] {\n    -o-object-fit: cover;\n       object-fit: cover;\n  }\n}\n.wp-block-video.aligncenter {\n  text-align: center;\n}\n.wp-block-video figcaption {\n  margin-top: 0.5em;\n  margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n  margin-left: 0;\n  margin-right: 0;\n}\n.wp-block-post-featured-image a {\n  display: inline-block;\n}\n.wp-block-post-featured-image img {\n  max-width: 100%;\n  width: 100%;\n  height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n  width: 100%;\n}\n\n:root {\n  /* stylelint-disable function-comma-space-after */\n  /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n  background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n  background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n  background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n  background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n  background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n  background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n  background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n  background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n  background-color: #9b51e0;\n}\n:root .has-white-background-color {\n  background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n  background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n  background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n  background-color: #313131;\n}\n:root .has-black-background-color {\n  background-color: #000;\n}\n:root .has-pale-pink-color {\n  color: #f78da7;\n}\n:root .has-vivid-red-color {\n  color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n  color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n  color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n  color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n  color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n  color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n  color: #0693e3;\n}\n:root .has-vivid-purple-color {\n  color: #9b51e0;\n}\n:root .has-white-color {\n  color: #fff;\n}\n:root .has-very-light-gray-color {\n  color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n  color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n  color: #313131;\n}\n:root .has-black-color {\n  color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n  background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n  background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n  background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n  background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n  background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n  background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n  background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n  background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n  background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n  background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n  background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n  background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n  background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n  background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n  background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n  background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n  background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n  font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n  font-size: 1em;\n}\n\n.has-medium-font-size {\n  font-size: 1.25em;\n}\n\n.has-large-font-size {\n  font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n  font-size: 2.625em;\n}\n\n.has-text-align-center {\n  text-align: center;\n}\n\n.has-text-align-left {\n  /*rtl:ignore*/\n  text-align: left;\n}\n\n.has-text-align-right {\n  /*rtl:ignore*/\n  text-align: right;\n}\n\n#end-resizable-editor-section {\n  display: none;\n}\n\n.aligncenter {\n  clear: both;\n}\n\n.items-justified-left {\n  justify-content: flex-start;\n}\n\n.items-justified-center {\n  justify-content: center;\n}\n\n.items-justified-right {\n  justify-content: flex-end;\n}\n\n.items-justified-space-between {\n  justify-content: space-between;\n}\n\n.screen-reader-text {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n  background-color: #ddd;\n  clip: auto !important;\n  -webkit-clip-path: none;\n          clip-path: none;\n  color: #444;\n  display: block;\n  font-size: 1em;\n  height: auto;\n  left: 5px;\n  line-height: normal;\n  padding: 15px 23px 14px;\n  text-decoration: none;\n  top: 5px;\n  width: auto;\n  z-index: 100000;\n}";
+styleInject(css_248z$b);
+
+var css_248z$a = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n  display: none;\n}\n\n.wp-block-audio figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n  font-family: Menlo, Consolas, monaco, monospace;\n  color: #1e1e1e;\n  padding: 0.8em 1em;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n  border-top: 4px solid currentColor;\n  border-bottom: 4px solid currentColor;\n  margin-bottom: 1.75em;\n  color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n  color: currentColor;\n  text-transform: uppercase;\n  font-size: 0.8125em;\n  font-style: normal;\n}\n\n.wp-block-quote {\n  border-left: 0.25em solid currentColor;\n  margin: 0 0 1.75em 0;\n  padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n  color: currentColor;\n  font-size: 0.8125em;\n  position: relative;\n  font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n  border-left: none;\n  border-right: 0.25em solid currentColor;\n  padding-left: 0;\n  padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n  border: none;\n  padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n  border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n  font-weight: bold;\n}\n\n.wp-block-group.has-background {\n  padding: 1.25em 2.375em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.wp-block-separator {\n  border: none;\n  border-bottom: 2px solid currentColor;\n  margin-left: auto;\n  margin-right: auto;\n  opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n  width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n  border-bottom: none;\n  height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n  height: 2px;\n}\n\n.wp-block-table thead {\n  border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n  border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n  padding: 0.5em;\n  border: 1px solid;\n  word-break: normal;\n}\n.wp-block-table figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n  color: #555;\n  font-size: 13px;\n  text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n  color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n  padding: 1.25em 2.375em;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n  display: none;\n}";
+styleInject(css_248z$a);
+
+var _styleModuleImportMap$8 = {
+  "../wordpressStyles.css": {
+    "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
+    "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
+    "helpArticle": "utilities_ops-app-frame_Help_wordpressStyles--helpArticle",
+    "nonInteractive": "utilities_ops-app-frame_Help_wordpressStyles--nonInteractive"
+  }
+};
+
+function HelpArticleContent(_ref) {
+  var article = _ref.article,
+      showQuestionSection = _ref.showQuestionSection,
+      children = _ref.children;
+  React.useEffect(function () {
+    var youtubeVideoEl = document.querySelector('.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube .wp-block-embed__wrapper');
+
+    if (youtubeVideoEl) {
+      var url = youtubeVideoEl.innerText;
+      youtubeVideoEl.innerHTML = '';
+      var videoId = url.slice(url.indexOf('v=')).replace('v=', '');
+      var embeddedUrl = "https://www.youtube.com/embed/".concat(videoId, "?feature=oembed");
+      var iframeEl = document.createElement('iframe');
+      iframeEl.setAttribute('loading', 'lazy');
+      iframeEl.setAttribute('width', '800');
+      iframeEl.setAttribute('height', '450');
+      iframeEl.setAttribute('frameborder', '0');
+      iframeEl.setAttribute('allowfullscreen', 'true');
+      iframeEl.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
+      iframeEl.setAttribute('src', embeddedUrl);
+      youtubeVideoEl.appendChild(iframeEl);
+    }
+  }, [article]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$8, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("div", {
+    className: "elementor elementor-1674 elementor-location-single post-5001700 help_articles type-help_articles status-publish hentry help_article_categories-process-documents applications_tax-g2-portal country-are country-bhr country-can country-gbr country-ind country-irl country-omn country-usa"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-section-wrap"
+  }, React__default["default"].createElement("section", {
+    className: "elementor-section elementor-top-section elementor-element elementor-element-4a49924 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-container elementor-column-gap-default"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-e83e3ae"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-widget-wrap elementor-element-populated"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-element elementor-element-efa7410 elementor-widget elementor-widget-theme-post-content"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-widget-container"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-widget-container",
+    dangerouslySetInnerHTML: {
+      __html: article.content
+    }
+  })))))))))), React__default["default"].createElement(React__default["default"].Fragment, null, children));
+}
+
+var Like = function Like() {
+  return React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "12.727",
+    viewBox: "0 0 14 12.727"
+  }, React__default["default"].createElement("path", {
+    d: "M1.5,14.227H4.045V6.591H1.5Zm14-7a1.276,1.276,0,0,0-1.273-1.273H10.212l.6-2.908.019-.2a.958.958,0,0,0-.28-.675L9.881,1.5,5.694,5.694a1.244,1.244,0,0,0-.375.9v6.364a1.276,1.276,0,0,0,1.273,1.273h5.727a1.264,1.264,0,0,0,1.171-.776l1.922-4.486A1.257,1.257,0,0,0,15.5,8.5V7.285l-.006-.006Z",
+    transform: "translate(-1.5 -1.5)",
+    fill: "#2dce89"
+  }));
+};
+var Dislike = function Dislike() {
+  return React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "12.727",
+    viewBox: "0 0 14 12.727"
+  }, React__default["default"].createElement("path", {
+    d: "M10.409,4.5H4.682a1.264,1.264,0,0,0-1.171.776L1.589,9.763a1.257,1.257,0,0,0-.089.465v1.215l.006.006L1.5,11.5a1.276,1.276,0,0,0,1.273,1.273H6.788l-.6,2.908-.019.2a.958.958,0,0,0,.28.675l.675.668,4.194-4.194a1.265,1.265,0,0,0,.369-.9V5.773A1.276,1.276,0,0,0,10.409,4.5Zm2.545,0v7.636H15.5V4.5Z",
+    transform: "translate(-1.5 -4.5)",
+    fill: "#f5365c"
+  }));
+};
+
+var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
+  var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedByLikes = sortedBySequence.sort((a, b) => {
+  //   return parseInt(b.likes) - parseInt(a.likes)
+  // })
+
+  var recomendedArticles = articles.filter(function (article) {
+    return article.recomended === 'true';
+  });
+  var sortedBySequence = recomendedArticles.sort(function (a, b) {
+    return parseInt(a.sequence) - parseInt(b.sequence);
+  });
+  return sortedBySequence;
+};
+var getFaqs = function getFaqs(helpContent) {
+  var _helpContent$faqs$;
+
+  var faqData = !isNil$1(helpContent) ? (_helpContent$faqs$ = helpContent.faqs[0]) === null || _helpContent$faqs$ === void 0 ? void 0 : _helpContent$faqs$.content : '';
+  if (!faqData) return [];
+  var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
+  var faqs = [];
+  Object.keys(faqObj.data).forEach(function (key, i) {
+    if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
+      faqs.push({
+        question: faqObj.data[key],
+        answer: faqObj.data["".concat(key.replace('question', ''), "answer")].replace(/\n/g, '<br>'),
+        category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
+        id: i
+      });
+    }
+  });
+  return faqs;
+};
+var getReleaseNotes = function getReleaseNotes(helpContent, mihelpAppPath) {
+  var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
+
+  if (!mihelpAppPath) {
+    var releaseNotesByApp = {};
+    releasenotes.forEach(function (note) {
+      if (releaseNotesByApp[note.application]) {
+        releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
+      } else {
+        releaseNotesByApp[note.application] = [note];
+      }
+    });
+    var latestReleasesByApp = [];
+    Object.keys(releaseNotesByApp).forEach(function (app) {
+      if (releaseNotesByApp[app].length < 2) {
+        latestReleasesByApp.push(releaseNotesByApp[app][0]);
+        return;
+      }
+
+      var latestArticle = releaseNotesByApp[app][0];
+      releaseNotesByApp[app].forEach(function (release) {
+        if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
+          latestArticle = release;
+        }
+      });
+      latestReleasesByApp.push(latestArticle);
+    });
+    return latestReleasesByApp;
+  } else {
+    var latestArticle = releasenotes[0];
+    releasenotes.forEach(function (release) {
+      if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
+        latestArticle = release;
+      }
+    });
+    return [latestArticle];
+  }
+};
+var timer;
+var debounce = function debounce(fn, delay) {
+  clearTimeout(timer);
+  timer = setTimeout(function () {
+    return fn();
+  }, delay);
+};
+var clearDebounceTimer = function clearDebounceTimer() {
+  clearTimeout(timer);
+};
+var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
+  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
+  var uri;
+
+  switch (type) {
+    case redirectContants.OPEN_IN_NEW_TAB:
+      uri = currentArticle.url;
+      break;
+
+    case redirectContants.ALL_HELP_RESOURCES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
+      break;
+
+    case redirectContants.HELP_RESOURCES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#help-resources") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#help-resources");
+      break;
+
+    case redirectContants.FAQS:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
+      break;
+
+    case redirectContants.RELEASE_NOTES:
+      uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
+      break;
+  }
+
+  window.open(uri, '_blank');
+};
+var formatPublishDate = function formatPublishDate(publishdate) {
+  var date = new Date(publishdate);
+  var month = new Intl.DateTimeFormat('en', {
+    month: 'short'
+  }).format(date);
+  var day = new Intl.DateTimeFormat('en', {
+    day: '2-digit'
+  }).format(date);
+  var year = new Intl.DateTimeFormat('en', {
+    year: 'numeric'
+  }).format(date);
+  return "".concat(month, "-").concat(day, "-").concat(year);
+};
+
+var _styleModuleImportMap$7 = {
+  "../Help.css": {
+    "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
+    "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
+    "title": "utilities_ops-app-frame_Help_Help--title",
+    "header": "utilities_ops-app-frame_Help_Help--header",
+    "close": "utilities_ops-app-frame_Help_Help--close",
+    "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
+    "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
+    "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
+    "back": "utilities_ops-app-frame_Help_Help--back",
+    "link": "utilities_ops-app-frame_Help_Help--link",
+    "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
+    "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
+    "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
+    "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
+    "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
+    "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
+    "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
+    "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
+    "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
+    "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
+    "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
+    "like": "utilities_ops-app-frame_Help_Help--like",
+    "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
+    "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
+    "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
+    "category": "utilities_ops-app-frame_Help_Help--category",
+    "accordian": "utilities_ops-app-frame_Help_Help--accordian",
+    "question": "utilities_ops-app-frame_Help_Help--question",
+    "answer": "utilities_ops-app-frame_Help_Help--answer",
+    "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
+    "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
+    "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
+    "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
+    "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
+    "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
+    "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
+    "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
+    "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
+    "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
+    "active": "utilities_ops-app-frame_Help_Help--active",
+    "dislike": "utilities_ops-app-frame_Help_Help--dislike",
+    "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
+    "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
+    "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
+    "disable": "utilities_ops-app-frame_Help_Help--disable",
+    "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
+    "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
+    "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
+  }
+};
+
+var HelpArticle = function HelpArticle(_ref) {
+  var currentArticle = _ref.currentArticle,
+      modifyLinks = _ref.modifyLinks,
+      articleClickhandler = _ref.articleClickhandler,
+      likeHandler = _ref.likeHandler,
+      dislikeHandler = _ref.dislikeHandler,
+      skipFeedback = _ref.skipFeedback,
+      submitFeedback = _ref.submitFeedback,
+      feedbackConfig = _ref.feedbackConfig,
+      submitQuestion = _ref.submitQuestion,
+      showQuestionSection = _ref.showQuestionSection,
+      setShowQuestionSection = _ref.setShowQuestionSection,
+      showSuccessSection = _ref.showSuccessSection,
+      setShowSuccessSection = _ref.setShowSuccessSection,
+      questionSectionRef = _ref.questionSectionRef;
+
+  var _useState = React.useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      feedback = _useState2[0],
+      setFeedback = _useState2[1];
+
+  var _useState3 = React.useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      question = _useState4[0],
+      setQuestion = _useState4[1];
+
+  var _useState5 = React.useState('selectCategory'),
+      _useState6 = _slicedToArray(_useState5, 2),
+      category = _useState6[0],
+      setCategory = _useState6[1];
+
+  React.useEffect(function () {
+    modifyLinks();
+  }, [currentArticle]);
+
+  var feedbackSubmitHandler = function feedbackSubmitHandler() {
+    submitFeedback(feedback);
+    setFeedback('');
+  };
+
+  var questionSubmitHandler = function questionSubmitHandler() {
+    submitQuestion(question, category);
+    setShowSuccessSection(true);
+  };
+
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpArticle"
+  }, React__default["default"].createElement("h3", {
+    className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, currentArticle.title), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
+  }, React__default["default"].createElement(HelpArticleContent, {
+    article: currentArticle,
+    showQuestionSection: showQuestionSection
+  }, React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+    className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--likeWrapper"
+  }, !currentArticle.showFeedback ? React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--likeTxt"
+  }, "Was this useful?") : null, React__default["default"].createElement("span", {
+    className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return likeHandler(currentArticle);
+    }
+  }, React__default["default"].createElement(Like, null)), React__default["default"].createElement("span", null, currentArticle.likes)), React__default["default"].createElement("span", {
+    className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("span", {
+    onClick: function onClick() {
+      return dislikeHandler(currentArticle);
+    }
+  }, React__default["default"].createElement(Dislike, null)), React__default["default"].createElement("span", null, currentArticle.dislikes)), currentArticle.showThanksText ? React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--thanksText"
+  }, "Thanks for your feedback!") : null) : React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--feedbackWrapper"
+  }, React__default["default"].createElement("h5", null, "Sorry! Tell us how can we improve it?"), React__default["default"].createElement("textarea", {
+    placeholder: "Write feedback message...",
+    maxLength: "500",
+    spellCheck: "false",
+    value: feedback,
+    onChange: function onChange(e) {
+      return setFeedback(e.target.value);
+    }
+  }), React__default["default"].createElement("div", {
+    className: ""
+  }, React__default["default"].createElement("span", {
+    onClick: feedbackSubmitHandler
+  }, "Submit"), React__default["default"].createElement("span", {
+    onClick: skipFeedback
+  }, "Skip")))), React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--dateWrapper"
+  }, React__default["default"].createElement("b", null, "Last updated on:"), ' ', React__default["default"].createElement("span", null, currentArticle.updatedDate ? formatPublishDate(currentArticle.updatedDate) : null))), currentArticle.relatedHelpResources && React__default["default"].createElement("div", {
+    className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, React__default["default"].createElement("h3", null, "Related Help Resources"), React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
+    return React__default["default"].createElement("li", {
+      onClick: function onClick() {
+        return articleClickhandler(views.HELP_ARTICLE, article);
+      }
+    }, React__default["default"].createElement("img", {
+      src: "/assets/images/mihelpIcons/icon-helpresource.svg"
+    }), article.post_title);
+  }))), React__default["default"].createElement("div", {
+    ref: questionSectionRef,
+    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, !showQuestionSection ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("h2", null, "Got more questions?"), React__default["default"].createElement("p", null, "If these resources are not enough to satisfy your queries then"), React__default["default"].createElement("p", null, React__default["default"].createElement("b", null, "Feel free to submit your question here.")), React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--submitBtn",
+    onClick: function onClick() {
+      return setShowQuestionSection(true);
+    }
+  }, "Submit Question")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--close"
+  }, React__default["default"].createElement(coreComponents.IconButton, {
+    onClick: function onClick() {
+      return setShowQuestionSection(false);
+    }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "close",
+    variant: "material"
+  }))), !showSuccessSection ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("h3", null, "Submit your Question"), React__default["default"].createElement("p", null, "If you have an", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "innovation idea"), " or a", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "suggestion"), ", click on the", ' ', React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--highlightRed"
+  }, "light bulb"), React__default["default"].createElement("img", {
+    src: "/assets/images/mihelpIcons/icon-bulb.svg"
+  }), " on top right of the G2 portal. For anything else, please proceed below."), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--CategoryWrapper"
+  }, React__default["default"].createElement("label", null, "Category"), React__default["default"].createElement("select", {
+    value: category,
+    onChange: function onChange(e) {
+      return setCategory(e.target.value);
+    }
+  }, React__default["default"].createElement("option", {
+    value: "selectCategory"
+  }, "- select category -"), feedbackConfig.issueTypeOptions.map(function (option) {
+    return React__default["default"].createElement("option", {
+      value: option.value
+    }, option.value);
+  }))), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--questionWrapper"
+  }, React__default["default"].createElement("label", null, "Your Question"), React__default["default"].createElement("textarea", {
+    value: question,
+    onChange: function onChange(e) {
+      return setQuestion(e.target.value);
+    }
+  })), React__default["default"].createElement("span", {
+    onClick: questionSubmitHandler,
+    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$7, {
+      "handleMissingStyleName": "warn"
+    })
+  }, "Submit")) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("img", {
+    src: "/assets/images/mihelpIcons/icon-success.svg",
+    style: {
+      marginTop: '50px'
+    }
+  }), React__default["default"].createElement("p", {
+    className: "utilities_ops-app-frame_Help_Help--successMsg"
+  }, "Thanks! Your question submitted successfully"), React__default["default"].createElement("span", {
+    style: {
+      marginBottom: '12px'
+    }
+  }, "Due to Covid-19 Pandemic, 72 hours is the minimum response time for your question."), React__default["default"].createElement("span", {
+    style: {
+      marginBottom: '100px'
+    }
+  }, React__default["default"].createElement("b", null, "Feel free to explore other help resources and FAQs to avoid waiting time.")))))))));
+};
+
+function ReleaseNoteContent(_ref) {
+  var content = _ref.content;
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-kit-38"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-element elementor-element-8c17653 elementor-widget elementor-widget-theme-post-content"
+  }, React__default["default"].createElement("div", {
+    className: "elementor-widget-container",
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }))));
+}
+
+function Accordian(_ref) {
+  var question = _ref.question,
+      answer = _ref.answer,
+      isOpen = _ref.isOpen,
+      mihelpRef = _ref.mihelpRef;
+
+  var _useState = React.useState(Boolean(isOpen)),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var faqRef = React.useRef(null);
+  React.useEffect(function () {
+    if (isOpen) {
+      var offsetTop = faqRef.current.offsetTop;
+      mihelpRef.current.scroll({
+        top: offsetTop - 50,
+        behavior: 'smooth'
+      });
+    }
+  }, [isOpen]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--accordian"
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--question",
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    ref: faqRef
+  }, React__default["default"].createElement("p", {
+    style: {
+      color: open ? '#1D5AB9' : '#323130'
+    }
+  }, question), React__default["default"].createElement(coreComponents.Icon, {
+    name: "chevron_right",
+    variant: "material",
+    style: {
+      transform: open ? 'rotate(90deg)' : 'rotate(0deg)',
+      color: open ? '#1D5AB9' : '#DCDCDC'
+    }
+  })), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--answer",
+    style: {
+      maxHeight: open ? '500px' : 0
+    }
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: answer
+  })));
+}
+
+var Faq = function Faq(_ref) {
+  var faqs = _ref.faqs,
+      currentArticle = _ref.currentArticle,
+      mihelpRef = _ref.mihelpRef,
+      modifyLinks = _ref.modifyLinks;
+  React.useEffect(function () {
+    modifyLinks();
+  }, [faqs]);
+  var faqsByCategory = {};
+  faqs.forEach(function (faq) {
+    if (faqsByCategory[faq.category]) {
+      faqsByCategory[faq.category] = [].concat(_toConsumableArray(faqsByCategory[faq.category]), [faq]);
+    } else {
+      faqsByCategory[faq.category] = [faq];
+    }
+  });
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--faqContentWrapper"
+  }, React__default["default"].createElement("h3", null, "FAQs"), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--faqsList"
+  }, Object.keys(faqsByCategory).map(function (category) {
+    return React__default["default"].createElement("div", {
+      className: "utilities_ops-app-frame_Help_Help--category"
+    }, React__default["default"].createElement("h3", null, category, " (", faqsByCategory[category].length, ")"), faqsByCategory[category].map(function (faq) {
+      return React__default["default"].createElement(Accordian, {
+        question: faq.question,
+        answer: faq.answer,
+        isOpen: faq.id === currentArticle.id,
+        mihelpRef: mihelpRef
+      });
+    }));
+  })));
+};
+
+var ReleaseNote = function ReleaseNote(_ref) {
+  var currentArticle = _ref.currentArticle,
+      modifyLinks = _ref.modifyLinks;
+  React.useEffect(function () {
+    modifyLinks();
+  }, [currentArticle]);
+  return React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseNote"
+  }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseNoteContent"
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: currentArticle.content
+  })));
+};
+
+var _styleModuleImportMap$6 = {
+  "./Help.css": {
+    "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
+    "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
+    "title": "utilities_ops-app-frame_Help_Help--title",
+    "header": "utilities_ops-app-frame_Help_Help--header",
+    "close": "utilities_ops-app-frame_Help_Help--close",
+    "submitQuestionWrapper": "utilities_ops-app-frame_Help_Help--submitQuestionWrapper",
+    "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
+    "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
+    "back": "utilities_ops-app-frame_Help_Help--back",
+    "link": "utilities_ops-app-frame_Help_Help--link",
+    "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
+    "relatedResourcesWrapper": "utilities_ops-app-frame_Help_Help--relatedResourcesWrapper",
+    "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
+    "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
+    "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
+    "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
+    "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
+    "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
+    "nonInteractive": "utilities_ops-app-frame_Help_Help--nonInteractive",
+    "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
+    "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
+    "like": "utilities_ops-app-frame_Help_Help--like",
+    "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
+    "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
+    "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
+    "category": "utilities_ops-app-frame_Help_Help--category",
+    "accordian": "utilities_ops-app-frame_Help_Help--accordian",
+    "question": "utilities_ops-app-frame_Help_Help--question",
+    "answer": "utilities_ops-app-frame_Help_Help--answer",
+    "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
+    "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
+    "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
+    "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper",
+    "articleFooter": "utilities_ops-app-frame_Help_Help--articleFooter",
+    "likeWrapper": "utilities_ops-app-frame_Help_Help--likeWrapper",
+    "likeTxt": "utilities_ops-app-frame_Help_Help--likeTxt",
+    "thanksText": "utilities_ops-app-frame_Help_Help--thanksText",
+    "feedbackWrapper": "utilities_ops-app-frame_Help_Help--feedbackWrapper",
+    "likebtnWrapper": "utilities_ops-app-frame_Help_Help--likebtnWrapper",
+    "active": "utilities_ops-app-frame_Help_Help--active",
+    "dislike": "utilities_ops-app-frame_Help_Help--dislike",
+    "dateWrapper": "utilities_ops-app-frame_Help_Help--dateWrapper",
+    "noFlex": "utilities_ops-app-frame_Help_Help--noFlex",
+    "submitBtn": "utilities_ops-app-frame_Help_Help--submitBtn",
+    "disable": "utilities_ops-app-frame_Help_Help--disable",
+    "CategoryWrapper": "utilities_ops-app-frame_Help_Help--CategoryWrapper",
+    "questionWrapper": "utilities_ops-app-frame_Help_Help--questionWrapper",
+    "highlightRed": "utilities_ops-app-frame_Help_Help--highlightRed",
+    "successMsg": "utilities_ops-app-frame_Help_Help--successMsg",
+    "releaseDialogContent": "utilities_ops-app-frame_Help_Help--releaseDialogContent",
+    "releaseDialogHeader": "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    "releaseDialogBody": "utilities_ops-app-frame_Help_Help--releaseDialogBody",
+    "releaseNoteActive": "utilities_ops-app-frame_Help_Help--releaseNoteActive",
+    "releaseTitle": "utilities_ops-app-frame_Help_Help--releaseTitle",
+    "checkNow": "utilities_ops-app-frame_Help_Help--checkNow"
+  }
 };
 
 var HelpSideBar = function HelpSideBar(_ref) {
@@ -22327,7 +23187,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
       _ref.getTitle;
       var mihelpAppPath = _ref.mihelpAppPath,
       mihelpRef = _ref.mihelpRef,
-      setMihelpVisible = _ref.setMihelpVisible;
+      setMihelpVisible = _ref.setMihelpVisible,
+      feedbackConfig = _ref.feedbackConfig,
+      showMihelpDot = _ref.showMihelpDot;
 
   var _useState = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -22339,24 +23201,92 @@ var HelpSideBar = function HelpSideBar(_ref) {
       searchText = _useState4[0],
       setSearchText = _useState4[1];
 
-  var _useState5 = React.useState([]),
+  var _useState5 = React.useState(''),
       _useState6 = _slicedToArray(_useState5, 2),
-      searchResults = _useState6[0],
-      setSearchResults = _useState6[1];
+      title = _useState6[0],
+      setTitle = _useState6[1];
 
-  var _useState7 = React.useState(false),
+  var _useState7 = React.useState([]),
       _useState8 = _slicedToArray(_useState7, 2),
-      searching = _useState8[0],
-      setSearching = _useState8[1];
+      searchResults = _useState8[0],
+      setSearchResults = _useState8[1];
 
-  var _useState9 = React.useState(null),
+  var _useState9 = React.useState(false),
       _useState10 = _slicedToArray(_useState9, 2),
-      viewMoreType = _useState10[0],
-      setViewMoreType = _useState10[1];
+      loading = _useState10[0],
+      setLoading = _useState10[1];
 
+  var _useState11 = React.useState(null),
+      _useState12 = _slicedToArray(_useState11, 2),
+      viewMoreType = _useState12[0],
+      setViewMoreType = _useState12[1];
+
+  var _useState13 = React.useState(views.HOME),
+      _useState14 = _slicedToArray(_useState13, 2),
+      currentView = _useState14[0],
+      setCurrentView = _useState14[1];
+
+  var _useState15 = React.useState(null),
+      _useState16 = _slicedToArray(_useState15, 2),
+      currentArticle = _useState16[0],
+      setcurrentArticle = _useState16[1];
+
+  var _useState17 = React.useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      history = _useState18[0],
+      setHistory = _useState18[1];
+
+  var _useState19 = React.useState(false),
+      _useState20 = _slicedToArray(_useState19, 2),
+      showQuestionSection = _useState20[0],
+      setShowQuestionSection = _useState20[1];
+
+  var _useState21 = React.useState(false),
+      _useState22 = _slicedToArray(_useState21, 2),
+      showSuccessSection = _useState22[0],
+      setShowSuccessSection = _useState22[1];
+
+  var _useState23 = React.useState(false),
+      _useState24 = _slicedToArray(_useState23, 2),
+      backClicked = _useState24[0],
+      setBackClicked = _useState24[1];
+
+  var _useState25 = React.useState(null),
+      _useState26 = _slicedToArray(_useState25, 2),
+      faqs = _useState26[0],
+      setFaqs = _useState26[1];
+
+  var _useState27 = React.useState(null),
+      _useState28 = _slicedToArray(_useState27, 2),
+      selectedFaq = _useState28[0],
+      setSelectedFaq = _useState28[1];
+
+  var spinnerRef = React.useRef();
+  var questionSectionRef = React.useRef();
+  React.useEffect(function () {
+    if (!showQuestionSection) {
+      setShowSuccessSection(false);
+    } else {
+      var offsetTop = questionSectionRef.current.offsetTop;
+      mihelpRef.current.scroll({
+        top: offsetTop - 50,
+        behavior: 'smooth'
+      });
+    }
+  }, [showQuestionSection]);
   React.useEffect(function () {
-    getHelpContent();
+    var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
+    setTitle(appTitle);
+    getHelpContent(); // appendElementorStyles()
   }, []);
+  React.useEffect(function () {
+    if (loading) {
+      var diff = mihelpRef.current.scrollHeight - mihelpRef.current.offsetHeight;
+      spinnerRef.current.style.bottom = "-".concat(diff, "px");
+      var svgRef = spinnerRef.current.querySelector('svg');
+      svgRef.style.bottom = "".concat(mihelpRef.current.offsetHeight / 2 - 25, "px");
+    }
+  }, [loading]);
 
   var getHelpContent =
   /*#__PURE__*/
@@ -22364,37 +23294,44 @@ var HelpSideBar = function HelpSideBar(_ref) {
     var _ref2 = _asyncToGenerator(
     /*#__PURE__*/
     regenerator.mark(function _callee() {
-      var response;
+      var _storage$getLocalItem, _response$data, country, app, url, response;
+
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _context.next = 3;
-              return axios.get('/mihelpservices/helpContent?app=g2-portal&country=USA', {
+              setLoading(true);
+              country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+              app = mihelpAppPath || 'g2-portal';
+              url = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.getMihelpContent;
+              _context.next = 7;
+              return axios.get("".concat(url, "?app=").concat(app, "&country=").concat(country), {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 3:
+            case 7:
               response = _context.sent;
-              console.log('+++data=', response);
               setHelpContent(response === null || response === void 0 ? void 0 : response.data);
-              _context.next = 11;
+              setFaqs(response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.faqs[0]);
+              setLoading(false);
+              _context.next = 17;
               break;
 
-            case 8:
-              _context.prev = 8;
+            case 13:
+              _context.prev = 13;
               _context.t0 = _context["catch"](0);
+              setLoading(false);
               console.log('+++fetch error=', _context.t0);
 
-            case 11:
+            case 17:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 13]]);
     }));
 
     return function getHelpContent() {
@@ -22402,82 +23339,17 @@ var HelpSideBar = function HelpSideBar(_ref) {
     };
   }();
 
-  var getRecommendedHelpArticles = function getRecommendedHelpArticles() {
-    var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedBySequence = articles.sort((a, b) => {
-    //   return parseInt(a.sequence) - parseInt(b.sequence)
-    // })
-    // const sortedByLikes = sortedBySequence.sort((a, b) => {
-    //   return parseInt(b.likes) - parseInt(a.likes)
-    // })
-
-    var recomendedArticles = articles.filter(function (article) {
-      return article.recomended === 'true';
-    });
-    return recomendedArticles;
-  };
-
-  var getFaqs = function getFaqs() {
-    var faqData = !isNil$1(helpContent) ? helpContent.faqs[0].content : '';
-    if (!faqData) return [];
-    var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
-    console.log('faqObj=', faqObj);
-    var faqs = [];
-    Object.keys(faqObj.data).forEach(function (key) {
-      if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
-        console.log(faqObj.data[key]);
-        faqs.push({
-          question: faqObj.data[key],
-          answer: faqObj.data["".concat(key.replace('question', ''), "answer")]
-        });
-      }
-    });
-    return faqs;
-  };
-
-  var getReleaseNotes = function getReleaseNotes() {
-    var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
-    var releaseNotesByApp = {};
-    releasenotes.forEach(function (note) {
-      if (releaseNotesByApp[note.application]) {
-        releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
+  React.useEffect(function () {
+    if (!backClicked) {
+      if (searchText.length) {
+        debounce(getSearchResults, 250);
       } else {
-        releaseNotesByApp[note.application] = [note];
-      }
-    }); // console.log('+++releaseNotesByApp=', releaseNotesByApp)
-
-    var latestReleasesByApp = [];
-    Object.keys(releaseNotesByApp).forEach(function (app) {
-      if (releaseNotesByApp[app].length < 2) {
-        latestReleasesByApp.push(releaseNotesByApp[app][0]);
-        return;
+        setLoading(false);
+        clearDebounceTimer();
+        setSearchResults([]);
       }
-
-      var latestArticle = releaseNotesByApp[app][0];
-      releaseNotesByApp[app].forEach(function (release) {
-        if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
-          latestArticle = release;
-        }
-      });
-      latestReleasesByApp.push(latestArticle);
-    }); // console.log('+++latestReleasesByApp final=', latestReleasesByApp)
-
-    return latestReleasesByApp;
-  };
-
-  var debounce = function debounce(fn, delay) {
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      return fn();
-    }, delay);
-  };
-
-  React.useEffect(function () {
-    if (searchText.length) {
-      debounce(getSearchResults, 250);
     } else {
-      setSearching(false);
-      clearTimeout(timer);
-      setSearchResults([]);
+      setBackClicked(false);
     }
   }, [searchText]);
 
@@ -22487,134 +23359,549 @@ var HelpSideBar = function HelpSideBar(_ref) {
     var _ref3 = _asyncToGenerator(
     /*#__PURE__*/
     regenerator.mark(function _callee2() {
-      var response;
+      var _storage$getLocalItem2, url, response;
+
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              setSearching(true);
-              _context2.next = 3;
-              return axios.get("/mihelpservices/search?s=".concat(searchText, "&country=USA"), {
+              _context2.prev = 0;
+              url = (_storage$getLocalItem2 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.mihelpSearch;
+              setLoading(true);
+              _context2.next = 5;
+              return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
                 headers: {
                   Authorization: storage$1.accessToken
                 }
               });
 
-            case 3:
+            case 5:
               response = _context2.sent;
-              console.log('+++response=', response.data.results);
               setSearchResults(response.data.results);
-              setSearching(false);
+              setLoading(false);
+              _context2.next = 14;
+              break;
 
-            case 7:
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.log(_context2.t0);
+              setLoading(false);
+
+            case 14:
             case "end":
               return _context2.stop();
           }
         }
-      }, _callee2);
+      }, _callee2, null, [[0, 10]]);
     }));
 
     return function getSearchResults() {
       return _ref3.apply(this, arguments);
     };
-  }(); // console.log('getTitle=', getTitle())
-
+  }();
 
-  var title = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal'; // console.log('+++title=', title)
+  var viewMore = function viewMore(type) {
+    saveHistory();
+    setViewMoreType(type);
+  };
 
-  var handleRedirect = function handleRedirect(type) {
-    var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
-    var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
-    var uri;
+  var getArticles = function getArticles(type) {
+    console.log('+++getArticles type=', type);
 
     switch (type) {
-      case redirectContants.ALL_HELP_RESOURCES:
-        uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
-        break;
+      case contentType.RECOMMENDED_HELP_RESOURCES.type:
+        return getRecommendedHelpArticles(helpContent);
 
-      case redirectContants.HELP_RESOURCES:
-        uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#help-resources") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#help-resources");
-        break;
+      case contentType.FAQS.type:
+        return getFaqs(helpContent);
 
-      case redirectContants.FAQS:
-        uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
-        break;
+      case contentType.RELEASE_NOTES.type:
+        return getReleaseNotes(helpContent, mihelpAppPath);
 
-      case redirectContants.RELEASE_NOTES:
-        uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
-        break;
+      default:
+        return [];
     }
-
-    window.open(uri, '_blank');
   };
 
-  var viewMore = function viewMore(type) {
-    setViewMoreType(type);
+  var handleBackDropClick = function handleBackDropClick(e) {
+    var _e$target, _e$target$className;
+
+    if (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$className = _e$target.className) === null || _e$target$className === void 0 ? void 0 : _e$target$className.includes('backdrop')) {
+      setMihelpVisible(false);
+    }
   };
 
-  var getViewMoreArticles = function getViewMoreArticles(type) {
-    switch (type) {
-      case contentType.POPULAR_HELP_RESOURCES:
-        return getRecommendedHelpArticles();
+  var renderView = function renderView() {
+    switch (currentView) {
+      case views.HOME:
+        return React__default["default"].createElement(Home, {
+          viewMoreType: viewMoreType,
+          getArticles: getArticles,
+          handleRedirect: handleRedirect,
+          viewMore: viewMore,
+          title: title,
+          mihelpAppPath: mihelpAppPath,
+          setCurrentView: setCurrentView,
+          setcurrentArticle: setcurrentArticle,
+          saveHistory: saveHistory,
+          articleClickhandler: articleClickhandler,
+          isLatestRelease: showMihelpDot
+        });
 
-      case contentType.FAQS:
-        return getFaqs();
+      case views.HELP_ARTICLE:
+        return currentArticle ? React__default["default"].createElement(HelpArticle, {
+          currentArticle: currentArticle,
+          modifyLinks: modifyLinks,
+          articleClickhandler: articleClickhandler,
+          likeHandler: likeHandler,
+          dislikeHandler: dislikeHandler,
+          skipFeedback: skipFeedback,
+          submitFeedback: submitFeedback,
+          feedbackConfig: feedbackConfig,
+          submitQuestion: submitQuestion,
+          showQuestionSection: showQuestionSection,
+          setShowQuestionSection: setShowQuestionSection,
+          showSuccessSection: showSuccessSection,
+          setShowSuccessSection: setShowSuccessSection,
+          questionSectionRef: questionSectionRef
+        }) : null;
+
+      case views.FAQ:
+        return selectedFaq ? React__default["default"].createElement(Faq, {
+          faqs: getFaqs({
+            faqs: [faqs]
+          }),
+          currentArticle: selectedFaq,
+          mihelpRef: mihelpRef,
+          modifyLinks: modifyLinks
+        }) : null;
 
-      case contentType.RELEASE_NOTES:
-        return getReleaseNotes();
+      case views.RELEASE_NOTE:
+        return currentArticle ? React__default["default"].createElement(ReleaseNote, {
+          currentArticle: currentArticle,
+          modifyLinks: modifyLinks
+        }) : null;
 
       default:
-        return [];
+        return null;
     }
   };
 
-  var handleBackDropClick = function handleBackDropClick(e) {
-    if (e.target.className.includes("backdrop")) {
-      setMihelpVisible(false);
+  var backHandler = function backHandler() {
+    if (!history.length) return;
+
+    if (searchText.length) {
+      setSearchText('');
+      setSearchResults([]);
+      return;
     }
+
+    var previousHistory = history[0];
+    setViewMoreType(previousHistory.viewMoreType);
+    setCurrentView(previousHistory.currentView);
+    setcurrentArticle(previousHistory.currentArticle);
+    setFaqs(previousHistory.faqs);
+    setSelectedFaq(previousHistory.selectedFaq);
+    setSearchText(previousHistory.searchText);
+    setSearchResults(previousHistory.searchResults);
+    setBackClicked(true);
+
+    var newHistory = _toConsumableArray(history);
+
+    newHistory.shift();
+    setHistory(newHistory);
   };
 
+  var modifyLinks = function modifyLinks() {
+    var links = mihelpRef.current.getElementsByTagName('a');
+
+    for (var i = 0; i < links.length; i++) {
+      links[i].setAttribute('target', '_blank');
+    }
+  };
+
+  var saveHistory = function saveHistory() {
+    var _previousHistory;
+
+    var previousHistory = (_previousHistory = {
+      searchResults: searchResults,
+      searchText: searchText,
+      viewMoreType: viewMoreType,
+      currentView: currentView,
+      currentArticle: currentArticle,
+      faqs: faqs,
+      selectedFaq: selectedFaq
+    }, _defineProperty(_previousHistory, "searchText", searchText), _defineProperty(_previousHistory, "searchResults", searchResults), _previousHistory);
+    setHistory([previousHistory].concat(_toConsumableArray(history)));
+  };
+
+  var handleTitleClick = function handleTitleClick() {
+    if (viewMoreType || currentView !== views.HOME) {
+      setSearchText('');
+      setSearchResults([]);
+      setLoading(false);
+      setViewMoreType(null);
+      setCurrentView(views.HOME);
+      setcurrentArticle(null);
+      setFaqs(helpContent === null || helpContent === void 0 ? void 0 : helpContent.faqs[0]);
+      setSelectedFaq(null);
+      setHistory([]);
+    }
+  };
+
+  var articleClickhandler =
+  /*#__PURE__*/
+  function () {
+    var _ref4 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee3(view, article, isSearchFaq) {
+      var _storage$getLocalItem3, url, id, response;
+
+      return regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.getMihelpArticle;
+              id = view === views.FAQ && !isSearchFaq ? faqs.id : article.id || article.ID;
+              _context3.next = 6;
+              return axios.get("".concat(url, "/").concat(id), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context3.sent;
+              saveHistory();
+              setCurrentView(view);
+
+              if (view === views.FAQ) {
+                setFaqs(response === null || response === void 0 ? void 0 : response.data);
+                setSelectedFaq(article);
+              } else {
+                setcurrentArticle(response === null || response === void 0 ? void 0 : response.data);
+              }
+
+              setLoading(false);
+              setSearchText('');
+              _context3.next = 18;
+              break;
+
+            case 14:
+              _context3.prev = 14;
+              _context3.t0 = _context3["catch"](0);
+              setLoading(false);
+              console.log('fetch articleClickhandler error=', _context3.t0);
+
+            case 18:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 14]]);
+    }));
+
+    return function articleClickhandler(_x, _x2, _x3) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var likeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref5 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee4(article) {
+      var _storage$getLocalItem4, _response$data2, url, id, response, modifiedArticle;
+
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem4 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.mihelpLike;
+              id = article.id || article.ID;
+              _context4.next = 6;
+              return axios.post("".concat(url, "/").concat(id), null, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context4.sent;
+              modifiedArticle = _objectSpread2({}, currentArticle);
+
+              if (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.removedLike) {
+                modifiedArticle.liked = false;
+                modifiedArticle.likes -= 1;
+                modifiedArticle.showThanksText = false;
+              } else {
+                modifiedArticle.liked = true;
+                modifiedArticle.likes += 1;
+
+                if (modifiedArticle.disliked) {
+                  modifiedArticle.disliked = false;
+                  modifiedArticle.dislikes -= 1;
+                }
+
+                modifiedArticle.showThanksText = true;
+              }
+
+              setcurrentArticle(modifiedArticle);
+              setLoading(false);
+              _context4.next = 17;
+              break;
+
+            case 13:
+              _context4.prev = 13;
+              _context4.t0 = _context4["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context4.t0);
+
+            case 17:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4, null, [[0, 13]]);
+    }));
+
+    return function likeHandler(_x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var dislikeHandler =
+  /*#__PURE__*/
+  function () {
+    var _ref6 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee5(article) {
+      var _storage$getLocalItem5, _response$data3, url, id, response, modifiedArticle;
+
+      return regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.prev = 0;
+              setLoading(true);
+              url = (_storage$getLocalItem5 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem5 === void 0 ? void 0 : _storage$getLocalItem5.mihelpDisLike;
+              id = article.id || article.ID;
+              _context5.next = 6;
+              return axios.post("".concat(url, "/").concat(id), null, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context5.sent;
+              modifiedArticle = _objectSpread2({}, currentArticle);
+
+              if (response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.removedDislike) {
+                modifiedArticle.disliked = false;
+                modifiedArticle.dislikes -= 1;
+                modifiedArticle.showThanksText = false;
+              } else {
+                modifiedArticle.disliked = true;
+                modifiedArticle.dislikes += 1;
+
+                if (modifiedArticle.liked) {
+                  modifiedArticle.liked = false;
+                  modifiedArticle.likes -= 1;
+                }
+
+                modifiedArticle.showFeedback = true;
+              }
+
+              setcurrentArticle(modifiedArticle);
+              setLoading(false);
+              _context5.next = 17;
+              break;
+
+            case 13:
+              _context5.prev = 13;
+              _context5.t0 = _context5["catch"](0);
+              setLoading(false);
+              console.log('Like error', _context5.t0);
+
+            case 17:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5, null, [[0, 13]]);
+    }));
+
+    return function dislikeHandler(_x5) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var skipFeedback = function skipFeedback() {
+    var modifiedArticle = _objectSpread2({}, currentArticle);
+
+    modifiedArticle.showFeedback = false;
+    modifiedArticle.showThanksText = true;
+    setcurrentArticle(modifiedArticle);
+  };
+
+  var submitFeedback =
+  /*#__PURE__*/
+  function () {
+    var _ref7 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee6(feedback) {
+      var _storage$getLocalItem6, url;
+
+      return regenerator.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              skipFeedback();
+              _context6.prev = 1;
+              url = (_storage$getLocalItem6 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem6 === void 0 ? void 0 : _storage$getLocalItem6.mihelpSubmitFeedback;
+              _context6.next = 5;
+              return axios.post(url, {
+                message: feedback,
+                url: window.location.href,
+                userAgent: navigator.userAgent
+              }, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 5:
+              _context6.next = 10;
+              break;
+
+            case 7:
+              _context6.prev = 7;
+              _context6.t0 = _context6["catch"](1);
+              console.log('submitFeedback Error', _context6.t0);
+
+            case 10:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6, null, [[1, 7]]);
+    }));
+
+    return function submitFeedback(_x6) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var submitQuestion =
+  /*#__PURE__*/
+  function () {
+    var _ref8 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee7(question, category) {
+      var _storage$getLocalItem7, url;
+
+      return regenerator.wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              _context7.prev = 0;
+              url = (_storage$getLocalItem7 = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem7 === void 0 ? void 0 : _storage$getLocalItem7.mihelpSubmitQuestion;
+              _context7.next = 4;
+              return axios.post(url, {
+                question: question,
+                category: category,
+                app: title
+              }, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 4:
+              _context7.next = 9;
+              break;
+
+            case 6:
+              _context7.prev = 6;
+              _context7.t0 = _context7["catch"](0);
+              console.log('submitQuestion Error', _context7.t0);
+
+            case 9:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7, null, [[0, 6]]);
+    }));
+
+    return function submitQuestion(_x7, _x8) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+
   return React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--backdrop",
+    className: "utilities_ops-app-frame_Help_Help--backdrop",
     onClick: handleBackDropClick
   }, React__default["default"].createElement("div", {
     style: {
       width: getNotificationWrapperWidth()
     },
     ref: mihelpRef,
-    className: _getClassName("miHelpSideBar ".concat(!helpContent ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
+    className: _getClassName("miHelpSideBar ".concat(!helpContent || showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--header"
+    className: "utilities_ops-app-frame_Help_Help--header"
   }, React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--title"
-  }, title)), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--subHeader"
-  }, React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--subHeaderTitle"
-  }, viewMoreType && React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--back"
+    className: "utilities_ops-app-frame_Help_Help--title",
+    style: {
+      color: viewMoreType || currentView !== views.HOME ? '#1D5AB9' : '#323130',
+      cursor: viewMoreType || currentView !== views.HOME ? 'pointer' : 'auto'
+    },
+    onClick: handleTitleClick
+  }, title), React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--close"
   }, React__default["default"].createElement(coreComponents.IconButton, {
     onClick: function onClick() {
-      return setViewMoreType(null);
+      return setMihelpVisible(false);
     }
+  }, React__default["default"].createElement(coreComponents.Icon, {
+    name: "close",
+    variant: "material"
+  })))), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--subHeader"
+  }, React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--subHeaderTitle"
+  }, (viewMoreType || currentView !== views.HOME) && React__default["default"].createElement("span", {
+    className: "utilities_ops-app-frame_Help_Help--back"
+  }, React__default["default"].createElement(coreComponents.IconButton, {
+    onClick: backHandler
   }, React__default["default"].createElement(coreComponents.Icon, {
     name: "arrow_back",
     variant: "material"
   }))), "Help & Support"), React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--link",
+    className: "utilities_ops-app-frame_Help_Help--link",
     onClick: function onClick() {
-      return handleRedirect(redirectContants.ALL_HELP_RESOURCES);
+      var type = currentView === views.HOME ? redirectContants.ALL_HELP_RESOURCES : currentView === views.FAQ ? redirectContants.FAQS : redirectContants.OPEN_IN_NEW_TAB;
+      handleRedirect(type, mihelpAppPath, currentArticle);
     }
-  }, "All Help Resources", React__default["default"].createElement(coreComponents.Icon, {
+  }, currentView === views.HOME ? 'All Help Resources' : 'Open In New Tab', React__default["default"].createElement(coreComponents.Icon, {
     name: "open_in_new",
     variant: "material"
   }))), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--searchWrapper"
+    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
+      "handleMissingStyleName": "warn"
+    })
   }, React__default["default"].createElement("input", {
     type: "text",
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--mihelpSearch",
+    className: "utilities_ops-app-frame_Help_Help--mihelpSearch",
     placeholder: "Search",
     value: searchText,
     onChange: function onChange(e) {
@@ -22624,105 +23911,14 @@ var HelpSideBar = function HelpSideBar(_ref) {
     onClick: function onClick() {
       return setSearchText('');
     }
-  }, "X") : null), !searchText.length ? !viewMoreType ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper"
-  }, React__default["default"].createElement("h3", null, "Recommended help resources", React__default["default"].createElement("span", {
-    onClick: function onClick() {
-      return handleRedirect(redirectContants.HELP_RESOURCES);
-    }
-  }, React__default["default"].createElement(coreComponents.Icon, {
-    name: "open_in_new",
-    variant: "material"
-  }))), React__default["default"].createElement("ul", null, getRecommendedHelpArticles().slice(0, 10).map(function (article) {
-    return React__default["default"].createElement("li", {
-      key: article.id
-    }, React__default["default"].createElement("img", {
-      src: "/assets/images/mihelpIcons/icon-helpresource.svg"
-    }), article.title);
-  })), getRecommendedHelpArticles().length > 10 ? React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--viewMore",
-    onClick: function onClick() {
-      return viewMore(contentType.POPULAR_HELP_RESOURCES.type);
-    }
-  }, "view more") : null), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper"
-  }, React__default["default"].createElement("h3", null, "FAQs", React__default["default"].createElement("span", {
-    onClick: function onClick() {
-      return handleRedirect(redirectContants.FAQS);
-    }
-  }, React__default["default"].createElement(coreComponents.Icon, {
-    name: "open_in_new",
-    variant: "material"
-  }))), React__default["default"].createElement("ul", null, getFaqs().slice(0, 10).map(function (faq, i) {
-    return React__default["default"].createElement("li", {
-      key: i
-    }, React__default["default"].createElement("img", {
-      src: "/assets/images/mihelpIcons/icon-faqs.svg"
-    }), faq.question);
-  })), getFaqs().length > 10 ? React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--viewMore",
-    onClick: function onClick() {
-      return viewMore(contentType.FAQS.type);
-    }
-  }, "view more") : null), React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper"
-  }, React__default["default"].createElement("h3", null, "Latest Release", title === 'G2Portal' ? 's' : '', title !== 'G2Portal' ? React__default["default"].createElement("span", {
-    onClick: function onClick() {
-      return handleRedirect(redirectContants.RELEASE_NOTES);
-    }
-  }, React__default["default"].createElement(coreComponents.Icon, {
-    name: "open_in_new",
-    variant: "material"
-  })) : null), React__default["default"].createElement("ul", null, getReleaseNotes().map(function (release, i) {
-    return React__default["default"].createElement("li", {
-      key: i
-    }, React__default["default"].createElement("img", {
-      src: "/assets/images/mihelpIcons/icon-releases.svg"
-    }), release.title);
-  })), getReleaseNotes().length > 10 ? React__default["default"].createElement("span", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--viewMore",
-    onClick: function onClick() {
-      return viewMore(contentType.RELEASE_NOTES.type);
-    }
-  }, "view more") : null)) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--helpResourcesWrapper"
-  }, React__default["default"].createElement("h3", null, contentType[viewMoreType].title), React__default["default"].createElement("ul", null, getViewMoreArticles(contentType[viewMoreType]).map(function (article) {
-    return React__default["default"].createElement("li", {
-      key: article.id
-    }, React__default["default"].createElement("img", {
-      src: contentType[viewMoreType].icon
-    }), article.title || article.question);
-  })))) : React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--searchResultsWrapper"
-  }, React__default["default"].createElement("h3", null, "Search results for \"", searchText, "\""), React__default["default"].createElement("div", {
-    className: ""
-  }, searchResults.map(function (result) {
-    return React__default["default"].createElement("div", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--searchResult",
-      key: result.ID
-    }, React__default["default"].createElement("div", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitlewrapper"
-    }, React__default["default"].createElement("div", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--searchTitle"
-    }, React__default["default"].createElement("img", {
-      src: contentType[postTypeMapper[result.post_type]].icon
-    }), React__default["default"].createElement("span", null, result.post_title.replace(/<\/?[^>]+(>|$)/g, ''))), React__default["default"].createElement("div", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--likeswrapper"
-    }, React__default["default"].createElement("span", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--like"
-    }, React__default["default"].createElement(coreComponents.Icon, {
-      name: "LikeSolid"
-    }), result.likeCount), React__default["default"].createElement("span", {
-      className: "utilities_ops-app-frame_AppBarComponent_Help_Help--like"
-    }, React__default["default"].createElement(coreComponents.Icon, {
-      name: "DislikeSolid"
-    }), result.dislikeCount))), React__default["default"].createElement("p", {
-      dangerouslySetInnerHTML: {
-        __html: result.post_excerpt.replace(/<\/?[^>]+(>|$)/g, '').replace(/(?:https?|ftp):\/\/[\n\S]+/g, '')
-      }
-    }));
-  }))), (!helpContent || searching) && React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_AppBarComponent_Help_Help--spinnerWrapper"
+  }, "X") : null), !searchText.length ? renderView() : React__default["default"].createElement(SearchResults, {
+    searchText: searchText,
+    results: searchResults,
+    articleClickhandler: articleClickhandler,
+    loading: loading
+  }), (!helpContent || loading) && React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--spinnerWrapper",
+    ref: spinnerRef
   }, React__default["default"].createElement(coreComponents.Spinner, {
     size: "60px"
   }))));
@@ -22778,6 +23974,8 @@ var _styleModuleImportMap$5 = {
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
     "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
+    "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
     "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
     "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
     "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -25354,6 +26552,8 @@ var _styleModuleImportMap$4 = {
     "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
     "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
     "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
+    "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
+    "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
     "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
     "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
     "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
@@ -25442,7 +26642,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
       isIdeaNoteEnabled = props.isIdeaNoteEnabled,
       mihelpVisible = props.mihelpVisible,
       setMihelpVisible = props.setMihelpVisible,
-      mihelpIconRef = props.mihelpIconRef;
+      mihelpIconRef = props.mihelpIconRef,
+      showMihelpDot = props.showMihelpDot,
+      setShowMihelpTooltip = props.setShowMihelpTooltip,
+      showMihelpTooltip = props.showMihelpTooltip;
   var coreAppConfig = storage.getLocalItem('opsportal-core:config');
   var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
       showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -25624,7 +26827,10 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
           return setMihelpVisible(!mihelpVisible);
         },
         mihelpVisible: mihelpVisible,
-        mihelpIconRef: mihelpIconRef
+        mihelpIconRef: mihelpIconRef,
+        showMihelpDot: showMihelpDot,
+        setShowMihelpTooltip: setShowMihelpTooltip,
+        showMihelpTooltip: showMihelpTooltip
       });
     }
   }, {
@@ -25755,7 +26961,8 @@ var AppBar$1 = function AppBar(props) {
       showTitle = props.showTitle,
       title = props.title,
       getInnovationHubToken = props.getInnovationHubToken,
-      mihelpAppPath = props.mihelpAppPath;
+      mihelpAppPath = props.mihelpAppPath,
+      showMihelpDot = props.showMihelpDot;
 
   var _useWindowSize = useWindowSize(),
       width = _useWindowSize.width;
@@ -25977,7 +27184,9 @@ var AppBar$1 = function AppBar(props) {
     getTitle: getTitle,
     mihelpAppPath: mihelpAppPath,
     mihelpRef: mihelpRef,
-    setMihelpVisible: setMihelpVisible
+    setMihelpVisible: setMihelpVisible,
+    feedbackConfig: props.feedbackConfig,
+    showMihelpDot: showMihelpDot
   }));
 };
 AppBar$1.defaultProps = {
@@ -31006,6 +32215,32 @@ var PrinterDialog = function PrinterDialog(_ref) {
   }, "Save"))) : null);
 };
 
+function LatestReleaseDialog(_ref) {
+  var release = _ref.release,
+      handleClose = _ref.handleClose,
+      mihelpAppPath = _ref.mihelpAppPath;
+  console.log('release in dialog=', release);
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(coreComponents.Dialog, {
+    title: "What\u2019s New?",
+    isOpen: true,
+    dismiss: handleClose
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogContent"
+  }, React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogHeader",
+    onClick: function onClick() {
+      return handleRedirect(redirectContants.RELEASE_NOTES, mihelpAppPath);
+    }
+  }, React__default["default"].createElement("h3", null, release.title), React__default["default"].createElement("span", null, "All Release Notes", React__default["default"].createElement(coreComponents.Icon, {
+    name: "open_in_new",
+    variant: "material"
+  }))), React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_Help_Help--releaseDialogBody"
+  }, React__default["default"].createElement(ReleaseNoteContent, {
+    content: release.content
+  })))));
+}
+
 var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n  background: var(--primaryBlue);\r\n  background: var(--primaryBlue);\r\n  color: var(--white);\r\n  color: var(--white);\r\n  height: 64px;\r\n  width: 100vw;\r\n  padding: 0 20px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n  margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n  font-size: 12px;\r\n  opacity: 0.5;\r\n  text-transform: uppercase;\r\n  color: #f00;\r\n  font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n";
 styleInject(css_248z$2);
 
@@ -31075,6 +32310,21 @@ var AppBar = function AppBar(_ref) {
       isPrinterDialogOpen = _useState4[0],
       setPrinterDialogOpen = _useState4[1];
 
+  var _useState5 = React.useState(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      latestRelease = _useState6[0],
+      setLatestRelease = _useState6[1];
+
+  var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      showMihelpDot = _useState8[0],
+      setShowMihelpDot = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showMihelpTooltip = _useState10[0],
+      setShowMihelpTooltip = _useState10[1];
+
   React.useEffect(function () {
     setMounted(true);
 
@@ -31085,6 +32335,12 @@ var AppBar = function AppBar(_ref) {
     window.addEventListener('localStorageChanged', onStorageChanged);
     window.addEventListener('sessionStorageChanged', onStorageChanged);
     setAppBarMounted(true);
+
+    if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login')) {
+      appendElementorStyles();
+      getLatestRelease();
+    }
+
     return function () {
       setMounted(false);
       window.removeEventListener('localStorageChanged', onStorageChanged);
@@ -31092,6 +32348,141 @@ var AppBar = function AppBar(_ref) {
     };
   }, []);
 
+  var appendElementorStyles =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee() {
+      var _storage$getLocalItem, url, response, style, css;
+
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              url = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config').endpoints) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.getMihelpCss;
+              _context.next = 4;
+              return axios.get(url, {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 4:
+              response = _context.sent;
+
+              if (response === null || response === void 0 ? void 0 : response.data) {
+                Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
+                  var link = document.createElement('link');
+                  link.rel = 'stylesheet';
+                  link.type = 'text/css';
+                  link.href = response === null || response === void 0 ? void 0 : response.data[key];
+                  document.head.appendChild(link);
+                });
+                style = document.createElement('style');
+                css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n            width: 100% !important;\n            padding-right: 0 !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n                border-style: none !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n                padding:0 !important;\n            }\n            .elementor-widget-container ul,.elementor-widget-container ol{\n                padding-left:40px !important;\n            }\n            .elementor-1674 .elementor-element.elementor-element-4a49924{\n                margin-top:0 !important;\n            }\n            .elementor-column-gap-default>.elementor-column>.elementor-element-populated{\n              padding:0 !important;\n            }");
+                style.appendChild(css);
+                document.head.appendChild(style);
+              }
+
+              _context.next = 11;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.log('+++fetch error=', _context.t0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+
+    return function appendElementorStyles() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var getLatestRelease =
+  /*#__PURE__*/
+  function () {
+    var _ref3 = _asyncToGenerator(
+    /*#__PURE__*/
+    regenerator.mark(function _callee2() {
+      var _storage$getItem$endp, _response$data, country, app, url, response, _response$data2, _response$data3, _response$data3$relea, _latestReleaseFromSto, latestReleaseFromStorage, _response$data4, viewedDays;
+
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
+              app = mihelpAppPath || 'g2-portal';
+              url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpLatestRelease;
+              _context2.next = 6;
+              return axios.get("".concat(url, "?app=").concat(app, "&country=").concat(country), {
+                headers: {
+                  Authorization: storage$1.accessToken
+                }
+              });
+
+            case 6:
+              response = _context2.sent;
+
+              if (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.found) {
+                console.log(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.release);
+                latestReleaseFromStorage = storage$1.getLocalItem("g2-portal:latestRelease");
+
+                if ((response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$relea = _response$data3.release) === null || _response$data3$relea === void 0 ? void 0 : _response$data3$relea.id) !== (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : (_latestReleaseFromSto = latestReleaseFromStorage.release) === null || _latestReleaseFromSto === void 0 ? void 0 : _latestReleaseFromSto.id)) {
+                  setLatestRelease(response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.release);
+                  setShowMihelpDot(true);
+                } else if (latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate) {
+                  viewedDays = dateDiffInDays(new Date(latestReleaseFromStorage === null || latestReleaseFromStorage === void 0 ? void 0 : latestReleaseFromStorage.viewedDate), new Date());
+
+                  if (viewedDays < 7) {
+                    setShowMihelpDot(true);
+                  }
+                }
+              }
+
+              _context2.next = 13;
+              break;
+
+            case 10:
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](0);
+              console.log('getLatestRelease error', _context2.t0);
+
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 10]]);
+    }));
+
+    return function getLatestRelease() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var handleReleaseClose = function handleReleaseClose() {
+    var releasedata = {
+      release: latestRelease,
+      viewedDate: new Date()
+    };
+    storage$1.setLocalItem("g2-portal:latestRelease", releasedata);
+    setLatestRelease(null);
+    setShowMihelpTooltip(true);
+    setTimeout(function () {
+      setShowMihelpTooltip(false);
+    }, 5000);
+  };
+
   var handleSettingsItemClick = function handleSettingsItemClick(event, item) {
     if (item.key === 'debug') {
       localStorage.clear();
@@ -31178,6 +32569,7 @@ var AppBar = function AppBar(_ref) {
   } : _storage$chromePlugin;
   var placeholderNode = document.getElementById('AppBarPlaceholderDiv');
   var isAppEnabledTwilio = process.env.IS_TWILIO_ENABLED || false;
+  console.log('latest release=', latestRelease);
   return React__default["default"].createElement("div", null, React__default["default"].createElement(AppBar$1, {
     moduleName: "OPS PORTAL",
     isLoggedOn: storage$1.isAuthenticated,
@@ -31208,7 +32600,10 @@ var AppBar = function AppBar(_ref) {
     showTitle: showTitle,
     title: title,
     history: history,
-    mihelpAppPath: mihelpAppPath
+    mihelpAppPath: mihelpAppPath,
+    showMihelpDot: showMihelpDot,
+    setShowMihelpTooltip: setShowMihelpTooltip,
+    showMihelpTooltip: showMihelpTooltip
   }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$2, {
     node: placeholderNode
   }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
@@ -31216,6 +32611,10 @@ var AppBar = function AppBar(_ref) {
     handleClose: function handleClose() {
       return setPrinterDialogOpen(false);
     }
+  }), latestRelease && React__default["default"].createElement(LatestReleaseDialog, {
+    release: latestRelease,
+    handleClose: handleReleaseClose,
+    mihelpAppPath: mihelpAppPath
   }));
 };
 AppBar.defaultProps = {
@@ -45714,7 +47113,7 @@ var Banner = function Banner(_ref2) {
   }));
 };
 
-var Notifications = function Notifications(_ref) {
+var Notifications$1 = function Notifications(_ref) {
   var notifications = _ref.notifications,
       _onDismiss = _ref.onDismiss,
       children = _ref.children;
@@ -45750,7 +47149,7 @@ var Notifications = function Notifications(_ref) {
   }, notification)) : null, children);
 };
 
-var Notifications$1 = withFirebase(Notifications);
+var Notifications$2 = withFirebase(Notifications$1);
 
 var mandatoryKeys = ['apiKey', 'authDomain', 'databaseURL', 'projectId', 'storageBucket', 'messagingSenderId', 'appId'];
 function firebaseConfigValidator (firebaseConfig) {
@@ -45771,7 +47170,7 @@ function withFirebaseConfigCheck (Comp) {
   };
 }
 
-withFirebaseConfigCheck(Notifications$1);
+var Notifications = withFirebaseConfigCheck(Notifications$2);
 
 var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n  background: var(--paleGray);\r\n  background: var(--paleGray);\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n  height: 100%;\r\n}\r\n";
 styleInject(css_248z);
@@ -45824,7 +47223,7 @@ var AppFrame = function AppFrame(props) {
     style: props.handleScrolling ? SCROLL : NO_SCROLL
   }, React__default["default"].createElement(BreadcrumbsProvider, {
     history: props.history
-  }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement("div", null, React__default["default"].createElement("header", {
+  }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("div", null, React__default["default"].createElement("header", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
   }, React__default["default"].createElement(AppBar, {
     searchBarProps: props.searchBarProps,
@@ -45840,7 +47239,7 @@ var AppFrame = function AppFrame(props) {
     pathname: window.location.pathname
   }), React__default["default"].createElement("main", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
-  }, props.children))))));
+  }, props.children)))))));
 };
 AppFrame.defaultProps = {
   handleScrolling: true