@copart/ops-tool-kit 1.12.0-alpha.3 → 1.12.0-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/ops-tool-kit.js +1311 -527
  2. package/dist/ops-tool-kit.js.map +1 -1
  3. package/package.json +3 -2
package/dist/ops-tool-kit.js CHANGED
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
 
34
34
  const name$r = "@copart/ops-tool-kit";
35
- const version$7 = "1.12.0-alpha.3";
35
+ const version$7 = "1.12.0-alpha.31";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -86,7 +86,8 @@ const devDependencies$1 = {
86
86
  rollup: "^2.22.1",
87
87
  "rollup-plugin-analyzer": "^3.3.0",
88
88
  "rollup-plugin-filesize": "9.0.2",
89
- "rollup-plugin-postcss": "^3.1.3"
89
+ "rollup-plugin-postcss": "^3.1.3",
90
+ "@rollup/plugin-replace": "5.0.5"
90
91
  };
91
92
  const peerDependencies = {
92
93
  "@copart/core-components": "2.3.0-alpha.filters.6",
@@ -226,11 +227,11 @@ function styleInject(css, ref) {
226
227
  }
227
228
  }
228
229
 
229
- var css_248z$r = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
230
- styleInject(css_248z$r);
230
+ var css_248z$s = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
231
+ styleInject(css_248z$s);
231
232
 
232
- var css_248z$q = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
233
- styleInject(css_248z$q);
233
+ var css_248z$r = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
234
+ styleInject(css_248z$r);
234
235
 
235
236
  function _iterableToArrayLimit(arr, i) {
236
237
  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
@@ -852,7 +853,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
852
853
  d = b$1 ? Symbol.for("react.portal") : 60106,
853
854
  e = b$1 ? Symbol.for("react.fragment") : 60107,
854
855
  f = b$1 ? Symbol.for("react.strict_mode") : 60108,
855
- g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
856
+ g = b$1 ? Symbol.for("react.profiler") : 60114,
856
857
  h$1 = b$1 ? Symbol.for("react.provider") : 60109,
857
858
  k$1 = b$1 ? Symbol.for("react.context") : 60110,
858
859
  l = b$1 ? Symbol.for("react.async_mode") : 60111,
@@ -875,7 +876,7 @@ function z$1(a) {
875
876
  case l:
876
877
  case m:
877
878
  case e:
878
- case g$1:
879
+ case g:
879
880
  case f:
880
881
  case p:
881
882
  return a;
@@ -909,7 +910,7 @@ var Fragment = e;
909
910
  var Lazy = t;
910
911
  var Memo = r;
911
912
  var Portal = d;
912
- var Profiler = g$1;
913
+ var Profiler = g;
913
914
  var StrictMode = f;
914
915
  var Suspense = p;
915
916
  var isAsyncMode = function (a) {
@@ -941,7 +942,7 @@ var isPortal = function (a) {
941
942
  return z$1(a) === d;
942
943
  };
943
944
  var isProfiler = function (a) {
944
- return z$1(a) === g$1;
945
+ return z$1(a) === g;
945
946
  };
946
947
  var isStrictMode = function (a) {
947
948
  return z$1(a) === f;
@@ -950,7 +951,7 @@ var isSuspense = function (a) {
950
951
  return z$1(a) === p;
951
952
  };
952
953
  var isValidElementType = function (a) {
953
- return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
+ return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
955
  };
955
956
  var typeOf = z$1;
956
957
 
@@ -2738,24 +2739,70 @@ var clearStorage = function clearStorage() {
2738
2739
  // Clear Mihub related field. Need to revisit this
2739
2740
  sessionStorage.removeItem('globalNavResponseObj');
2740
2741
  };
2742
+ var setAppContext = function setAppContext() {
2743
+ var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
2744
+ try {
2745
+ var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3;
2746
+ var isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
2747
+ if (isCoreApp) {
2748
+ setSessionItem('opsportal-core:miHelpBotContext', context);
2749
+ return;
2750
+ }
2751
+ var appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
2752
+ var appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2753
+ var appData = appTiles.find(function (tile) {
2754
+ if (tile.appName) {
2755
+ return tile.appName === appName;
2756
+ } else {
2757
+ return tile.path === "/".concat(appName);
2758
+ }
2759
+ });
2760
+ var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2761
+ if (!appAuthName) throw new Error('appAuthName not found');
2762
+ setSessionItem("".concat(appAuthName, ":miHelpBotContext"), context);
2763
+ } catch (e) {
2764
+ console.log("***Error while setting context ", e);
2765
+ }
2766
+ };
2741
2767
  var createOpsStorage = function createOpsStorage() {
2742
2768
  return {
2743
2769
  getLocalItem: getLocalItem,
2744
2770
  setLocalItem: setLocalItem,
2745
2771
  getSessionItem: getSessionItem,
2746
2772
  setSessionItem: setSessionItem,
2773
+ setAppContext: setAppContext,
2747
2774
  setItem: function setItem(key, value) {
2748
- var _window$toolkitEnv;
2749
- var APP_NAME = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2775
+ var _window$toolkitEnv4;
2776
+ var APP_NAME = (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2750
2777
  setLocalItem("".concat(APP_NAME, ":").concat(key), value);
2751
2778
  return value;
2752
2779
  },
2753
2780
  getItem: function getItem(key) {
2754
- var _window$toolkitEnv2;
2755
- var APP_NAME = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2781
+ var _window$toolkitEnv5;
2782
+ var APP_NAME = (_window$toolkitEnv5 = window.toolkitEnv) !== null && _window$toolkitEnv5 !== void 0 && _window$toolkitEnv5.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2756
2783
  var value = getLocalItem("".concat(APP_NAME, ":").concat(key));
2757
2784
  return value;
2758
2785
  },
2786
+ get appContext() {
2787
+ var _window$toolkitEnv6;
2788
+ var isCoreApp = (_window$toolkitEnv6 = window.toolkitEnv) !== null && _window$toolkitEnv6 !== void 0 && _window$toolkitEnv6.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
2789
+ if (isCoreApp) {
2790
+ return getSessionItem('opsportal-core:miHelpBotContext');
2791
+ } else {
2792
+ var _window$toolkitEnv7, _window$toolkitEnv8;
2793
+ var appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
2794
+ var appName = (_window$toolkitEnv7 = window.toolkitEnv) !== null && _window$toolkitEnv7 !== void 0 && _window$toolkitEnv7.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2795
+ var appData = appTiles.find(function (tile) {
2796
+ if (tile.appName) {
2797
+ return tile.appName === appName;
2798
+ } else {
2799
+ return tile.path === "/".concat(appName);
2800
+ }
2801
+ });
2802
+ var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv8 = window.toolkitEnv) !== null && _window$toolkitEnv8 !== void 0 && _window$toolkitEnv8.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2803
+ return appAuthName ? getSessionItem("".concat(appAuthName, ":miHelpBotContext")) : '';
2804
+ }
2805
+ },
2759
2806
  get config() {
2760
2807
  return getItem('config');
2761
2808
  },
@@ -2772,9 +2819,9 @@ var createOpsStorage = function createOpsStorage() {
2772
2819
  return storage$1.getLocalItem('ops_portal:permissions') || [];
2773
2820
  },
2774
2821
  get currentAppPermissions() {
2775
- var _window$toolkitEnv3, _window$toolkitEnv4;
2822
+ var _window$toolkitEnv9, _window$toolkitEnv10;
2776
2823
  var appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
2777
- var appName = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2824
+ var appName = (_window$toolkitEnv9 = window.toolkitEnv) !== null && _window$toolkitEnv9 !== void 0 && _window$toolkitEnv9.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
2778
2825
  var appData = appTiles.find(function (tile) {
2779
2826
  if (tile.appName) {
2780
2827
  return tile.appName === appName;
@@ -2782,9 +2829,15 @@ var createOpsStorage = function createOpsStorage() {
2782
2829
  return tile.path === "/".concat(appName);
2783
2830
  }
2784
2831
  });
2785
- var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2832
+ var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv10 = window.toolkitEnv) !== null && _window$toolkitEnv10 !== void 0 && _window$toolkitEnv10.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2786
2833
  return appAuthName ? storage$1.getLocalItem("".concat(appAuthName, ":permissions")) : [];
2787
2834
  },
2835
+ get appScopesAndFunctions() {
2836
+ return getLocalItem('appScopesAndFunctions') || [];
2837
+ },
2838
+ get userAppScopes() {
2839
+ return getLocalItem('login', 'userAppScopes') || [];
2840
+ },
2788
2841
  get coreConfig() {
2789
2842
  return getLocalItem('opsportal-core:config');
2790
2843
  },
@@ -2905,8 +2958,8 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2905
2958
  error: 'You tried to use Breadcrumbs outside of its context.'
2906
2959
  };
2907
2960
 
2908
- var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n font-weight: 300;\r\n letter-spacing: 0;\r\n /* transition: all 0.2s; */\r\n position: relative;\r\n top: -2px;\r\n color: rgba(255, 255, 255, 0.8);\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin-left: 5px;\r\n opacity: 1;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.4);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 300;\r\n /* opacity: 0.8; */\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n /* margin: 10px; */\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2909
- styleInject(css_248z$p);
2961
+ var css_248z$q = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n font-weight: 300;\r\n letter-spacing: 0;\r\n /* transition: all 0.2s; */\r\n position: relative;\r\n top: -2px;\r\n color: rgba(255, 255, 255, 0.8);\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin-left: 5px;\r\n opacity: 1;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.4);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 300;\r\n /* opacity: 0.8; */\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n /* margin: 10px; */\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2962
+ styleInject(css_248z$q);
2910
2963
 
2911
2964
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
2912
2965
  var withBreadcrumbs = function withBreadcrumbs(Comp) {
@@ -3666,12 +3719,12 @@ function nonStandardBrowserEnv() {
3666
3719
 
3667
3720
  // btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js
3668
3721
  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
3669
- function E() {
3722
+ function E$1() {
3670
3723
  this.message = 'String contains an invalid character';
3671
3724
  }
3672
- E.prototype = new Error();
3673
- E.prototype.code = 5;
3674
- E.prototype.name = 'InvalidCharacterError';
3725
+ E$1.prototype = new Error();
3726
+ E$1.prototype.code = 5;
3727
+ E$1.prototype.name = 'InvalidCharacterError';
3675
3728
  function btoa$2(input) {
3676
3729
  var str = String(input);
3677
3730
  var output = '';
@@ -3686,7 +3739,7 @@ function btoa$2(input) {
3686
3739
  output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
3687
3740
  charCode = str.charCodeAt(idx += 3 / 4);
3688
3741
  if (charCode > 0xFF) {
3689
- throw new E();
3742
+ throw new E$1();
3690
3743
  }
3691
3744
  block = block << 8 | charCode;
3692
3745
  }
@@ -5367,40 +5420,46 @@ var getConfig = /*#__PURE__*/function () {
5367
5420
  response = _context.sent;
5368
5421
  config = response.data.data; // Fill in values needed for access checks.
5369
5422
  config.tiles = hydrateTiles(config.tiles);
5423
+ config.tileOverrides = hydrateTiles(config.tileOverrides);
5370
5424
  return _context.abrupt("return", config);
5371
- case 11:
5372
- _context.prev = 11;
5425
+ case 12:
5426
+ _context.prev = 12;
5373
5427
  _context.t0 = _context["catch"](0);
5374
5428
  if (!JSON.stringify(_context.t0.response.data).includes('503')) {
5375
- _context.next = 17;
5429
+ _context.next = 18;
5376
5430
  break;
5377
5431
  }
5378
5432
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5379
- case 17:
5380
- Promise.reject(_context.t0);
5381
5433
  case 18:
5434
+ Promise.reject(_context.t0);
5435
+ case 19:
5382
5436
  case "end":
5383
5437
  return _context.stop();
5384
5438
  }
5385
- }, _callee, null, [[0, 11]]);
5439
+ }, _callee, null, [[0, 12]]);
5386
5440
  }));
5387
5441
  return function getConfig(_x) {
5388
5442
  return _ref.apply(this, arguments);
5389
5443
  };
5390
5444
  }();
5391
- var findAppData = function findAppData(tiles) {
5445
+ var tileFilter = function tileFilter(tile) {
5392
5446
  var _window$toolkitEnv;
5393
5447
  var appName = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
5394
5448
  if (window.location.pathname.includes('embedded')) {
5395
5449
  appName = window.location.pathname;
5396
5450
  }
5397
- var matchingTiles = tiles.filter(function (tile) {
5398
- if (tile.appName) {
5399
- return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5400
- } else {
5401
- return tile.path === "/".concat(appName);
5402
- }
5403
- });
5451
+ if (tile.appName) {
5452
+ return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5453
+ } else {
5454
+ return tile.path === "/".concat(appName);
5455
+ }
5456
+ };
5457
+ var findAppData = function findAppData() {
5458
+ var tiles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
5459
+ var tileOverrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
5460
+ var matchingTiles = [];
5461
+ matchingTiles = matchingTiles.concat(tileOverrides.filter(tileFilter));
5462
+ matchingTiles = matchingTiles.concat(tiles.filter(tileFilter));
5404
5463
  if (matchingTiles.length > 1) {
5405
5464
  var currentLocation = window.location.pathname;
5406
5465
  return matchingTiles.find(function (tile) {
@@ -5423,7 +5482,7 @@ var getAppTileData = /*#__PURE__*/function () {
5423
5482
  case 3:
5424
5483
  config = _context2.sent;
5425
5484
  storage.setLocalItem('opsportal-core:config', config);
5426
- return _context2.abrupt("return", findAppData(config.tiles || []));
5485
+ return _context2.abrupt("return", findAppData(config.tiles, config.tileOverrides));
5427
5486
  case 6:
5428
5487
  case "end":
5429
5488
  return _context2.stop();
@@ -5446,17 +5505,54 @@ var getHeaders$1 = function getHeaders() {
5446
5505
  };
5447
5506
  };
5448
5507
  var getPermissions = /*#__PURE__*/function () {
5449
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName) {
5450
- var _storage$getLocalItem, _storage$getLocalItem2, permissions, endpoint, response, appDetails;
5508
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName, useAppScopes) {
5509
+ var permissions, userAppScopes, allAppScopesAndFunctions, currentAppScopesAndFunctions, _currentAppScopesAndF, appFunctions, appFunctionsMap, _storage$getLocalItem, _storage$getLocalItem2, endpoint, response, appDetails;
5451
5510
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5452
5511
  while (1) switch (_context.prev = _context.next) {
5453
5512
  case 0:
5454
5513
  _context.prev = 0;
5455
5514
  permissions = [];
5515
+ if (!useAppScopes) {
5516
+ _context.next = 9;
5517
+ break;
5518
+ }
5519
+ userAppScopes = Array.isArray(storage.userAppScopes) ? storage.userAppScopes : [];
5520
+ allAppScopesAndFunctions = storage.appScopesAndFunctions;
5521
+ currentAppScopesAndFunctions = allAppScopesAndFunctions.find(function (scope) {
5522
+ return scope.appName === appName;
5523
+ });
5524
+ if (currentAppScopesAndFunctions) {
5525
+ appFunctions = {}, appFunctionsMap = {};
5526
+ (_currentAppScopesAndF = currentAppScopesAndFunctions.scopes) === null || _currentAppScopesAndF === void 0 ? void 0 : _currentAppScopesAndF.forEach(function (scope) {
5527
+ var scopeName = scope.appscope;
5528
+ var userHasScope = userAppScopes.find(function (appScope) {
5529
+ return appScope.appName === appName && appScope.scopeName === scopeName;
5530
+ });
5531
+ if (userHasScope) {
5532
+ scope.applicationFunctions.forEach(function (appFunc) {
5533
+ if (!appFunctionsMap[appFunc]) {
5534
+ appFunctionsMap[appFunc] = true;
5535
+ appFunctions[appFunc] = {
5536
+ name: appFunc,
5537
+ description: appFunc,
5538
+ hierarchyDetails: userHasScope.hierarchies
5539
+ };
5540
+ } else {
5541
+ var _appFunctions$appFunc;
5542
+ (_appFunctions$appFunc = appFunctions[appFunc]) === null || _appFunctions$appFunc === void 0 ? void 0 : _appFunctions$appFunc.hierarchyDetails.concat(userHasScope.hierarchies);
5543
+ }
5544
+ });
5545
+ }
5546
+ });
5547
+ permissions = Object.values(appFunctions);
5548
+ }
5549
+ _context.next = 15;
5550
+ break;
5551
+ case 9:
5456
5552
  endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.g2AppPermissions;
5457
- _context.next = 5;
5553
+ _context.next = 12;
5458
5554
  return fetcher.get("".concat(endpoint).concat(appName), getHeaders$1());
5459
- case 5:
5555
+ case 12:
5460
5556
  response = _context.sent;
5461
5557
  appDetails = response.data.applications.find(function (app) {
5462
5558
  return app.name === appName;
@@ -5464,25 +5560,26 @@ var getPermissions = /*#__PURE__*/function () {
5464
5560
  if (appDetails) {
5465
5561
  permissions = appDetails.applicationFunctions;
5466
5562
  }
5563
+ case 15:
5467
5564
  storage.setLocalItem("".concat(appName, ":permissions"), permissions);
5468
5565
  return _context.abrupt("return", permissions);
5469
- case 12:
5470
- _context.prev = 12;
5566
+ case 19:
5567
+ _context.prev = 19;
5471
5568
  _context.t0 = _context["catch"](0);
5472
5569
  if (!(_context.t0.response && JSON.stringify(_context.t0.response.data).includes('503'))) {
5473
- _context.next = 18;
5570
+ _context.next = 25;
5474
5571
  break;
5475
5572
  }
5476
5573
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5477
- case 18:
5574
+ case 25:
5478
5575
  Promise.reject(_context.t0);
5479
- case 19:
5576
+ case 26:
5480
5577
  case "end":
5481
5578
  return _context.stop();
5482
5579
  }
5483
- }, _callee, null, [[0, 12]]);
5580
+ }, _callee, null, [[0, 19]]);
5484
5581
  }));
5485
- return function getPermissions(_x) {
5582
+ return function getPermissions(_x, _x2) {
5486
5583
  return _ref.apply(this, arguments);
5487
5584
  };
5488
5585
  }();
@@ -5589,17 +5686,17 @@ var getDefaultYard = function getDefaultYard(country) {
5589
5686
  var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
5590
5687
  if (stack === 'uk') {
5591
5688
  return {
5592
- name: "COPART UK",
5689
+ name: 'COPART UK',
5593
5690
  number: 400,
5594
- userSecurityLevel: "1",
5691
+ userSecurityLevel: '1',
5595
5692
  address: {
5596
- city: "WOOTTON",
5597
- country: "GBR",
5598
- line1: "ACREY FIELDS",
5599
- state: "GB",
5693
+ city: 'WOOTTON',
5694
+ country: 'GBR',
5695
+ line1: 'ACREY FIELDS',
5696
+ state: 'GB',
5600
5697
  zip: {
5601
- zip1: "MK43",
5602
- zip2: ""
5698
+ zip1: 'MK43',
5699
+ zip2: ''
5603
5700
  }
5604
5701
  }
5605
5702
  };
@@ -5607,60 +5704,60 @@ var getDefaultYard = function getDefaultYard(country) {
5607
5704
  switch (country) {
5608
5705
  case 'IN':
5609
5706
  return {
5610
- name: "CITC",
5707
+ name: 'CITC',
5611
5708
  number: 8003,
5612
5709
  address: {
5613
- city: "HYDERABAD",
5614
- country: "IND",
5615
- line1: "PSR PRIME TOWERS 5TH FLOOR",
5616
- line2: "SURVEY NO 126P, GACHIBOWLI",
5617
- state: "TS",
5710
+ city: 'HYDERABAD',
5711
+ country: 'IND',
5712
+ line1: 'PSR PRIME TOWERS 5TH FLOOR',
5713
+ line2: 'SURVEY NO 126P, GACHIBOWLI',
5714
+ state: 'TS',
5618
5715
  zip: {
5619
- zip1: "500032"
5716
+ zip1: '500032'
5620
5717
  }
5621
5718
  }
5622
5719
  };
5623
5720
  case 'US':
5624
5721
  return {
5625
- name: "CORPORATE",
5722
+ name: 'CORPORATE',
5626
5723
  number: 700,
5627
5724
  address: {
5628
- city: "DALLAS",
5629
- country: "USA",
5630
- line1: "14185 DALLAS PARKWAY #300",
5631
- state: "TX",
5725
+ city: 'DALLAS',
5726
+ country: 'USA',
5727
+ line1: '14185 DALLAS PARKWAY #300',
5728
+ state: 'TX',
5632
5729
  zip: {
5633
- zip1: "75254"
5730
+ zip1: '75254'
5634
5731
  }
5635
5732
  }
5636
5733
  };
5637
5734
  case 'UK':
5638
5735
  return {
5639
- name: "COPART UK",
5736
+ name: 'COPART UK',
5640
5737
  number: 400,
5641
- userSecurityLevel: "1",
5738
+ userSecurityLevel: '1',
5642
5739
  address: {
5643
- city: "WOOTTON",
5644
- country: "GBR",
5645
- line1: "ACREY FIELDS",
5646
- state: "GB",
5740
+ city: 'WOOTTON',
5741
+ country: 'GBR',
5742
+ line1: 'ACREY FIELDS',
5743
+ state: 'GB',
5647
5744
  zip: {
5648
- zip1: "MK43",
5649
- zip2: ""
5745
+ zip1: 'MK43',
5746
+ zip2: ''
5650
5747
  }
5651
5748
  }
5652
5749
  };
5653
5750
  default:
5654
5751
  return {
5655
- name: "CORPORATE",
5752
+ name: 'CORPORATE',
5656
5753
  number: 700,
5657
5754
  address: {
5658
- city: "DALLAS",
5659
- country: "USA",
5660
- line1: "14185 DALLAS PARKWAY #300",
5661
- state: "TX",
5755
+ city: 'DALLAS',
5756
+ country: 'USA',
5757
+ line1: '14185 DALLAS PARKWAY #300',
5758
+ state: 'TX',
5662
5759
  zip: {
5663
- zip1: "75254"
5760
+ zip1: '75254'
5664
5761
  }
5665
5762
  }
5666
5763
  };
@@ -5735,13 +5832,14 @@ var storeLoginData = function storeLoginData(data) {
5735
5832
  redirectTo: 'home',
5736
5833
  attemptFailed: false,
5737
5834
  sessionExpired: false,
5738
- hasCasAccess: data.hasCasAccess
5835
+ hasCasAccess: data.hasCasAccess,
5836
+ entity_auth_scope: data.entity_auth_scope
5739
5837
  });
5740
5838
  };
5741
5839
  var setupLogin = /*#__PURE__*/function () {
5742
5840
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(loginData) {
5743
5841
  var _window$toolkitEnv3;
5744
- var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard;
5842
+ var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard, _storage$getLocalItem, _storage$getLocalItem2, endpoint, appFunctions;
5745
5843
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5746
5844
  while (1) switch (_context2.prev = _context2.next) {
5747
5845
  case 0:
@@ -5813,11 +5911,26 @@ var setupLogin = /*#__PURE__*/function () {
5813
5911
  loginData.hasCasAccess = hasCasAccess;
5814
5912
  case 44:
5815
5913
  storeLoginData(loginData);
5816
- case 45:
5914
+ _context2.prev = 45;
5915
+ endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.appScopesAWS;
5916
+ _context2.next = 49;
5917
+ return fetcher.get(endpoint).then(function (res) {
5918
+ return res.data;
5919
+ });
5920
+ case 49:
5921
+ appFunctions = _context2.sent;
5922
+ storage$1.setLocalItem('appScopesAndFunctions', appFunctions);
5923
+ _context2.next = 56;
5924
+ break;
5925
+ case 53:
5926
+ _context2.prev = 53;
5927
+ _context2.t1 = _context2["catch"](45);
5928
+ console.log(_context2.t1);
5929
+ case 56:
5817
5930
  case "end":
5818
5931
  return _context2.stop();
5819
5932
  }
5820
- }, _callee2, null, [[17, 27]]);
5933
+ }, _callee2, null, [[17, 27], [45, 53]]);
5821
5934
  }));
5822
5935
  return function setupLogin(_x) {
5823
5936
  return _ref2.apply(this, arguments);
@@ -9270,6 +9383,81 @@ var getInnovationHubToken = /*#__PURE__*/function () {
9270
9383
  };
9271
9384
  }();
9272
9385
 
9386
+ var getHierarchyDetails = function getHierarchyDetails(hierarchies, hierarchyId) {
9387
+ var hierarchy = hierarchies[hierarchyId];
9388
+ var isHierarchyFromCurrentCountry = hierarchy && hierarchy.countryCode === storage.getSessionItem('dashboard', 'selectedCountryA3code');
9389
+ return isHierarchyFromCurrentCountry ? {
9390
+ id: hierarchy.hierarchyId,
9391
+ level: hierarchy.levelName,
9392
+ name: hierarchy.hierarchyName
9393
+ } : null;
9394
+ };
9395
+ var getUserScopes = /*#__PURE__*/function () {
9396
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
9397
+ var _storage$getLocalItem, _storage$getLocalItem2;
9398
+ var endpoint, hierarchies, scopeData, scopeList, filteredScopeList;
9399
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
9400
+ while (1) switch (_context.prev = _context.next) {
9401
+ case 0:
9402
+ endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.hierarchiesAWS;
9403
+ _context.prev = 1;
9404
+ _context.next = 4;
9405
+ return fetcher.get(endpoint).then(function (res) {
9406
+ return res.data;
9407
+ });
9408
+ case 4:
9409
+ hierarchies = _context.sent;
9410
+ storage.setLocalItem('hierarchies', hierarchies);
9411
+ _context.next = 12;
9412
+ break;
9413
+ case 8:
9414
+ _context.prev = 8;
9415
+ _context.t0 = _context["catch"](1);
9416
+ console.log(_context.t0);
9417
+ hierarchies = storage.getLocalItem('hierarchies');
9418
+ case 12:
9419
+ scopeData = storage.getLocalItem('login', 'entity_auth_scope');
9420
+ scopeList = typeof scopeData === 'string' ? scopeData === null || scopeData === void 0 ? void 0 : scopeData.split(',') : [];
9421
+ scopeList = scopeList.filter(function (scope) {
9422
+ return typeof scope === 'string' && scope.trim() !== '';
9423
+ });
9424
+ filteredScopeList = [];
9425
+ scopeList.forEach(function (scope) {
9426
+ var _storage$getLocalItem3;
9427
+ var scopeInfo = scope === null || scope === void 0 ? void 0 : scope.split('|');
9428
+ var appScopeEnv = (_storage$getLocalItem3 = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.appScopeEnv;
9429
+ var isScopeForCurrentEnv = scopeInfo[0] && scopeInfo[0] === appScopeEnv;
9430
+ if (isScopeForCurrentEnv) {
9431
+ var _scopeInfo$;
9432
+ var hierarchyList = ((_scopeInfo$ = scopeInfo[3]) === null || _scopeInfo$ === void 0 ? void 0 : _scopeInfo$.split(':')) || [];
9433
+ var hierarchiesWithDetails = [];
9434
+ hierarchyList.forEach(function (hierarchy) {
9435
+ var details = getHierarchyDetails(hierarchies, Number(hierarchy));
9436
+ if (details) {
9437
+ hierarchiesWithDetails.push(details);
9438
+ }
9439
+ });
9440
+ if (hierarchiesWithDetails.length > 0) {
9441
+ filteredScopeList.push({
9442
+ appName: scopeInfo[1],
9443
+ scopeName: scopeInfo[2],
9444
+ hierarchies: hierarchiesWithDetails
9445
+ });
9446
+ }
9447
+ }
9448
+ });
9449
+ return _context.abrupt("return", filteredScopeList);
9450
+ case 18:
9451
+ case "end":
9452
+ return _context.stop();
9453
+ }
9454
+ }, _callee, null, [[1, 8]]);
9455
+ }));
9456
+ return function getUserScopes() {
9457
+ return _ref.apply(this, arguments);
9458
+ };
9459
+ }();
9460
+
9273
9461
  fetcher.login = login;
9274
9462
  fetcher.oktaLogin = oktaLogin;
9275
9463
  fetcher.getConfig = getConfig;
@@ -9285,6 +9473,7 @@ fetcher.getPrintersForYard = getPrintersForYard;
9285
9473
  fetcher.getPermissions = getPermissions;
9286
9474
  fetcher.getCoreAppPermissions = getCoreAppPermissions;
9287
9475
  fetcher.getInnovationHubToken = getInnovationHubToken;
9476
+ fetcher.getUserScopes = getUserScopes;
9288
9477
 
9289
9478
  var getRouteName = function getRouteName() {
9290
9479
  return window.location.pathname.split('/').splice(1)[0];
@@ -9321,8 +9510,8 @@ var isChrome = function isChrome() {
9321
9510
  return isChromium && !isEdge;
9322
9511
  };
9323
9512
 
9324
- var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
9325
- styleInject(css_248z$o);
9513
+ var css_248z$p = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
9514
+ styleInject(css_248z$p);
9326
9515
 
9327
9516
  var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
9328
9517
  _inherits$2(ConfigFetcher, _React$Component);
@@ -21035,8 +21224,8 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21035
21224
  return "\n Feedback: ".concat(props.feedback, "\n <br/>\n Email: ").concat(props.email, "\n <br/>\n Url: ").concat(location.href, "\n <br/>\n Selected Yard: ").concat(props.selectedYard, "\n <br/>\n Home Yard: ").concat(props.homeYard, "\n <br/>\n User Agent: ").concat(navigator.userAgent, "\n <br/>\n <small><i>Sent from opsportal-core.</i></small>\n ");
21036
21225
  };
21037
21226
 
21038
- var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21039
- styleInject(css_248z$n);
21227
+ var css_248z$o = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21228
+ styleInject(css_248z$o);
21040
21229
 
21041
21230
  var FAQLink = function FAQLink() {
21042
21231
  return /*#__PURE__*/React__namespace.createElement("a", {
@@ -21050,8 +21239,8 @@ var FAQLink = function FAQLink() {
21050
21239
  }, locale('FAQs'));
21051
21240
  };
21052
21241
 
21053
- var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21054
- styleInject(css_248z$m);
21242
+ var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21243
+ styleInject(css_248z$n);
21055
21244
 
21056
21245
  var FAQText = function FAQText() {
21057
21246
  return /*#__PURE__*/React__namespace.createElement("div", {
@@ -21061,8 +21250,8 @@ var FAQText = function FAQText() {
21061
21250
  }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21062
21251
  };
21063
21252
 
21064
- var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21065
- styleInject(css_248z$l);
21253
+ var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21254
+ styleInject(css_248z$m);
21066
21255
 
21067
21256
  var DialogTitle = function DialogTitle() {
21068
21257
  return /*#__PURE__*/React__namespace.createElement("span", {
@@ -21281,8 +21470,8 @@ FeedbackDialog.defaultProps = {
21281
21470
  }
21282
21471
  };
21283
21472
 
21284
- var css_248z$k = ".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}\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 flex-direction: column;\r\n margin: 3px 0 0 16px;\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-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: -2px;\r\n}\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 height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 358px;\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 -webkit-backdrop-filter: blur(20px);\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 top: 48px;\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: 400px;\r\n max-width: 400px;\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}\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: 48px;\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: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\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 grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\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: -9px;\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: 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 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}";
21285
- styleInject(css_248z$k);
21473
+ var css_248z$l = ".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}\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 flex-direction: column;\r\n margin: 3px 0 0 16px;\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 -webkit-backdrop-filter: blur(20px);\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 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}";
21474
+ styleInject(css_248z$l);
21286
21475
 
21287
21476
  var LogOutMenu = function LogOutMenu(_ref) {
21288
21477
  _ref.items;
@@ -21308,8 +21497,8 @@ var LogOutMenu = function LogOutMenu(_ref) {
21308
21497
  }));
21309
21498
  };
21310
21499
 
21311
- var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n padding: 24px 36px;\r\n flex-direction: column;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n padding: 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\r\n width: 100%;\r\n }\r\n}";
21312
- styleInject(css_248z$j);
21500
+ var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n padding: 20px 0;\r\n border-bottom: 1px solid #EDEBE9;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n word-break: break-all;\r\n text-wrap: wrap;\r\n padding-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n padding: 24px 36px;\r\n flex-direction: column;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n padding: 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\r\n width: 100%;\r\n }\r\n}";
21501
+ styleInject(css_248z$k);
21313
21502
 
21314
21503
  var ProfileDetails = function ProfileDetails(_ref) {
21315
21504
  var logout = _ref.logout;
@@ -21332,15 +21521,19 @@ var ProfileDetails = function ProfileDetails(_ref) {
21332
21521
  }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
21333
21522
  };
21334
21523
 
21335
- var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\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,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\r\n width: 85%;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\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_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\r\n width: 100%;\r\n padding: 7px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\r\n width: 25px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\r\n color: #323130;\r\n font-size: 20px;\r\n}\r\n\r\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\r\n color: #ffff00;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\r\n display: flex;\r\n grid-gap: 15px;\r\n gap: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\r\n font-size: 16px;\r\n}";
21336
- styleInject(css_248z$i);
21524
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\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,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\r\n width: 85%;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\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_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\r\n width: 100%;\r\n padding: 7px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\r\n width: 25px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\r\n color: #323130;\r\n font-size: 20px;\r\n}\r\n\r\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\r\n color: #ffff00;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\r\n display: flex;\r\n grid-gap: 15px;\r\n gap: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\r\n font-size: 16px;\r\n}";
21525
+ styleInject(css_248z$j);
21337
21526
 
21338
21527
  var MobileMenu = function MobileMenu(props) {
21339
21528
  var closeSidebar = props.closeSidebar,
21340
21529
  logout = props.logout,
21341
- items = props.items;
21530
+ items = props.items,
21531
+ notifications = props.notifications;
21342
21532
  return /*#__PURE__*/React__default["default"].createElement("div", {
21343
21533
  className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper",
21534
+ style: {
21535
+ top: notifications !== null && notifications !== void 0 && notifications.length ? '113px' : '48px'
21536
+ },
21344
21537
  onClick: closeSidebar
21345
21538
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21346
21539
  className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar"
@@ -21366,10 +21559,10 @@ var MobileMenu = function MobileMenu(props) {
21366
21559
  })));
21367
21560
  };
21368
21561
 
21369
- var css_248z$h = ".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";
21370
- styleInject(css_248z$h);
21562
+ var css_248z$i = ".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";
21563
+ styleInject(css_248z$i);
21371
21564
 
21372
- var _styleModuleImportMap$7 = {
21565
+ var _styleModuleImportMap$8 = {
21373
21566
  "./CopartLogo.css": {
21374
21567
  "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
21375
21568
  "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -21385,7 +21578,7 @@ var CopartLogo = function CopartLogo() {
21385
21578
  href: "/"
21386
21579
  }, /*#__PURE__*/React__namespace.createElement("img", {
21387
21580
  src: imageSrc,
21388
- className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$7, {
21581
+ className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$8, {
21389
21582
  "handleMissingStyleName": "warn"
21390
21583
  })
21391
21584
  }));
@@ -21587,10 +21780,10 @@ var unEscapeChars = function unEscapeChars(str) {
21587
21780
  }) : null;
21588
21781
  };
21589
21782
 
21590
- var css_248z$g = ".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: 400px;\r\n max-width: 400px;\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--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: 767px) {\r\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 85%;\r\n }\r\n}\r\n";
21591
- styleInject(css_248z$g);
21783
+ var css_248z$h = ".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";
21784
+ styleInject(css_248z$h);
21592
21785
 
21593
- var _styleModuleImportMap$6 = {
21786
+ var _styleModuleImportMap$7 = {
21594
21787
  "../Help.css": {
21595
21788
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
21596
21789
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -21677,7 +21870,7 @@ var ArticleSection = function ArticleSection(_ref) {
21677
21870
  onClick: function onClick() {
21678
21871
  return clickhandler(viewMapper[articleDetails.type], article);
21679
21872
  },
21680
- className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$6, {
21873
+ className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$7, {
21681
21874
  "handleMissingStyleName": "warn"
21682
21875
  })
21683
21876
  }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -21788,19 +21981,19 @@ var SearchResults = function SearchResults(_ref) {
21788
21981
  })));
21789
21982
  };
21790
21983
 
21791
- var css_248z$f = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
21984
+ var css_248z$g = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
21985
+ styleInject(css_248z$g);
21986
+
21987
+ var css_248z$f = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21792
21988
  styleInject(css_248z$f);
21793
21989
 
21794
- 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:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21990
+ var css_248z$e = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21795
21991
  styleInject(css_248z$e);
21796
21992
 
21797
- var css_248z$d = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21993
+ var css_248z$d = "/**\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}";
21798
21994
  styleInject(css_248z$d);
21799
21995
 
21800
- var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#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}";
21801
- styleInject(css_248z$c);
21802
-
21803
- var _styleModuleImportMap$5 = {
21996
+ var _styleModuleImportMap$6 = {
21804
21997
  "../wordpressStyles.css": {
21805
21998
  "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
21806
21999
  "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
@@ -21833,7 +22026,7 @@ function HelpArticleContent(_ref) {
21833
22026
  return /*#__PURE__*/React__default["default"].createElement("div", {
21834
22027
  className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
21835
22028
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21836
- className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
22029
+ className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$6, {
21837
22030
  "handleMissingStyleName": "warn"
21838
22031
  })
21839
22032
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21885,7 +22078,7 @@ var Dislike = function Dislike() {
21885
22078
  }));
21886
22079
  };
21887
22080
 
21888
- var _styleModuleImportMap$4 = {
22081
+ var _styleModuleImportMap$5 = {
21889
22082
  "../Help.css": {
21890
22083
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
21891
22084
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -21986,7 +22179,7 @@ var HelpArticle = function HelpArticle(_ref) {
21986
22179
  return /*#__PURE__*/React__default["default"].createElement("div", {
21987
22180
  className: "utilities_ops-app-frame_Help_Help--helpArticle"
21988
22181
  }, /*#__PURE__*/React__default["default"].createElement("h3", {
21989
- className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$4, {
22182
+ className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
21990
22183
  "handleMissingStyleName": "warn"
21991
22184
  })
21992
22185
  }, currentArticle.title), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21995,7 +22188,7 @@ var HelpArticle = function HelpArticle(_ref) {
21995
22188
  article: currentArticle,
21996
22189
  showQuestionSection: showQuestionSection
21997
22190
  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
21998
- className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
22191
+ className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
21999
22192
  "handleMissingStyleName": "warn"
22000
22193
  })
22001
22194
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22003,7 +22196,7 @@ var HelpArticle = function HelpArticle(_ref) {
22003
22196
  }, !currentArticle.showFeedback ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? /*#__PURE__*/React__default["default"].createElement("span", {
22004
22197
  className: "utilities_ops-app-frame_Help_Help--likeTxt"
22005
22198
  }, "Was this useful?") : null, /*#__PURE__*/React__default["default"].createElement("span", {
22006
- className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$4, {
22199
+ className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$5, {
22007
22200
  "handleMissingStyleName": "warn"
22008
22201
  })
22009
22202
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22011,7 +22204,7 @@ var HelpArticle = function HelpArticle(_ref) {
22011
22204
  return likeHandler(currentArticle);
22012
22205
  }
22013
22206
  }, /*#__PURE__*/React__default["default"].createElement(Like, null)), /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.likes)), /*#__PURE__*/React__default["default"].createElement("span", {
22014
- className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$4, {
22207
+ className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$5, {
22015
22208
  "handleMissingStyleName": "warn"
22016
22209
  })
22017
22210
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -22039,7 +22232,7 @@ var HelpArticle = function HelpArticle(_ref) {
22039
22232
  }, "Skip")))), /*#__PURE__*/React__default["default"].createElement("span", {
22040
22233
  className: "utilities_ops-app-frame_Help_Help--dateWrapper"
22041
22234
  }, /*#__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", {
22042
- className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
22235
+ className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
22043
22236
  "handleMissingStyleName": "warn"
22044
22237
  })
22045
22238
  }, /*#__PURE__*/React__default["default"].createElement("h3", null, "Related Help Resources"), /*#__PURE__*/React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
@@ -22052,7 +22245,7 @@ var HelpArticle = function HelpArticle(_ref) {
22052
22245
  }), article.post_title);
22053
22246
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22054
22247
  ref: questionSectionRef,
22055
- className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$4, {
22248
+ className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$5, {
22056
22249
  "handleMissingStyleName": "warn"
22057
22250
  })
22058
22251
  }, !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", {
@@ -22111,7 +22304,7 @@ var HelpArticle = function HelpArticle(_ref) {
22111
22304
  }
22112
22305
  })), /*#__PURE__*/React__default["default"].createElement("span", {
22113
22306
  onClick: questionSubmitHandler,
22114
- className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$4, {
22307
+ className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$5, {
22115
22308
  "handleMissingStyleName": "warn"
22116
22309
  })
22117
22310
  }, "Submit")) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -22245,7 +22438,7 @@ var ReleaseNote = function ReleaseNote(_ref) {
22245
22438
  })));
22246
22439
  };
22247
22440
 
22248
- var _styleModuleImportMap$3 = {
22441
+ var _styleModuleImportMap$4 = {
22249
22442
  "./Help.css": {
22250
22443
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
22251
22444
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -22312,7 +22505,9 @@ var HelpSideBar = function HelpSideBar(_ref) {
22312
22505
  mihelpRef = _ref.mihelpRef,
22313
22506
  setMihelpVisible = _ref.setMihelpVisible,
22314
22507
  feedbackConfig = _ref.feedbackConfig,
22315
- showMihelpDot = _ref.showMihelpDot;
22508
+ showMihelpDot = _ref.showMihelpDot,
22509
+ sideBarTopValue = _ref.sideBarTopValue,
22510
+ notifications = _ref.notifications;
22316
22511
  var _useState = React.useState(null),
22317
22512
  _useState2 = _slicedToArray(_useState, 2),
22318
22513
  helpContent = _useState2[0],
@@ -22857,11 +23052,16 @@ var HelpSideBar = function HelpSideBar(_ref) {
22857
23052
  }();
22858
23053
  return /*#__PURE__*/React__default["default"].createElement("div", {
22859
23054
  className: "utilities_ops-app-frame_Help_Help--backdrop",
22860
- onClick: handleBackDropClick
23055
+ onClick: handleBackDropClick,
23056
+ style: {
23057
+ top: notifications !== null && notifications !== void 0 && notifications.length ? "".concat(sideBarTopValue, "px") : '48px'
23058
+ }
22861
23059
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22862
- // style={{ width: getNotificationWrapperWidth() }}
23060
+ style: {
23061
+ height: "calc(100vh - ".concat(notifications !== null && notifications !== void 0 && notifications.length ? sideBarTopValue : 48, "px)")
23062
+ },
22863
23063
  ref: mihelpRef,
22864
- className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$3, {
23064
+ className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$4, {
22865
23065
  "handleMissingStyleName": "warn"
22866
23066
  })
22867
23067
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22903,7 +23103,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22903
23103
  name: "open_in_new",
22904
23104
  variant: "material"
22905
23105
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22906
- className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$3, {
23106
+ className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
22907
23107
  "handleMissingStyleName": "warn"
22908
23108
  })
22909
23109
  }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -22931,8 +23131,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
22931
23131
  }))));
22932
23132
  };
22933
23133
 
22934
- var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
22935
- styleInject(css_248z$b);
23134
+ var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
23135
+ styleInject(css_248z$c);
22936
23136
 
22937
23137
  var FeedbackButton = function FeedbackButton(props) {
22938
23138
  return /*#__PURE__*/React__namespace.createElement("span", {
@@ -22945,6 +23145,37 @@ var FeedbackButton = function FeedbackButton(props) {
22945
23145
  }));
22946
23146
  };
22947
23147
 
23148
+ var FLAG_URL_PREFIX = '/images/flag_icons/flag_';
23149
+ var HEIGHT_22PX = {
23150
+ height: '22px'
23151
+ };
23152
+ var HEIGHT_30PX = {
23153
+ height: '30px'
23154
+ };
23155
+ var COUNTRY_CODES = {
23156
+ ca: 'canada'
23157
+ };
23158
+
23159
+ var code = function code(countryCode) {
23160
+ return COUNTRY_CODES[countryCode] || countryCode;
23161
+ };
23162
+ var flagUrl = function flagUrl(countryCode) {
23163
+ return "".concat(FLAG_URL_PREFIX).concat((code(countryCode) || 'us').toLowerCase(), ".png");
23164
+ };
23165
+ var heightStyle = function heightStyle(type) {
23166
+ return type !== 'cas' ? HEIGHT_22PX : HEIGHT_30PX;
23167
+ };
23168
+
23169
+ var Flag$1 = function Flag(props) {
23170
+ return /*#__PURE__*/React__namespace.createElement("img", {
23171
+ "data-testid": "flag",
23172
+ alt: "Flag",
23173
+ src: flagUrl(props.countryCode),
23174
+ style: heightStyle(props.type),
23175
+ "data-e2e": "cc-Flag"
23176
+ });
23177
+ };
23178
+
22948
23179
  var onRenderItem = function onRenderItem(item) {
22949
23180
  return item.render();
22950
23181
  };
@@ -23040,8 +23271,8 @@ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps),
23040
23271
  label: 'Bar Code Printer'
23041
23272
  })];
23042
23273
 
23043
- var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px !important;\r\n padding-right: 0;\r\n width: 100% !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n";
23044
- styleInject(css_248z$a);
23274
+ var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n padding-right: 0;\r\n width: 100% !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 6px 0;\r\n}\r\n";
23275
+ styleInject(css_248z$b);
23045
23276
 
23046
23277
  // Properly populate printer options before feeding to autoselect
23047
23278
  var getPrinterOptions = function getPrinterOptions(printers) {
@@ -23176,8 +23407,8 @@ var getLanguages = function getLanguages() {
23176
23407
  }[selectedCountry];
23177
23408
  };
23178
23409
 
23179
- var css_248z$9 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n height: 70%;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
23180
- styleInject(css_248z$9);
23410
+ var css_248z$a = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 6px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n flex: 1 1 0;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 12px 0 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n margin: 20px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 0 !important;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #EDEBE9;\r\n overflow: auto;\r\n}";
23411
+ styleInject(css_248z$a);
23181
23412
 
23182
23413
  var getDescription$1 = function getDescription(languageOptions) {
23183
23414
  return function (code) {
@@ -23525,8 +23756,8 @@ var getActivePrinters = (function (printersData) {
23525
23756
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
23526
23757
  });
23527
23758
 
23528
- var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
23529
- styleInject(css_248z$8);
23759
+ var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
23760
+ styleInject(css_248z$9);
23530
23761
 
23531
23762
  var EMPTY_PRINTERS$1 = {
23532
23763
  barcode_label_printers: '',
@@ -23611,7 +23842,7 @@ var saveSettings$1 = function saveSettings(self) {
23611
23842
  return /*#__PURE__*/function () {
23612
23843
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
23613
23844
  var _yard$yard_country_co, _yard$yard_country_co2;
23614
- var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, newSettings;
23845
+ var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, userScopes, newSettings;
23615
23846
  return _regeneratorRuntime().wrap(function _callee$(_context) {
23616
23847
  while (1) switch (_context.prev = _context.next) {
23617
23848
  case 0:
@@ -23684,8 +23915,13 @@ var saveSettings$1 = function saveSettings(self) {
23684
23915
  storage$1.setLocalItem('dashboard', selectedCurrency || yard.yard_currency, 'selectedCurrency');
23685
23916
  securityLevel = pickUserSecurityLevel(getSelectedYard(selectedYard));
23686
23917
  storage$1.setSessionItem('securityLevel', Number(securityLevel));
23687
- // persist user preferences
23688
23918
  _context.next = 24;
23919
+ return fetcher.getUserScopes();
23920
+ case 24:
23921
+ userScopes = _context.sent;
23922
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
23923
+ // persist user preferences
23924
+ _context.next = 28;
23689
23925
  return fetcher.setUserPreferences('oph', {
23690
23926
  selectedCurrency: selectedCurrency || yard.yard_currency,
23691
23927
  language: selectedLanguage || 'en',
@@ -23695,7 +23931,7 @@ var saveSettings$1 = function saveSettings(self) {
23695
23931
  yard: yard,
23696
23932
  securityLevel: securityLevel
23697
23933
  }, 'USA');
23698
- case 24:
23934
+ case 28:
23699
23935
  self.setState({
23700
23936
  oldActivePrinters: printers
23701
23937
  });
@@ -23708,7 +23944,7 @@ var saveSettings$1 = function saveSettings(self) {
23708
23944
  activePrinters: self.activePrinters
23709
23945
  };
23710
23946
  self.props.onSave(oldSettings, newSettings);
23711
- case 27:
23947
+ case 31:
23712
23948
  case "end":
23713
23949
  return _context.stop();
23714
23950
  }
@@ -23912,24 +24148,26 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23912
24148
  value: this.state.selectedLanguage,
23913
24149
  handleChange: this.handleInputChange.selectedLanguage,
23914
24150
  selectedCountry: this.state.selectedCountry
24151
+ }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
24152
+ history: this.yardsHistory,
24153
+ selectedYard: this.state.selectedYardNumber,
24154
+ handleChange: this.handleInputChange.selectedYardNumber,
24155
+ selectedCountry: this.state.selectedCountry
23915
24156
  }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
23916
24157
  roles: this.state.roles,
23917
24158
  value: this.state.selectedRole,
23918
24159
  handleChange: this.handleInputChange.selectedRole,
23919
24160
  selectedYard: this.state.selectedYardNumber,
23920
24161
  required: false
23921
- }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
23922
- history: this.yardsHistory,
23923
- selectedYard: this.state.selectedYardNumber,
23924
- handleChange: this.handleInputChange.selectedYardNumber,
23925
- selectedCountry: this.state.selectedCountry
23926
24162
  })), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
23927
24163
  activePrinters: this.activePrinters,
23928
24164
  setPrinterData: this.setPrinterData,
23929
24165
  selectedYard: this.state.selectedYardNumber,
23930
24166
  selectedPrinterData: this.selectedPrinterData,
23931
24167
  printersData: this.state.printersData
23932
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24168
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24169
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24170
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
23933
24171
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
23934
24172
  "data-e2e": "saveButton"
23935
24173
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -23942,12 +24180,10 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23942
24180
  }), /*#__PURE__*/React__default["default"].createElement("span", {
23943
24181
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
23944
24182
  }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
23945
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
23946
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23947
24183
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
23948
24184
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
23949
24185
  size: "60px"
23950
- }))));
24186
+ })));
23951
24187
  }
23952
24188
  }]);
23953
24189
  return SettingsView;
@@ -24262,7 +24498,7 @@ var saveSettings = function saveSettings(self) {
24262
24498
  return /*#__PURE__*/function () {
24263
24499
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
24264
24500
  var _yard$yard_country_co, _storage$getLocalItem, _yard$yard_country_co2;
24265
- var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24501
+ var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, userScopes, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24266
24502
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
24267
24503
  while (1) switch (_context2.prev = _context2.next) {
24268
24504
  case 0:
@@ -24329,6 +24565,11 @@ var saveSettings = function saveSettings(self) {
24329
24565
  storage$1.setLocalItem('settings', selectedHierarchyOption, 'selectedHierarchyOption');
24330
24566
  storage$1.setLocalItem('settings', selectedHierarchy, 'selectedHierarchy');
24331
24567
  storage$1.setLocalItem('lastSelectedYard', yard);
24568
+ _context2.next = 23;
24569
+ return fetcher.getUserScopes();
24570
+ case 23:
24571
+ userScopes = _context2.sent;
24572
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
24332
24573
  getSelectedYard = function getSelectedYard() {
24333
24574
  var yardList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
24334
24575
  return yardList.find(function (yard) {
@@ -24341,7 +24582,7 @@ var saveSettings = function saveSettings(self) {
24341
24582
  securityLevel = compose(pickUserSecurityLevel, getSelectedYard)((_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.yardList);
24342
24583
  storage$1.setSessionItem('securityLevel', securityLevel);
24343
24584
  // persist user preferences
24344
- _context2.next = 27;
24585
+ _context2.next = 31;
24345
24586
  return fetcher.setUserPreferences('oph', {
24346
24587
  selectedCurrency: yard.yard_currency,
24347
24588
  language: 'en',
@@ -24353,7 +24594,7 @@ var saveSettings = function saveSettings(self) {
24353
24594
  yard: yard,
24354
24595
  securityLevel: securityLevel
24355
24596
  }, 'GBR');
24356
- case 27:
24597
+ case 31:
24357
24598
  self.setState({
24358
24599
  oldActivePrinters: printers
24359
24600
  });
@@ -24367,7 +24608,7 @@ var saveSettings = function saveSettings(self) {
24367
24608
  activePrinters: printers
24368
24609
  };
24369
24610
  self.props.onSave(oldSettings, newSettings);
24370
- case 30:
24611
+ case 34:
24371
24612
  case "end":
24372
24613
  return _context2.stop();
24373
24614
  }
@@ -24648,7 +24889,9 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24648
24889
  selectedYard: this.state.selectedYardNumber,
24649
24890
  selectedPrinterData: this.selectedPrinterData,
24650
24891
  printersData: this.state.printersData
24651
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24892
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24893
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24894
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
24652
24895
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
24653
24896
  "data-e2e": "saveButton"
24654
24897
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24656,19 +24899,17 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24656
24899
  type: "submit",
24657
24900
  onClick: this.saveSettings
24658
24901
  }, "Save")), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
24659
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
24660
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24661
24902
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
24662
24903
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
24663
24904
  size: "60px"
24664
- }))));
24905
+ })));
24665
24906
  }
24666
24907
  }]);
24667
24908
  return SettingsView;
24668
24909
  }(React__default["default"].Component);
24669
24910
 
24670
- var css_248z$7 = ".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: 0px 5px;\r\n font-size: 13px;\r\n width: 95%;\r\n display: flex;\r\n align-items: end;\r\n grid-gap: 20px;\r\n gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\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}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n color: #171717;\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: 3;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n font-size: 12px;\r\n margin-bottom: 5px;\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: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n position: relative;\r\n right: -4px;\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}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n flex-direction: column;\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: 0px 5px;\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}\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";
24671
- styleInject(css_248z$7);
24911
+ var css_248z$8 = ".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}\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: 47px;\r\n height: 47px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\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}\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--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}\r\n\r\n.utilities_ops-announcements_Banner--sideBar .utilities_ops-announcements_Banner--appBarContentWrapper {\r\n margin-left: 15px;\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";
24912
+ styleInject(css_248z$8);
24672
24913
 
24673
24914
  var _nodeResolve_empty = {};
24674
24915
 
@@ -31022,7 +31263,7 @@ var useWindowSize = function useWindowSize() {
31022
31263
  return windowSize;
31023
31264
  };
31024
31265
 
31025
- var _excluded$1 = ["count", "current", "showNavButtons", "onLeftButtonClick", "onRightButtonClick", "saveActionComponentState", "ActionComponent"];
31266
+ var _excluded$1 = ["count", "current", "showNavButtons", "onLeftButtonClick", "onRightButtonClick", "saveActionComponentState", "ActionComponent", "notificationsTopContainerRef", "mobileNotificationsTopContainerRef", "setNotificationHeightFlag"];
31026
31267
  var alertBackgroundColorMapping = {
31027
31268
  alert: '#fab9b9',
31028
31269
  warning: '#f5f5cb',
@@ -31036,45 +31277,42 @@ var alertInfoColorMapping = {
31036
31277
  success: 'rgb(50 179 55)'
31037
31278
  };
31038
31279
  var alertToIconMapping = {
31039
- alert: 'ErrorBadge',
31040
- warning: 'Warning',
31041
- information: 'Info',
31042
- success: 'Accept'
31280
+ alert: 'circle-exclamation',
31281
+ warning: 'triangle-exclamation',
31282
+ information: 'circle-info',
31283
+ success: 'circle-check'
31043
31284
  };
31044
31285
  var Actions = function Actions(_ref) {
31045
31286
  var onLeftButtonClick = _ref.onLeftButtonClick,
31046
31287
  count = _ref.count,
31047
31288
  current = _ref.current,
31048
- onRightButtonClick = _ref.onRightButtonClick;
31289
+ onRightButtonClick = _ref.onRightButtonClick,
31290
+ isMobileView = _ref.isMobileView;
31049
31291
  return /*#__PURE__*/React__default["default"].createElement("div", {
31050
- style: {}
31051
- }, /*#__PURE__*/React__default["default"].createElement("div", {
31052
- className: "utilities_ops-announcements_Banner--navBtnContainer"
31292
+ className: "utilities_ops-announcements_Banner--notificationBtnContainer",
31293
+ style: {
31294
+ gap: isMobileView ? '4px' : '10px'
31295
+ }
31053
31296
  }, /*#__PURE__*/React__default["default"].createElement("span", {
31054
- onClick: onLeftButtonClick,
31297
+ onClick: current > 1 ? onLeftButtonClick : null,
31055
31298
  className: "utilities_ops-announcements_Banner--notificationLeftBtn"
31056
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31057
- name: "arrow_back_ios",
31058
- variant: "material",
31299
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31300
+ disabled: current === 1,
31301
+ name: isMobileView ? 'angle-left' : 'circle-chevron-left',
31059
31302
  style: {
31060
- fontSize: '16px',
31061
31303
  cursor: 'pointer'
31062
31304
  }
31063
- })), count > 1 && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
31064
- style: {
31065
- position: 'relative',
31066
- top: '1px'
31067
- }
31068
- }, "".concat(current, "/").concat(count))), /*#__PURE__*/React__default["default"].createElement("span", {
31069
- onClick: onRightButtonClick
31070
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31071
- name: "arrow_forward_ios",
31072
- variant: "material",
31305
+ })), count > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
31306
+ className: "utilities_ops-announcements_Banner--notificationCountContainer"
31307
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, "".concat(current, "/").concat(count))), /*#__PURE__*/React__default["default"].createElement("span", {
31308
+ onClick: current < count ? onRightButtonClick : null
31309
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31310
+ disabled: current === count,
31311
+ name: isMobileView ? 'angle-right' : 'circle-chevron-right',
31073
31312
  style: {
31074
- fontSize: '16px',
31075
31313
  cursor: 'pointer'
31076
31314
  }
31077
- }))));
31315
+ })));
31078
31316
  };
31079
31317
  var Banner = function Banner(props) {
31080
31318
  var count = props.count,
@@ -31084,6 +31322,9 @@ var Banner = function Banner(props) {
31084
31322
  onRightButtonClick = props.onRightButtonClick,
31085
31323
  saveActionComponentState = props.saveActionComponentState,
31086
31324
  ActionComponent = props.ActionComponent,
31325
+ notificationsTopContainerRef = props.notificationsTopContainerRef,
31326
+ mobileNotificationsTopContainerRef = props.mobileNotificationsTopContainerRef,
31327
+ setNotificationHeightFlag = props.setNotificationHeightFlag,
31087
31328
  notification = _objectWithoutProperties(props, _excluded$1);
31088
31329
  var dismissibleFlag = notification.dismissibleFlag,
31089
31330
  onDismiss = notification.onDismiss,
@@ -31113,8 +31354,12 @@ var Banner = function Banner(props) {
31113
31354
  setExpanded(false);
31114
31355
  setTimeout(function () {
31115
31356
  contentBarRef.current && setIsContentOverFlow(contentBarRef.current.offsetHeight < contentBarRef.current.scrollHeight);
31357
+ setNotificationHeightFlag && setNotificationHeightFlag(Math.random());
31116
31358
  }, 30);
31117
31359
  }, [current, notificationId]);
31360
+ React.useEffect(function () {
31361
+ setNotificationHeightFlag && setNotificationHeightFlag(Math.random());
31362
+ }, [expanded]);
31118
31363
  var startTime = timeZoneType === "Recipient TimeZone" || timeZoneType === "RPTZ" ? startsAt : moment.utc(startsAt).local().format("YYYY-MM-DD HH:mm:ss");
31119
31364
  var timeDiff = getTimeDiff(startTime);
31120
31365
  var topNotificationBar = function topNotificationBar() {
@@ -31122,13 +31367,19 @@ var Banner = function Banner(props) {
31122
31367
  className: "utilities_ops-announcements_Banner--notificationContainer",
31123
31368
  style: {
31124
31369
  backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
31370
+ },
31371
+ ref: notificationsTopContainerRef
31372
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
31373
+ className: "utilities_ops-announcements_Banner--notificationInfoBox",
31374
+ style: {
31375
+ backgroundColor: alertInfoColorMapping[categoryDescription.toLowerCase()]
31125
31376
  }
31126
- }, showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31127
- onLeftButtonClick: onLeftButtonClick,
31128
- count: count,
31129
- current: current,
31130
- onRightButtonClick: onRightButtonClick
31131
- }), /*#__PURE__*/React__default["default"].createElement("div", {
31377
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31378
+ name: alertToIconMapping[categoryDescription.toLowerCase()],
31379
+ style: {
31380
+ fontSize: '19px'
31381
+ }
31382
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
31132
31383
  className: "utilities_ops-announcements_Banner--notificationBarContent",
31133
31384
  style: expanded ? {
31134
31385
  flexDirection: 'column',
@@ -31137,20 +31388,12 @@ var Banner = function Banner(props) {
31137
31388
  flexDirection: 'row'
31138
31389
  }
31139
31390
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
31140
- className: "utilities_ops-announcements_Banner--notificationInfoBox"
31141
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31142
- name: alertToIconMapping[categoryDescription.toLowerCase()],
31143
- style: {
31144
- fontSize: '19px',
31145
- color: alertInfoColorMapping[categoryDescription.toLowerCase()]
31146
- }
31147
- })), /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), /*#__PURE__*/React__default["default"].createElement("div", {
31148
31391
  className: "utilities_ops-announcements_Banner--notificationBarContentBox",
31149
31392
  ref: contentBarRef,
31150
31393
  style: _objectSpread2({}, expanded && {
31151
31394
  WebkitLineClamp: 'unset'
31152
31395
  })
31153
- }, /*#__PURE__*/React__default["default"].createElement("span", {
31396
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, " : "), /*#__PURE__*/React__default["default"].createElement("span", {
31154
31397
  onClick: function onClick() {
31155
31398
  return isContentOverFlow && setExpanded(!expanded);
31156
31399
  },
@@ -31168,49 +31411,55 @@ var Banner = function Banner(props) {
31168
31411
  notification: notification,
31169
31412
  saveActionComponentState: saveActionComponentState
31170
31413
  })), isContentOverFlow && /*#__PURE__*/React__default["default"].createElement("div", {
31171
- style: {
31172
- cursor: 'pointer'
31173
- },
31414
+ className: "utilities_ops-announcements_Banner--notificationBarBtn",
31174
31415
  onClick: function onClick() {
31175
31416
  return setExpanded(!expanded);
31176
31417
  }
31177
31418
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31178
- name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
31179
- variant: "material"
31180
- })), (dismissibleFlag === true || dismissibleFlag === "true") && /*#__PURE__*/React__default["default"].createElement("div", {
31181
31419
  style: {
31182
- cursor: 'pointer',
31183
- marginLeft: 'auto'
31420
+ cursor: 'pointer'
31184
31421
  },
31422
+ name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
31423
+ variant: "material"
31424
+ })), showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31425
+ onLeftButtonClick: onLeftButtonClick,
31426
+ count: count,
31427
+ current: current,
31428
+ onRightButtonClick: onRightButtonClick
31429
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
31430
+ className: "utilities_ops-announcements_Banner--notificationBarBtn",
31431
+ style: dismissibleFlag === true || dismissibleFlag === "true" ? {
31432
+ borderLeft: '2px solid rgb(204, 204, 204)'
31433
+ } : {}
31434
+ }, (dismissibleFlag === true || dismissibleFlag === "true") && /*#__PURE__*/React__default["default"].createElement("div", {
31185
31435
  onClick: onDismiss
31186
31436
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31437
+ style: {
31438
+ cursor: 'pointer'
31439
+ },
31187
31440
  name: "close",
31188
31441
  variant: "material"
31189
- })));
31442
+ }))));
31190
31443
  };
31191
31444
  var sideNotificationBar = function sideNotificationBar() {
31192
31445
  return /*#__PURE__*/React__default["default"].createElement("div", {
31193
- className: "utilities_ops-announcements_Banner--notificationContainer",
31446
+ className: "utilities_ops-announcements_Banner--notificationContainer utilities_ops-announcements_Banner--sideBar",
31194
31447
  style: {
31195
31448
  backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
31196
31449
  }
31197
31450
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31451
+ className: "utilities_ops-announcements_Banner--sideNotificationInfoBox",
31198
31452
  style: {
31199
- marginTop: '3px'
31453
+ backgroundColor: alertInfoColorMapping[categoryDescription.toLowerCase()]
31200
31454
  }
31201
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31455
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31202
31456
  name: alertToIconMapping[categoryDescription.toLowerCase()],
31203
31457
  style: {
31204
- fontSize: '16px',
31205
- color: alertInfoColorMapping[categoryDescription.toLowerCase()]
31458
+ fontSize: '19px'
31206
31459
  }
31207
31460
  })), /*#__PURE__*/React__default["default"].createElement("div", {
31208
31461
  className: "utilities_ops-announcements_Banner--appBarContentWrapper"
31209
- }, /*#__PURE__*/React__default["default"].createElement("div", {
31210
- style: {
31211
- color: '#6c7a89'
31212
- }
31213
- }, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement("div", {
31462
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff), /*#__PURE__*/React__default["default"].createElement("div", {
31214
31463
  className: "utilities_ops-announcements_Banner--appBarContentBox"
31215
31464
  }, /*#__PURE__*/React__default["default"].createElement("span", {
31216
31465
  dangerouslySetInnerHTML: {
@@ -31223,85 +31472,88 @@ var Banner = function Banner(props) {
31223
31472
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31224
31473
  name: "open_in_new",
31225
31474
  variant: "material"
31226
- }))), action && ActionComponent && /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ActionComponent, {
31475
+ }))), action && ActionComponent && /*#__PURE__*/React__default["default"].createElement("div", {
31476
+ style: {
31477
+ marginBottom: '5px'
31478
+ }
31479
+ }, /*#__PURE__*/React__default["default"].createElement(ActionComponent, {
31227
31480
  notification: notification,
31228
31481
  saveActionComponentState: saveActionComponentState
31229
- }))), dismissibleFlag && /*#__PURE__*/React__default["default"].createElement("div", {
31482
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
31483
+ className: "utilities_ops-announcements_Banner--notificationBarBtn",
31484
+ style: dismissibleFlag === true || dismissibleFlag === "true" ? {} : {
31485
+ display: "none"
31486
+ }
31487
+ }, (dismissibleFlag === true || dismissibleFlag === "true") && /*#__PURE__*/React__default["default"].createElement("div", {
31488
+ onClick: onDismiss
31489
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31230
31490
  style: {
31231
31491
  cursor: 'pointer',
31232
- marginLeft: 'auto',
31233
- marginTop: '3px'
31492
+ color: '#8A8886'
31234
31493
  },
31235
- onClick: onDismiss
31236
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31237
31494
  name: "close",
31238
- variant: "material",
31239
- style: {
31240
- fontSize: '15px'
31241
- }
31242
- })));
31495
+ variant: "material"
31496
+ }))));
31243
31497
  };
31244
31498
  var mobileNotificationBar = function mobileNotificationBar() {
31245
31499
  return /*#__PURE__*/React__default["default"].createElement("div", {
31246
31500
  className: "utilities_ops-announcements_Banner--notificationContainer utilities_ops-announcements_Banner--tabNotificationBar",
31501
+ ref: mobileNotificationsTopContainerRef,
31247
31502
  style: {
31248
31503
  backgroundColor: alertBackgroundColorMapping[categoryDescription.toLowerCase()]
31249
31504
  }
31250
31505
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31251
31506
  style: {
31252
31507
  display: 'flex',
31253
- gap: '5px',
31254
- minHeight: '27px'
31508
+ minHeight: '26px',
31509
+ alignItems: 'center'
31255
31510
  }
31256
31511
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31257
- className: "utilities_ops-announcements_Banner--tabNotificationInfoBox"
31258
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31512
+ className: "utilities_ops-announcements_Banner--tabNotificationInfoBar"
31513
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
31514
+ className: "utilities_ops-announcements_Banner--tabNotificationInfoBox",
31515
+ style: {
31516
+ backgroundColor: alertInfoColorMapping[categoryDescription.toLowerCase()]
31517
+ }
31518
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31259
31519
  name: alertToIconMapping[categoryDescription.toLowerCase()],
31260
31520
  style: {
31261
- fontSize: '16px',
31262
- color: alertInfoColorMapping[categoryDescription.toLowerCase()]
31521
+ fontSize: '16px'
31263
31522
  }
31264
- })), /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), /*#__PURE__*/React__default["default"].createElement("div", null, showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31523
+ }))), /*#__PURE__*/React__default["default"].createElement("div", null, sourceApplication && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("b", null, sourceApplication), " -"), " ", timeDiff)), /*#__PURE__*/React__default["default"].createElement("div", null, showNavButtons && /*#__PURE__*/React__default["default"].createElement(Actions, {
31265
31524
  onLeftButtonClick: onLeftButtonClick,
31266
31525
  count: count,
31267
31526
  current: current,
31268
- onRightButtonClick: onRightButtonClick
31527
+ onRightButtonClick: onRightButtonClick,
31528
+ isMobileView: true
31269
31529
  })), isContentOverFlow && /*#__PURE__*/React__default["default"].createElement("div", {
31270
31530
  style: {
31271
31531
  cursor: 'pointer',
31272
- marginTop: '3px'
31532
+ margin: '-2px 8px 0px 8px'
31273
31533
  },
31274
31534
  onClick: function onClick() {
31275
31535
  return setExpanded(!expanded);
31276
31536
  }
31277
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31278
- name: expanded ? 'keyboard_double_arrow_up' : 'keyboard_double_arrow_down',
31279
- variant: "material",
31280
- style: {
31281
- fontSize: '15px'
31282
- }
31283
- })), /*#__PURE__*/React__default["default"].createElement("div", {
31284
- style: {
31285
- width: '3%'
31286
- }
31287
- }, dismissibleFlag && /*#__PURE__*/React__default["default"].createElement("div", {
31537
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31538
+ name: expanded ? 'angles-up' : 'angles-down'
31539
+ })), dismissibleFlag && /*#__PURE__*/React__default["default"].createElement("div", {
31288
31540
  style: {
31289
31541
  cursor: 'pointer',
31290
- marginLeft: 'auto',
31291
- marginTop: '3px'
31542
+ margin: '-2px 8px 0px 8px'
31292
31543
  },
31293
31544
  onClick: onDismiss
31294
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
31295
- name: "close",
31296
- variant: "material",
31545
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31546
+ name: "xmark"
31547
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
31297
31548
  style: {
31298
- fontSize: '15px'
31549
+ minHeight: '39px'
31299
31550
  }
31300
- })))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
31551
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
31301
31552
  className: "utilities_ops-announcements_Banner--tabNotificationBarContentBox",
31302
31553
  ref: contentBarRef,
31303
31554
  style: _objectSpread2({}, expanded && {
31304
- WebkitLineClamp: 'unset'
31555
+ WebkitLineClamp: 'unset',
31556
+ height: 'auto'
31305
31557
  })
31306
31558
  }, /*#__PURE__*/React__default["default"].createElement("span", {
31307
31559
  onClick: function onClick() {
@@ -31338,7 +31590,10 @@ var Notifications = function Notifications(_ref) {
31338
31590
  _ref.children;
31339
31591
  var showSideBar = _ref.showSideBar,
31340
31592
  ActionComponent = _ref.ActionComponent,
31341
- saveActionComponentState = _ref.saveActionComponentState;
31593
+ saveActionComponentState = _ref.saveActionComponentState,
31594
+ notificationsTopContainerRef = _ref.notificationsTopContainerRef,
31595
+ mobileNotificationsTopContainerRef = _ref.mobileNotificationsTopContainerRef,
31596
+ setNotificationHeightFlag = _ref.setNotificationHeightFlag;
31342
31597
  var _useState = React.useState(0),
31343
31598
  _useState2 = _slicedToArray(_useState, 2),
31344
31599
  i = _useState2[0],
@@ -31372,7 +31627,10 @@ var Notifications = function Notifications(_ref) {
31372
31627
  }
31373
31628
  }, notification, {
31374
31629
  ActionComponent: ActionComponent,
31375
- saveActionComponentState: saveActionComponentState
31630
+ saveActionComponentState: saveActionComponentState,
31631
+ notificationsTopContainerRef: notificationsTopContainerRef,
31632
+ mobileNotificationsTopContainerRef: mobileNotificationsTopContainerRef,
31633
+ setNotificationHeightFlag: setNotificationHeightFlag
31376
31634
  })) : null, notifications.length > 0 && showSideBar ? notifications.map(function (notification) {
31377
31635
  return /*#__PURE__*/React__default["default"].createElement(Banner, _extends$1({
31378
31636
  key: notification.notificationId,
@@ -31390,7 +31648,19 @@ var Notifications = function Notifications(_ref) {
31390
31648
  }) : null);
31391
31649
  };
31392
31650
 
31393
- var _styleModuleImportMap$2 = {
31651
+ var capitalizeAndReplaceUnderscores = function capitalizeAndReplaceUnderscores(role) {
31652
+ return role.split('_').filter(Boolean).map(function (word) {
31653
+ return word[0].toUpperCase() + word.substr(1);
31654
+ }).join(' ');
31655
+ };
31656
+ var formatUK = function formatUK(role) {
31657
+ return role.startsWith('uk') ? "UK".concat(role.substr(2)) : role;
31658
+ };
31659
+ var formatRole = function formatRole(role) {
31660
+ return capitalizeAndReplaceUnderscores(formatUK(role));
31661
+ };
31662
+
31663
+ var _styleModuleImportMap$3 = {
31394
31664
  "./AppBar.css": {
31395
31665
  "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
31396
31666
  "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
@@ -31431,6 +31701,7 @@ var _styleModuleImportMap$2 = {
31431
31701
  "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
31432
31702
  "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
31433
31703
  "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
31704
+ "ideaNoteIframe": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe",
31434
31705
  "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
31435
31706
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
31436
31707
  "st1": "utilities_ops-app-frame_AppBarComponent_AppBar--st1",
@@ -31513,20 +31784,21 @@ var overflowIconStyles = {
31513
31784
  color: 'white'
31514
31785
  };
31515
31786
  var generateAppBarElements = function generateAppBarElements(props, showCallout) {
31516
- props.countryCode;
31517
- props.role;
31518
- var yardNumber = props.yardNumber;
31787
+ var _window$toolkitEnv2;
31788
+ var countryCode = props.countryCode,
31789
+ role = props.role,
31790
+ yardNumber = props.yardNumber;
31519
31791
  props.phoneNumber;
31520
31792
  props.phoneStatusObject;
31521
31793
  props.togglePhoneAvailability;
31522
- var handleHelpClick = props.handleHelpClick;
31523
- props.type;
31524
- var config = props.config,
31794
+ var handleHelpClick = props.handleHelpClick,
31795
+ type = props.type,
31796
+ config = props.config,
31525
31797
  _props$navigateTo = props.navigateTo,
31526
- navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
31527
- isMihelpEnabled = props.isMihelpEnabled,
31528
- isIdeaNoteEnabled = props.isIdeaNoteEnabled,
31529
- _props$notifications = props.notifications,
31798
+ navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo;
31799
+ props.isMihelpEnabled;
31800
+ props.isIdeaNoteEnabled;
31801
+ var _props$notifications = props.notifications,
31530
31802
  notifications = _props$notifications === void 0 ? [] : _props$notifications;
31531
31803
  props.width;
31532
31804
  var setNotificationsVisible = props.setNotificationsVisible,
@@ -31547,7 +31819,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31547
31819
  mobileMenuVisible = props.mobileMenuVisible;
31548
31820
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31549
31821
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31550
- showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
31822
+ showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig,
31823
+ enableIdeaNote = coreAppConfig.enableIdeaNote,
31824
+ enableMiHelp = coreAppConfig.enableMiHelp;
31551
31825
  var showSettingsInAppbar = false;
31552
31826
  if (isCoreRoute) {
31553
31827
  showSettingsInAppbar = enableNewToolkitFeatures;
@@ -31595,6 +31869,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31595
31869
  };
31596
31870
  return languageMapper[language];
31597
31871
  };
31872
+ var stack = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.STACK ? window.toolkitEnv.STACK : process.env.STACK;
31598
31873
  var items = [{
31599
31874
  key: 'search',
31600
31875
  name: 'Search',
@@ -31621,6 +31896,86 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31621
31896
  }), /*#__PURE__*/React__default["default"].createElement("div", null, "Search"));
31622
31897
  }
31623
31898
  }, {
31899
+ key: 'language',
31900
+ name: 'Language',
31901
+ renderIf: stack === 'c',
31902
+ render: function render() {
31903
+ return /*#__PURE__*/React__default["default"].createElement("div", {
31904
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
31905
+ onClick: function onClick() {
31906
+ return handleIconClick(ICONS.SETTINGS);
31907
+ }
31908
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31909
+ name: "earth-americas",
31910
+ variant: "regular"
31911
+ }), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31912
+ }
31913
+ }, {
31914
+ key: 'roleAndFlag',
31915
+ name: formatRole(role),
31916
+ onRender: function onRender(_, dismissMenu) {
31917
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
31918
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31919
+ onClick: function onClick() {
31920
+ navigateTo('/settings');
31921
+ dismissMenu();
31922
+ }
31923
+ }, /*#__PURE__*/React__default["default"].createElement(OverFlowIcon, {
31924
+ name: "supervised_user_circle"
31925
+ }), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
31926
+ text: formatRole(role)
31927
+ })));
31928
+ },
31929
+ renderIf: config.includes('role') || config.includes('flag'),
31930
+ render: function render() {
31931
+ return /*#__PURE__*/React__default["default"].createElement("div", {
31932
+ id: "roleItem",
31933
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--item utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
31934
+ onClick: showSettingsInAppbar ? function () {
31935
+ return handleIconClick(ICONS.SETTINGS);
31936
+ } : navigateTo('/settings')
31937
+ }, config.includes('flag') ? /*#__PURE__*/React__default["default"].createElement(Flag$1, {
31938
+ countryCode: countryCode,
31939
+ type: type
31940
+ }) : null, config.includes('role') ? /*#__PURE__*/React__default["default"].createElement("div", {
31941
+ "data-testid": "role"
31942
+ }, formatRole(role)) : null);
31943
+ }
31944
+ }, {
31945
+ key: 'facility',
31946
+ name: yardNumber,
31947
+ renderIf: config.includes('yard'),
31948
+ onRender: function onRender(_, dismissMenu) {
31949
+ return /*#__PURE__*/React__default["default"].createElement("div", {
31950
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31951
+ onClick: function onClick() {
31952
+ navigateTo('/settings');
31953
+ dismissMenu();
31954
+ }
31955
+ }, /*#__PURE__*/React__default["default"].createElement(OverFlowIcon, {
31956
+ name: "domain"
31957
+ }), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
31958
+ text: "Yard ".concat(yardNumber)
31959
+ }));
31960
+ },
31961
+ render: function render() {
31962
+ return /*#__PURE__*/React__default["default"].createElement("div", {
31963
+ id: "yardItem",
31964
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--yard",
31965
+ onClick: showSettingsInAppbar ? function () {
31966
+ return handleIconClick(ICONS.SETTINGS);
31967
+ } : navigateTo('/settings')
31968
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31969
+ name: "buildings",
31970
+ variant: "regular"
31971
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
31972
+ "data-testid": "yardNumber",
31973
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber"
31974
+ }, "Yard ", yardNumber));
31975
+ }
31976
+ },
31977
+ // add margin 0 12px to all icons in the right
31978
+ {
31624
31979
  key: 'feedback',
31625
31980
  name: 'Feedback',
31626
31981
  onRender: function onRender() {
@@ -31635,7 +31990,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31635
31990
  text: "Feedback"
31636
31991
  }));
31637
31992
  },
31638
- renderIf: !isMihelpEnabled,
31993
+ renderIf: !enableMiHelp,
31639
31994
  onClick: function onClick() {
31640
31995
  return props.toggleFeedbackDialog(true);
31641
31996
  },
@@ -31664,7 +32019,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31664
32019
  text: "MiHelp"
31665
32020
  }));
31666
32021
  },
31667
- renderIf: isMihelpEnabled,
32022
+ renderIf: enableMiHelp,
31668
32023
  render: function render() {
31669
32024
  return /*#__PURE__*/React__default["default"].createElement("span", {
31670
32025
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
@@ -31695,7 +32050,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31695
32050
  text: "Innov8Hub"
31696
32051
  }));
31697
32052
  },
31698
- renderIf: isIdeaNoteEnabled,
32053
+ renderIf: enableIdeaNote,
31699
32054
  render: function render() {
31700
32055
  return /*#__PURE__*/React__default["default"].createElement("div", {
31701
32056
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
@@ -31738,55 +32093,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31738
32093
  mobileMenuVisible: mobileMenuVisible
31739
32094
  });
31740
32095
  }
31741
- }, {
31742
- key: 'language',
31743
- name: 'Language',
31744
- renderIf: process.env.STACK === 'c',
31745
- render: function render() {
31746
- return /*#__PURE__*/React__default["default"].createElement("div", {
31747
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
31748
- onClick: function onClick() {
31749
- return handleIconClick(ICONS.SETTINGS);
31750
- }
31751
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31752
- name: "earth-americas",
31753
- variant: "regular"
31754
- }), " ", /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31755
- }
31756
- }, {
31757
- key: 'facility',
31758
- name: yardNumber,
31759
- renderIf: config.includes('yard'),
31760
- onRender: function onRender(_, dismissMenu) {
31761
- return /*#__PURE__*/React__default["default"].createElement("div", {
31762
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31763
- onClick: function onClick() {
31764
- navigateTo('/settings');
31765
- dismissMenu();
31766
- }
31767
- }, /*#__PURE__*/React__default["default"].createElement(OverFlowIcon, {
31768
- name: "domain"
31769
- }), /*#__PURE__*/React__default["default"].createElement(OverFlowText, {
31770
- text: "Yard ".concat(yardNumber)
31771
- }));
31772
- },
31773
- render: function render() {
31774
- return /*#__PURE__*/React__default["default"].createElement("div", {
31775
- id: "yardItem",
31776
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--yard",
31777
- onClick: showSettingsInAppbar ? function () {
31778
- return handleIconClick(ICONS.SETTINGS);
31779
- } : navigateTo('/settings')
31780
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31781
- name: "buildings",
31782
- variant: "regular"
31783
- }), /*#__PURE__*/React__default["default"].createElement("div", {
31784
- "data-testid": "yardNumber",
31785
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber"
31786
- }, "Yard ", yardNumber));
31787
- }
31788
32096
  },
31789
- // add margin 0 12px to all icons in the right
31790
32097
  // {
31791
32098
  // key: 'phoneStatus',
31792
32099
  // name: phoneNumber,
@@ -31863,6 +32170,8 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31863
32170
  return handleIconClick(ICONS.SETTINGS);
31864
32171
  },
31865
32172
  settingsVisible: settingsVisible
32173
+ }), settingsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
32174
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
31866
32175
  }));
31867
32176
  }
31868
32177
  }];
@@ -31877,12 +32186,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
31877
32186
  var notifications = _ref3.notifications,
31878
32187
  notificationsVisible = _ref3.notificationsVisible,
31879
32188
  marginStyle = _ref3.marginStyle,
31880
- showSearchContainer = _ref3.showSearchContainer,
31881
- settingsVisible = _ref3.settingsVisible,
31882
- handleIconClick = _ref3.handleIconClick,
31883
- ideaNoteVisible = _ref3.ideaNoteVisible,
31884
- mihelpVisible = _ref3.mihelpVisible,
31885
- mobileMenuVisible = _ref3.mobileMenuVisible;
32189
+ handleIconClick = _ref3.handleIconClick;
31886
32190
  return /*#__PURE__*/React__default["default"].createElement("div", {
31887
32191
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31888
32192
  style: _objectSpread2({}, marginStyle),
@@ -31893,14 +32197,14 @@ var notificationIconComp = function notificationIconComp(_ref3) {
31893
32197
  name: "bell",
31894
32198
  variant: "solid"
31895
32199
  }), notifications && notifications.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
31896
- className: _getClassName("notificationCount ".concat(getNotificationIconStyleName(notifications)), _styleModuleImportMap$2, {
32200
+ className: _getClassName("notificationCount ".concat(getNotificationIconStyleName(notifications)), _styleModuleImportMap$3, {
31897
32201
  "handleMissingStyleName": "warn"
31898
32202
  })
31899
32203
  }, /*#__PURE__*/React__default["default"].createElement("span", {
31900
32204
  style: {
31901
32205
  fontSize: '10px'
31902
32206
  }
31903
- }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible && !mobileMenuVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
32207
+ }, notifications.length)), notifications && notifications.length > 0 && notificationsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
31904
32208
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
31905
32209
  }));
31906
32210
  };
@@ -31913,7 +32217,7 @@ var ICONS = {
31913
32217
  MOBILE_MENU: 'MOBILE_MENU'
31914
32218
  };
31915
32219
  var AppBar$1 = function AppBar(props) {
31916
- var _window$toolkitEnv3;
32220
+ var _window$toolkitEnv4;
31917
32221
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31918
32222
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31919
32223
  ideaNoteUri = coreAppConfig.ideaNoteUri;
@@ -31957,6 +32261,10 @@ var AppBar$1 = function AppBar(props) {
31957
32261
  _useState20 = _slicedToArray(_useState19, 2),
31958
32262
  ideaNoteToken = _useState20[0],
31959
32263
  setIdeaNoteToken = _useState20[1];
32264
+ var _useState21 = React.useState(0),
32265
+ _useState22 = _slicedToArray(_useState21, 2),
32266
+ sideBarTopValue = _useState22[0],
32267
+ setSideBarTopValue = _useState22[1];
31960
32268
  var isLoggedOn = props.isLoggedOn,
31961
32269
  moduleName = props.moduleName,
31962
32270
  forceUpdate = props.forceUpdate,
@@ -31972,16 +32280,24 @@ var AppBar$1 = function AppBar(props) {
31972
32280
  mihelpAppPath = props.mihelpAppPath,
31973
32281
  showMihelpDot = props.showMihelpDot,
31974
32282
  isMihelpEnabled = props.isMihelpEnabled,
31975
- isIdeaNoteEnabled = props.isIdeaNoteEnabled;
32283
+ isIdeaNoteEnabled = props.isIdeaNoteEnabled,
32284
+ notificationsTopContainerRef = props.notificationsTopContainerRef,
32285
+ mobileNotificationsTopContainerRef = props.mobileNotificationsTopContainerRef,
32286
+ notificationHeightFlag = props.notificationHeightFlag;
31976
32287
  var _useWindowSize = useWindowSize(),
31977
32288
  width = _useWindowSize.width;
31978
32289
  _useWindowSize.height;
31979
- var _useState21 = React.useState(0),
31980
- _useState22 = _slicedToArray(_useState21, 2),
31981
- count = _useState22[0],
31982
- setCount = _useState22[1];
32290
+ var _useState23 = React.useState(0),
32291
+ _useState24 = _slicedToArray(_useState23, 2),
32292
+ count = _useState24[0],
32293
+ setCount = _useState24[1];
31983
32294
  var mihelpRef = React.useRef(null);
31984
32295
  var mihelpIconRef = React.useRef(null);
32296
+ React.useEffect(function () {
32297
+ var _notificationsTopCont, _mobileNotificationsT;
32298
+ (notificationsTopContainerRef === null || notificationsTopContainerRef === void 0 ? void 0 : notificationsTopContainerRef.current) && setSideBarTopValue((notificationsTopContainerRef === null || notificationsTopContainerRef === void 0 ? void 0 : (_notificationsTopCont = notificationsTopContainerRef.current) === null || _notificationsTopCont === void 0 ? void 0 : _notificationsTopCont.offsetHeight) + 48);
32299
+ (mobileNotificationsTopContainerRef === null || mobileNotificationsTopContainerRef === void 0 ? void 0 : mobileNotificationsTopContainerRef.current) && setSideBarTopValue((mobileNotificationsTopContainerRef === null || mobileNotificationsTopContainerRef === void 0 ? void 0 : (_mobileNotificationsT = mobileNotificationsTopContainerRef.current) === null || _mobileNotificationsT === void 0 ? void 0 : _mobileNotificationsT.offsetHeight) + 48);
32300
+ }, [notificationHeightFlag]);
31985
32301
  React.useLayoutEffect(function () {
31986
32302
  setCount(count + 1);
31987
32303
  }, [width]);
@@ -32021,7 +32337,7 @@ var AppBar$1 = function AppBar(props) {
32021
32337
  case 7:
32022
32338
  _context.prev = 7;
32023
32339
  _context.t0 = _context["catch"](0);
32024
- setIdeaNoteToken("TOKEN_ERROR");
32340
+ setIdeaNoteToken('TOKEN_ERROR');
32025
32341
  console.log(_context.t0);
32026
32342
  case 11:
32027
32343
  case "end":
@@ -32113,10 +32429,10 @@ var AppBar$1 = function AppBar(props) {
32113
32429
  onSettingsSaved(oldSettings, newSettings);
32114
32430
  };
32115
32431
  var getTile = function getTile() {
32116
- var _window$toolkitEnv2;
32432
+ var _window$toolkitEnv3;
32117
32433
  var appTiles = coreAppConfig.tiles || [];
32118
32434
  var appTile;
32119
- var appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32435
+ var appName = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32120
32436
  var matchingTiles = appTiles.filter(function (tile) {
32121
32437
  if (tile.appName) {
32122
32438
  return tile.appName === appName;
@@ -32171,17 +32487,17 @@ var AppBar$1 = function AppBar(props) {
32171
32487
  // )
32172
32488
 
32173
32489
  var closeSidebar = function closeSidebar(e) {
32174
- if (e.target.className.includes("sideBarWrapper")) {
32490
+ if (e.target.className.includes('sideBarWrapper')) {
32175
32491
  setNotificationsVisible(false);
32176
32492
  }
32177
- if (e.target.className.includes("settingsSidebarWrapper")) {
32493
+ if (e.target.className.includes('settingsSidebarWrapper')) {
32178
32494
  setSettingsVisible(false);
32179
32495
  }
32180
- if (e.target.className.includes("mobileMenuSidebarWrapper")) {
32496
+ if (e.target.className.includes('mobileMenuSidebarWrapper')) {
32181
32497
  setMobileMenuVisible(false);
32182
32498
  }
32183
32499
  };
32184
- (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32500
+ var stack = (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32185
32501
  var mobileMenuItems = [{
32186
32502
  name: 'Help',
32187
32503
  icon: 'question-circle',
@@ -32210,7 +32526,7 @@ var AppBar$1 = function AppBar(props) {
32210
32526
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32211
32527
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
32212
32528
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32213
- className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$2, {
32529
+ className: _getClassName(enableNewToolkitFeatures ? 'copartLogoNew' : 'copartLogo', _styleModuleImportMap$3, {
32214
32530
  "handleMissingStyleName": "warn"
32215
32531
  })
32216
32532
  }, /*#__PURE__*/React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32255,43 +32571,43 @@ var AppBar$1 = function AppBar(props) {
32255
32571
  role: props.selectedRole || props.role,
32256
32572
  yardNumber: props.selectedYard || props.yardNumber
32257
32573
  })), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
32258
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer"
32574
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
32575
+ style: {
32576
+ top: notifications !== null && notifications !== void 0 && notifications.length ? "".concat(sideBarTopValue, "px") : '48px'
32577
+ }
32259
32578
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32260
32579
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
32261
32580
  onClick: function onClick() {
32262
32581
  return setIdeaNoteVisible(false);
32263
32582
  }
32264
- }, /*#__PURE__*/React__default["default"].createElement("div", {
32265
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton"
32266
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
32267
- name: "close",
32268
- variant: "material",
32269
- style: {
32270
- fontSize: '30px'
32271
- }
32272
- }))), ideaNoteToken ? /*#__PURE__*/React__default["default"].createElement("iframe", {
32583
+ }), ideaNoteToken ? /*#__PURE__*/React__default["default"].createElement("iframe", {
32273
32584
  allowfullscreen: true,
32274
32585
  name: "idea-widget-frame",
32275
32586
  title: "Idea Collection Widget",
32276
- style: {
32277
- position: 'absolute',
32278
- bottom: '0',
32279
- right: '0',
32280
- height: '100%',
32281
- width: '400px',
32282
- maxWidth: '400px',
32283
- backgroundColor: 'white'
32284
- },
32285
- src: ideaNoteToken === "TOKEN_ERROR" ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32587
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe"
32588
+ // style={{
32589
+ // position: 'absolute',
32590
+ // bottom: '0',
32591
+ // right: '0',
32592
+ // height: '100%',
32593
+ // width: '550px',
32594
+ // maxWidth: '550px',
32595
+ // backgroundColor: 'white',
32596
+ // border: '0px solid',
32597
+ // padding: '20px 30px',
32598
+ // }}
32599
+ ,
32600
+ src: ideaNoteToken === 'TOKEN_ERROR' ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32286
32601
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
32287
- style: {
32288
- position: 'absolute',
32289
- bottom: '0',
32290
- right: '0',
32291
- height: '100vh',
32292
- width: '400px',
32293
- backgroundColor: 'white'
32294
- }
32602
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteIframe"
32603
+ // style={{
32604
+ // position: 'absolute',
32605
+ // bottom: '0',
32606
+ // right: '0',
32607
+ // height: '100%',
32608
+ // width: '400px',
32609
+ // backgroundColor: 'white',
32610
+ // }}
32295
32611
  })), mihelpVisible && /*#__PURE__*/React__default["default"].createElement(HelpSideBar, {
32296
32612
  getNotificationWrapperWidth: getNotificationWrapperWidth,
32297
32613
  appTile: getTile(),
@@ -32299,15 +32615,23 @@ var AppBar$1 = function AppBar(props) {
32299
32615
  mihelpRef: mihelpRef,
32300
32616
  setMihelpVisible: setMihelpVisible,
32301
32617
  feedbackConfig: props.feedbackConfig,
32302
- showMihelpDot: showMihelpDot
32618
+ showMihelpDot: showMihelpDot,
32619
+ sideBarTopValue: sideBarTopValue,
32620
+ notifications: notifications
32303
32621
  }), notificationsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
32304
32622
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
32623
+ style: {
32624
+ top: notifications !== null && notifications !== void 0 && notifications.length ? "".concat(sideBarTopValue, "px") : '48px'
32625
+ },
32305
32626
  onClick: closeSidebar
32306
32627
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32307
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv"
32628
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
32629
+ style: {
32630
+ height: "calc(100vh - ".concat(notifications !== null && notifications !== void 0 && notifications.length ? sideBarTopValue : 48, "px)")
32631
+ }
32308
32632
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32309
32633
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader"
32310
- }, /*#__PURE__*/React__default["default"].createElement("span", null, "Recent Notifications")), /*#__PURE__*/React__default["default"].createElement("div", {
32634
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, "Notifications")), /*#__PURE__*/React__default["default"].createElement("div", {
32311
32635
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper"
32312
32636
  }, /*#__PURE__*/React__default["default"].createElement(Notifications, {
32313
32637
  notifications: notifications || [],
@@ -32323,21 +32647,28 @@ var AppBar$1 = function AppBar(props) {
32323
32647
  }
32324
32648
  })), settingsVisible && /*#__PURE__*/React__default["default"].createElement("div", {
32325
32649
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
32650
+ style: {
32651
+ top: notifications !== null && notifications !== void 0 && notifications.length ? "".concat(sideBarTopValue, "px") : '48px'
32652
+ },
32326
32653
  onClick: closeSidebar
32327
32654
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32328
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
32329
- }, !process.env.STACK || process.env.STACK === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32655
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
32656
+ style: {
32657
+ height: "calc(100vh - ".concat(notifications !== null && notifications !== void 0 && notifications.length ? sideBarTopValue : 48, "px)")
32658
+ }
32659
+ }, !stack || stack === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32330
32660
  onSave: onSave,
32331
32661
  onLogoutItemClicked: onLogoutItemClicked,
32332
32662
  width: width
32333
- }) : null, process.env.STACK === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32663
+ }) : null, stack === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32334
32664
  onSave: onSave,
32335
32665
  onLogoutItemClicked: onLogoutItemClicked,
32336
32666
  width: width
32337
32667
  }) : null)), mobileMenuVisible && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
32338
32668
  closeSidebar: closeSidebar,
32339
32669
  logout: onLogoutItemClicked,
32340
- items: mobileMenuItems
32670
+ items: mobileMenuItems,
32671
+ notifications: notifications
32341
32672
  }));
32342
32673
  };
32343
32674
  AppBar$1.defaultProps = {
@@ -32345,8 +32676,8 @@ AppBar$1.defaultProps = {
32345
32676
  role: ''
32346
32677
  };
32347
32678
 
32348
- var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
32349
- styleInject(css_248z$6);
32679
+ var css_248z$7 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
32680
+ styleInject(css_248z$7);
32350
32681
 
32351
32682
  var getFlagUri = function getFlagUri() {
32352
32683
  var countryCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'US';
@@ -32360,8 +32691,8 @@ var Flag = function Flag(props) {
32360
32691
  });
32361
32692
  };
32362
32693
 
32363
- var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n width: '100%';\r\n height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n position: relative;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n border: 1px solid #233659;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n width: 560px;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n border: 1px solid #233659;\r\n border-radius: 20px !important;\r\n overflow: hidden;\r\n width: 98vw;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n left: -8.7em;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n display: flex;\r\n background-color: #8eacdc;\r\n border-radius: 30px;\r\n justify-content: center;\r\n padding: 2px 10px;\r\n min-width: 300px;\r\n min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n font-size: 10px;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n font-size: 12px;\r\n background: yellow;\r\n border-radius: 20px;\r\n padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n position: absolute;\r\n top: 55px;\r\n width: 100%;\r\n left: 5em;\r\n max-width: 202px;\r\n padding: 15px;\r\n background: #263238;\r\n border-radius: 22.5px;\r\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n background: #37474f;\r\n color: #cfd8dc;\r\n padding: 5px;\r\n border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n display: inline-block;\r\n width: calc(33.33% - 10px);\r\n font-size: 14px;\r\n background: transparent;\r\n border: none;\r\n color: #cfd8dc;\r\n padding: 10px 0;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n visibility: visible;\r\n overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n width: 100%;\r\n margin: 0;\r\n outline: none;\r\n border: none;\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n 0% {\r\n -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n }\r\n 10% {\r\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n }\r\n 20% {\r\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n }\r\n 30% {\r\n -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n }\r\n 40% {\r\n -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n }\r\n 50% {\r\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n }\r\n 60% {\r\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n }\r\n 70% {\r\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n }\r\n 80% {\r\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n }\r\n 90% {\r\n -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n }\r\n 100% {\r\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n -webkit-animation-duration: 1.3s;\r\n -webkit-transform-origin: 50% 50%;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n font-size: 9px;\r\n position: absolute;\r\n top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n border-radius: 40%;\r\n cursor: pointer;\r\n width: 28px;\r\n height: 18px;\r\n padding: 0px 11px;\r\n background: #fff;\r\n color: #666;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n border-radius: 50%;\r\n cursor: pointer;\r\n width: 16px;\r\n height: 16px;\r\n padding: 2px 2px 3px;\r\n background: #e81010;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 8px;\r\n position: absolute;\r\n left: 18px;\r\n top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n margin: 0 5px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n position: absolute;\r\n top: 35%;\r\n left: 36%;\r\n border: 1px solid rgb(204, 204, 204);\r\n background: rgb(255, 255, 255);\r\n overflow: auto;\r\n border-radius: 4px;\r\n outline: none;\r\n padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n margin: 5px;\r\n text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n color: #fff;\r\n display: flex;\r\n background-color: #dd392b;\r\n border-radius: 7px;\r\n justify-content: center;\r\n min-width: 300px;\r\n font-size: 12px;\r\n margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n position: absolute;\r\n left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n position: absolute;\r\n right: 2px;\r\n top: 14px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n margin-top: 7px;\r\n}";
32364
- styleInject(css_248z$5);
32694
+ var css_248z$6 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n width: '100%';\r\n height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n position: relative;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n border: 1px solid #233659;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n width: 560px;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n border: 1px solid #233659;\r\n border-radius: 20px !important;\r\n overflow: hidden;\r\n width: 98vw;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n left: -8.7em;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n display: flex;\r\n background-color: #8eacdc;\r\n border-radius: 30px;\r\n justify-content: center;\r\n padding: 2px 10px;\r\n min-width: 300px;\r\n min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n font-size: 10px;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n font-size: 12px;\r\n background: yellow;\r\n border-radius: 20px;\r\n padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n position: absolute;\r\n top: 55px;\r\n width: 100%;\r\n left: 5em;\r\n max-width: 202px;\r\n padding: 15px;\r\n background: #263238;\r\n border-radius: 22.5px;\r\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n background: #37474f;\r\n color: #cfd8dc;\r\n padding: 5px;\r\n border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n display: inline-block;\r\n width: calc(33.33% - 10px);\r\n font-size: 14px;\r\n background: transparent;\r\n border: none;\r\n color: #cfd8dc;\r\n padding: 10px 0;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n visibility: visible;\r\n overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n width: 100%;\r\n margin: 0;\r\n outline: none;\r\n border: none;\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n 0% {\r\n -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n }\r\n 10% {\r\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n }\r\n 20% {\r\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n }\r\n 30% {\r\n -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n }\r\n 40% {\r\n -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n }\r\n 50% {\r\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n }\r\n 60% {\r\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n }\r\n 70% {\r\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n }\r\n 80% {\r\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n }\r\n 90% {\r\n -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n }\r\n 100% {\r\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n -webkit-animation-duration: 1.3s;\r\n -webkit-transform-origin: 50% 50%;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n font-size: 9px;\r\n position: absolute;\r\n top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n border-radius: 40%;\r\n cursor: pointer;\r\n width: 28px;\r\n height: 18px;\r\n padding: 0px 11px;\r\n background: #fff;\r\n color: #666;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n border-radius: 50%;\r\n cursor: pointer;\r\n width: 16px;\r\n height: 16px;\r\n padding: 2px 2px 3px;\r\n background: #e81010;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 8px;\r\n position: absolute;\r\n left: 18px;\r\n top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n margin: 0 5px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n position: absolute;\r\n top: 35%;\r\n left: 36%;\r\n border: 1px solid rgb(204, 204, 204);\r\n background: rgb(255, 255, 255);\r\n overflow: auto;\r\n border-radius: 4px;\r\n outline: none;\r\n padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n margin: 5px;\r\n text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n color: #fff;\r\n display: flex;\r\n background-color: #dd392b;\r\n border-radius: 7px;\r\n justify-content: center;\r\n min-width: 300px;\r\n font-size: 12px;\r\n margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n position: absolute;\r\n left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n position: absolute;\r\n right: 2px;\r\n top: 14px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n margin-top: 7px;\r\n}";
32695
+ styleInject(css_248z$6);
32365
32696
 
32366
32697
  var tabbable_1 = createCommonjsModule(function (module, exports) {
32367
32698
 
@@ -33903,7 +34234,7 @@ const author = "Brian McKelvey <theturtle32@gmail.com> (https://github.com/thetu
33903
34234
  const contributors = [
33904
34235
  "Iñaki Baz Castillo <ibc@aliax.net> (http://dev.sipdoc.net)"
33905
34236
  ];
33906
- const version$6 = "1.0.34";
34237
+ const version$6 = "1.0.35";
33907
34238
  const repository = {
33908
34239
  type: "git",
33909
34240
  url: "https://github.com/theturtle32/WebSocket-Node.git"
@@ -33915,7 +34246,7 @@ const engines = {
33915
34246
  const dependencies = {
33916
34247
  bufferutil: "^4.0.1",
33917
34248
  debug: "^2.2.0",
33918
- "es5-ext": "^0.10.50",
34249
+ "es5-ext": "^0.10.63",
33919
34250
  "typedarray-to-buffer": "^3.1.5",
33920
34251
  "utf-8-validate": "^5.0.2",
33921
34252
  yaeti: "^0.0.6"
@@ -34258,13 +34589,22 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
34258
34589
 
34259
34590
  // permissionIds are for selected role only
34260
34591
  var appFunctionIdAllowed = function appFunctionIdAllowed() {
34592
+ var _window$toolkitEnv;
34261
34593
  var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
34262
34594
  var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
34263
- var tile = arguments.length > 3 ? arguments[3] : undefined;
34595
+ var appScopes = arguments.length > 3 ? arguments[3] : undefined;
34596
+ var tile = arguments.length > 4 ? arguments[4] : undefined;
34597
+ var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
34598
+ if (tile.useAppScopes) {
34599
+ var userAppScopes = Array.isArray(appScopes) ? appScopes : [];
34600
+ return tile.appAuthName && userAppScopes.some(function (appScope) {
34601
+ return appScope.appName === tile.appAuthName;
34602
+ });
34603
+ }
34264
34604
  var id = tile.appFunctionId;
34265
34605
  if (!id) {
34266
34606
  return true; // not defined in config so just allow the tile to be viewed for now
34267
- } else if (process.env.STACK === 'g') {
34607
+ } else if (stack === 'g') {
34268
34608
  return includes$1(id, permissionIds);
34269
34609
  }
34270
34610
  // Check appfunction in opsportal-core permissions
@@ -34294,12 +34634,13 @@ var getUserData = function getUserData() {
34294
34634
  permissionIds: storage$1.permissionIds,
34295
34635
  allPermissionIds: storage$1.allPermissionIds,
34296
34636
  hasCasAccess: storage$1.hasCasAccess,
34297
- coreAppPermissions: storage$1.coreAppPermissions
34637
+ coreAppPermissions: storage$1.coreAppPermissions,
34638
+ appScopes: storage$1.userAppScopes
34298
34639
  };
34299
34640
  };
34300
34641
  var userHasAccess = function userHasAccess(tile) {
34301
34642
  var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
34302
- return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34643
+ return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, user.appScopes, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34303
34644
  };
34304
34645
 
34305
34646
  var accessHelpers = /*#__PURE__*/Object.freeze({
@@ -34314,8 +34655,8 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
34314
34655
  'default': userHasAccess
34315
34656
  });
34316
34657
 
34317
- var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
34318
- styleInject(css_248z$4);
34658
+ var css_248z$5 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
34659
+ styleInject(css_248z$5);
34319
34660
 
34320
34661
  var APP_BAR_CONFIGS = {
34321
34662
  c: ['flag', 'role', 'yard', 'phone'],
@@ -34386,7 +34727,11 @@ var AppBar = function AppBar(_ref) {
34386
34727
  _useState8 = _slicedToArray(_useState7, 2),
34387
34728
  showMihelpTooltip = _useState8[0],
34388
34729
  setShowMihelpTooltip = _useState8[1];
34389
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
34730
+ var _useState9 = React.useState(0),
34731
+ _useState10 = _slicedToArray(_useState9, 2),
34732
+ notificationHeightFlag = _useState10[0],
34733
+ setNotificationHeightFlag = _useState10[1];
34734
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
34390
34735
  var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
34391
34736
  var isMihelpEnabled;
34392
34737
  if (isCoreRoute && !window.location.pathname.includes('embedded')) {
@@ -34551,7 +34896,7 @@ var AppBar = function AppBar(_ref) {
34551
34896
  var handleHelpClick = function handleHelpClick() {
34552
34897
  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
34553
34898
  var uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
34554
- window.open(uri, "_blank");
34899
+ window.open(uri, '_blank');
34555
34900
  };
34556
34901
  var feedbackConfig = function feedbackConfig() {
34557
34902
  var _storage$coreConfig;
@@ -34568,32 +34913,34 @@ var AppBar = function AppBar(_ref) {
34568
34913
  var event = new Event('togglePhoneAvailability');
34569
34914
  window.dispatchEvent(event);
34570
34915
  };
34571
- var _useState9 = React.useState([]),
34572
- _useState10 = _slicedToArray(_useState9, 2),
34573
- notifications = _useState10[0],
34574
- setNotifications = _useState10[1];
34575
34916
  var _useState11 = React.useState([]),
34576
34917
  _useState12 = _slicedToArray(_useState11, 2),
34577
- listOfAllNotifications = _useState12[0],
34578
- setListOfAllNotifications = _useState12[1];
34918
+ notifications = _useState12[0],
34919
+ setNotifications = _useState12[1];
34579
34920
  var _useState13 = React.useState([]),
34580
34921
  _useState14 = _slicedToArray(_useState13, 2),
34581
- listOfAllFirebaseNotifications = _useState14[0],
34582
- setListOfAllFirebaseNotifications = _useState14[1];
34583
- var _useState15 = React.useState(),
34922
+ listOfAllNotifications = _useState14[0],
34923
+ setListOfAllNotifications = _useState14[1];
34924
+ var _useState15 = React.useState([]),
34584
34925
  _useState16 = _slicedToArray(_useState15, 2),
34585
- socketClient = _useState16[0],
34586
- setSocketClient = _useState16[1];
34587
- var _useState17 = React.useState(false),
34926
+ listOfAllFirebaseNotifications = _useState16[0],
34927
+ setListOfAllFirebaseNotifications = _useState16[1];
34928
+ var _useState17 = React.useState(),
34588
34929
  _useState18 = _slicedToArray(_useState17, 2),
34589
- firebaseInitialized = _useState18[0],
34590
- setFirebaseinitialized = _useState18[1];
34930
+ socketClient = _useState18[0],
34931
+ setSocketClient = _useState18[1];
34932
+ var _useState19 = React.useState(false),
34933
+ _useState20 = _slicedToArray(_useState19, 2),
34934
+ firebaseInitialized = _useState20[0],
34935
+ setFirebaseinitialized = _useState20[1];
34591
34936
  var listOfAllNotificationsRef = React.useRef(listOfAllNotifications);
34937
+ var notificationsTopContainerRef = React.useRef(null);
34938
+ var mobileNotificationsTopContainerRef = React.useRef(null);
34592
34939
  var socketRetryCountRef = React.useRef(0);
34593
- var _useState19 = React.useState(null),
34594
- _useState20 = _slicedToArray(_useState19, 2),
34595
- pingInterval = _useState20[0],
34596
- setPingInterval = _useState20[1];
34940
+ var _useState21 = React.useState(null),
34941
+ _useState22 = _slicedToArray(_useState21, 2),
34942
+ pingInterval = _useState22[0],
34943
+ setPingInterval = _useState22[1];
34597
34944
  React.useEffect(function () {
34598
34945
  listOfAllNotificationsRef.current = listOfAllNotifications;
34599
34946
  }, [listOfAllNotifications]);
@@ -34631,7 +34978,7 @@ var AppBar = function AppBar(_ref) {
34631
34978
  }
34632
34979
  var check = filterNotifications(newNotifications);
34633
34980
  var newNotification = _objectSpread2({}, newNotifications[0]);
34634
- var startTime = newNotification.timeZoneType === "RPTZ" ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34981
+ var startTime = newNotification.timeZoneType === 'RPTZ' ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34635
34982
  // const endTime = newNotification.timeZoneType === "RPTZ" && newNotification.endDateTimeZone !=='UTC' ? newNotification.endsAt : moment.utc(newNotification.endsAt).local().format("YYYY-MM-DD HH:mm:ss")
34636
34983
  var currentDate = new Date();
34637
34984
  if (!check.length) {
@@ -34654,7 +35001,7 @@ var AppBar = function AppBar(_ref) {
34654
35001
  filteredOutNotifications.forEach(function (notification) {
34655
35002
  var _notification$newsTar;
34656
35003
  if (notification !== null && notification !== void 0 && (_notification$newsTar = notification.newsTarget) !== null && _notification$newsTar !== void 0 && _notification$newsTar.audience_value) {
34657
- var startTime = moment.utc(notification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
35004
+ var startTime = moment.utc(notification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34658
35005
  var currentDate = new Date();
34659
35006
  if (new Date(startTime) > currentDate) {
34660
35007
  setListOfAllFirebaseNotifications(function (notifications) {
@@ -34765,7 +35112,7 @@ var AppBar = function AppBar(_ref) {
34765
35112
  if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
34766
35113
  if (notificationsSource.includes('Nchan')) {
34767
35114
  fetchG2Notifications(updateNotifications, updateAllNotificationsList);
34768
- if (!(window.navigator.userAgent.includes("Chrome") && window.location.href.includes("localhost"))) {
35115
+ if (!(window.navigator.userAgent.includes('Chrome') && window.location.href.includes('localhost'))) {
34769
35116
  var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
34770
35117
  var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
34771
35118
  setPingInterval(setInterval(function () {
@@ -34821,7 +35168,15 @@ var AppBar = function AppBar(_ref) {
34821
35168
  phoneStatus: '',
34822
35169
  phoneStatusProcessing: false
34823
35170
  } : _storage$chromePlugin;
34824
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(AppBar$1, {
35171
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Notifications, {
35172
+ notifications: notifications || [],
35173
+ onDismiss: dismissNotification,
35174
+ ActionComponent: ActionComponent,
35175
+ saveActionComponentState: saveActionComponentState,
35176
+ notificationsTopContainerRef: notificationsTopContainerRef,
35177
+ mobileNotificationsTopContainerRef: mobileNotificationsTopContainerRef,
35178
+ setNotificationHeightFlag: setNotificationHeightFlag
35179
+ }), /*#__PURE__*/React__default["default"].createElement(AppBar$1, {
34825
35180
  moduleName: "OPS PORTAL",
34826
35181
  isLoggedOn: storage$1.isAuthenticated,
34827
35182
  config: APP_BAR_CONFIGS[STACK],
@@ -34859,12 +35214,10 @@ var AppBar = function AppBar(_ref) {
34859
35214
  mihelpAppPath: mihelpAppPath,
34860
35215
  showMihelpDot: showMihelpDot,
34861
35216
  setShowMihelpTooltip: setShowMihelpTooltip,
34862
- showMihelpTooltip: showMihelpTooltip
34863
- }), /*#__PURE__*/React__default["default"].createElement(Notifications, {
34864
- notifications: notifications || [],
34865
- onDismiss: dismissNotification,
34866
- ActionComponent: ActionComponent,
34867
- saveActionComponentState: saveActionComponentState
35217
+ showMihelpTooltip: showMihelpTooltip,
35218
+ notificationsTopContainerRef: notificationsTopContainerRef,
35219
+ mobileNotificationsTopContainerRef: mobileNotificationsTopContainerRef,
35220
+ notificationHeightFlag: notificationHeightFlag
34868
35221
  }), latestRelease && /*#__PURE__*/React__default["default"].createElement(LatestReleaseDialog, {
34869
35222
  release: latestRelease,
34870
35223
  handleClose: handleReleaseClose,
@@ -34875,8 +35228,8 @@ AppBar.defaultProps = {
34875
35228
  searchBarProps: {}
34876
35229
  };
34877
35230
 
34878
- var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
34879
- styleInject(css_248z$3);
35231
+ var css_248z$4 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
35232
+ styleInject(css_248z$4);
34880
35233
 
34881
35234
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
34882
35235
  var FAILED_AUTHENTICATION_CHECK_REASON = 'User is not authenticated. (Check localStorage.login.isAuthenticated.)';
@@ -34917,8 +35270,8 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34917
35270
  key: "componentDidMount",
34918
35271
  value: function () {
34919
35272
  var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
34920
- var _window$toolkitEnv;
34921
- var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, tileConfigAccess;
35273
+ var _window$toolkitEnv, _window$toolkitEnv3;
35274
+ var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, stack, tileConfigAccess;
34922
35275
  return _regeneratorRuntime().wrap(function _callee$(_context) {
34923
35276
  while (1) switch (_context.prev = _context.next) {
34924
35277
  case 0:
@@ -34976,20 +35329,26 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34976
35329
  case 16:
34977
35330
  return _context.abrupt("return", this.allowAccess(PATH_NOT_FOUND));
34978
35331
  case 17:
34979
- if (!(process.env.STACK !== 'g')) {
34980
- _context.next = 23;
35332
+ // Fetch permissions for opsportal-core and the opsportal application
35333
+ // The app functions required for application visibility(when applicable)
35334
+ // will be part of opsportal-core permissions
35335
+ // Permissions for the opsportal-core and the opsportal application will be available in the
35336
+ // local storage
35337
+ stack = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
35338
+ if (!(stack !== 'g')) {
35339
+ _context.next = 24;
34981
35340
  break;
34982
35341
  }
34983
- _context.next = 20;
35342
+ _context.next = 21;
34984
35343
  return fetcher.getCoreAppPermissions();
34985
- case 20:
35344
+ case 21:
34986
35345
  if (!appTile.appAuthName) {
34987
- _context.next = 23;
35346
+ _context.next = 24;
34988
35347
  break;
34989
35348
  }
34990
- _context.next = 23;
34991
- return fetcher.getPermissions(appTile.appAuthName);
34992
- case 23:
35349
+ _context.next = 24;
35350
+ return fetcher.getPermissions(appTile.appAuthName, appTile.useAppScopes);
35351
+ case 24:
34993
35352
  // If there are rules, evaluate and act accordingly.
34994
35353
  tileConfigAccess = userHasAccess(appTile);
34995
35354
  if (tileConfigAccess) {
@@ -34997,7 +35356,7 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34997
35356
  } else {
34998
35357
  this.denyAccess(NO_TILE_PERMISSION);
34999
35358
  }
35000
- case 25:
35359
+ case 26:
35001
35360
  case "end":
35002
35361
  return _context.stop();
35003
35362
  }
@@ -35031,6 +35390,358 @@ var GoHome = function GoHome(props) {
35031
35390
  }, props.reason));
35032
35391
  };
35033
35392
 
35393
+ var css_248z$3 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n position: absolute;\r\n right: 50px;\r\n bottom: 30px;\r\n z-index: 9999;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0px;\r\n background: #1d5ab9;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 5px solid #fff;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n position: absolute;\r\n right: 0;\r\n bottom: 68px;\r\n box-shadow: 0 0px 6px #c1c1c1;\r\n height: 600px;\r\n width: 500px;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader {\r\n background: #1d5ab9;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 15px;\r\n align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title {\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 22px;\r\n color: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 16px;\r\n gap: 16px;\r\n padding: 12px 36px;\r\n overflow: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n padding: 8px 0;\r\n border-bottom: 1px solid #d1d1d1;\r\n display: flex;\r\n justify-content: end;\r\n align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton {\r\n display: flex;\r\n align-items: center;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message {\r\n display: flex;\r\n align-items: flex-start;\r\n grid-gap: 10px;\r\n gap: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion {\r\n margin-top: 5px;\r\n margin-left: 36px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions {\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 12px;\r\n gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer {\r\n max-width: 95%;\r\n word-break: break-all;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion {\r\n border: 1px solid #3261bd;\r\n border-radius: 16px;\r\n padding: 6px 8px;\r\n font-size: 14px;\r\n color: #3261bd;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon {\r\n width: 26px;\r\n border-radius: 50%;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n padding: 10px 15px;\r\n max-width: 85%;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error {\r\n border: 1px solid #f1bbbc;\r\n background: #fdf6f6;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n background: #3261bd;\r\n color: #fff;\r\n border-radius: 12px 0px 12px 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p {\r\n margin: 0;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ol,\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ul {\r\n padding-left: 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter {\r\n border-top: 1px solid #d1d1d1;\r\n padding: 16px 24px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid #ddd;\r\n border-radius: 12px;\r\n padding: 10px 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled {\r\n background-color: #fafafa;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input {\r\n border: none;\r\n outline: none;\r\n flex-grow: 1;\r\n font-size: 14px !important;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-webkit-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-moz-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-ms-input-placeholder {\r\n color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::placeholder {\r\n color: #757575;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n width: 75px;\r\n background-color: #f5f5f5;\r\n border-radius: 0px 12px 12px 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot {\r\n width: 8px;\r\n height: 8px;\r\n margin: 0 3px;\r\n background-color: #3261bd;\r\n border-radius: 50%;\r\n display: inline-block;\r\n -webkit-animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(1) {\r\n -webkit-animation-delay: -0.32s;\r\n animation-delay: -0.32s;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(2) {\r\n -webkit-animation-delay: -0.16s;\r\n animation-delay: -0.16s;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n 0%,\r\n 80%,\r\n 100% {\r\n -webkit-transform: scale(0);\r\n transform: scale(0);\r\n }\r\n 40% {\r\n -webkit-transform: scale(1);\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n right: 20px;\r\n bottom: 20px;\r\n }\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 450px;\r\n }\r\n}\r\n\r\n@media (max-width: 475px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 400px;\r\n }\r\n}\r\n\r\n@media (max-width: 425px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 350px;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 325px;\r\n }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 300px;\r\n }\r\n}\r\n\r\n@media (max-width: 325px) {\r\n .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n width: 275px;\r\n }\r\n}\r\n";
35394
+ styleInject(css_248z$3);
35395
+
35396
+ var _styleModuleImportMap$2 = {
35397
+ "./MiHelpAgent.css": {
35398
+ "mihelpAgentWrapper": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper",
35399
+ "chatIcon": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
35400
+ "chatWindow": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
35401
+ "chatWindowHeader": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader",
35402
+ "title": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title",
35403
+ "chatWindowBody": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody",
35404
+ "newChatContainer": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer",
35405
+ "newChatButton": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton",
35406
+ "message": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message",
35407
+ "user": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user",
35408
+ "welcomeQuestion": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion",
35409
+ "quickQuestions": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions",
35410
+ "quickQuestionWrapper": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper",
35411
+ "quickQuestionContainer": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer",
35412
+ "quickQuestion": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion",
35413
+ "agentIcon": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon",
35414
+ "messageBubble": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble",
35415
+ "error": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error",
35416
+ "chatWindowFooter": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter",
35417
+ "inputContainer": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer",
35418
+ "disabled": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled",
35419
+ "chatbotLoader": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader",
35420
+ "dot": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot",
35421
+ "bounce": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce"
35422
+ }
35423
+ };
35424
+ var MiHelpAgent = function MiHelpAgent(_ref) {
35425
+ var _ref$quickReplies = _ref.quickReplies,
35426
+ quickReplies = _ref$quickReplies === void 0 ? [] : _ref$quickReplies,
35427
+ _ref$collection = _ref.collection,
35428
+ collection = _ref$collection === void 0 ? '' : _ref$collection,
35429
+ _ref$systemPrompt = _ref.systemPrompt,
35430
+ systemPrompt = _ref$systemPrompt === void 0 ? '' : _ref$systemPrompt;
35431
+ var _useState = React.useState(false),
35432
+ _useState2 = _slicedToArray(_useState, 2),
35433
+ showChatWindow = _useState2[0],
35434
+ setShowChatWindow = _useState2[1];
35435
+ var _useState3 = React.useState(false),
35436
+ _useState4 = _slicedToArray(_useState3, 2),
35437
+ isLoading = _useState4[0],
35438
+ setIsLoading = _useState4[1];
35439
+ var _useState5 = React.useState(false),
35440
+ _useState6 = _slicedToArray(_useState5, 2),
35441
+ collectionError = _useState6[0],
35442
+ setCollectionError = _useState6[1];
35443
+ var retryCount = React.useRef(0);
35444
+ var _useState7 = React.useState(false),
35445
+ _useState8 = _slicedToArray(_useState7, 2),
35446
+ messageError = _useState8[0],
35447
+ setMessageError = _useState8[1];
35448
+ var _useState9 = React.useState([]),
35449
+ _useState10 = _slicedToArray(_useState9, 2),
35450
+ conversations = _useState10[0],
35451
+ setConversations = _useState10[1];
35452
+ var _useState11 = React.useState([]),
35453
+ _useState12 = _slicedToArray(_useState11, 2),
35454
+ quickReplyList = _useState12[0],
35455
+ setQuickReplyList = _useState12[1];
35456
+ var _useState13 = React.useState(''),
35457
+ _useState14 = _slicedToArray(_useState13, 2),
35458
+ message = _useState14[0],
35459
+ setMessage = _useState14[1];
35460
+ var chatBodyRef = React.useRef(null);
35461
+ var scroll = function scroll() {
35462
+ chatBodyRef.current.scrollTo({
35463
+ top: chatBodyRef.current.scrollHeight,
35464
+ behavior: 'smooth'
35465
+ });
35466
+ };
35467
+ var getSystemPrompt = function getSystemPrompt() {
35468
+ var context = {};
35469
+ try {
35470
+ if (storage$1.appContext) {
35471
+ context = storage$1.appContext;
35472
+ }
35473
+ } catch (e) {
35474
+ console.log('App context error, ', storage$1.appContext);
35475
+ }
35476
+ return frontEndUtils.string.substitute(systemPrompt, {
35477
+ appContext: JSON.stringify(context)
35478
+ });
35479
+ };
35480
+ var send = /*#__PURE__*/function () {
35481
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(messages) {
35482
+ var _storage$getLocalItem, _storage$getLocalItem2, _response$data, newMessages, payload, endpoint, response, newConversations;
35483
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
35484
+ while (1) switch (_context.prev = _context.next) {
35485
+ case 0:
35486
+ setIsLoading(true);
35487
+ setMessageError(false);
35488
+ _context.prev = 2;
35489
+ newMessages = _toConsumableArray(messages);
35490
+ if (systemPrompt && typeof systemPrompt === 'string') {
35491
+ newMessages.unshift({
35492
+ role: 'system',
35493
+ content: getSystemPrompt()
35494
+ });
35495
+ }
35496
+ payload = {
35497
+ messages: newMessages,
35498
+ collection: collection
35499
+ };
35500
+ endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.mihelpChat;
35501
+ _context.next = 9;
35502
+ return fetcher.post(endpoint, payload, {
35503
+ headers: {
35504
+ 'Content-Type': 'application/json'
35505
+ }
35506
+ });
35507
+ case 9:
35508
+ response = _context.sent;
35509
+ setIsLoading(false);
35510
+ newConversations = [].concat(_toConsumableArray(messages), [{
35511
+ role: 'assistant',
35512
+ content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content
35513
+ }]);
35514
+ setConversations(newConversations);
35515
+ _context.next = 27;
35516
+ break;
35517
+ case 15:
35518
+ _context.prev = 15;
35519
+ _context.t0 = _context["catch"](2);
35520
+ if (!(retryCount.current < 3)) {
35521
+ _context.next = 23;
35522
+ break;
35523
+ }
35524
+ retryCount.current++;
35525
+ send(messages);
35526
+ return _context.abrupt("return");
35527
+ case 23:
35528
+ retryCount.current = 0;
35529
+ setMessageError(true);
35530
+ setIsLoading(false);
35531
+ console.log(_context.t0);
35532
+ case 27:
35533
+ case "end":
35534
+ return _context.stop();
35535
+ }
35536
+ }, _callee, null, [[2, 15]]);
35537
+ }));
35538
+ return function send(_x) {
35539
+ return _ref2.apply(this, arguments);
35540
+ };
35541
+ }();
35542
+ var handleReply = function handleReply(reply) {
35543
+ if (isLoading || collectionError || !reply) return;
35544
+ var newConversations = _toConsumableArray(conversations);
35545
+ newConversations.push({
35546
+ role: 'user',
35547
+ content: reply
35548
+ });
35549
+ setConversations(newConversations);
35550
+ send(newConversations);
35551
+ setMessage('');
35552
+ };
35553
+ var handleKeyup = function handleKeyup(e) {
35554
+ if ((e === null || e === void 0 ? void 0 : e.keyCode) === 13 && !isLoading && !collectionError) {
35555
+ handleReply(message);
35556
+ }
35557
+ };
35558
+ React.useEffect(function () {
35559
+ if (conversations.length) {
35560
+ scroll();
35561
+ }
35562
+ }, [conversations]);
35563
+ React.useEffect(function () {
35564
+ if (!collection || typeof collection !== 'string') {
35565
+ console.log('Collection is not of type string');
35566
+ setCollectionError(true);
35567
+ }
35568
+ }, [collection]);
35569
+ React.useEffect(function () {
35570
+ if (quickReplies.length) {
35571
+ try {
35572
+ if (!Array.isArray(quickReplies)) {
35573
+ throw new Error('quickReplies must be an array');
35574
+ }
35575
+ var replies = _toConsumableArray(quickReplies.slice(0, 3));
35576
+ replies.forEach(function (reply, index) {
35577
+ if (typeof reply !== 'string') {
35578
+ throw new Error("quickReplies[".concat(index, "] must be a string"));
35579
+ }
35580
+ if (reply.length > 100) {
35581
+ throw new Error("quickReplies[".concat(index, "] exceeds the 100 character limit"));
35582
+ }
35583
+ });
35584
+ setQuickReplyList(replies);
35585
+ } catch (e) {
35586
+ console.log('Error with Quick replies, ', e);
35587
+ }
35588
+ }
35589
+ }, [quickReplies]);
35590
+ var handleNewConversation = function handleNewConversation() {
35591
+ setConversations([]);
35592
+ setMessageError(false);
35593
+ };
35594
+ return /*#__PURE__*/React__default["default"].createElement("div", {
35595
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper"
35596
+ }, showChatWindow && /*#__PURE__*/React__default["default"].createElement("div", {
35597
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow"
35598
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35599
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader"
35600
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
35601
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title"
35602
+ }, "MiHelp Bot"), /*#__PURE__*/React__default["default"].createElement("span", {
35603
+ onClick: function onClick() {
35604
+ return setShowChatWindow(false);
35605
+ }
35606
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
35607
+ name: "xmark",
35608
+ variant: "light",
35609
+ style: {
35610
+ color: '#fff',
35611
+ fontSize: '20px',
35612
+ cursor: 'pointer'
35613
+ }
35614
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
35615
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody",
35616
+ ref: chatBodyRef
35617
+ }, conversations.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
35618
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer"
35619
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35620
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton",
35621
+ onClick: handleNewConversation
35622
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
35623
+ name: "comment-plus",
35624
+ variant: "light",
35625
+ style: {
35626
+ color: '#000',
35627
+ fontSize: '16px'
35628
+ }
35629
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "New Chat"))), /*#__PURE__*/React__default["default"].createElement("div", {
35630
+ className: ""
35631
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35632
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
35633
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
35634
+ src: "/assets/images/mihelpIcons/icon-sparkle.svg",
35635
+ alt: "User Icon",
35636
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon"
35637
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
35638
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble"
35639
+ }, /*#__PURE__*/React__default["default"].createElement("p", null, "Hi! Welcome to MiHelp Bot."))), /*#__PURE__*/React__default["default"].createElement("div", {
35640
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion"
35641
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35642
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble"
35643
+ }, /*#__PURE__*/React__default["default"].createElement("p", null, "How can I help you today?")))), !conversations.length && /*#__PURE__*/React__default["default"].createElement("div", {
35644
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions"
35645
+ }, quickReplyList.map(function (reply) {
35646
+ return /*#__PURE__*/React__default["default"].createElement("div", {
35647
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper"
35648
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35649
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer"
35650
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35651
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion",
35652
+ onClick: function onClick() {
35653
+ return handleReply(reply);
35654
+ }
35655
+ }, /*#__PURE__*/React__default["default"].createElement("p", null, reply))));
35656
+ })), conversations.map(function (conversation) {
35657
+ return /*#__PURE__*/React__default["default"].createElement("div", {
35658
+ className: _getClassName("message ".concat((conversation === null || conversation === void 0 ? void 0 : conversation.role) === 'user' ? 'user' : ''), _styleModuleImportMap$2, {
35659
+ "handleMissingStyleName": "warn"
35660
+ })
35661
+ }, (conversation === null || conversation === void 0 ? void 0 : conversation.role) !== 'user' && /*#__PURE__*/React__default["default"].createElement("img", {
35662
+ src: "/assets/images/mihelpIcons/icon-sparkle.svg",
35663
+ alt: "User Icon",
35664
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon"
35665
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
35666
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble"
35667
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
35668
+ dangerouslySetInnerHTML: {
35669
+ __html: conversation === null || conversation === void 0 ? void 0 : conversation.content
35670
+ }
35671
+ })));
35672
+ }), isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
35673
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
35674
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
35675
+ src: "/assets/images/mihelpIcons/icon-sparkle.svg",
35676
+ alt: "User Icon",
35677
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon"
35678
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
35679
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader"
35680
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
35681
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot"
35682
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
35683
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot"
35684
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
35685
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot"
35686
+ }))), collectionError && /*#__PURE__*/React__default["default"].createElement("div", {
35687
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
35688
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
35689
+ src: "/assets/images/mihelpIcons/icon-sparkle.svg",
35690
+ alt: "User Icon",
35691
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon"
35692
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
35693
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error"
35694
+ }, /*#__PURE__*/React__default["default"].createElement("p", null, "Collection configuration error"))), messageError && /*#__PURE__*/React__default["default"].createElement("div", {
35695
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message"
35696
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
35697
+ src: "/assets/images/mihelpIcons/icon-sparkle.svg",
35698
+ alt: "User Icon",
35699
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon"
35700
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
35701
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error"
35702
+ }, /*#__PURE__*/React__default["default"].createElement("p", null, "Oops! Something went wrong. Please try again.")))), /*#__PURE__*/React__default["default"].createElement("div", {
35703
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter"
35704
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
35705
+ className: _getClassName("inputContainer ".concat(collectionError ? 'disabled' : ''), _styleModuleImportMap$2, {
35706
+ "handleMissingStyleName": "warn"
35707
+ })
35708
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
35709
+ type: "text",
35710
+ placeholder: "Ask a Question",
35711
+ value: message,
35712
+ onChange: function onChange(e) {
35713
+ return setMessage(e.target.value);
35714
+ },
35715
+ onKeyUp: handleKeyup,
35716
+ disabled: collectionError
35717
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
35718
+ onClick: function onClick() {
35719
+ return handleReply(message);
35720
+ }
35721
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
35722
+ name: "paper-plane-top",
35723
+ variant: "light",
35724
+ style: {
35725
+ color: '#616161',
35726
+ fontSize: '20px',
35727
+ cursor: isLoading || collectionError ? 'auto' : 'pointer'
35728
+ },
35729
+ disabled: isLoading || collectionError
35730
+ }))))), /*#__PURE__*/React__default["default"].createElement("span", {
35731
+ className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
35732
+ onClick: function onClick() {
35733
+ return setShowChatWindow(!showChatWindow);
35734
+ }
35735
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
35736
+ name: "comment-sparkle-custom",
35737
+ variant: "light",
35738
+ style: {
35739
+ color: '#fff',
35740
+ fontSize: '22px'
35741
+ }
35742
+ })));
35743
+ };
35744
+
35034
35745
  /**
35035
35746
  * A specialized version of `_.forEach` for arrays without support for
35036
35747
  * iteratee shorthands.
@@ -45458,7 +46169,7 @@ var formatNumber = function formatNumber(number) {
45458
46169
  return sign * Math.abs(number) + unitlist[unit];
45459
46170
  };
45460
46171
 
45461
- var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n background: #3A4454;\r\n min-width: 50px;\r\n max-width: 50px;\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 14px;\r\n z-index: 101;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n min-width: 100px;\r\n max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\r\n max-width: 500px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n flex: 1;\r\n overflow-y: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n display: flex;\r\n width: 100%;\r\n padding: 6px 12px 6px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n color: #323130;\r\n background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n margin-left: auto;\r\n margin-right: 10px;\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n background-color: #73A6FF;\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n margin-left: auto;\r\n font-size: 12px;\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n flex: 1;\r\n margin: 0 10px 0;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n min-width: 20px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n font-size: 14px;\r\n /* width: 20px; */\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 0px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-top: 2px;\r\n font-weight: 100;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 2px 10px 0 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 0 5px 0 0;\r\n font-weight: 600;\r\n margin-left: 0px;\r\n cursor: auto;\r\n cursor: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n margin: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n display: flex;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n position: absolute;\r\n width: 10px;\r\n height: 95%;\r\n left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 13px;\r\n margin-left: 1px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 100%;\r\n margin-left: 1px;\r\n}";
46172
+ var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n background: #3A4454;\r\n min-width: 50px;\r\n max-width: 50px;\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 14px;\r\n z-index: 101;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n min-width: 100px;\r\n max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\r\n max-width: 500px;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n min-width: auto;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n flex: 1;\r\n overflow-y: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n display: flex;\r\n width: 100%;\r\n padding: 6px 12px 6px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n color: #323130;\r\n background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n margin-left: auto;\r\n margin-right: 10px;\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: 70px;\r\n text-align: right;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: auto;\r\n text-align: auto;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n background-color: #73A6FF;\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n margin-left: auto;\r\n font-size: 12px;\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n margin: 0 10px 0 auto;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n min-width: 20px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n font-size: 14px;\r\n /* width: 20px; */\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 0px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 12px;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-top: 2px;\r\n font-weight: 100;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 2px 10px 0 10px;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 0 5px 0 0;\r\n font-weight: 600;\r\n margin-left: 0px;\r\n cursor: auto;\r\n cursor: initial;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n margin: 0;\r\n transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n display: flex;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n position: absolute;\r\n width: 10px;\r\n height: 95%;\r\n left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 13px;\r\n margin-left: 1px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 100%;\r\n margin-left: 1px;\r\n transition-delay: 0.25s;\r\n}";
45462
46173
  styleInject(css_248z$2);
45463
46174
 
45464
46175
  var _styleModuleImportMap$1 = {
@@ -45471,6 +46182,8 @@ var _styleModuleImportMap$1 = {
45471
46182
  "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
45472
46183
  "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
45473
46184
  "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
46185
+ "NavItemSelectedStatus": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus",
46186
+ "countsAvailable": "utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable",
45474
46187
  "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
45475
46188
  "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
45476
46189
  "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
@@ -45534,7 +46247,7 @@ var validateConfig = function validateConfig(navItems) {
45534
46247
  if (!configItem.isLandingPage && mandatoryKeys.every(function (key) {
45535
46248
  return configItem.hasOwnProperty(key);
45536
46249
  }) === false) {
45537
- console.log("please check and update the navigation config");
46250
+ console.log('please check and update the navigation config');
45538
46251
  return false;
45539
46252
  }
45540
46253
  if (configItem.subMenuItems) {
@@ -45567,7 +46280,8 @@ var NavigationBar = function NavigationBar(_ref2) {
45567
46280
  getCounts = _ref2.getCounts,
45568
46281
  activeSubmenu = _ref2.activeSubmenu,
45569
46282
  setActiveSubmenu = _ref2.setActiveSubmenu,
45570
- setShowNavigationCounts = _ref2.setShowNavigationCounts;
46283
+ setShowNavigationCounts = _ref2.setShowNavigationCounts,
46284
+ countsRef = _ref2.countsRef;
45571
46285
  // const withCounts = getCounts && typeof getCounts === 'function'
45572
46286
  var navigateFunction = navigateTo || (history === null || history === void 0 ? void 0 : history.push) || defaultRedirect;
45573
46287
  var _useState = React.useState(null),
@@ -45598,7 +46312,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45598
46312
  if (Array.isArray(navItems)) {
45599
46313
  var isValid = validateConfig(navItems);
45600
46314
  if (isValid) {
45601
- var updatedNavItems = updateRoutes(navItems, "");
46315
+ var updatedNavItems = updateRoutes(navItems, '');
45602
46316
  var depth = getDepth(navItems);
45603
46317
  var _getDefaultSelection = getDefaultSelection(updatedNavItems),
45604
46318
  selectedItem = _getDefaultSelection.selectedItem,
@@ -45625,7 +46339,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45625
46339
  onMouseLeave: function onMouseLeave() {
45626
46340
  return setHover(false);
45627
46341
  },
45628
- className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : ''), _styleModuleImportMap$1, {
46342
+ className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : ''), _styleModuleImportMap$1, {
45629
46343
  "handleMissingStyleName": "warn"
45630
46344
  })
45631
46345
  }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -45639,7 +46353,8 @@ var NavigationBar = function NavigationBar(_ref2) {
45639
46353
  setSelected: setSelected,
45640
46354
  getCounts: getCounts,
45641
46355
  setWithCounts: setWithCounts,
45642
- withCounts: withCounts
46356
+ withCounts: withCounts,
46357
+ countsRef: countsRef
45643
46358
  }) : null, isConfigValid === false ? /*#__PURE__*/React__default["default"].createElement("div", null, "Please check your navigation config") : null);
45644
46359
  };
45645
46360
  var NavigationMenu = function NavigationMenu(_ref3) {
@@ -45653,24 +46368,25 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45653
46368
  setSelected = _ref3.setSelected,
45654
46369
  getCounts = _ref3.getCounts,
45655
46370
  setWithCounts = _ref3.setWithCounts,
45656
- withCounts = _ref3.withCounts;
46371
+ withCounts = _ref3.withCounts,
46372
+ countsRef = _ref3.countsRef;
45657
46373
  var redirectUrl = window.location.pathname;
45658
46374
  React.useEffect(function () {
45659
- if (redirectUrl != "/") {
45660
- var splitUrl = redirectUrl.split("/");
46375
+ if (redirectUrl != '/') {
46376
+ var splitUrl = redirectUrl.split('/');
45661
46377
  if (!process.env.IS_CORE_APP) {
45662
46378
  splitUrl.shift();
45663
46379
  }
45664
46380
  // if (splitUrl.length - 1 === configDepth) {
45665
46381
  if (splitUrl.length - 1) {
45666
46382
  if (configDepth === 3) {
45667
- setActiveSubmenu("/" + splitUrl[1] + "/" + splitUrl[2]);
45668
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2] + "/" + splitUrl[3]);
46383
+ setActiveSubmenu('/' + splitUrl[1] + '/' + splitUrl[2]);
46384
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2] + '/' + splitUrl[3]);
45669
46385
  } else if (configDepth === 2) {
45670
- setActiveSubmenu("/" + splitUrl[1]);
45671
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2]);
46386
+ setActiveSubmenu('/' + splitUrl[1]);
46387
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2]);
45672
46388
  } else {
45673
- setSelected("/" + splitUrl[1]);
46389
+ setSelected('/' + splitUrl[1]);
45674
46390
  }
45675
46391
  } else {
45676
46392
  setActiveSubmenu(null);
@@ -45682,7 +46398,9 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45682
46398
  className: _getClassName("NavMenu", _styleModuleImportMap$1, {
45683
46399
  "handleMissingStyleName": "warn"
45684
46400
  })
45685
- }, navItems.map(function (item) {
46401
+ }, navItems.filter(function (item) {
46402
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
46403
+ }).map(function (item) {
45686
46404
  var NavComponent = configDepth === 3 && !item.isLandingPage ? NavigationMenuLevel1 : NavigationMenuLevel2;
45687
46405
  return /*#__PURE__*/React__default["default"].createElement(NavComponent, {
45688
46406
  key: item.name,
@@ -45696,7 +46414,8 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45696
46414
  redirectUrl: redirectUrl,
45697
46415
  getCounts: getCounts,
45698
46416
  setWithCounts: setWithCounts,
45699
- withCounts: withCounts
46417
+ withCounts: withCounts,
46418
+ countsRef: countsRef
45700
46419
  });
45701
46420
  }));
45702
46421
  };
@@ -45711,7 +46430,8 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45711
46430
  setSelected = _ref4.setSelected,
45712
46431
  getCounts = _ref4.getCounts,
45713
46432
  setWithCounts = _ref4.setWithCounts,
45714
- withCounts = _ref4.withCounts;
46433
+ withCounts = _ref4.withCounts,
46434
+ countsRef = _ref4.countsRef;
45715
46435
  var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
45716
46436
  var shortName = navItem.shortName ? navItem.shortName.toUpperCase() : dotIcon;
45717
46437
  var nameText = isHover ? (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase() : shortName;
@@ -45725,9 +46445,11 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45725
46445
  icon: navItem.icon
45726
46446
  })), /*#__PURE__*/React__default["default"].createElement("div", {
45727
46447
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem"
45728
- }, nameText), navItem.hasOwnProperty("count") && /*#__PURE__*/React__default["default"].createElement("div", {
46448
+ }, nameText), navItem.hasOwnProperty('count') && /*#__PURE__*/React__default["default"].createElement("div", {
45729
46449
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
45730
- }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
46450
+ }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.filter(function (item) {
46451
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
46452
+ }).map(function (subItem) {
45731
46453
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
45732
46454
  key: subItem.name,
45733
46455
  isHover: isHover,
@@ -45739,7 +46461,8 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45739
46461
  navigateFunction: navigateFunction,
45740
46462
  getCounts: getCounts,
45741
46463
  setWithCounts: setWithCounts,
45742
- withCounts: withCounts
46464
+ withCounts: withCounts,
46465
+ countsRef: countsRef
45743
46466
  });
45744
46467
  }) : null));
45745
46468
  };
@@ -45753,7 +46476,8 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45753
46476
  navigateFunction = _ref5.navigateFunction,
45754
46477
  getCounts = _ref5.getCounts,
45755
46478
  setWithCounts = _ref5.setWithCounts,
45756
- withCounts = _ref5.withCounts;
46479
+ withCounts = _ref5.withCounts,
46480
+ countsRef = _ref5.countsRef;
45757
46481
  var isMenuExpanded = activeSubmenu === navItem.fullRoute;
45758
46482
  var showCounts = isMenuExpanded && getCounts && typeof getCounts === 'function';
45759
46483
  var _useState13 = React.useState(null),
@@ -45772,6 +46496,13 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45772
46496
  if (showCounts) {
45773
46497
  setCountsLoading(true);
45774
46498
  reloadCounts(navItem.route);
46499
+ if (countsRef && _typeof(countsRef) === 'object') {
46500
+ countsRef.current = {
46501
+ refreshCounts: function refreshCounts() {
46502
+ return reloadCounts(navItem.route);
46503
+ }
46504
+ };
46505
+ }
45775
46506
  }
45776
46507
  }, [activeSubmenu]);
45777
46508
  var reloadCounts = function reloadCounts(menuItemName) {
@@ -45803,7 +46534,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45803
46534
  animate: isMenuExpanded ? 'open' : 'closed'
45804
46535
  }, /*#__PURE__*/React__default["default"].createElement("div", {
45805
46536
  onClick: handleItemClick,
45806
- className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46537
+ className: _getClassName("NavItem ".concat(isMenuExpanded ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45807
46538
  "handleMissingStyleName": "warn"
45808
46539
  })
45809
46540
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45835,7 +46566,9 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45835
46566
  backgroundColor: '#232932',
45836
46567
  borderLeft: '1px solid #8A8886'
45837
46568
  }
45838
- }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.map(function (subItem) {
46569
+ }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.filter(function (item) {
46570
+ return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
46571
+ }).map(function (subItem) {
45839
46572
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel3, {
45840
46573
  key: subItem.fullRoute,
45841
46574
  isHover: isHover,
@@ -45865,19 +46598,23 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45865
46598
  status = navItem.getStatus(count);
45866
46599
  statusColor = statusColors[status];
45867
46600
  }
46601
+ var position = (navItem === null || navItem === void 0 ? void 0 : navItem.statusColorPosition) || '';
45868
46602
  var isDisabled = typeof navItem.disabled === 'function' ? navItem.disabled() : navItem.disabled;
45869
46603
  return /*#__PURE__*/React__default["default"].createElement("div", {
45870
46604
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3"
45871
46605
  }, /*#__PURE__*/React__default["default"].createElement("div", {
45872
46606
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor",
45873
46607
  style: {
45874
- backgroundColor: statusColor
46608
+ backgroundColor: position === 'leftBorder' ? statusColor : ''
45875
46609
  }
45876
46610
  }), /*#__PURE__*/React__default["default"].createElement("div", {
45877
46611
  onClick: function onClick() {
45878
46612
  return !isDisabled && navigateToItem(navItem);
45879
46613
  },
45880
- className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46614
+ style: {
46615
+ backgroundColor: position === 'background' ? statusColor : ''
46616
+ },
46617
+ className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(selected === navItem.fullRoute && position === 'background' ? 'NavItemSelectedStatus' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45881
46618
  "handleMissingStyleName": "warn"
45882
46619
  })
45883
46620
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45932,6 +46669,10 @@ var AppFrame = function AppFrame(props) {
45932
46669
  _useState6 = _slicedToArray(_useState5, 2),
45933
46670
  showNavigationCounts = _useState6[0],
45934
46671
  setShowNavigationCounts = _useState6[1];
46672
+ var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
46673
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
46674
+ var enableChatBot = coreAppConfig.enableChatBot;
46675
+ var chatBotEnabled = isCoreRoute && !window.location.pathname.includes('embedded') ? enableChatBot : tileData === null || tileData === void 0 ? void 0 : tileData.enableChatBot;
45935
46676
  React.useEffect(function () {
45936
46677
  if (appBarMounted) {
45937
46678
  var event = new Event('localStorageChanged');
@@ -45980,13 +46721,19 @@ var AppFrame = function AppFrame(props) {
45980
46721
  getCounts: props.getCounts,
45981
46722
  activeSubmenu: activeSubmenu,
45982
46723
  setActiveSubmenu: setActiveSubmenu,
45983
- setShowNavigationCounts: setShowNavigationCounts
46724
+ setShowNavigationCounts: setShowNavigationCounts,
46725
+ countsRef: props.countsRef
45984
46726
  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
45985
46727
  style: {
45986
46728
  marginLeft: props.showNavigation ? navigationWidth : '0px',
45987
- height: '100%'
46729
+ height: '100%',
46730
+ transition: 'all 0.5s ease-in-out'
45988
46731
  }
45989
- }, props.children))))));
46732
+ }, props.children), chatBotEnabled && /*#__PURE__*/React__default["default"].createElement(MiHelpAgent, {
46733
+ quickReplies: props === null || props === void 0 ? void 0 : props.quickReplies,
46734
+ collection: props === null || props === void 0 ? void 0 : props.collection,
46735
+ systemPrompt: props === null || props === void 0 ? void 0 : props.systemPrompt
46736
+ }))))));
45990
46737
  };
45991
46738
  AppFrame.defaultProps = {
45992
46739
  handleScrolling: true,
@@ -46373,12 +47120,21 @@ function getPaddingObject(padding) {
46373
47120
  };
46374
47121
  }
46375
47122
  function rectToClientRect(rect) {
47123
+ const {
47124
+ x,
47125
+ y,
47126
+ width,
47127
+ height
47128
+ } = rect;
46376
47129
  return {
46377
- ...rect,
46378
- top: rect.y,
46379
- left: rect.x,
46380
- right: rect.x + rect.width,
46381
- bottom: rect.y + rect.height
47130
+ width,
47131
+ height,
47132
+ top: y,
47133
+ left: x,
47134
+ right: x + width,
47135
+ bottom: y + height,
47136
+ x,
47137
+ y
46382
47138
  };
46383
47139
  }
46384
47140
 
@@ -46567,9 +47323,10 @@ async function detectOverflow(state, options) {
46567
47323
  strategy
46568
47324
  }));
46569
47325
  const rect = elementContext === 'floating' ? {
46570
- ...rects.floating,
46571
47326
  x,
46572
- y
47327
+ y,
47328
+ width: rects.floating.width,
47329
+ height: rects.floating.height
46573
47330
  } : rects.reference;
46574
47331
  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
46575
47332
  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -47106,6 +47863,8 @@ async function convertValueToCoords(state, options) {
47106
47863
  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
47107
47864
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
47108
47865
  const rawValue = evaluate(options, state);
47866
+
47867
+ // eslint-disable-next-line prefer-const
47109
47868
  let {
47110
47869
  mainAxis,
47111
47870
  crossAxis,
@@ -47139,7 +47898,7 @@ async function convertValueToCoords(state, options) {
47139
47898
  * object may be passed.
47140
47899
  * @see https://floating-ui.com/docs/offset
47141
47900
  */
47142
- const offset = function (options) {
47901
+ const offset$1 = function (options) {
47143
47902
  if (options === void 0) {
47144
47903
  options = 0;
47145
47904
  }
@@ -47356,16 +48115,16 @@ const size = function (options) {
47356
48115
  widthSide = side;
47357
48116
  heightSide = alignment === 'end' ? 'top' : 'bottom';
47358
48117
  }
47359
- const overflowAvailableHeight = height - overflow[heightSide];
47360
- const overflowAvailableWidth = width - overflow[widthSide];
48118
+ const maximumClippingHeight = height - overflow.top - overflow.bottom;
48119
+ const maximumClippingWidth = width - overflow.left - overflow.right;
48120
+ const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
48121
+ const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
47361
48122
  const noShift = !state.middlewareData.shift;
47362
48123
  let availableHeight = overflowAvailableHeight;
47363
48124
  let availableWidth = overflowAvailableWidth;
47364
48125
  if (isYAxis) {
47365
- const maximumClippingWidth = width - overflow.left - overflow.right;
47366
48126
  availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
47367
48127
  } else {
47368
- const maximumClippingHeight = height - overflow.top - overflow.bottom;
47369
48128
  availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
47370
48129
  }
47371
48130
  if (noShift && !alignment) {
@@ -47454,9 +48213,8 @@ function getContainingBlock(element) {
47454
48213
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
47455
48214
  if (isContainingBlock(currentNode)) {
47456
48215
  return currentNode;
47457
- } else {
47458
- currentNode = getParentNode(currentNode);
47459
48216
  }
48217
+ currentNode = getParentNode(currentNode);
47460
48218
  }
47461
48219
  return null;
47462
48220
  }
@@ -47647,10 +48405,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
47647
48405
  });
47648
48406
  }
47649
48407
  const topLayerSelectors = [':popover-open', ':modal'];
47650
- function isTopLayer(floating) {
48408
+ function isTopLayer(element) {
47651
48409
  return topLayerSelectors.some(selector => {
47652
48410
  try {
47653
- return floating.matches(selector);
48411
+ return element.matches(selector);
47654
48412
  } catch (e) {
47655
48413
  return false;
47656
48414
  }
@@ -47834,7 +48592,7 @@ function getClippingRect(_ref) {
47834
48592
  rootBoundary,
47835
48593
  strategy
47836
48594
  } = _ref;
47837
- const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
48595
+ const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
47838
48596
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
47839
48597
  const firstClippingAncestor = clippingAncestors[0];
47840
48598
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -47893,6 +48651,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
47893
48651
  height: rect.height
47894
48652
  };
47895
48653
  }
48654
+ function isStaticPositioned(element) {
48655
+ return getComputedStyle$1(element).position === 'static';
48656
+ }
47896
48657
  function getTrueOffsetParent(element, polyfill) {
47897
48658
  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
47898
48659
  return null;
@@ -47906,28 +48667,40 @@ function getTrueOffsetParent(element, polyfill) {
47906
48667
  // Gets the closest ancestor positioned element. Handles some edge cases,
47907
48668
  // such as table ancestors and cross browser bugs.
47908
48669
  function getOffsetParent(element, polyfill) {
47909
- const window = getWindow(element);
47910
- if (!isHTMLElement(element) || isTopLayer(element)) {
47911
- return window;
48670
+ const win = getWindow(element);
48671
+ if (isTopLayer(element)) {
48672
+ return win;
48673
+ }
48674
+ if (!isHTMLElement(element)) {
48675
+ let svgOffsetParent = getParentNode(element);
48676
+ while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
48677
+ if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
48678
+ return svgOffsetParent;
48679
+ }
48680
+ svgOffsetParent = getParentNode(svgOffsetParent);
48681
+ }
48682
+ return win;
47912
48683
  }
47913
48684
  let offsetParent = getTrueOffsetParent(element, polyfill);
47914
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
48685
+ while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
47915
48686
  offsetParent = getTrueOffsetParent(offsetParent, polyfill);
47916
48687
  }
47917
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
47918
- return window;
48688
+ if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
48689
+ return win;
47919
48690
  }
47920
- return offsetParent || getContainingBlock(element) || window;
48691
+ return offsetParent || getContainingBlock(element) || win;
47921
48692
  }
47922
48693
  const getElementRects = async function (data) {
47923
48694
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
47924
48695
  const getDimensionsFn = this.getDimensions;
48696
+ const floatingDimensions = await getDimensionsFn(data.floating);
47925
48697
  return {
47926
48698
  reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
47927
48699
  floating: {
47928
48700
  x: 0,
47929
48701
  y: 0,
47930
- ...(await getDimensionsFn(data.floating))
48702
+ width: floatingDimensions.width,
48703
+ height: floatingDimensions.height
47931
48704
  }
47932
48705
  };
47933
48706
  };
@@ -47995,9 +48768,11 @@ function observeMove(element, onMove) {
47995
48768
  return refresh();
47996
48769
  }
47997
48770
  if (!ratio) {
48771
+ // If the reference is clipped, the ratio is 0. Throttle the refresh
48772
+ // to prevent an infinite loop of updates.
47998
48773
  timeoutId = setTimeout(() => {
47999
48774
  refresh(false, 1e-7);
48000
- }, 100);
48775
+ }, 1000);
48001
48776
  } else {
48002
48777
  refresh(false, ratio);
48003
48778
  }
@@ -48101,6 +48876,15 @@ function autoUpdate(reference, floating, update, options) {
48101
48876
  };
48102
48877
  }
48103
48878
 
48879
+ /**
48880
+ * Modifies the placement by translating the floating element along the
48881
+ * specified axes.
48882
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
48883
+ * object may be passed.
48884
+ * @see https://floating-ui.com/docs/offset
48885
+ */
48886
+ const offset = offset$1;
48887
+
48104
48888
  /**
48105
48889
  * Optimizes the visibility of the floating element by choosing the placement
48106
48890
  * that has the most space available automatically, without needing to specify a
@@ -48272,7 +49056,7 @@ function S({
48272
49056
  s = document.createElement("style");
48273
49057
  s.id = t, s.type = "text/css", "top" === c && i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), b[o] = !0;
48274
49058
  }
48275
- const g = async ({
49059
+ const E = async ({
48276
49060
  elementReference: e = null,
48277
49061
  tooltipReference: t = null,
48278
49062
  tooltipArrowReference: o = null,
@@ -48457,7 +49241,7 @@ const D = ({
48457
49241
  openOnClick: w = !1,
48458
49242
  positionStrategy: b = "absolute",
48459
49243
  middlewares: S,
48460
- wrapper: E,
49244
+ wrapper: g,
48461
49245
  delayShow: A = 0,
48462
49246
  delayHide: O = 0,
48463
49247
  float: k = !1,
@@ -48505,9 +49289,9 @@ const D = ({
48505
49289
  be = React.useRef(null),
48506
49290
  {
48507
49291
  anchorRefs: Se,
48508
- setActiveAnchor: Ee
49292
+ setActiveAnchor: ge
48509
49293
  } = I(r),
48510
- ge = React.useRef(!1),
49294
+ Ee = React.useRef(!1),
48511
49295
  [Ae, _e] = React.useState([]),
48512
49296
  Oe = React.useRef(!1),
48513
49297
  Te = w || h.includes("click"),
@@ -48604,17 +49388,17 @@ const D = ({
48604
49388
  },
48605
49389
  Ie = (e = O) => {
48606
49390
  se.current && clearTimeout(se.current), se.current = setTimeout(() => {
48607
- ge.current || xe(!1);
49391
+ Ee.current || xe(!1);
48608
49392
  }, e);
48609
49393
  },
48610
49394
  je = e => {
48611
49395
  var t;
48612
49396
  if (!e) return;
48613
49397
  const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
48614
- if (!(null == o ? void 0 : o.isConnected)) return Q(null), void Ee({
49398
+ if (!(null == o ? void 0 : o.isConnected)) return Q(null), void ge({
48615
49399
  current: null
48616
49400
  });
48617
- A ? $e() : xe(!0), Q(o), Ee({
49401
+ A ? $e() : xe(!0), Q(o), ge({
48618
49402
  current: o
48619
49403
  }), se.current && clearTimeout(se.current);
48620
49404
  },
@@ -48638,7 +49422,7 @@ const D = ({
48638
49422
  bottom: t
48639
49423
  })
48640
49424
  };
48641
- g({
49425
+ E({
48642
49426
  place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
48643
49427
  offset: m,
48644
49428
  elementReference: r,
@@ -48679,7 +49463,7 @@ const D = ({
48679
49463
  Ve = React.useCallback(() => {
48680
49464
  var e, t;
48681
49465
  const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : V;
48682
- o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && g({
49466
+ o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && E({
48683
49467
  place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
48684
49468
  offset: m,
48685
49469
  elementReference: J,
@@ -48750,10 +49534,10 @@ const D = ({
48750
49534
  listener: De
48751
49535
  });
48752
49536
  const y = () => {
48753
- ge.current = !0;
49537
+ Ee.current = !0;
48754
49538
  },
48755
49539
  h = () => {
48756
- ge.current = !1, Be();
49540
+ Ee.current = !1, Be();
48757
49541
  };
48758
49542
  return N && !ke && (null === (e = ne.current) || void 0 === e || e.addEventListener("mouseenter", y), null === (t = ne.current) || void 0 === t || t.addEventListener("mouseleave", h)), a.forEach(({
48759
49543
  event: e,
@@ -48778,7 +49562,7 @@ const D = ({
48778
49562
  }, [J, Ve, me, Se, Ae, q, H, M, Te, A, O]), React.useEffect(() => {
48779
49563
  var e, t;
48780
49564
  let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
48781
- !o && r && (o = `[data-tooltip-id='${r}']`);
49565
+ !o && r && (o = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`);
48782
49566
  const l = new MutationObserver(e => {
48783
49567
  const t = [],
48784
49568
  l = [];
@@ -48833,7 +49617,7 @@ const D = ({
48833
49617
  }), []), React.useEffect(() => {
48834
49618
  var e;
48835
49619
  let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
48836
- if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
49620
+ if (!t && r && (t = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`), t) try {
48837
49621
  const e = Array.from(document.querySelectorAll(t));
48838
49622
  _e(e);
48839
49623
  } catch (e) {
@@ -48859,7 +49643,7 @@ const D = ({
48859
49643
  activeAnchor: J,
48860
49644
  place: ue.place,
48861
49645
  isOpen: Boolean(me && !R && Fe && Ke)
48862
- })), me && !R && Fe ? React__default["default"].createElement(E, {
49646
+ })), me && !R && Fe ? React__default["default"].createElement(g, {
48863
49647
  id: r,
48864
49648
  role: re,
48865
49649
  className: classnames("react-tooltip", B.tooltip, z.tooltip, z[u], c, `react-tooltip__place-${ue.place}`, B[Ke ? "show" : "closing"], Ke ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && B.fixed, N && B.clickable),
@@ -48872,7 +49656,7 @@ const D = ({
48872
49656
  opacity: void 0 !== te && Ke ? te : void 0
48873
49657
  },
48874
49658
  ref: ne
48875
- }, Fe, React__default["default"].createElement(E, {
49659
+ }, Fe, React__default["default"].createElement(g, {
48876
49660
  className: classnames("react-tooltip-arrow", B.arrow, z.arrow, i, x && B.noArrow),
48877
49661
  style: {
48878
49662
  ...ue.tooltipArrowStyles,
@@ -48905,8 +49689,8 @@ const D = ({
48905
49689
  events: w = ["hover"],
48906
49690
  openOnClick: b = !1,
48907
49691
  positionStrategy: S = "absolute",
48908
- middlewares: E,
48909
- delayShow: g = 0,
49692
+ middlewares: g,
49693
+ delayShow: E = 0,
48910
49694
  delayHide: _ = 0,
48911
49695
  float: O = !1,
48912
49696
  hidden: T = !1,
@@ -48937,14 +49721,14 @@ const D = ({
48937
49721
  [oe, re] = React.useState(v),
48938
49722
  [le, ne] = React.useState(p),
48939
49723
  [ce, ie] = React.useState(m),
48940
- [se, ae] = React.useState(g),
49724
+ [se, ae] = React.useState(E),
48941
49725
  [ue, de] = React.useState(_),
48942
49726
  [pe, ve] = React.useState(O),
48943
49727
  [me, fe] = React.useState(T),
48944
49728
  [ye, he] = React.useState(f),
48945
49729
  [we, be] = React.useState(w),
48946
- [Se, Ee] = React.useState(S),
48947
- [ge, Ae] = React.useState(null),
49730
+ [Se, ge] = React.useState(S),
49731
+ [Ee, Ae] = React.useState(null),
48948
49732
  [_e, Oe] = React.useState(null),
48949
49733
  Te = React.useRef(P),
48950
49734
  {
@@ -48987,10 +49771,10 @@ const D = ({
48987
49771
  },
48988
49772
  "position-strategy": e => {
48989
49773
  var t;
48990
- Ee(null !== (t = e) && void 0 !== t ? t : S);
49774
+ ge(null !== (t = e) && void 0 !== t ? t : S);
48991
49775
  },
48992
49776
  "delay-show": e => {
48993
- ae(null === e ? g : Number(e));
49777
+ ae(null === e ? E : Number(e));
48994
49778
  },
48995
49779
  "delay-hide": e => {
48996
49780
  de(null === e ? _ : Number(e));
@@ -49021,15 +49805,15 @@ const D = ({
49021
49805
  }, [p]), React.useEffect(() => {
49022
49806
  ie(m);
49023
49807
  }, [m]), React.useEffect(() => {
49024
- ae(g);
49025
- }, [g]), React.useEffect(() => {
49808
+ ae(E);
49809
+ }, [E]), React.useEffect(() => {
49026
49810
  de(_);
49027
49811
  }, [_]), React.useEffect(() => {
49028
49812
  ve(O);
49029
49813
  }, [O]), React.useEffect(() => {
49030
49814
  fe(T);
49031
49815
  }, [T]), React.useEffect(() => {
49032
- Ee(S);
49816
+ ge(S);
49033
49817
  }, [S]), React.useEffect(() => {
49034
49818
  Te.current !== P && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
49035
49819
  }, [P]), React.useEffect(() => {
@@ -49043,7 +49827,7 @@ const D = ({
49043
49827
  var e;
49044
49828
  const o = new Set(ke);
49045
49829
  let l = n;
49046
- if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
49830
+ if (!l && t && (l = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), l) try {
49047
49831
  document.querySelectorAll(l).forEach(e => {
49048
49832
  o.add({
49049
49833
  current: e
@@ -49100,7 +49884,7 @@ const D = ({
49100
49884
  id: t,
49101
49885
  anchorId: r,
49102
49886
  anchorSelect: n,
49103
- className: classnames(u, ge),
49887
+ className: classnames(u, Ee),
49104
49888
  classNameArrow: d,
49105
49889
  content: xe,
49106
49890
  contentWrapperRef: Ne,
@@ -49111,7 +49895,7 @@ const D = ({
49111
49895
  events: we,
49112
49896
  openOnClick: b,
49113
49897
  positionStrategy: Se,
49114
- middlewares: E,
49898
+ middlewares: g,
49115
49899
  delayShow: se,
49116
49900
  delayHide: ue,
49117
49901
  float: pe,
@@ -49164,7 +49948,7 @@ function ContextualHelp(_ref) {
49164
49948
  article = _useState2[0],
49165
49949
  setArticle = _useState2[1];
49166
49950
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
49167
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
49951
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
49168
49952
  var mihelpAppPath = !isCoreRoute ? tileData.mihelpAppPath : null;
49169
49953
  var isMihelpEnabled;
49170
49954
  if (isCoreRoute) {
@@ -49241,8 +50025,8 @@ function ContextualHelp(_ref) {
49241
50025
  name: "question-circle",
49242
50026
  variant: "solid",
49243
50027
  style: {
49244
- color: "#1d5ab9",
49245
- fontSize: "22px"
50028
+ color: '#1d5ab9',
50029
+ fontSize: '22px'
49246
50030
  }
49247
50031
  })), /*#__PURE__*/React__default["default"].createElement(H, {
49248
50032
  anchorSelect: "#helpSnippet1",