@copart/ops-tool-kit 1.12.19 → 1.12.20-alpha.1

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$1 = "@copart/ops-tool-kit";
-const version$3 = "1.12.19";
+const version$3 = "1.12.20-alpha.1";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -198,25 +198,6 @@ var setup = (function (_ref) {
       warn: devLog('warn')
     };
   }();
-  global.setUpInstana = function () {
-    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    var isCoreApp = arguments.length > 1 ? arguments[1] : undefined;
-    //devOnly.log('Instana setting up.')
-    if (key && !(process.env.NODE_ENV !== "production") && isCoreApp) {
-      (function (i, s, o, g, r, a, m) {
-        i['InstanaEumObject'] = r;
-        i[r] = i[r] || function () {
-          (i[r].q = i[r].q || []).push(arguments);
-        }, i[r].l = 1 * new Date();
-        a = s.createElement(o), m = s.getElementsByTagName(o)[0];
-        a.async = 1;
-        a.src = g;
-        m.parentNode.insertBefore(a, m);
-      })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
-      ineum('reportingUrl', 'https://eum-us-west-2.instana.io');
-      ineum('apiKey', key);
-    }
-  };
 });
 
 function styleInject(css, ref) {
@@ -307,6 +288,54 @@ function _createClass$2(e, r, t) {
     writable: !1
   }), e;
 }
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
 function _defineProperty$2(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -7088,38 +7117,6 @@ var values$1 = /*#__PURE__*/_curry1(function values(obj) {
 });
 var values$2 = values$1;
 
-/**
- * Makes an ascending comparator function out of a function that returns a value
- * that can be compared with `<` and `>`.
- *
- * @func
- * @memberOf R
- * @since v0.23.0
- * @category Function
- * @sig Ord b => (a -> b) -> a -> a -> Number
- * @param {Function} fn A function of arity one that returns a value that can be compared
- * @param {*} a The first item to be compared.
- * @param {*} b The second item to be compared.
- * @return {Number} `-1` if fn(a) < fn(b), `1` if fn(b) < fn(a), otherwise `0`
- * @see R.descend
- * @example
- *
- *      const byAge = R.ascend(R.prop('age'));
- *      const people = [
- *        { name: 'Emma', age: 70 },
- *        { name: 'Peter', age: 78 },
- *        { name: 'Mikhail', age: 62 },
- *      ];
- *      const peopleByYoungestFirst = R.sort(byAge, people);
- *        //=> [{ name: 'Mikhail', age: 62 },{ name: 'Emma', age: 70 }, { name: 'Peter', age: 78 }]
- */
-var ascend = /*#__PURE__*/_curry3(function ascend(fn, a, b) {
-  var aa = fn(a);
-  var bb = fn(b);
-  return aa < bb ? -1 : aa > bb ? 1 : 0;
-});
-var ascend$1 = ascend;
-
 /**
  * Checks if the input value is `null` or `undefined`.
  *
@@ -8908,51 +8905,6 @@ var sort = /*#__PURE__*/_curry2(function sort(comparator, list) {
 });
 var sort$1 = sort;
 
-/**
- * Sorts a list according to a list of comparators.
- *
- * @func
- * @memberOf R
- * @since v0.23.0
- * @category Relation
- * @sig [(a, a) -> Number] -> [a] -> [a]
- * @param {Array} functions A list of comparator functions.
- * @param {Array} list The list to sort.
- * @return {Array} A new list sorted according to the comarator functions.
- * @example
- *
- *      const alice = {
- *        name: 'alice',
- *        age: 40
- *      };
- *      const bob = {
- *        name: 'bob',
- *        age: 30
- *      };
- *      const clara = {
- *        name: 'clara',
- *        age: 40
- *      };
- *      const people = [clara, bob, alice];
- *      const ageNameSort = R.sortWith([
- *        R.descend(R.prop('age')),
- *        R.ascend(R.prop('name'))
- *      ]);
- *      ageNameSort(people); //=> [alice, clara, bob]
- */
-var sortWith = /*#__PURE__*/_curry2(function sortWith(fns, list) {
-  return Array.prototype.slice.call(list, 0).sort(function (a, b) {
-    var result = 0;
-    var i = 0;
-    while (result === 0 && i < fns.length) {
-      result = fns[i](a, b);
-      i += 1;
-    }
-    return result;
-  });
-});
-var sortWith$1 = sortWith;
-
 /**
  * Checks if a list starts with the provided sublist.
  *
@@ -9364,9 +9316,6 @@ var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
             case 2:
               config = _context.v;
               storage$1.setItem('config', config);
-              if (config.instanaKey) {
-                window.setUpInstana(config.instanaKey, isCoreApp);
-              }
               this.setState(function (state) {
                 return {
                   gotConfig: true
@@ -21291,7 +21240,7 @@ FeedbackDialog.defaultProps = {
   }
 };
 
-var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  /* padding-top: env(safe-area-inset-top, 0px); */\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: start;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n  margin: 0 12px;\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  margin: 3px 0 0 16px;\r\n  grid-gap: 10px;\r\n  gap: 10px;\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  color: white;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 8px !important;\r\n  position: relative;\r\n  width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n  margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n  color: #fff;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n  color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n  width: auto;\r\n  grid-gap: 4px;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  display: flex;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n  width: auto;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n  color: #1D5AB9;\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  font-size: 14px;\r\n  font-weight: 400;\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--searchIcon {\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  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  margin: 0 8px;\r\n  padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n  font-size: 18px;\r\n  color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n  margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n  color: #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n  display: flex;\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/* .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: 8px;\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  font-size: 14px;\r\n  font-weight: 600;\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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n  font-size: 22px;\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: 3px;\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  color: #000;\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  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 425px;\r\n  max-width: 425px;\r\n  background-color: white;\r\n  border: 0px solid;\r\n  padding: 20px 30px;\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: 510px;\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--profile {\r\n  padding: 5px 7px;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  font-weight: 600;\r\n  color: #1d5ab9;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n  background: rgba(255, 255, 255, 0.40);\r\n  backdrop-filter: blur(20px);\r\n  position: absolute;\r\n  top: 50px;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  /* padding: 15px; */\r\n  background-color: white;\r\n  overflow-y: auto;\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  /* .searchIcon {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .searchIcon > div {\r\n    margin-left: 2px;\r\n  } */\r\n\r\n  /* .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\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 100px;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  padding: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar {\r\n  width: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb {\r\n  background-color: #888;\r\n  border-radius: 10px;\r\n  border: 3px solid #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb:hover {\r\n  background-color: #555;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n  background-color: #ef5350;\r\n  color: white;\r\n  font-size: 12px;\r\n  width: 1rem;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 11px;\r\n  height: 1rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n  width: 1.1rem;\r\n  height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n  width: 1.3rem;\r\n  height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n  cursor: pointer;\r\n  margin-left: 12px;\r\n  position: relative;\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: 11px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n  right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n  right: 3px;\r\n  bottom: -10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n  bottom: -12px;\r\n  right: 8px;\r\n  border-left: 7px solid transparent;\r\n  border-right: 7px solid transparent;\r\n  border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 1366px) {\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n    width: 85%;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n    left: 12px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n    right: 5px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n    display: none;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n    width: 85%;\r\n  }\r\n}";
+var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n  background-color: var(--blue);\r\n  background-color: var(--blue);\r\n  height: 48px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  /* padding-top: env(safe-area-inset-top, 0px); */\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: start;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n  margin: 0 12px;\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  margin: 3px 0 0 16px;\r\n  grid-gap: 10px;\r\n  gap: 10px;\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  color: white;\r\n  cursor: pointer;\r\n  font-size: 18px;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 8px !important;\r\n  position: relative;\r\n  width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n  margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n  color: #fff;\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n  color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n  width: auto;\r\n  grid-gap: 4px;\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  display: flex;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n  width: auto;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n  color: #1D5AB9;\r\n  font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n  font-size: 14px;\r\n  font-weight: 400;\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--searchIcon {\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  background: #fff;\r\n  color: #1D5AB9;\r\n  font-weight: 600;\r\n  border-radius: 4px;\r\n  box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n  font-size: 14px;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  margin: 0 8px;\r\n  padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n  display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n  font-size: 18px;\r\n  color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n  margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n  color: #fff;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n  display: flex;\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/* .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: 8px;\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  font-size: 14px;\r\n  font-weight: 600;\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}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n  color: #fff;\r\n  font-size: 22px;\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: 3px;\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  color: #000;\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  width: 100vw;\r\n  bottom: 0;\r\n  z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  height: 100%;\r\n  width: 425px;\r\n  max-width: 425px;\r\n  background-color: white;\r\n  border: 0px solid;\r\n  padding: 20px 30px;\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: 510px;\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--profile {\r\n  padding: 5px 7px;\r\n  background: #fff;\r\n  border-radius: 50%;\r\n  font-weight: 600;\r\n  color: #1d5ab9;\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n  background: rgba(255, 255, 255, 0.40);\r\n  backdrop-filter: blur(20px);\r\n  position: absolute;\r\n  top: 50px;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  /* padding: 15px; */\r\n  background-color: white;\r\n  overflow-y: auto;\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  /* .searchIcon {\r\n    margin-left: 5px;\r\n    margin-right: 2px;\r\n  }\r\n\r\n  .searchIcon > div {\r\n    margin-left: 2px;\r\n  } */\r\n\r\n  /* .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\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 100px;\r\n  width: 100vw;\r\n  background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n  width: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  /* height: calc(100vh - 100px); */\r\n  background-color: white;\r\n  overflow-y: hidden;\r\n  padding: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar {\r\n  width: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb {\r\n  background-color: #888;\r\n  border-radius: 10px;\r\n  border: 3px solid #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv::-webkit-scrollbar-thumb:hover {\r\n  background-color: #555;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n  flex: 1;\r\n  min-height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n  background-color: #ef5350;\r\n  color: white;\r\n  font-size: 12px;\r\n  width: 1rem;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: -5px;\r\n  left: 11px;\r\n  height: 1rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n  width: 1.1rem;\r\n  height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n  width: 1.3rem;\r\n  height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n  cursor: pointer;\r\n  margin-left: 12px;\r\n  position: relative;\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: 11px solid white;\r\n  position: absolute;\r\n  bottom: -13px;\r\n  right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n  right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n  right: 3px;\r\n  bottom: -10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n  bottom: -12px;\r\n  right: 8px;\r\n  border-left: 7px solid transparent;\r\n  border-right: 7px solid transparent;\r\n  border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 1366px) {\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n  width: 400px;\r\n  max-width: 400px;\r\n}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n    width: 85%;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n    left: 12px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n    right: 5px;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n    width: 85% !important;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n    display: none;\r\n  }\r\n  .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n    width: 85%;\r\n  }\r\n}";
 styleInject(css_248z$m);
 
 var LogOutMenu = function LogOutMenu(_ref) {
@@ -21518,7 +21467,7 @@ var MobileMenu = function MobileMenu(props) {
 var css_248z$j = ".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$j);
 
-var _styleModuleImportMap$8 = {
+var _styleModuleImportMap$9 = {
   "./CopartLogo.css": {
     "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
     "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -21534,7 +21483,7 @@ var CopartLogo = function CopartLogo() {
     href: "/"
   }, /*#__PURE__*/React__namespace.createElement("img", {
     src: imageSrc,
-    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$8, {
+    className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$9, {
       "handleMissingStyleName": "warn"
     })
   }));
@@ -21739,7 +21688,7 @@ var unEscapeChars = function unEscapeChars(str) {
 var css_248z$i = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n  position: absolute;\r\n  z-index: 10000;\r\n  height: 100vh;\r\n  top: 48px;\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: 425px;\r\n  max-width: 425px;\r\n  position: absolute;\r\n  right: 0;\r\n  height: calc(100vh - 48px);\r\n  padding: 15px;\r\n  background-color: white;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  color: #323130;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar::-webkit-scrollbar {\r\n  width: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n  border-radius: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar::-webkit-scrollbar-thumb {\r\n  background-color: #888;\r\n  border-radius: 10px;\r\n  border: 3px solid #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar::-webkit-scrollbar-thumb:hover {\r\n  background-color: #555;\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\r\n@media (max-width: 1366px) {\r\n  .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n    width: 400px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n    width: 85%;\r\n  }\r\n}\r\n";
 styleInject(css_248z$i);
 
-var _styleModuleImportMap$7 = {
+var _styleModuleImportMap$8 = {
   "../Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -21826,7 +21775,7 @@ var ArticleSection = function ArticleSection(_ref) {
       onClick: function onClick() {
         return clickhandler(viewMapper[articleDetails.type], article);
       },
-      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$7, {
+      className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$8, {
         "handleMissingStyleName": "warn"
       })
     }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -21949,7 +21898,7 @@ styleInject(css_248z$f);
 var css_248z$e = "/**\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$e);
 
-var _styleModuleImportMap$6 = {
+var _styleModuleImportMap$7 = {
   "../wordpressStyles.css": {
     "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
     "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
@@ -21982,7 +21931,7 @@ function HelpArticleContent(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$6, {
+    className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$7, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22034,7 +21983,7 @@ var Dislike = function Dislike() {
   }));
 };
 
-var _styleModuleImportMap$5 = {
+var _styleModuleImportMap$6 = {
   "../Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -22135,7 +22084,7 @@ var HelpArticle = function HelpArticle(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_Help_Help--helpArticle"
   }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
+    className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, currentArticle.title), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22144,7 +22093,7 @@ var HelpArticle = function HelpArticle(_ref) {
     article: currentArticle,
     showQuestionSection: showQuestionSection
   }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22152,7 +22101,7 @@ var HelpArticle = function HelpArticle(_ref) {
   }, !currentArticle.showFeedback ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_Help_Help--likeTxt"
   }, "Was this useful?") : null, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22160,7 +22109,7 @@ var HelpArticle = function HelpArticle(_ref) {
       return likeHandler(currentArticle);
     }
   }, /*#__PURE__*/React__default["default"].createElement(Like, null)), /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.likes)), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22188,7 +22137,7 @@ var HelpArticle = function HelpArticle(_ref) {
   }, "Skip")))), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_Help_Help--dateWrapper"
   }, /*#__PURE__*/React__default["default"].createElement("b", null, "Last updated on:"), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.updatedDate ? formatPublishDate(currentArticle.updatedDate) : null))), currentArticle.relatedHelpResources && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("h3", null, "Related Help Resources"), /*#__PURE__*/React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
@@ -22201,7 +22150,7 @@ var HelpArticle = function HelpArticle(_ref) {
     }), article.post_title);
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     ref: questionSectionRef,
-    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, !showQuestionSection ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", null, "Got more questions?"), /*#__PURE__*/React__default["default"].createElement("p", null, "If these resources are not enough to satisfy your queries then"), /*#__PURE__*/React__default["default"].createElement("p", null, /*#__PURE__*/React__default["default"].createElement("b", null, "Feel free to submit your question here.")), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22260,7 +22209,7 @@ var HelpArticle = function HelpArticle(_ref) {
     }
   })), /*#__PURE__*/React__default["default"].createElement("span", {
     onClick: questionSubmitHandler,
-    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$5, {
+    className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$6, {
       "handleMissingStyleName": "warn"
     })
   }, "Submit")) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -22394,7 +22343,7 @@ var ReleaseNote = function ReleaseNote(_ref) {
   })));
 };
 
-var _styleModuleImportMap$4 = {
+var _styleModuleImportMap$5 = {
   "./Help.css": {
     "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
     "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -23009,7 +22958,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
       height: "calc(100dvh - ".concat(notifications !== null && notifications !== void 0 && notifications.length ? sideBarTopValue : 48, "px)")
     },
     ref: mihelpRef,
-    className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$4, {
+    className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$5, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23051,7 +23000,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
     name: "open_in_new",
     variant: "material"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
+    className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -25508,7 +25457,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
   }]);
 }(React__default["default"].Component);
 
-var css_248z$9 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n  word-break: break-all;\r\n  white-space: pre-wrap;\r\n  font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n  padding: 10px 10px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 20px;\r\n  gap: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  width: 90%;\r\n  font-size: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  color: white;\r\n  width: 26px;\r\n  min-height: 26px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  color: #201f1e;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox * {\r\n  display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a {\r\n  text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  width: 95%;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  padding: 5px 5px;\r\n  min-height: 20px;\r\n  padding: 4px 5px 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i {\r\n  font-size: 20px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  align-items: center;\r\n  padding: 0px 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i {\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\r\n  width: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  min-height: 40px;\r\n  width: 100%;\r\n  /* padding-top: env(safe-area-inset-top, 0px);\r\n  position: sticky;\r\n  top: 0; */\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar.utilities_ops-announcements_Banner--notificationContainer {\r\n  padding: 8px 6px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  color: white;\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationInfoBox {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 6px;\r\n}\r\n.utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: auto;\r\n  min-height: auto;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer i {\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn i {\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 0px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i {\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--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  top: 51px;\r\n  right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-right: 10px;\r\n  font-size: 12px;\r\n  flex: 1 1 0%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  margin-top: 5px;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-left: 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  color: #1d5ab9;\r\n  left: 2px;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-right: 3px;\r\n}\r\n\r\n@media (max-width: 1760px) {\r\n  .utilities_ops-announcements_Banner--notificationBarContent input {\r\n    width: 331px !important;\r\n  }\r\n}\r\n";
+var css_248z$9 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n  word-break: break-word;\r\n  word-wrap: anywhere;\r\n  white-space: pre-wrap;\r\n  font-weight: 600;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n  padding: 10px 10px;\r\n  font-size: 13px;\r\n  width: 95%;\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 20px;\r\n  gap: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar {\r\n  display: flex;\r\n  color: #6c7a89;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  width: 90%;\r\n  font-size: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBar b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n  color: white;\r\n  width: 26px;\r\n  min-height: 26px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  color: #201f1e;\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox * {\r\n  display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a {\r\n  text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n  width: 95%;\r\n  /* font-weight: 600; */\r\n  /* autoprefixer: off */\r\n  -webkit-box-orient: vertical;\r\n  /* autoprefixer: on */\r\n  font-size: 12px;\r\n  padding: 5px 5px;\r\n  min-height: 20px;\r\n  padding: 4px 5px 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i {\r\n  font-size: 20px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n  font-size: 12px;\r\n  align-items: center;\r\n  padding: 0px 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i {\r\n  position: relative;\r\n  right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer .utilities_ops-announcements_Banner--notificationCountContainer {\r\n  width: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n  display: flex;\r\n  flex-direction: row;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 5px;\r\n  gap: 5px;\r\n  min-height: 40px;\r\n  width: 100%;\r\n  /* padding-top: env(safe-area-inset-top, 0px);\r\n  position: sticky;\r\n  top: 0; */\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar.utilities_ops-announcements_Banner--notificationContainer {\r\n  padding: 8px 6px;\r\n  min-width: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n  color: white;\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationInfoBox {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 6px;\r\n}\r\n.utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: 52px;\r\n  min-height: 52px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn {\r\n  width: auto;\r\n  min-height: auto;\r\n  align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBtnContainer i {\r\n  font-size: 22px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--notificationBarBtn i {\r\n  font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n  flex-direction: column;\r\n  /* padding: 10px 10px; */\r\n  grid-gap: 0px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar i {\r\n  font-size: 13px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--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  top: 51px;\r\n  right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-right: 10px;\r\n  font-size: 12px;\r\n  flex: 1 1 0%;\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  margin-top: 5px;\r\n  max-width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBarNotificationMeta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  min-width: 0;\r\n  align-items: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--appBarContentWrapper {\r\n  padding-left: 10px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b {\r\n  color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  color: #1d5ab9;\r\n  left: 2px;\r\n  position: relative;\r\n  top: 2px;\r\n  margin-right: 3px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroup {\r\n  border: 1px solid #e1dfdd;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  margin-bottom: 12px;\r\n  background-color: #ffffff;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 10px;\r\n  min-height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderWithBack {\r\n  position: relative;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupHeaderTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n          transform: translateY(-50%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #3261bd;\r\n  cursor: pointer;\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationBackBtn i {\r\n  font-size: 18px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIcon {\r\n  width: 20px;\r\n  height: 20px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n  -webkit-filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n          filter: invert(24%) sepia(100%) saturate(1350%) hue-rotate(201deg) brightness(96%) contrast(93%);\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppIconPlaceholder {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 4px;\r\n  background-color: #deecf9;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupAppName {\r\n  color: #3261bd;\r\n  color: var(--Type-Copart-Neue-Rest, #3261bd);\r\n  font-family: 'Segoe UI', SegoeUI, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 20px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationGroupList {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRow {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  padding: 8px 10px;\r\n  border-radius: 4px;\r\n  min-height: 36px;\r\n  min-width: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowIcon {\r\n  color: white;\r\n  width: 20px;\r\n  height: 20px;\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 1px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowContent {\r\n  flex: 1;\r\n  min-width: 0;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #201f1e;\r\n  line-height: 1.35;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowText {\r\n  word-break: break-word;\r\n  word-wrap: anywhere;\r\n  white-space: normal;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowText * {\r\n  display: inline;\r\n  word-wrap: inherit;\r\n  word-break: inherit;\r\n  white-space: inherit;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowMeta {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  grid-gap: 4px;\r\n  gap: 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink {\r\n  text-decoration: none;\r\n  line-height: 1;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowLink i {\r\n  font-size: 16px;\r\n  color: #1d5ab9;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationRowTime {\r\n  font-size: 11px;\r\n  color: #605e5c;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  padding: 0;\r\n  border: none;\r\n  background: none;\r\n  color: #0f4cab;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--sideNotificationViewAll i {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n@media (max-width: 1760px) {\r\n  .utilities_ops-announcements_Banner--notificationBarContent input {\r\n    width: 331px !important;\r\n  }\r\n}\r\n";
 styleInject(css_248z$9);
 
 function getViewedNotifications() {
@@ -25535,15 +25484,39 @@ function addNotificationToViewedList(notification) {
   }
 }
 
-function filterOutViewedNotifications(notifications) {
-  var viewedNotifications = getViewedNotifications();
-  return notifications.filter(function (notification) {
-    return !viewedNotifications[notification.notificationId];
-  });
+// Removes entries whose endsAt has already passed.
+// endsAt is stored as a UTC string without Z (e.g. '2024-01-15 14:30:00'),
+// matching the end_date_ts_utc format used in generateQuery's Solr filter.
+// Any entry with endsAt < now will never be returned by the API again, so it
+// can be safely dropped.
+function pruneExpiredViewedNotifications() {
+  try {
+    var viewed = getViewedNotifications();
+    if (!viewed || _typeof$1(viewed) !== 'object' || Array.isArray(viewed)) return;
+    var entries = Object.entries(viewed);
+    if (!entries.length) return;
+    var now = new Date();
+    var pruned = Object.fromEntries(entries.filter(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        entry = _ref2[1];
+      if (!entry || !entry.endsAt) return false;
+      var endsAt = new Date(String(entry.endsAt).replace(' ', 'T') + 'Z');
+      return !isNaN(endsAt.getTime()) && endsAt > now;
+    }));
+    // Skip the write if nothing was pruned to avoid unnecessary localStorage I/O
+    if (Object.keys(pruned).length === entries.length) return;
+    localStorage.setItem('viewedNotifications', JSON.stringify(pruned));
+  } catch (err) {
+    console.error(err);
+  }
 }
-function isOutOfRange(startDate, endDate) {
-  var current = new Date();
-  return new Date(startDate) < current && current < new Date(endDate);
+
+// Parses a UTC date string like '2024-01-15 14:30:00' (no Z suffix) into a Date object.
+// startsAt/endsAt come from the API with the T and Z stripped, so we restore them here.
+function parseAsUTCDate(dateStr) {
+  if (!dateStr) return null;
+  var d = new Date(String(dateStr).replace(' ', 'T') + 'Z');
+  return isNaN(d.getTime()) ? null : d;
 }
 var getLocalEndTime = function getLocalEndTime(notification) {
   var endsAt = notification.endsAt,
@@ -25554,76 +25527,99 @@ var getLocalEndTime = function getLocalEndTime(notification) {
   if (isRecipientTimeZone && endDateTimeZone !== 'UTC') {
     return endsAt;
   }
-  return moment.utc(endsAt).local().format('YYYY-MM-DD HH:mm:ss');
+  var d = parseAsUTCDate(endsAt);
+  if (!d) return null;
+  var pad = function pad(n) {
+    return String(n).padStart(2, '0');
+  };
+  return "".concat(d.getFullYear(), "-").concat(pad(d.getMonth() + 1), "-").concat(pad(d.getDate()), " ").concat(pad(d.getHours()), ":").concat(pad(d.getMinutes()), ":").concat(pad(d.getSeconds()));
 };
 function filterOutExpiredNotifications(notifications) {
+  var now = new Date();
   return filter$1(function (_ref) {
     var startsAt = _ref.startsAt,
       endsAt = _ref.endsAt,
       timeZoneType = _ref.timeZoneType,
       endDateTimeZone = _ref.endDateTimeZone;
-    var startTime = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ' ? startsAt : moment.utc(startsAt).local().format('YYYY-MM-DD HH:mm:ss');
+    var isRecipientTZ = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ';
+    var startDate = isRecipientTZ ? new Date(String(startsAt).replace(' ', 'T')) : parseAsUTCDate(startsAt);
     var localEndTime = getLocalEndTime({
       endsAt: endsAt,
       timeZoneType: timeZoneType,
       endDateTimeZone: endDateTimeZone
     });
-    if (!localEndTime) return false;
-    return isOutOfRange(startTime, localEndTime);
+    if (!localEndTime || !startDate) return false;
+    var endDate = new Date(String(localEndTime).replace(' ', 'T'));
+    return startDate < now && now < endDate;
   })(notifications);
 }
-function filterOutNotificationForOtherApps(notifications) {
-  var currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname;
-  var tilesConfig = storage$1.getLocalItem('opsportal-core:config').tiles || [];
-  var tile = tilesConfig.find(function (item) {
-    return item.path === currentApp || "".concat(item.path, "/") === currentApp || currentApp.startsWith(item.path);
-  }) || {};
-  return notifications.filter(function (notification) {
-    var targetApps = pathOr$1(null, ['targetAudience', 'targetApplications'])(notification);
-    var apps = pathOr$1([], [0, 'applications'])(targetApps);
-    if (currentApp === 'home') {
-      return targetApps === null || apps.includes("Ops Home");
-    } else {
-      return targetApps === null || apps.includes(tile.title || '');
-    }
-  });
-}
-function filterOutNotificationByAudience(notifications) {
-  var userEmail = storage$1.userEmail;
-  var yardNumber = storage$1.activeYardNumber;
-  // const countryCodes = window.location.hostname.includes('.com') ? ["USA", "CAN"] : ["ARE", "OMN", "BHR", "IRL", "GBR"]
-  return notifications.filter(function (notification) {
-    // if (!countryCodes.includes(notification.countryCode)) return false
-    var targets = pathOr$1([], ['targetAudience', 'targets'], notification);
-    if (!targets.length) return true;
-    return targets.some(function (target) {
-      switch (target.type) {
-        case 'users':
-          var usersList = pathOr$1([], ['emails'])(target);
-          return usersList.includes(userEmail);
-        case 'groups':
-          var groups = pathOr$1([], ['groups'])(target);
-          return groups.some(function (group) {
-            var users = pathOr$1([], ['users'])(group);
-            return users.includes(userEmail) || users.includes('*');
-          });
-        case 'yards':
-          var yards = pathOr$1([], ['yards'], target);
-          return yards.includes(yardNumber);
-        default:
-          return false;
-      }
-    });
-  });
-}
-function filterOutInActiveNotification(notifications) {
-  return notifications.filter(function (notification) {
-    return (notification === null || notification === void 0 ? void 0 : notification.status) === 'A';
-  });
-}
 function filterNotifications(notifications) {
   try {
-    return compose(filterOutInActiveNotification, filterOutNotificationByAudience, filterOutViewedNotifications, filterOutExpiredNotifications, filterOutNotificationForOtherApps)(notifications);
+    // filterOutViewedNotifications
+    var viewedNotifications = getViewedNotifications();
+    // filterOutExpiredNotifications
+    var now = new Date();
+    // // Audience and app filtering removed — Solr query targets channel_names directly
+    // // filterOutNotificationByAudience
+    // const userEmail = storage.userEmail
+    // const yardNumber = storage.activeYardNumber
+    // // filterOutNotificationForOtherApps
+    // let currentApp = window.location.pathname === '/' ? 'home' : window.location.pathname
+    // const tilesConfig = storage.getLocalItem('opsportal-core:config').tiles || []
+    // const tile = tilesConfig.find(
+    //   (item) =>
+    //     item.path === currentApp ||
+    //     `${item.path}/` === currentApp ||
+    //     currentApp.startsWith(item.path),
+    // ) || {}
+
+    return notifications.filter(function (notification) {
+      // filterOutInActiveNotification
+      if ((notification === null || notification === void 0 ? void 0 : notification.status) !== 'A') return false;
+
+      // filterOutViewedNotifications
+      if (viewedNotifications[notification.notificationId]) return false;
+
+      // filterOutExpiredNotifications
+      var startsAt = notification.startsAt,
+        endsAt = notification.endsAt,
+        timeZoneType = notification.timeZoneType,
+        endDateTimeZone = notification.endDateTimeZone;
+      var isRecipientTZ = timeZoneType === 'Recipient TimeZone' || timeZoneType === 'RPTZ';
+      var startDate = isRecipientTZ ? new Date(String(startsAt).replace(' ', 'T')) : parseAsUTCDate(startsAt);
+      var endDate = !endsAt ? null : isRecipientTZ && endDateTimeZone !== 'UTC' ? new Date(String(endsAt).replace(' ', 'T')) : parseAsUTCDate(endsAt);
+      if (!endDate || !startDate || !(startDate < now && now < endDate)) return false;
+
+      // // filterOutNotificationForOtherApps — handled by channel_names in Solr query
+      // const targetApps = pathOr(null, ['targetAudience', 'targetApplications'])(notification)
+      // const apps = pathOr([], [0, 'applications'])(targetApps)
+      // const appMatch =
+      //   currentApp === 'home'
+      //     ? targetApps === null || apps.includes('Ops Home')
+      //     : targetApps === null || apps.includes(tile.title || '')
+      // if (!appMatch) return false
+
+      // // filterOutNotificationByAudience — handled by channel_names in Solr query
+      // const targets = pathOr([], ['targetAudience', 'targets'], notification)
+      // if (!targets.length) return true
+      // return targets.some((target) => {
+      //   switch (target.type) {
+      //     case 'users':
+      //       return pathOr([], ['emails'])(target).includes(userEmail)
+      //     case 'groups':
+      //       return pathOr([], ['groups'])(target).some((group) => {
+      //         const users = pathOr([], ['users'])(group)
+      //         return users.includes(userEmail) || users.includes('*')
+      //       })
+      //     case 'yards':
+      //       return pathOr([], ['yards'], target).includes(yardNumber)
+      //     default:
+      //       return false
+      //   }
+      // })
+
+      return true;
+    });
   } catch (err) {
     console.error(err);
     return notifications;
@@ -25637,24 +25633,71 @@ function getPriorityCode(category) {
     information: 1
   }[category.toLowerCase()];
 }
-function sortNotifications(notifications) {
-  var newNotifications = clone$1(notifications);
-  var notificationsWithStartTs = newNotifications.map(function (n) {
-    var isRecipientTimeZone = n.timeZoneType === 'Recipient TimeZone' || n.timeZoneType === 'RPTZ';
-    var localStart = isRecipientTimeZone ? n.startsAt : moment.utc(n.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
-    var startTimestamp = localStart ? new Date(localStart).getTime() : 0;
-    return _objectSpread2(_objectSpread2({}, n), {}, {
-      _startTimestamp: startTimestamp
+var MAX_NOTIFICATIONS_PER_APP_GROUP = 5;
+function getAppTileIcon(sourceApplication) {
+  var _storage$getLocalItem;
+  if (!sourceApplication) return null;
+  var tiles = ((_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.tiles) || [];
+  var normalized = sourceApplication.trim().toLowerCase();
+  var tile = tiles.find(function (t) {
+    return (t.title || '').trim().toLowerCase() === normalized || (t.appName || '').trim().toLowerCase() === normalized;
+  });
+  return tile ? tile.faIconUrl || tile.iconUrl : null;
+}
+function groupNotificationsByApp(notifications) {
+  var maxPerGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MAX_NOTIFICATIONS_PER_APP_GROUP;
+  var groupMap = new Map();
+  var groupOrder = [];
+  notifications.forEach(function (notification) {
+    var appName = notification.sourceApplication || 'Other';
+    if (!groupMap.has(appName)) {
+      groupMap.set(appName, []);
+      groupOrder.push(appName);
+    }
+    groupMap.get(appName).push(notification);
+  });
+  groupOrder.sort(function (a, b) {
+    return a.localeCompare(b, undefined, {
+      sensitivity: 'base'
     });
   });
-  var dateSortedNotifications = notificationsWithStartTs.sort(function (a, b) {
-    return b._startTimestamp - a._startTimestamp;
+  return groupOrder.map(function (appName) {
+    var all = groupMap.get(appName);
+    return {
+      appName: appName,
+      totalCount: all.length,
+      notifications: all.slice(0, maxPerGroup),
+      hasMore: all.length > maxPerGroup
+    };
+  });
+}
+function getExpandedAppGroup(notifications, appName) {
+  var appNotifications = notifications.filter(function (notification) {
+    return (notification.sourceApplication || 'Other') === appName;
   });
+  return {
+    appName: appName,
+    totalCount: appNotifications.length,
+    notifications: appNotifications,
+    hasMore: false
+  };
+}
+function sortNotifications(notifications) {
   try {
-    return sortWith$1([ascend$1(compose(getPriorityCode, prop$1('categoryDescription')))], dateSortedNotifications);
+    return _toConsumableArray(notifications).map(function (n) {
+      var isRecipientTZ = n.timeZoneType === 'Recipient TimeZone' || n.timeZoneType === 'RPTZ';
+      var startDate = isRecipientTZ ? new Date(String(n.startsAt).replace(' ', 'T')) : parseAsUTCDate(n.startsAt);
+      return _objectSpread2(_objectSpread2({}, n), {}, {
+        _startTimestamp: startDate ? startDate.getTime() : 0,
+        _priorityCode: getPriorityCode(n.categoryDescription)
+      });
+    }).sort(function (a, b) {
+      var priorityDiff = (a._priorityCode != null ? a._priorityCode : 99) - (b._priorityCode != null ? b._priorityCode : 99);
+      return priorityDiff !== 0 ? priorityDiff : b._startTimestamp - a._startTimestamp;
+    });
   } catch (err) {
     console.error(err);
-    return dateSortedNotifications;
+    return _toConsumableArray(notifications);
   }
 }
 startsWith$1('http://');
@@ -25686,9 +25729,10 @@ var getTimeDiff = function getTimeDiff(startsAt) {
   }
   return '';
 };
+var SANITIZE_REGEX = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
 var SanitizeNotificationContent = function SanitizeNotificationContent(str) {
-  var regex = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>|<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi;
-  return str.replace(regex, '');
+  SANITIZE_REGEX.lastIndex = 0;
+  return str.replace(SANITIZE_REGEX, '');
 };
 
 var useWindowSize = function useWindowSize() {
@@ -25795,6 +25839,7 @@ var Banner = function Banner(props) {
     startsAt = notification.startsAt,
     timeZoneType = notification.timeZoneType,
     showSideBar = notification.showSideBar,
+    isGroupedSideBar = notification.isGroupedSideBar,
     action = notification.action,
     content = notification.content,
     sourceApplication = notification.sourceApplication,
@@ -25905,28 +25950,73 @@ var Banner = function Banner(props) {
       variant: "material"
     }))));
   };
-  var sideNotificationBar = function sideNotificationBar() {
+  var categoryKey = categoryDescription.toLowerCase();
+  var categoryColor = alertInfoColorMapping[categoryKey];
+  var categoryBackground = alertBackgroundColorMapping[categoryKey];
+  var groupedSideNotificationRow = function groupedSideNotificationRow() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "utilities_ops-announcements_Banner--notificationContainer utilities_ops-announcements_Banner--sideBar",
+      className: "utilities_ops-announcements_Banner--sideNotificationRow",
       style: {
-        backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
+        backgroundColor: categoryBackground
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "utilities_ops-announcements_Banner--appBarContentWrapper",
+      className: "utilities_ops-announcements_Banner--sideNotificationRowIcon",
+      style: {
+        backgroundColor: categoryColor
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+      name: alertToIconMapping[categoryKey],
       style: {
-        borderLeft: "2px solid ".concat(alertInfoColorMapping[categoryDescription.toLowerCase()])
+        fontSize: '11px'
       }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideNotificationRowContent"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideNotificationRowText",
+      dangerouslySetInnerHTML: {
+        __html: SanitizeNotificationContent(content)
+      }
+    }), action && ActionComponent && /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        marginTop: '4px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(ActionComponent, {
+      notification: notification,
+      saveActionComponentState: saveActionComponentState
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideNotificationRowMeta"
+    }, (feedUrl || link) && /*#__PURE__*/React__default["default"].createElement("a", {
+      href: feedUrl || link,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "utilities_ops-announcements_Banner--sideNotificationRowLink"
+    }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
+      name: "open_in_new",
+      variant: "material"
+    })), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "utilities_ops-announcements_Banner--sideNotificationRowTime"
+    }, timeDiff)));
+  };
+  var sideNotificationBar = function sideNotificationBar() {
+    return isGroupedSideBar ? groupedSideNotificationRow() : /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--notificationContainer utilities_ops-announcements_Banner--sideBar",
       style: {
-        display: 'flex'
+        backgroundColor: categoryBackground
       }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--appBarContentWrapper",
+      style: {
+        borderLeft: "2px solid ".concat(categoryColor)
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "utilities_ops-announcements_Banner--sideBarNotificationMeta"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "utilities_ops-announcements_Banner--sideNotificationInfoBox",
       style: {
-        backgroundColor: alertInfoColorMapping[categoryDescription.toLowerCase()]
+        backgroundColor: categoryColor
       }
     }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
-      name: alertToIconMapping[categoryDescription.toLowerCase()],
+      name: alertToIconMapping[categoryKey],
       style: {
         fontSize: '12px'
       }
@@ -26056,11 +26146,138 @@ var Banner = function Banner(props) {
   return mainNotificationBar();
 };
 
+var _styleModuleImportMap$4 = {
+  "./Banner.css": {
+    "appBarContentBox": "utilities_ops-announcements_Banner--appBarContentBox",
+    "notificationBarContent": "utilities_ops-announcements_Banner--notificationBarContent",
+    "tabNotificationInfoBar": "utilities_ops-announcements_Banner--tabNotificationInfoBar",
+    "tabNotificationInfoBox": "utilities_ops-announcements_Banner--tabNotificationInfoBox",
+    "notificationBarContentBox": "utilities_ops-announcements_Banner--notificationBarContentBox",
+    "tabNotificationBarContentBox": "utilities_ops-announcements_Banner--tabNotificationBarContentBox",
+    "notificationInfoBox": "utilities_ops-announcements_Banner--notificationInfoBox",
+    "notificationBtnContainer": "utilities_ops-announcements_Banner--notificationBtnContainer",
+    "notificationLeftBtn": "utilities_ops-announcements_Banner--notificationLeftBtn",
+    "notificationCountContainer": "utilities_ops-announcements_Banner--notificationCountContainer",
+    "notificationContainer": "utilities_ops-announcements_Banner--notificationContainer",
+    "sideBar": "utilities_ops-announcements_Banner--sideBar",
+    "sideNotificationInfoBox": "utilities_ops-announcements_Banner--sideNotificationInfoBox",
+    "notificationBarBtn": "utilities_ops-announcements_Banner--notificationBarBtn",
+    "tabNotificationBar": "utilities_ops-announcements_Banner--tabNotificationBar",
+    "arrowTipContainer": "utilities_ops-announcements_Banner--arrowTipContainer",
+    "appBarContentWrapper": "utilities_ops-announcements_Banner--appBarContentWrapper",
+    "sideBarNotificationMeta": "utilities_ops-announcements_Banner--sideBarNotificationMeta",
+    "feedUrl": "utilities_ops-announcements_Banner--feedUrl",
+    "sideNotificationGroup": "utilities_ops-announcements_Banner--sideNotificationGroup",
+    "sideNotificationGroupHeader": "utilities_ops-announcements_Banner--sideNotificationGroupHeader",
+    "sideNotificationGroupHeaderWithBack": "utilities_ops-announcements_Banner--sideNotificationGroupHeaderWithBack",
+    "sideNotificationGroupHeaderTitle": "utilities_ops-announcements_Banner--sideNotificationGroupHeaderTitle",
+    "sideNotificationBackBtn": "utilities_ops-announcements_Banner--sideNotificationBackBtn",
+    "sideNotificationGroupAppIcon": "utilities_ops-announcements_Banner--sideNotificationGroupAppIcon",
+    "sideNotificationGroupAppIconPlaceholder": "utilities_ops-announcements_Banner--sideNotificationGroupAppIconPlaceholder",
+    "sideNotificationGroupAppName": "utilities_ops-announcements_Banner--sideNotificationGroupAppName",
+    "sideNotificationGroupList": "utilities_ops-announcements_Banner--sideNotificationGroupList",
+    "sideNotificationRow": "utilities_ops-announcements_Banner--sideNotificationRow",
+    "sideNotificationRowIcon": "utilities_ops-announcements_Banner--sideNotificationRowIcon",
+    "sideNotificationRowContent": "utilities_ops-announcements_Banner--sideNotificationRowContent",
+    "sideNotificationRowText": "utilities_ops-announcements_Banner--sideNotificationRowText",
+    "sideNotificationRowMeta": "utilities_ops-announcements_Banner--sideNotificationRowMeta",
+    "sideNotificationRowLink": "utilities_ops-announcements_Banner--sideNotificationRowLink",
+    "sideNotificationRowTime": "utilities_ops-announcements_Banner--sideNotificationRowTime",
+    "sideNotificationViewAll": "utilities_ops-announcements_Banner--sideNotificationViewAll"
+  }
+};
+var SideNotificationGroup = function SideNotificationGroup(_ref) {
+  var appName = _ref.appName,
+    totalCount = _ref.totalCount,
+    notifications = _ref.notifications,
+    hasMore = _ref.hasMore,
+    showBackButton = _ref.showBackButton,
+    onBack = _ref.onBack,
+    onViewAll = _ref.onViewAll,
+    _onDismiss = _ref.onDismiss,
+    ActionComponent = _ref.ActionComponent,
+    saveActionComponentState = _ref.saveActionComponentState;
+  var appIconUrl = getAppTileIcon(appName);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroup"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _getClassName("sideNotificationGroupHeader".concat(showBackButton ? ' sideNotificationGroupHeaderWithBack' : ''), _styleModuleImportMap$4, {
+      "handleMissingStyleName": "warn"
+    })
+  }, showBackButton && /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: "utilities_ops-announcements_Banner--sideNotificationBackBtn",
+    onClick: onBack,
+    "aria-label": "Back to all apps"
+  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+    name: "angle-left"
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroupHeaderTitle"
+  }, appIconUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroupAppIcon",
+    src: appIconUrl,
+    alt: ""
+  }) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroupAppIconPlaceholder"
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroupAppName"
+  }, appName, " (", totalCount, ")"))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "utilities_ops-announcements_Banner--sideNotificationGroupList"
+  }, notifications.map(function (notification) {
+    return /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
+      key: notification.notificationId
+    }, notification, {
+      showSideBar: true,
+      isGroupedSideBar: true,
+      onDismiss: function onDismiss() {
+        return _onDismiss(notification);
+      },
+      ActionComponent: ActionComponent,
+      saveActionComponentState: saveActionComponentState
+    }));
+  })), hasMore && /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: "utilities_ops-announcements_Banner--sideNotificationViewAll",
+    onClick: onViewAll
+  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
+    name: "open_in_new",
+    variant: "material"
+  }), /*#__PURE__*/React__default["default"].createElement("span", null, "View all")));
+};
+
+var ESTIMATED_ITEM_HEIGHT = 80;
+var ESTIMATED_GROUP_HEIGHT = 320;
+var OVERSCAN = 3;
+function buildOffsets(count, itemHeights) {
+  var defaultHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ESTIMATED_ITEM_HEIGHT;
+  var offsets = new Array(count + 1);
+  offsets[0] = 0;
+  for (var i = 0; i < count; i++) {
+    offsets[i + 1] = offsets[i] + (itemHeights[i] || defaultHeight) + 12;
+  }
+  return offsets;
+}
+
+// Binary search: find the last index whose offset is <= scrollTop
+function findStartIndex(offsets, scrollTop) {
+  var lo = 0;
+  var hi = offsets.length - 2;
+  while (lo < hi) {
+    var mid = lo + hi + 1 >> 1;
+    if (offsets[mid] <= scrollTop) {
+      lo = mid;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return lo;
+}
 var Notifications = function Notifications(_ref) {
   var notifications = _ref.notifications,
     _onDismiss = _ref.onDismiss;
     _ref.children;
     var showSideBar = _ref.showSideBar,
+    sidebarOpen = _ref.sidebarOpen,
     ActionComponent = _ref.ActionComponent,
     saveActionComponentState = _ref.saveActionComponentState,
     notificationsTopContainerRef = _ref.notificationsTopContainerRef,
@@ -26074,18 +26291,131 @@ var Notifications = function Notifications(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     last = _useState4[0],
     setLast = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    expandedAppName = _useState6[0],
+    setExpandedAppName = _useState6[1];
+  var scrollRef = React.useRef(null);
+  var itemHeightsRef = React.useRef({});
+  var _useState7 = React.useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    scrollTop = _useState8[0],
+    setScrollTop = _useState8[1];
   var onLeftButtonClick = function onLeftButtonClick() {
     return i === 0 ? setI(last) : setI(i - 1);
   };
   var onRightButtonClick = function onRightButtonClick() {
     return i === last ? setI(0) : setI(i + 1);
   };
+  var resetSidebarView = React.useCallback(function () {
+    setExpandedAppName(null);
+    itemHeightsRef.current = {};
+    setScrollTop(0);
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = 0;
+    }
+  }, []);
   React.useEffect(function () {
     if (notifications.length && notifications.length - 1 < i) {
       setI(notifications.length - 1);
     }
     setLast(notifications.length - 1);
+    itemHeightsRef.current = {};
+    if (expandedAppName) {
+      var stillHasApp = notifications.some(function (n) {
+        return (n.sourceApplication || 'Other') === expandedAppName;
+      });
+      if (!stillHasApp) {
+        setExpandedAppName(null);
+      }
+    }
   }, [notifications]);
+  React.useEffect(function () {
+    if (sidebarOpen === false) {
+      resetSidebarView();
+    }
+  }, [sidebarOpen, resetSidebarView]);
+
+  // Virtualizer state for the sidebar list
+  var _useState9 = React.useState(600),
+    _useState0 = _slicedToArray(_useState9, 2),
+    viewportHeight = _useState0[0],
+    setViewportHeight = _useState0[1];
+  var rafPendingRef = React.useRef(false);
+  var _useState1 = React.useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    forceUpdate = _useState10[1];
+  React.useEffect(function () {
+    var el = scrollRef.current;
+    if (!el) return;
+    var handleScroll = function handleScroll() {
+      return setScrollTop(el.scrollTop);
+    };
+    var ro = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          setViewportHeight(entry.contentRect.height);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    el.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    ro.observe(el);
+    return function () {
+      el.removeEventListener('scroll', handleScroll);
+      ro.disconnect();
+    };
+  }, [showSideBar]);
+
+  // Ref callback: measures rendered item height and triggers a rAF-batched re-render
+  // when the measured height differs from the cached value.
+  var measureItem = React.useCallback(function (index) {
+    return function (node) {
+      if (!node) return;
+      var height = node.getBoundingClientRect().height;
+      if (itemHeightsRef.current[index] === height) return;
+      itemHeightsRef.current[index] = height;
+      if (!rafPendingRef.current) {
+        rafPendingRef.current = true;
+        requestAnimationFrame(function () {
+          rafPendingRef.current = false;
+          forceUpdate(function (n) {
+            return n + 1;
+          });
+        });
+      }
+    };
+  }, []);
+  var count = notifications.length;
+  var notificationGroups = showSideBar ? expandedAppName ? [getExpandedAppGroup(notifications, expandedAppName)] : groupNotificationsByApp(notifications) : [];
+  var handleViewAll = function handleViewAll(appName) {
+    itemHeightsRef.current = {};
+    setExpandedAppName(appName);
+    setScrollTop(0);
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = 0;
+    }
+  };
+  var handleBackToAllApps = function handleBackToAllApps() {
+    resetSidebarView();
+  };
+  var virtualListCount = showSideBar ? notificationGroups.length : count;
+  var estimatedHeight = showSideBar ? ESTIMATED_GROUP_HEIGHT : ESTIMATED_ITEM_HEIGHT;
+  var offsets = buildOffsets(virtualListCount, itemHeightsRef.current, estimatedHeight);
+  var totalHeight = offsets[virtualListCount];
+  var rawStart = findStartIndex(offsets, scrollTop);
+  var startIdx = Math.max(0, rawStart - OVERSCAN);
+  var endRaw = rawStart;
+  while (endRaw < virtualListCount && offsets[endRaw] < scrollTop + viewportHeight) endRaw++;
+  var endIdx = Math.min(virtualListCount - 1, endRaw + OVERSCAN);
   var notification = notifications[i];
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isNil$1(notification) && !showSideBar ? /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
     current: i + 1,
@@ -26103,21 +26433,48 @@ var Notifications = function Notifications(_ref) {
     notificationsTopContainerRef: notificationsTopContainerRef,
     mobileNotificationsTopContainerRef: mobileNotificationsTopContainerRef,
     setNotificationHeightFlag: setNotificationHeightFlag
-  })) : null, notifications.length > 0 && showSideBar ? notifications.map(function (notification) {
-    return /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
-      key: notification.notificationId,
-      current: i + 1,
-      count: notifications.length,
-      showNavButtons: false,
-      onDismiss: function onDismiss() {
-        return _onDismiss(notification);
-      }
-    }, notification, {
-      showSideBar: showSideBar,
+  })) : null, count > 0 && showSideBar ? /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: scrollRef,
+    style: {
+      height: '100%',
+      overflowY: 'auto',
+      overflowX: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      height: totalHeight,
+      position: 'relative',
+      width: '100%'
+    }
+  }, Array.from({
+    length: endIdx - startIdx + 1
+  }, function (_, rel) {
+    var index = startIdx + rel;
+    var group = notificationGroups[index];
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      key: group.appName,
+      ref: measureItem(index),
+      style: {
+        position: 'absolute',
+        top: offsets[index],
+        left: 0,
+        width: '100%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(SideNotificationGroup, {
+      appName: group.appName,
+      totalCount: group.totalCount,
+      notifications: group.notifications,
+      hasMore: group.hasMore,
+      showBackButton: Boolean(expandedAppName),
+      onBack: handleBackToAllApps,
+      onViewAll: function onViewAll() {
+        return handleViewAll(group.appName);
+      },
+      onDismiss: _onDismiss,
       ActionComponent: ActionComponent,
       saveActionComponentState: saveActionComponentState
     }));
-  }) : null);
+  }))) : null);
 };
 
 var capitalizeAndReplaceUnderscores = function capitalizeAndReplaceUnderscores(role) {
@@ -27149,6 +27506,7 @@ var AppBar$1 = function AppBar(props) {
     notifications: notifications || [],
     onDismiss: onDismiss,
     showSideBar: true,
+    sidebarOpen: notificationsVisible,
     ActionComponent: ActionComponent,
     saveActionComponentState: saveActionComponentState
   })))), showSearchContainer && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28963,26 +29321,9 @@ var getCurrentApp = function getCurrentApp() {
   return app;
 };
 var buildTargetingClause = function buildTargetingClause(yardNumber, email) {
-  encodeURIComponent(getCurrentApp());
-  // const clauses = [
-  //   `(facilities:${yardNumber} AND -user_details:* AND -applications:* AND -group_user_details:*)`,
-  //   `(-facilities:* AND user_details:"${email}" AND -applications:* AND -group_user_details:*)`,
-  //   `(-facilities:* AND -user_details:* AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(-facilities:* AND -user_details:* AND -applications:* AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND -applications:* AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND -applications:* AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND user_details:"${email}" AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(-facilities:* AND user_details:"${email}" AND -applications:* AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND -user_details:* AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND applications:"${app}" AND -group_user_details:*)`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND -applications:* AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND -user_details:* AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(-facilities:* AND user_details:"${email}" AND applications:"${app}" AND group_user_details:"${email}")`,
-  //   `(facilities:${yardNumber} AND user_details:"${email}" AND applications:"${app}" AND group_user_details:"${email}")`,
-  // ]
-  // return clauses.join(' OR ')
-  return "(facilities:".concat(yardNumber, " OR user_details:\"").concat(email, "\" OR group_user_details:\"").concat(email, "\")");
+  var app = encodeURIComponent(getCurrentApp());
+  var clauses = ["(channel_names:".concat(yardNumber, ")"), "(channel_names:\"".concat(email, "\")"), "(channel_names:\"".concat(app, "\")"), "(channel_names:\"".concat(yardNumber, "%7C").concat(app, "\")"), "(channel_names:\"".concat(email, "%7C").concat(app, "\")")];
+  return clauses.join(' OR ');
 };
 var generateQuery = function generateQuery(yardNumber, email) {
   var startDateTs = moment(new Date()).add(1, 'days').local().format('YYYY-MM-DDTHH:mm:ss[Z]');
@@ -28990,7 +29331,7 @@ var generateQuery = function generateQuery(yardNumber, email) {
   var startDateTsUTC = moment.utc(new Date()).add(1, 'days').format('YYYY-MM-DDTHH:mm:ss[Z]');
   var EndDateTsUTC = moment.utc(new Date()).format('YYYY-MM-DDTHH:mm:ss[Z]');
   var targetingClause = buildTargetingClause(yardNumber, email);
-  return "fq=(".concat(targetingClause, ")&fq=((start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTsUTC, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]) OR (!start_date_timezone:\"UTC\" AND !end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTs, " TO *]) OR (!start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]))&fq=status:A&rows=10000&q=*:*");
+  return "fq=(".concat(targetingClause, ")&fq=((start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTsUTC, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]) OR (!start_date_timezone:\"UTC\" AND !end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTs, " TO *]) OR (!start_date_timezone:\"UTC\" AND end_date_timezone:\"UTC\" AND start_date_ts_utc:[* TO ").concat(startDateTs, "] AND end_date_ts_utc:[").concat(EndDateTsUTC, " TO *]))&fq=status:A&rows=1000&q=*:*");
 };
 var generateTargets = function generateTargets(notification) {
   var targets = [];
@@ -29074,6 +29415,9 @@ function fetchG2Notifications(updateNotifications, updateAllNotificationsList) {
     });
     compose(updateNotifications, filterNotifications)(modifiedNotifications);
     updateAllNotificationsList(modifiedNotifications, true);
+    // Prune expired entries from viewedNotifications after the main logic
+    // settles. Deferred so it never blocks the notifications render.
+    setTimeout(pruneExpiredViewedNotifications, 0);
   }).catch(function (e) {
     console.log(e);
   });
@@ -29084,7 +29428,10 @@ function startWebSocketConnection(updateNotifications, updateAllNotificationsLis
   var onOpen = callbacks.onOpen,
     onClose = callbacks.onClose;
   var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
-  var webSocketURL = "".concat(coreAppConfig.webSocketURL, "/").concat((_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard, ",").concat(storage$1.userEmail, ",").concat(encodeURIComponent(getCurrentApp()));
+  var currentApp = encodeURIComponent(getCurrentApp());
+  var selectedYard = (_storage$getSessionIt = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt === void 0 ? void 0 : _storage$getSessionIt.selectedYard;
+  var userEmail = storage$1.userEmail;
+  var webSocketURL = "".concat(coreAppConfig.webSocketURL, "/").concat(selectedYard, ",").concat(userEmail, ",").concat(currentApp, ",").concat(selectedYard, "|").concat(currentApp, ",").concat(userEmail, "|").concat(currentApp);
   var domain = window.location.hostname.slice(window.location.hostname.indexOf('.copart'));
   var selectedCountryA3code = (_storage$getSessionIt2 = storage$1.getSessionItem('dashboard')) === null || _storage$getSessionIt2 === void 0 ? void 0 : _storage$getSessionIt2.selectedCountryA3code;
   var notificationCountry = selectedCountryA3code;
@@ -29111,13 +29458,19 @@ function startWebSocketConnection(updateNotifications, updateAllNotificationsLis
     var batch = notificationBuffer;
     notificationBuffer = [];
     flushTimerId = null;
-    var activeBatch = batch.filter(function (n) {
+    var seenIds = new Map();
+    batch.forEach(function (n) {
+      var id = (n === null || n === void 0 ? void 0 : n.notification_id) || (n === null || n === void 0 ? void 0 : n.notificationId);
+      if (id) seenIds.set(id, n);
+    });
+    var deduplicatedBatch = seenIds.size > 0 ? Array.from(seenIds.values()) : batch;
+    var activeBatch = deduplicatedBatch.filter(function (n) {
       return (n === null || n === void 0 ? void 0 : n.status) === 'A';
     });
     if (activeBatch.length > 0) {
       compose(updateNotifications, filterNotifications)(activeBatch);
     }
-    updateAllNotificationsList(batch);
+    updateAllNotificationsList(deduplicatedBatch);
   }
   function scheduleFlush() {
     if (flushTimerId === null) {
@@ -29152,7 +29505,7 @@ function startWebSocketConnection(updateNotifications, updateAllNotificationsLis
           return;
         }
 
-        // Handle notification messages: buffer and flush at interval
+        // Buffer notifications — deduplication happens at flush via notificationRegistry.
         var notification = Array.isArray(messageData) ? messageData : [messageData];
         if (notification.length > 0) {
           var _notificationBuffer;
@@ -29488,6 +29841,8 @@ var startTabLeaderCoordinator = function startTabLeaderCoordinator(_ref) {
     console.error('[TabLeaderCoordinator] BroadcastChannel creation failed:', error);
     bc = null;
   }
+  var stopped = false;
+  var pendingElectionTimeout = null;
   var isLeader = false;
   var renewTimer = null;
   var heartbeatTimer = null;
@@ -29533,7 +29888,7 @@ var startTabLeaderCoordinator = function startTabLeaderCoordinator(_ref) {
     });
   };
   var becomeLeader = function becomeLeader() {
-    if (isLeader) return;
+    if (isLeader || stopped) return;
     isLeader = true;
     if (bc) {
       try {
@@ -29582,6 +29937,7 @@ var startTabLeaderCoordinator = function startTabLeaderCoordinator(_ref) {
     renewTimer = heartbeatTimer = interactionCheckTimer = null;
   };
   var tryBecomeLeader = function tryBecomeLeader() {
+    if (stopped) return;
     var lock = readLock();
     var expired = !lock || lock.expiresAt <= now();
     if (expired) {
@@ -29625,10 +29981,15 @@ var startTabLeaderCoordinator = function startTabLeaderCoordinator(_ref) {
   window.addEventListener('beforeunload', handleBeforeUnload);
   window.addEventListener('pagehide', handleBeforeUnload);
   electionTimer = setInterval(function () {
-    setTimeout(tryBecomeLeader, Math.random() * JITTER_MS);
+    pendingElectionTimeout = setTimeout(tryBecomeLeader, Math.random() * JITTER_MS);
   }, ELECTION_INTERVAL_MS);
   tryBecomeLeader();
   return function () {
+    stopped = true;
+    if (pendingElectionTimeout) {
+      clearTimeout(pendingElectionTimeout);
+      pendingElectionTimeout = null;
+    }
     window.removeEventListener('storage', handleStorage);
     window.removeEventListener('beforeunload', handleBeforeUnload);
     window.removeEventListener('pagehide', handleBeforeUnload);