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

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 (6) hide show
  1. package/README.md +11 -11
  2. package/bin/cli.js +19 -19
  3. package/changelog.md +40 -40
  4. package/dist/ops-tool-kit.js +905 -881
  5. package/dist/ops-tool-kit.js.map +1 -1
  6. package/package.json +113 -112
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.0";
35
+ const version$7 = "1.12.0-alpha.10";
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,10 +227,10 @@ 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
+ var css_248z$r = ":root {\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n\n --white: #ffffff;\n --gray: #f1f1f1;\n --grey: #f1f1f1;\n --black: #000000;\n --blue: #1d5ab9;\n --blueDark: #0b2854;\n --red: #ee2727;\n --green: #7dc033;\n --greenDark: #64b50a;\n --charcoal: #323742;\n --blue: #1d5ab9;\n --blueGrey: #8d9fb1;\n --lightBlue: #a3d1ff;\n --veryLightBlue: #f2f7ff;\n --lightBlueGrey: #d6dfe8;\n --paleGrey: #ecf0f1;\n --lightGrey: #f1f1f1;\n --copartBlue: #1d5ab9;\n\n --primaryBlue: rgb(12, 92, 184);\n --primaryBlue0: rgb(11, 81, 161);\n --primaryBlue1: rgba(12, 92, 184, 0.2);\n --primaryBlue2: rgba(12, 92, 184, 0.4);\n --primaryBlue3: rgba(12, 92, 184, 0.6);\n --primaryBlue4: rgba(12, 92, 184, 0.8);\n\n --secondaryBlue: rgb(74, 144, 226);\n --secondaryBlue0: rgb(52, 122, 202);\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\n\n --darkBlue: rgb(29, 90, 185);\n --darkBlue1: rgba(29, 90, 185, 0.2);\n --darkBlue2: rgba(29, 90, 185, 0.4);\n --darkBlue3: rgba(29, 90, 185, 0.6);\n --darkBlue4: rgba(29, 90, 185, 0.8);\n\n --primaryRed: rgba(224, 26, 26, 1);\n --primaryRed0: rgb(201, 16, 16);\n --primaryRed1: rgba(224, 26, 26, 0.2);\n --primaryRed2: rgba(224, 26, 26, 0.4);\n --primaryRed3: rgba(224, 26, 26, 0.6);\n --primaryRed4: rgba(224, 26, 26, 0.8);\n\n --primaryOrange: rgba(253, 184, 39, 1);\n --primaryOrange0: rgb(236, 171, 29);\n --primaryOrange1: rgba(253, 184, 39, 0.2);\n --primaryOrange2: rgba(253, 184, 39, 0.4);\n --primaryOrange3: rgba(253, 184, 39, 0.6);\n --primaryOrange4: rgba(253, 184, 39, 0.8);\n\n --primaryGreen: rgba(29, 206, 109, 1);\n --primaryGreen0: rgb(27, 187, 99);\n --primaryGreen1: rgba(29, 206, 109, 0.2);\n --primaryGreen2: rgba(29, 206, 109, 0.4);\n --primaryGreen3: rgba(29, 206, 109, 0.6);\n --primaryGreen4: rgba(29, 206, 109, 0.8);\n}\n\ni.styles_index--fabric {\n font-style: normal;\n}\n";
230
231
  styleInject(css_248z$r);
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
+ var css_248z$q = "* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: subpixel-antialiased;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\nhtml,\nhtml a {\n -webkit-font-smoothing: antialiased;\n}\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n overflow: hidden;\n font-size: 1rem;\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n}\n\na:link,a:visited {\n color: inherit;\n text-decoration: none;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:-moz-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:any-link {\n color: inherit;\n text-decoration: none;\n}\n\n.styles_reset--material-icons.styles_reset--md-18 {\n font-size: 18px;\n}\n.styles_reset--material-icons.styles_reset--md-24 {\n font-size: 24px;\n}\n.styles_reset--material-icons.styles_reset--md-28 {\n font-size: 28px;\n}\n.styles_reset--material-icons.styles_reset--md-36 {\n font-size: 36px;\n}\n.styles_reset--material-icons.styles_reset--md-48 {\n font-size: 48px;\n}\n";
233
234
  styleInject(css_248z$q);
234
235
 
235
236
  function _iterableToArrayLimit(arr, i) {
@@ -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
 
@@ -2785,6 +2786,12 @@ var createOpsStorage = function createOpsStorage() {
2785
2786
  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;
2786
2787
  return appAuthName ? storage$1.getLocalItem("".concat(appAuthName, ":permissions")) : [];
2787
2788
  },
2789
+ get appScopesAndFunctions() {
2790
+ return getLocalItem('appScopesAndFunctions') || [];
2791
+ },
2792
+ get userAppScopes() {
2793
+ return getLocalItem('login', 'userAppScopes') || [];
2794
+ },
2788
2795
  get coreConfig() {
2789
2796
  return getLocalItem('opsportal-core:config');
2790
2797
  },
@@ -2905,7 +2912,7 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2905
2912
  error: 'You tried to use Breadcrumbs outside of its context.'
2906
2913
  };
2907
2914
 
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}";
2915
+ var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\n /* height: 36px;\n background: #3c4656; */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n display: flex;\n}\n\n#notCrumbs {\n height: 100%;\n margin-right: 12px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n cursor: pointer;\n height: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 300;\n letter-spacing: 0;\n /* transition: all 0.2s; */\n position: relative;\n top: -2px;\n color: rgba(255, 255, 255, 0.8);\n grid-gap: 6px;\n gap: 6px;\n margin-left: 5px;\n opacity: 1;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\n content: '\\f054';\n color: rgba(255, 255, 255, 0.4);\n display: inline-block;\n font-family: 'Font Awesome 6 Pro';\n font-size: 16px;\n margin: 0 6px;\n position: relative;\n top: 2px;\n}\n\n/* .Crumb:first-of-type {\n margin-left: 12px;\n font-weight: 400;\n} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\n /* background: rgba(0, 0, 0, 0.15); */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\n /* opacity: 0.75; */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\n font-weight: 700;\n opacity: 1;\n color: rgba(255, 255, 255, 1);\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\n font-weight: 300;\n /* opacity: 0.8; */\n}\n\n/* .crumbSpacer {} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n /* margin: 10px; */\n flex-grow: 2;\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}";
2909
2916
  styleInject(css_248z$p);
2910
2917
 
2911
2918
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
@@ -3666,12 +3673,12 @@ function nonStandardBrowserEnv() {
3666
3673
 
3667
3674
  // btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js
3668
3675
  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
3669
- function E() {
3676
+ function E$1() {
3670
3677
  this.message = 'String contains an invalid character';
3671
3678
  }
3672
- E.prototype = new Error();
3673
- E.prototype.code = 5;
3674
- E.prototype.name = 'InvalidCharacterError';
3679
+ E$1.prototype = new Error();
3680
+ E$1.prototype.code = 5;
3681
+ E$1.prototype.name = 'InvalidCharacterError';
3675
3682
  function btoa$2(input) {
3676
3683
  var str = String(input);
3677
3684
  var output = '';
@@ -3686,7 +3693,7 @@ function btoa$2(input) {
3686
3693
  output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
3687
3694
  charCode = str.charCodeAt(idx += 3 / 4);
3688
3695
  if (charCode > 0xFF) {
3689
- throw new E();
3696
+ throw new E$1();
3690
3697
  }
3691
3698
  block = block << 8 | charCode;
3692
3699
  }
@@ -5388,19 +5395,24 @@ var getConfig = /*#__PURE__*/function () {
5388
5395
  return _ref.apply(this, arguments);
5389
5396
  };
5390
5397
  }();
5391
- var findAppData = function findAppData(tiles) {
5398
+ var tileFilter = function tileFilter(tile) {
5392
5399
  var _window$toolkitEnv;
5393
5400
  var appName = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
5394
5401
  if (window.location.pathname.includes('embedded')) {
5395
5402
  appName = window.location.pathname;
5396
5403
  }
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
- });
5404
+ if (tile.appName) {
5405
+ return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5406
+ } else {
5407
+ return tile.path === "/".concat(appName);
5408
+ }
5409
+ };
5410
+ var findAppData = function findAppData() {
5411
+ var tiles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
5412
+ var tileOverrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
5413
+ var matchingTiles = [];
5414
+ matchingTiles.concat(tileOverrides.filter(tileFilter));
5415
+ matchingTiles.concat(tiles.filter(tileFilter));
5404
5416
  if (matchingTiles.length > 1) {
5405
5417
  var currentLocation = window.location.pathname;
5406
5418
  return matchingTiles.find(function (tile) {
@@ -5423,7 +5435,7 @@ var getAppTileData = /*#__PURE__*/function () {
5423
5435
  case 3:
5424
5436
  config = _context2.sent;
5425
5437
  storage.setLocalItem('opsportal-core:config', config);
5426
- return _context2.abrupt("return", findAppData(config.tiles || []));
5438
+ return _context2.abrupt("return", findAppData(config.tiles, config.tileOverrides));
5427
5439
  case 6:
5428
5440
  case "end":
5429
5441
  return _context2.stop();
@@ -5446,17 +5458,54 @@ var getHeaders$1 = function getHeaders() {
5446
5458
  };
5447
5459
  };
5448
5460
  var getPermissions = /*#__PURE__*/function () {
5449
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName) {
5450
- var _storage$getLocalItem, _storage$getLocalItem2, permissions, endpoint, response, appDetails;
5461
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName, useAppScopes) {
5462
+ var permissions, userAppScopes, allAppScopesAndFunctions, currentAppScopesAndFunctions, _currentAppScopesAndF, appFunctions, appFunctionsMap, _storage$getLocalItem, _storage$getLocalItem2, endpoint, response, appDetails;
5451
5463
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5452
5464
  while (1) switch (_context.prev = _context.next) {
5453
5465
  case 0:
5454
5466
  _context.prev = 0;
5455
5467
  permissions = [];
5468
+ if (!useAppScopes) {
5469
+ _context.next = 9;
5470
+ break;
5471
+ }
5472
+ userAppScopes = Array.isArray(storage.userAppScopes) ? storage.userAppScopes : [];
5473
+ allAppScopesAndFunctions = storage.appScopesAndFunctions;
5474
+ currentAppScopesAndFunctions = allAppScopesAndFunctions.find(function (scope) {
5475
+ return scope.appName === appName;
5476
+ });
5477
+ if (currentAppScopesAndFunctions) {
5478
+ appFunctions = {}, appFunctionsMap = {};
5479
+ (_currentAppScopesAndF = currentAppScopesAndFunctions.scopes) === null || _currentAppScopesAndF === void 0 ? void 0 : _currentAppScopesAndF.forEach(function (scope) {
5480
+ var scopeName = scope.appscope;
5481
+ var userHasScope = userAppScopes.find(function (appScope) {
5482
+ return appScope.appName === appName && appScope.scopeName === scopeName;
5483
+ });
5484
+ if (userHasScope) {
5485
+ scope.applicationFunctions.forEach(function (appFunc) {
5486
+ if (!appFunctionsMap[appFunc]) {
5487
+ appFunctionsMap[appFunc] = true;
5488
+ appFunctions[appFunc] = {
5489
+ name: appFunc,
5490
+ description: appFunc,
5491
+ hierarchyDetails: userHasScope.hierarchies
5492
+ };
5493
+ } else {
5494
+ var _appFunctions$appFunc;
5495
+ (_appFunctions$appFunc = appFunctions[appFunc]) === null || _appFunctions$appFunc === void 0 ? void 0 : _appFunctions$appFunc.hierarchyDetails.concat(userHasScope.hierarchies);
5496
+ }
5497
+ });
5498
+ }
5499
+ });
5500
+ permissions = Object.values(appFunctions);
5501
+ }
5502
+ _context.next = 15;
5503
+ break;
5504
+ case 9:
5456
5505
  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;
5506
+ _context.next = 12;
5458
5507
  return fetcher.get("".concat(endpoint).concat(appName), getHeaders$1());
5459
- case 5:
5508
+ case 12:
5460
5509
  response = _context.sent;
5461
5510
  appDetails = response.data.applications.find(function (app) {
5462
5511
  return app.name === appName;
@@ -5464,25 +5513,26 @@ var getPermissions = /*#__PURE__*/function () {
5464
5513
  if (appDetails) {
5465
5514
  permissions = appDetails.applicationFunctions;
5466
5515
  }
5516
+ case 15:
5467
5517
  storage.setLocalItem("".concat(appName, ":permissions"), permissions);
5468
5518
  return _context.abrupt("return", permissions);
5469
- case 12:
5470
- _context.prev = 12;
5519
+ case 19:
5520
+ _context.prev = 19;
5471
5521
  _context.t0 = _context["catch"](0);
5472
5522
  if (!(_context.t0.response && JSON.stringify(_context.t0.response.data).includes('503'))) {
5473
- _context.next = 18;
5523
+ _context.next = 25;
5474
5524
  break;
5475
5525
  }
5476
5526
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5477
- case 18:
5527
+ case 25:
5478
5528
  Promise.reject(_context.t0);
5479
- case 19:
5529
+ case 26:
5480
5530
  case "end":
5481
5531
  return _context.stop();
5482
5532
  }
5483
- }, _callee, null, [[0, 12]]);
5533
+ }, _callee, null, [[0, 19]]);
5484
5534
  }));
5485
- return function getPermissions(_x) {
5535
+ return function getPermissions(_x, _x2) {
5486
5536
  return _ref.apply(this, arguments);
5487
5537
  };
5488
5538
  }();
@@ -5589,17 +5639,17 @@ var getDefaultYard = function getDefaultYard(country) {
5589
5639
  var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
5590
5640
  if (stack === 'uk') {
5591
5641
  return {
5592
- name: "COPART UK",
5642
+ name: 'COPART UK',
5593
5643
  number: 400,
5594
- userSecurityLevel: "1",
5644
+ userSecurityLevel: '1',
5595
5645
  address: {
5596
- city: "WOOTTON",
5597
- country: "GBR",
5598
- line1: "ACREY FIELDS",
5599
- state: "GB",
5646
+ city: 'WOOTTON',
5647
+ country: 'GBR',
5648
+ line1: 'ACREY FIELDS',
5649
+ state: 'GB',
5600
5650
  zip: {
5601
- zip1: "MK43",
5602
- zip2: ""
5651
+ zip1: 'MK43',
5652
+ zip2: ''
5603
5653
  }
5604
5654
  }
5605
5655
  };
@@ -5607,60 +5657,60 @@ var getDefaultYard = function getDefaultYard(country) {
5607
5657
  switch (country) {
5608
5658
  case 'IN':
5609
5659
  return {
5610
- name: "CITC",
5660
+ name: 'CITC',
5611
5661
  number: 8003,
5612
5662
  address: {
5613
- city: "HYDERABAD",
5614
- country: "IND",
5615
- line1: "PSR PRIME TOWERS 5TH FLOOR",
5616
- line2: "SURVEY NO 126P, GACHIBOWLI",
5617
- state: "TS",
5663
+ city: 'HYDERABAD',
5664
+ country: 'IND',
5665
+ line1: 'PSR PRIME TOWERS 5TH FLOOR',
5666
+ line2: 'SURVEY NO 126P, GACHIBOWLI',
5667
+ state: 'TS',
5618
5668
  zip: {
5619
- zip1: "500032"
5669
+ zip1: '500032'
5620
5670
  }
5621
5671
  }
5622
5672
  };
5623
5673
  case 'US':
5624
5674
  return {
5625
- name: "CORPORATE",
5675
+ name: 'CORPORATE',
5626
5676
  number: 700,
5627
5677
  address: {
5628
- city: "DALLAS",
5629
- country: "USA",
5630
- line1: "14185 DALLAS PARKWAY #300",
5631
- state: "TX",
5678
+ city: 'DALLAS',
5679
+ country: 'USA',
5680
+ line1: '14185 DALLAS PARKWAY #300',
5681
+ state: 'TX',
5632
5682
  zip: {
5633
- zip1: "75254"
5683
+ zip1: '75254'
5634
5684
  }
5635
5685
  }
5636
5686
  };
5637
5687
  case 'UK':
5638
5688
  return {
5639
- name: "COPART UK",
5689
+ name: 'COPART UK',
5640
5690
  number: 400,
5641
- userSecurityLevel: "1",
5691
+ userSecurityLevel: '1',
5642
5692
  address: {
5643
- city: "WOOTTON",
5644
- country: "GBR",
5645
- line1: "ACREY FIELDS",
5646
- state: "GB",
5693
+ city: 'WOOTTON',
5694
+ country: 'GBR',
5695
+ line1: 'ACREY FIELDS',
5696
+ state: 'GB',
5647
5697
  zip: {
5648
- zip1: "MK43",
5649
- zip2: ""
5698
+ zip1: 'MK43',
5699
+ zip2: ''
5650
5700
  }
5651
5701
  }
5652
5702
  };
5653
5703
  default:
5654
5704
  return {
5655
- name: "CORPORATE",
5705
+ name: 'CORPORATE',
5656
5706
  number: 700,
5657
5707
  address: {
5658
- city: "DALLAS",
5659
- country: "USA",
5660
- line1: "14185 DALLAS PARKWAY #300",
5661
- state: "TX",
5708
+ city: 'DALLAS',
5709
+ country: 'USA',
5710
+ line1: '14185 DALLAS PARKWAY #300',
5711
+ state: 'TX',
5662
5712
  zip: {
5663
- zip1: "75254"
5713
+ zip1: '75254'
5664
5714
  }
5665
5715
  }
5666
5716
  };
@@ -5735,13 +5785,14 @@ var storeLoginData = function storeLoginData(data) {
5735
5785
  redirectTo: 'home',
5736
5786
  attemptFailed: false,
5737
5787
  sessionExpired: false,
5738
- hasCasAccess: data.hasCasAccess
5788
+ hasCasAccess: data.hasCasAccess,
5789
+ entity_auth_scope: data.entity_auth_scope
5739
5790
  });
5740
5791
  };
5741
5792
  var setupLogin = /*#__PURE__*/function () {
5742
5793
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(loginData) {
5743
5794
  var _window$toolkitEnv3;
5744
- var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard;
5795
+ var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard, _storage$getLocalItem, _storage$getLocalItem2, endpoint, appFunctions;
5745
5796
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5746
5797
  while (1) switch (_context2.prev = _context2.next) {
5747
5798
  case 0:
@@ -5813,11 +5864,26 @@ var setupLogin = /*#__PURE__*/function () {
5813
5864
  loginData.hasCasAccess = hasCasAccess;
5814
5865
  case 44:
5815
5866
  storeLoginData(loginData);
5816
- case 45:
5867
+ _context2.prev = 45;
5868
+ 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;
5869
+ _context2.next = 49;
5870
+ return fetcher.get(endpoint).then(function (res) {
5871
+ return res.data;
5872
+ });
5873
+ case 49:
5874
+ appFunctions = _context2.sent;
5875
+ storage$1.setLocalItem('appScopesAndFunctions', appFunctions);
5876
+ _context2.next = 56;
5877
+ break;
5878
+ case 53:
5879
+ _context2.prev = 53;
5880
+ _context2.t1 = _context2["catch"](45);
5881
+ console.log(_context2.t1);
5882
+ case 56:
5817
5883
  case "end":
5818
5884
  return _context2.stop();
5819
5885
  }
5820
- }, _callee2, null, [[17, 27]]);
5886
+ }, _callee2, null, [[17, 27], [45, 53]]);
5821
5887
  }));
5822
5888
  return function setupLogin(_x) {
5823
5889
  return _ref2.apply(this, arguments);
@@ -9270,6 +9336,81 @@ var getInnovationHubToken = /*#__PURE__*/function () {
9270
9336
  };
9271
9337
  }();
9272
9338
 
9339
+ var getHierarchyDetails = function getHierarchyDetails(hierarchies, hierarchyId) {
9340
+ var hierarchy = hierarchies[hierarchyId];
9341
+ var isHierarchyFromCurrentCountry = hierarchy && hierarchy.countryCode === storage.getSessionItem('dashboard', 'selectedCountryA3code');
9342
+ return isHierarchyFromCurrentCountry ? {
9343
+ id: hierarchy.hierarchyId,
9344
+ level: hierarchy.levelName,
9345
+ name: hierarchy.hierarchyName
9346
+ } : null;
9347
+ };
9348
+ var getUserScopes = /*#__PURE__*/function () {
9349
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
9350
+ var _storage$getLocalItem, _storage$getLocalItem2;
9351
+ var endpoint, hierarchies, scopeData, scopeList, filteredScopeList;
9352
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
9353
+ while (1) switch (_context.prev = _context.next) {
9354
+ case 0:
9355
+ 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;
9356
+ _context.prev = 1;
9357
+ _context.next = 4;
9358
+ return fetcher.get(endpoint).then(function (res) {
9359
+ return res.data;
9360
+ });
9361
+ case 4:
9362
+ hierarchies = _context.sent;
9363
+ storage.setLocalItem('hierarchies', hierarchies);
9364
+ _context.next = 12;
9365
+ break;
9366
+ case 8:
9367
+ _context.prev = 8;
9368
+ _context.t0 = _context["catch"](1);
9369
+ console.log(_context.t0);
9370
+ hierarchies = storage.getLocalItem('hierarchies');
9371
+ case 12:
9372
+ scopeData = storage.getLocalItem('login', 'entity_auth_scope');
9373
+ scopeList = typeof scopeData === 'string' ? scopeData === null || scopeData === void 0 ? void 0 : scopeData.split(',') : [];
9374
+ scopeList = scopeList.filter(function (scope) {
9375
+ return typeof scope === 'string' && scope.trim() !== '';
9376
+ });
9377
+ filteredScopeList = [];
9378
+ scopeList.forEach(function (scope) {
9379
+ var _storage$getLocalItem3;
9380
+ var scopeInfo = scope === null || scope === void 0 ? void 0 : scope.split('|');
9381
+ var appScopeEnv = (_storage$getLocalItem3 = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.appScopeEnv;
9382
+ var isScopeForCurrentEnv = scopeInfo[0] && scopeInfo[0] === appScopeEnv;
9383
+ if (isScopeForCurrentEnv) {
9384
+ var _scopeInfo$;
9385
+ var hierarchyList = ((_scopeInfo$ = scopeInfo[3]) === null || _scopeInfo$ === void 0 ? void 0 : _scopeInfo$.split(':')) || [];
9386
+ var hierarchiesWithDetails = [];
9387
+ hierarchyList.forEach(function (hierarchy) {
9388
+ var details = getHierarchyDetails(hierarchies, Number(hierarchy));
9389
+ if (details) {
9390
+ hierarchiesWithDetails.push(details);
9391
+ }
9392
+ });
9393
+ if (hierarchiesWithDetails.length > 0) {
9394
+ filteredScopeList.push({
9395
+ appName: scopeInfo[1],
9396
+ scopeName: scopeInfo[2],
9397
+ hierarchies: hierarchiesWithDetails
9398
+ });
9399
+ }
9400
+ }
9401
+ });
9402
+ return _context.abrupt("return", filteredScopeList);
9403
+ case 18:
9404
+ case "end":
9405
+ return _context.stop();
9406
+ }
9407
+ }, _callee, null, [[1, 8]]);
9408
+ }));
9409
+ return function getUserScopes() {
9410
+ return _ref.apply(this, arguments);
9411
+ };
9412
+ }();
9413
+
9273
9414
  fetcher.login = login;
9274
9415
  fetcher.oktaLogin = oktaLogin;
9275
9416
  fetcher.getConfig = getConfig;
@@ -9285,6 +9426,7 @@ fetcher.getPrintersForYard = getPrintersForYard;
9285
9426
  fetcher.getPermissions = getPermissions;
9286
9427
  fetcher.getCoreAppPermissions = getCoreAppPermissions;
9287
9428
  fetcher.getInnovationHubToken = getInnovationHubToken;
9429
+ fetcher.getUserScopes = getUserScopes;
9288
9430
 
9289
9431
  var getRouteName = function getRouteName() {
9290
9432
  return window.location.pathname.split('/').splice(1)[0];
@@ -9321,7 +9463,7 @@ var isChrome = function isChrome() {
9321
9463
  return isChromium && !isEdge;
9322
9464
  };
9323
9465
 
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";
9466
+ var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\n margin: 80px 0 40px;\n width: 100%;\n height: 100%;\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\n width: 60px;\n height: 60px;\n}\n";
9325
9467
  styleInject(css_248z$o);
9326
9468
 
9327
9469
  var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
@@ -21035,7 +21177,7 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21035
21177
  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
21178
  };
21037
21179
 
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";
21180
+ var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21039
21181
  styleInject(css_248z$n);
21040
21182
 
21041
21183
  var FAQLink = function FAQLink() {
@@ -21050,7 +21192,7 @@ var FAQLink = function FAQLink() {
21050
21192
  }, locale('FAQs'));
21051
21193
  };
21052
21194
 
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";
21195
+ var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\n font-weight: bold;\n}\n";
21054
21196
  styleInject(css_248z$m);
21055
21197
 
21056
21198
  var FAQText = function FAQText() {
@@ -21061,7 +21203,7 @@ var FAQText = function FAQText() {
21061
21203
  }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21062
21204
  };
21063
21205
 
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";
21206
+ var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\n display: flex;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\n margin-bottom: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-top: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\n height: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\n margin: 5px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\n width: 60vw;\n max-width: 600px;\n padding: 10px 20px;\n}\n";
21065
21207
  styleInject(css_248z$l);
21066
21208
 
21067
21209
  var DialogTitle = function DialogTitle() {
@@ -21281,7 +21423,7 @@ FeedbackDialog.defaultProps = {
21281
21423
  }
21282
21424
  };
21283
21425
 
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: 4px;\r\n gap: 4px;\r\n display: flex;\r\n align-items: center;\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: 4px 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: 0px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n 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 position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\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 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: 22px;\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: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--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";
21426
+ var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n width: 100%;\n display: flex;\n justify-content: start;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\n margin: 0 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n display: flex;\n flex-direction: column;\n margin: 3px 0 0 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n color: white;\n font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n color: white;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n justify-content: center;\n margin: 8px !important;\n position: relative;\n width: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\n margin-right: 24px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\n color: #fff;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\n color: #ffff00;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\n width: auto;\n grid-gap: 4px;\n grid-gap: 5px;\n gap: 5px;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\n width: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n font-size: 14px;\n grid-gap: 8px;\n grid-gap: 8px;\n gap: 8px;\n padding: 2px 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\n color: #1D5AB9;\n font-size: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n font-size: 14px;\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n display: flex;\n color: white;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n width: 6rem;\n margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n margin-top: -0.2rem;\n margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n display: inline;\n display: initial;\n}\n\n@font-face {\n font-family: 'Open Sans';\n font-style: italic;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-style: italic;\n font-size: 14px;\n position: relative;\n left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n display: flex;\n color: white;\n font-size: 13px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\n /* margin-left: 10px;\n margin-right: 7px; */\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\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);\n font-size: 14px;\n grid-gap: 8px;\n gap: 8px;\n margin: 0 8px;\n padding: 6px 20px 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\n font-size: 18px;\n color: #1D5AB9;\n}\n\n/* .searchIcon > div {\n margin-left: 7px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\n color: #fff;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n color: white;\n cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n background-color: white;\n border-radius: 20px;\n margin: 5px;\n padding: 0px 10px;\n height: 25px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n border: 1px solid #1d5ab9;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n background-color: white;\n border-radius: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n color: red;\n margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n margin-right: 5px;\n margin-left: 5px;\n width: 24px;\n height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n margin-left: 5px;\n display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n line-height: unset;\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n color: red;\n}\n\n/* .userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 10px !important;\n margin-right: 10px !important;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n cursor: pointer;\n position: relative;\n top: -2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n font-size: 22px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\n background-color: #ef5350;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 13px;\n width: 10px;\n height: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\n position: absolute;\n background: #fff;\n padding: 8px;\n right: 30px;\n top: -2px;\n border-radius: 2px;\n font-weight: 400;\n font-size: 12px;\n cursor: auto;\n color: #000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\n content: \"\";\n position: absolute;\n top: 50%;\n left: 100%;\n margin-top: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent transparent #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\n color: #000;\n font-size: 12px;\n margin-left: 5px;\n position: relative;\n top: 1px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: calc(100vh - 48px);\n width: 100vw;\n bottom: 0;\n z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n background-color: rgba(0,0,0,.5);\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 2px;\n right: 358px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\n padding: 5px 7px;\n background: #fff;\n border-radius: 50%;\n font-weight: 600;\n color: #1d5ab9;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\n background: rgba(255, 255, 255, 0.40);\n -webkit-backdrop-filter: blur(20px);\n backdrop-filter: blur(20px);\n position: absolute;\n top: 50px;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 999;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n /* padding: 15px; */\n background-color: white;\n overflow-y: auto;\n}\n\n@media only screen and (max-width: 1024px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 2px;\n }\n\n /* .searchIcon {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .searchIcon > div {\n margin-left: 2px;\n } */\n\n /* .userMenu {\n margin-left: 3px !important;\n margin-right: 3px !important;\n } */\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 2px;\n }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: 100%;\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n font-size: 18px;\n font-weight: 600;\n padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n display: flex;\n flex-direction: column;\n grid-gap: 5px;\n gap: 5px;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n background-color: #ef5350;\n color: white;\n font-size: 12px;\n width: 1rem;\n border-radius: 50%;\n position: absolute;\n top: -5px;\n left: 11px;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\n width: 1.1rem;\n height: 1.1rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\n width: 1.3rem;\n height: 1.3rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n cursor: pointer;\n margin-left: 12px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 11px solid white;\n position: absolute;\n bottom: -13px;\n right: 5px;\n}\n\n/* .arrowTipContainer.ideaNoteArrow {\n right: 16px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\n right: 3px;\n bottom: -9px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\n bottom: -12px;\n right: 8px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 10px solid white;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\n width: 85%;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n left: 12px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n right: 5px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\n width: 85% !important;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: none;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 85%;\n }\n}";
21285
21427
  styleInject(css_248z$k);
21286
21428
 
21287
21429
  var LogOutMenu = function LogOutMenu(_ref) {
@@ -21308,10 +21450,68 @@ var LogOutMenu = function LogOutMenu(_ref) {
21308
21450
  }));
21309
21451
  };
21310
21452
 
21311
- var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
21453
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 20px 0;\n border-bottom: 1px solid #EDEBE9;\n grid-gap: 24px;\n gap: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\n font-size: 12px;\n font-style: normal;\n font-weight: 350;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n display: flex;\n align-items: center;\n padding: 7px 20px;\n grid-gap: 6px;\n grid-gap: 6px;\n gap: 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\n color: #FFF;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\n padding: 7px 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\n grid-gap: 6px;\n gap: 6px;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n padding: 24px 36px;\n flex-direction: column;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n padding: 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\n width: 100%;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\n width: 100%;\n }\n}";
21312
21454
  styleInject(css_248z$j);
21313
21455
 
21314
- var _styleModuleImportMap$8 = {
21456
+ var ProfileDetails = function ProfileDetails(_ref) {
21457
+ var logout = _ref.logout;
21458
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21459
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
21460
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21461
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
21462
+ }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail)), /*#__PURE__*/React__default["default"].createElement("div", {
21463
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
21464
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
21465
+ primary: true,
21466
+ onClick: function onClick() {
21467
+ return logout({}, {
21468
+ key: 'logout'
21469
+ });
21470
+ }
21471
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21472
+ name: "arrow-right-from-bracket",
21473
+ variant: "solid"
21474
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
21475
+ };
21476
+
21477
+ var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\n width: 85%;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\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 {\n width: 100%;\n padding: 7px 15px;\n display: flex;\n justify-content: space-between;\n color: #323130;\n}\n\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 {\n width: 25px;\n display: flex;\n justify-content: center;\n}\n\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 {\n color: #323130;\n font-size: 20px;\n}\n\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\n color: #ffff00;\n} */\n\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 {\n display: flex;\n grid-gap: 15px;\n gap: 15px;\n}\n\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 {\n font-size: 16px;\n}";
21478
+ styleInject(css_248z$i);
21479
+
21480
+ var MobileMenu = function MobileMenu(props) {
21481
+ var closeSidebar = props.closeSidebar,
21482
+ logout = props.logout,
21483
+ items = props.items;
21484
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21485
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper",
21486
+ onClick: closeSidebar
21487
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21488
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar"
21489
+ }, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
21490
+ logout: logout
21491
+ }), items.filter(function (item) {
21492
+ return item.render;
21493
+ }).map(function (item) {
21494
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21495
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem",
21496
+ onClick: item.clickHandler
21497
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21498
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName"
21499
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
21500
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon"
21501
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21502
+ name: item.icon,
21503
+ variant: "solid"
21504
+ })), /*#__PURE__*/React__default["default"].createElement("p", null, item.name)), /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21505
+ name: "chevron-right",
21506
+ variant: "solid"
21507
+ }));
21508
+ })));
21509
+ };
21510
+
21511
+ var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\n max-width: 80px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\n max-width: 120px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\n line-height: 0;\n}\n";
21512
+ styleInject(css_248z$h);
21513
+
21514
+ var _styleModuleImportMap$7 = {
21315
21515
  "./CopartLogo.css": {
21316
21516
  "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
21317
21517
  "CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
@@ -21327,7 +21527,7 @@ var CopartLogo = function CopartLogo() {
21327
21527
  href: "/"
21328
21528
  }, /*#__PURE__*/React__namespace.createElement("img", {
21329
21529
  src: imageSrc,
21330
- className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$8, {
21530
+ className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$7, {
21331
21531
  "handleMissingStyleName": "warn"
21332
21532
  })
21333
21533
  }));
@@ -21529,10 +21729,10 @@ var unEscapeChars = function unEscapeChars(str) {
21529
21729
  }) : null;
21530
21730
  };
21531
21731
 
21532
- var css_248z$i = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\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";
21533
- styleInject(css_248z$i);
21732
+ var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--title {\n font-weight: 600;\n font-size: 28px;\n}\n\n.utilities_ops-app-frame_Help_Help--header {\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\n font-weight: 600;\n font-size: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\n color: #1d5ab9;\n margin-right: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link {\n font-weight: 400;\n font-size: 14px;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link i {\n font-size: 10px;\n position: relative;\n top: -5px;\n left: 3px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\n margin-top: 20px;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\n color: #1d5ab9;\n font-size: 10px;\n position: relative;\n top: -8px;\n cursor: pointer;\n left: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\n list-style: none;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\n font-weight: 400;\n font-size: 14px;\n margin: 6px 0;\n display: flex;\n cursor: pointer;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-items: flex-start;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\n width: 17px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\n color: #1d5ab9;\n cursor: pointer;\n font-weight: 400;\n font-size: 14px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper {\n width: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\n position: absolute;\n width: 29px;\n height: 29px;\n background: #f3f2f1;\n display: flex;\n align-items: center;\n justify-content: center;\n bottom: 1.5px;\n right: 2px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\n width: 100%;\n margin-top: 15px;\n padding: 0px 10px;\n height: 32px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 8px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\n width: 100%;\n margin-top: 20px;\n border-bottom: 1px solid #dcdcdc;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\n margin-top: 13px;\n margin-bottom: 30px;\n text-overflow: ellipsis;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\n position: absolute;\n}\n\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--likeswrapper {\n color: #cbcbcb;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--like {\n margin-left: 10px;\n font-size: 10px;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--like i {\n font-size: 14px;\n margin-right: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle {\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle img {\n width: 18px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span {\n font-weight: 600;\n font-size: 18px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\n width: 100%;\n margin-top: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\n font-weight: 300;\n font-size: 34px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\n color: #1d5ab9;\n font-weight: 600;\n font-size: 24px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian {\n border-top: 1px solid #dcdcdc;\n padding-top: 13px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\n font-weight: 400;\n font-size: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\n transition: all 0.2s ease-out;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\n font-weight: 400;\n font-size: 14px;\n height: auto;\n max-height: 0;\n transition: max-height 0.2s ease-out;\n overflow: hidden;\n margin-top: 13px;\n white-space: normal;\n}\n\n/* .accordian .answer span {\n white-space: break-spaces;\n } */\n\n.utilities_ops-app-frame_Help_Help--releaseNote {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--articleFooter {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n padding-bottom: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\n font-weight: 600;\n font-size: 14px;\n margin-right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\n color: rgb(45, 206, 137);\n font-weight: bold;\n font-size: 16px;\n margin-left: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\n width: 300px;\n height: 100px;\n resize: none;\n display: block;\n margin-bottom: 11px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\n background-color: rgb(29, 90, 185);\n color: #fff;\n padding: 6px 12px;\n cursor: pointer;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #2dce89;\n margin-right: 6px;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\n border: 1px solid #2dce89 !important;\n padding: 5px;\n height: 30px;\n width: 30px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\n background-color: #2dce89;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\n fill: #fff;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike {\n color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike svg {\n border: 1px solid #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\n background-color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper {\n font-style: italic;\n /* font-weight: 700; */\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\n width: 100%;\n border-top: 1px solid #edebe9;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\n width: 100%;\n border: 1px solid #dcdcdc;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 50px;\n position: relative;\n text-align: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\n display: block;\n text-align: left;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\n font-size: 34px !important;\n margin-bottom: 6px !important;\n margin-top: 0 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\n font-size: 14px !important;\n margin-bottom: 3px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\n position: relative;\n top: 2px;\n margin-left: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\n background-color: #1d5ab9;\n color: #fff;\n padding: 6px 12px;\n font-weight: 600;\n font-size: 12px;\n cursor: pointer;\n margin-top: 7px;\n border-radius: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\n pointer-events: none;\n cursor: default;\n background-color: #ccc;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: absolute;\n top: 0px;\n right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\n font-weight: 800 !important;\n font-size: 20px !important;\n line-height: 27px !important;\n color: #1d5ab9 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\n font-weight: 600;\n font-size: 14px;\n color: #000100;\n margin: 10px 0;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\n resize: none;\n height: 125px;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\n font-weight: 600;\n color: #f5365c;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\n color: #1d5ab9;\n font-size: 20px !important;\n margin-top: 12px;\n margin-bottom: 20px !important;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\n max-width: 700px;\n min-width: 600px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\n width: 100%;\n display: flex;\n justify-content: space-between;\n background: #edebe9;\n padding: 10px 20px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\n padding: 20px 20px 30px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\n font-weight: 600;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\n font-weight: 600;\n font-size: 14px;\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\n font-size: 10px;\n position: relative;\n top: -6px;\n right: -1px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\n padding: 22px;\n background-color: #1d5ab9;\n color: #fff;\n font-size: 32px !important;\n width: 100% !important;\n border-radius: 10px;\n align-items: center !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\n color: #fff !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\n width: 65px !important;\n margin-right: 25px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\n flex: 1;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\n font-weight: 700;\n font-size: 14px;\n align-self: end;\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 85%;\n }\n}\n";
21733
+ styleInject(css_248z$g);
21534
21734
 
21535
- var _styleModuleImportMap$7 = {
21735
+ var _styleModuleImportMap$6 = {
21536
21736
  "../Help.css": {
21537
21737
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
21538
21738
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -21619,7 +21819,7 @@ var ArticleSection = function ArticleSection(_ref) {
21619
21819
  onClick: function onClick() {
21620
21820
  return clickhandler(viewMapper[articleDetails.type], article);
21621
21821
  },
21622
- className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$7, {
21822
+ className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$6, {
21623
21823
  "handleMissingStyleName": "warn"
21624
21824
  })
21625
21825
  }, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -21730,19 +21930,19 @@ var SearchResults = function SearchResults(_ref) {
21730
21930
  })));
21731
21931
  };
21732
21932
 
21733
- var css_248z$h = "/*!\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";
21734
- styleInject(css_248z$h);
21735
-
21736
- var css_248z$g = "/**\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}";
21737
- styleInject(css_248z$g);
21738
-
21739
- var css_248z$f = "@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}";
21933
+ var css_248z$f = "/*!\n\tTheme Name: Hello Elementor\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\n\tAuthor: Elementor Team\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\n\tVersion: 2.4.1\n\tStable tag: 2.4.1\n\tRequires at least: 4.7\n\tTested up to: 5.6\n\tRequires PHP: 5.6\n\tLicense: GNU General Public License v3 or later.\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\n\tText Domain: hello-elementor\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\n*/\n/*!\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\n*/\n/* html {\n line-height: 1.15;\n -webkit-text-size-adjust: 100%\n}\n\n*,:after,:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box\n} */\n\n/* body {\n margin: 0;\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #333;\n background-color: #fff;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale\n} */\n\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 {\n margin-top: .5rem;\n margin-bottom: 1rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\n font-size: 2.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\n font-size: 2rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\n font-size: 1.75rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\n font-size: 1.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\n font-size: 1.25rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n font-size: 1rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\n margin-top: 0;\n margin-bottom: .9rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\n font-family: monospace,monospace;\n font-size: 1em;\n white-space: pre-wrap\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\n background-color: transparent;\n text-decoration: none;\n color: var(--e-global-color-text);\n color: var(--e-global-color-text )\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\n color: #1d5ab9\n}\n\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 {\n color: inherit;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\n outline: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\n font-weight: bolder\n}\n\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 {\n font-family: monospace,monospace;\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\n font-size: 80%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\n bottom: -.25em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n top: -.5em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\n border-style: none;\n height: auto;\n max-width: 100%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\n display: list-item\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\n font-size: 16px;\n color: #333;\n line-height: 1.4;\n font-style: italic;\n font-weight: 400\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\n display: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0,0,0,0);\n white-space: nowrap;\n border: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\n display: inline-block;\n line-height: 1;\n vertical-align: middle\n}\n\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 {\n font-family: inherit;\n font-size: 1rem;\n line-height: 1.5;\n margin: 0\n}\n\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 {\n width: 100%;\n border: 1px solid #666;\n border-radius: 3px;\n padding: .5rem 1rem;\n transition: all .3s\n}\n\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 {\n border-color: #333;\n outline: 0 none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n text-transform: none\n}\n\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 {\n width: auto;\n -webkit-appearance: button\n}\n\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 {\n border-style: none;\n padding: 0\n}\n\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 {\n outline: 1px dotted ButtonText\n}\n\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 {\n display: inline-block;\n font-weight: 400;\n color: #c36;\n text-align: center;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid #c36;\n padding: .5rem 1rem;\n font-size: 1rem;\n border-radius: 3px;\n transition: all .3s\n}\n\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 {\n outline: 5px auto -webkit-focus-ring-color\n}\n\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 {\n color: #fff;\n background-color: #c36;\n text-decoration: none\n}\n\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) {\n cursor: pointer\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\n padding: .35em .75em .625em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n overflow: auto;\n resize: vertical\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\n box-sizing: border-box;\n padding: 0\n}\n\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 {\n height: auto\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\n -webkit-appearance: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\n background-color: transparent;\n width: 100%;\n margin-bottom: 15px;\n font-size: .9em;\n border-spacing: 0;\n border-collapse: collapse\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n padding: 15px;\n line-height: 1.5;\n vertical-align: top;\n border: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n font-weight: 700\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\n font-size: 1em\n}\n\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 {\n border-top: 1px solid #ccc\n}\n\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 {\n background-color: #f7f7f7\n}\n\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 {\n background-color: #e9e9e9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\n border-top: 2px solid #ccc\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\n font-size:.8em\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n padding: 7px;\n line-height: 1.3\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n font-weight: 400\n }\n}\n\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 {\n margin-top: 0;\n margin-bottom: 0;\n border: 0;\n outline: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n }\n";
21740
21934
  styleInject(css_248z$f);
21741
21935
 
21742
- var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
21936
+ 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}";
21743
21937
  styleInject(css_248z$e);
21744
21938
 
21745
- var _styleModuleImportMap$6 = {
21939
+ 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}";
21940
+ styleInject(css_248z$d);
21941
+
21942
+ 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}";
21943
+ styleInject(css_248z$c);
21944
+
21945
+ var _styleModuleImportMap$5 = {
21746
21946
  "../wordpressStyles.css": {
21747
21947
  "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
21748
21948
  "sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
@@ -21775,7 +21975,7 @@ function HelpArticleContent(_ref) {
21775
21975
  return /*#__PURE__*/React__default["default"].createElement("div", {
21776
21976
  className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
21777
21977
  }, /*#__PURE__*/React__default["default"].createElement("div", {
21778
- className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$6, {
21978
+ className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
21779
21979
  "handleMissingStyleName": "warn"
21780
21980
  })
21781
21981
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21827,7 +22027,7 @@ var Dislike = function Dislike() {
21827
22027
  }));
21828
22028
  };
21829
22029
 
21830
- var _styleModuleImportMap$5 = {
22030
+ var _styleModuleImportMap$4 = {
21831
22031
  "../Help.css": {
21832
22032
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
21833
22033
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -21928,7 +22128,7 @@ var HelpArticle = function HelpArticle(_ref) {
21928
22128
  return /*#__PURE__*/React__default["default"].createElement("div", {
21929
22129
  className: "utilities_ops-app-frame_Help_Help--helpArticle"
21930
22130
  }, /*#__PURE__*/React__default["default"].createElement("h3", {
21931
- className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
22131
+ className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$4, {
21932
22132
  "handleMissingStyleName": "warn"
21933
22133
  })
21934
22134
  }, currentArticle.title), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21937,7 +22137,7 @@ var HelpArticle = function HelpArticle(_ref) {
21937
22137
  article: currentArticle,
21938
22138
  showQuestionSection: showQuestionSection
21939
22139
  }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
21940
- className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
22140
+ className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
21941
22141
  "handleMissingStyleName": "warn"
21942
22142
  })
21943
22143
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -21945,7 +22145,7 @@ var HelpArticle = function HelpArticle(_ref) {
21945
22145
  }, !currentArticle.showFeedback ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? /*#__PURE__*/React__default["default"].createElement("span", {
21946
22146
  className: "utilities_ops-app-frame_Help_Help--likeTxt"
21947
22147
  }, "Was this useful?") : null, /*#__PURE__*/React__default["default"].createElement("span", {
21948
- className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$5, {
22148
+ className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$4, {
21949
22149
  "handleMissingStyleName": "warn"
21950
22150
  })
21951
22151
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -21953,7 +22153,7 @@ var HelpArticle = function HelpArticle(_ref) {
21953
22153
  return likeHandler(currentArticle);
21954
22154
  }
21955
22155
  }, /*#__PURE__*/React__default["default"].createElement(Like, null)), /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.likes)), /*#__PURE__*/React__default["default"].createElement("span", {
21956
- className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$5, {
22156
+ className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$4, {
21957
22157
  "handleMissingStyleName": "warn"
21958
22158
  })
21959
22159
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -21981,7 +22181,7 @@ var HelpArticle = function HelpArticle(_ref) {
21981
22181
  }, "Skip")))), /*#__PURE__*/React__default["default"].createElement("span", {
21982
22182
  className: "utilities_ops-app-frame_Help_Help--dateWrapper"
21983
22183
  }, /*#__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", {
21984
- className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$5, {
22184
+ className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
21985
22185
  "handleMissingStyleName": "warn"
21986
22186
  })
21987
22187
  }, /*#__PURE__*/React__default["default"].createElement("h3", null, "Related Help Resources"), /*#__PURE__*/React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
@@ -21994,7 +22194,7 @@ var HelpArticle = function HelpArticle(_ref) {
21994
22194
  }), article.post_title);
21995
22195
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
21996
22196
  ref: questionSectionRef,
21997
- className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$5, {
22197
+ className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$4, {
21998
22198
  "handleMissingStyleName": "warn"
21999
22199
  })
22000
22200
  }, !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", {
@@ -22053,7 +22253,7 @@ var HelpArticle = function HelpArticle(_ref) {
22053
22253
  }
22054
22254
  })), /*#__PURE__*/React__default["default"].createElement("span", {
22055
22255
  onClick: questionSubmitHandler,
22056
- className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$5, {
22256
+ className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$4, {
22057
22257
  "handleMissingStyleName": "warn"
22058
22258
  })
22059
22259
  }, "Submit")) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("img", {
@@ -22187,7 +22387,7 @@ var ReleaseNote = function ReleaseNote(_ref) {
22187
22387
  })));
22188
22388
  };
22189
22389
 
22190
- var _styleModuleImportMap$4 = {
22390
+ var _styleModuleImportMap$3 = {
22191
22391
  "./Help.css": {
22192
22392
  "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
22193
22393
  "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
@@ -22803,7 +23003,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22803
23003
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22804
23004
  // style={{ width: getNotificationWrapperWidth() }}
22805
23005
  ref: mihelpRef,
22806
- className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$4, {
23006
+ className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$3, {
22807
23007
  "handleMissingStyleName": "warn"
22808
23008
  })
22809
23009
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -22845,7 +23045,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
22845
23045
  name: "open_in_new",
22846
23046
  variant: "material"
22847
23047
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22848
- className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
23048
+ className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$3, {
22849
23049
  "handleMissingStyleName": "warn"
22850
23050
  })
22851
23051
  }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -22873,8 +23073,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
22873
23073
  }))));
22874
23074
  };
22875
23075
 
22876
- var css_248z$d = ".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";
22877
- styleInject(css_248z$d);
23076
+ var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n cursor: pointer;\n}\n\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\n /* materia-ui hack. */\n padding: 0 !important;\n}\n";
23077
+ styleInject(css_248z$b);
22878
23078
 
22879
23079
  var FeedbackButton = function FeedbackButton(props) {
22880
23080
  return /*#__PURE__*/React__namespace.createElement("span", {
@@ -22887,199 +23087,6 @@ var FeedbackButton = function FeedbackButton(props) {
22887
23087
  }));
22888
23088
  };
22889
23089
 
22890
- var _styleModuleImportMap$3 = {
22891
- "../AppBar.css": {
22892
- "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
22893
- "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
22894
- "appBarIcons": "utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons",
22895
- "copartLogo": "utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo",
22896
- "copartLogoNew": "utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew",
22897
- "moduleName": "utilities_ops-app-frame_AppBarComponent_AppBar--moduleName",
22898
- "flex-grid": "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid",
22899
- "flex-grid-items": "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
22900
- "logout": "utilities_ops-app-frame_AppBarComponent_AppBar--logout",
22901
- "lightBulbIcon": "utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
22902
- "language": "utilities_ops-app-frame_AppBarComponent_AppBar--language",
22903
- "yard": "utilities_ops-app-frame_AppBarComponent_AppBar--yard",
22904
- "yardNumber": "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber",
22905
- "col": "utilities_ops-app-frame_AppBarComponent_AppBar--col",
22906
- "logo": "utilities_ops-app-frame_AppBarComponent_AppBar--logo",
22907
- "text": "utilities_ops-app-frame_AppBarComponent_AppBar--text",
22908
- "iconText": "utilities_ops-app-frame_AppBarComponent_AppBar--iconText",
22909
- "searchBar": "utilities_ops-app-frame_AppBarComponent_AppBar--searchBar",
22910
- "placeholderDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv",
22911
- "appBarLeft": "utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft",
22912
- "appTitle": "utilities_ops-app-frame_AppBarComponent_AppBar--appTitle",
22913
- "item": "utilities_ops-app-frame_AppBarComponent_AppBar--item",
22914
- "searchIcon": "utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon",
22915
- "searchWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper",
22916
- "phoneDefault": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault",
22917
- "phoneAvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable",
22918
- "phoneUnvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable",
22919
- "light": "utilities_ops-app-frame_AppBarComponent_AppBar--light",
22920
- "lightDefault": "utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault",
22921
- "phoneOffline": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline",
22922
- "lightAvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable",
22923
- "SpinnerWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper",
22924
- "roleAndFlag": "utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
22925
- "feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
22926
- "overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
22927
- "mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
22928
- "mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
22929
- "mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
22930
- "ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
22931
- "ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
22932
- "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
22933
- "st1": "utilities_ops-app-frame_AppBarComponent_AppBar--st1",
22934
- "st2": "utilities_ops-app-frame_AppBarComponent_AppBar--st2",
22935
- "ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton",
22936
- "profile": "utilities_ops-app-frame_AppBarComponent_AppBar--profile",
22937
- "searchContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer",
22938
- "settingsSidebarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
22939
- "settingsSidebar": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
22940
- "sideBarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
22941
- "innerNotificationDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
22942
- "notificationsHeader": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader",
22943
- "notificationsWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper",
22944
- "notificationCount": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount",
22945
- "twoChars": "utilities_ops-app-frame_AppBarComponent_AppBar--twoChars",
22946
- "threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
22947
- "notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
22948
- "arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
22949
- "ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
22950
- "mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
22951
- "profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
22952
- }
22953
- };
22954
- var getPhoneStatusStyle = function getPhoneStatusStyle(status, theme) {
22955
- if (status === PHONE_STATUS.Available) {
22956
- return theme === 'light' ? 'flex-grid-items lightAvailable' : 'item phoneAvailable';
22957
- } else if (status === PHONE_STATUS.Offline) {
22958
- return theme !== 'light' ? 'item phoneUnvailable' : 'flex-grid-items phoneOffline';
22959
- } else if (theme === 'light') {
22960
- return 'flex-grid-items lightDefault';
22961
- } else {
22962
- return 'item phoneDefault';
22963
- }
22964
- };
22965
- var PhoneAvailableIcon = function PhoneAvailableIcon(_ref) {
22966
- var theme = _ref.theme;
22967
- return /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
22968
- name: "phone",
22969
- variant: "material",
22970
- style: theme === 'light' ? {
22971
- fontSize: '24px',
22972
- marginLeft: '5px',
22973
- marginRight: '5px',
22974
- color: '#1d5ab9'
22975
- } : {}
22976
- });
22977
- };
22978
- var PhoneUnavailableIcon = function PhoneUnavailableIcon(_ref2) {
22979
- var _ref2$width = _ref2.width,
22980
- width = _ref2$width === void 0 ? '14px' : _ref2$width,
22981
- _ref2$height = _ref2.height,
22982
- height = _ref2$height === void 0 ? '16px' : _ref2$height,
22983
- _ref2$viewBox = _ref2.viewBox,
22984
- viewBox = _ref2$viewBox === void 0 ? '0 0 18 18' : _ref2$viewBox;
22985
- return /*#__PURE__*/React__default["default"].createElement("svg", {
22986
- width: width,
22987
- height: height,
22988
- viewBox: viewBox
22989
- }, /*#__PURE__*/React__default["default"].createElement("g", {
22990
- id: "Cobalt---version-3.0",
22991
- stroke: "none",
22992
- strokeWidth: "1",
22993
- fill: "none",
22994
- fillRule: "evenodd"
22995
- }, /*#__PURE__*/React__default["default"].createElement("g", {
22996
- id: "Portal---Phone-Unavailable",
22997
- transform: "translate(-1142.000000, -22.000000)"
22998
- }, /*#__PURE__*/React__default["default"].createElement("g", {
22999
- id: "Group-12",
23000
- transform: "translate(1127.000000, 14.000000)"
23001
- }, /*#__PURE__*/React__default["default"].createElement("g", {
23002
- id: "baseline-local_phone-24px",
23003
- transform: "translate(12.000000, 6.000000)"
23004
- }, /*#__PURE__*/React__default["default"].createElement("polygon", {
23005
- id: "Path",
23006
- points: "0 0 24 0 24 24 0 24"
23007
- }), /*#__PURE__*/React__default["default"].createElement("path", {
23008
- d: "M6.62,10.79 C8.06,13.62 10.38,15.93 13.21,17.38 L15.41,15.18 C15.68,14.91 16.08,14.82 16.43,14.94 C17.55,15.31 18.76,15.51 20,15.51 C20.55,15.51 21,15.96 21,16.51 L21,20 C21,20.55 20.55,21 20,21 C10.61,21 3,13.39 3,4 C3,3.45 3.45,3 4,3 L7.5,3 C8.05,3 8.5,3.45 8.5,4 C8.5,5.25 8.7,6.45 9.07,7.57 C9.18,7.92 9.1,8.31 8.82,8.59 L6.62,10.79 Z",
23009
- id: "Path",
23010
- fill: "#F71241"
23011
- }), /*#__PURE__*/React__default["default"].createElement("polygon", {
23012
- id: "Path",
23013
- fill: "#F71241",
23014
- points: "22 3 21 2 17 6 13 2 12 3 16 7 12 11 13 12 17 8 21 12 22 11 18 7"
23015
- }))))));
23016
- };
23017
- var PhoneStatus = function PhoneStatus(_ref3) {
23018
- _ref3.config;
23019
- var phoneNumber = _ref3.phoneNumber,
23020
- phoneStatusObject = _ref3.phoneStatusObject,
23021
- togglePhoneAvailability = _ref3.togglePhoneAvailability,
23022
- _ref3$theme = _ref3.theme,
23023
- theme = _ref3$theme === void 0 ? 'dark' : _ref3$theme;
23024
- var _phoneStatusObject$ph = phoneStatusObject.phoneStatus,
23025
- phoneStatus = _phoneStatusObject$ph === void 0 ? '' : _phoneStatusObject$ph,
23026
- _phoneStatusObject$ph2 = phoneStatusObject.phoneStatusProcessing,
23027
- phoneStatusProcessing = _phoneStatusObject$ph2 === void 0 ? false : _phoneStatusObject$ph2;
23028
- return /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
23029
- content: phoneStatus
23030
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23031
- onClick: function onClick() {
23032
- if (!phoneStatusProcessing) togglePhoneAvailability();
23033
- },
23034
- className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$3, {
23035
- "handleMissingStyleName": "warn"
23036
- })
23037
- }, phoneStatus === PHONE_STATUS.Available ? /*#__PURE__*/React__default["default"].createElement(PhoneAvailableIcon, {
23038
- theme: theme
23039
- }) : null, phoneStatus === PHONE_STATUS.Offline ? /*#__PURE__*/React__default["default"].createElement(PhoneUnavailableIcon, theme === 'light' ? {
23040
- viewBox: '0 0 24 24',
23041
- width: '24px',
23042
- height: '24px'
23043
- } : {}) : null, !phoneStatus ? /*#__PURE__*/React__default["default"].createElement(PhoneAvailableIcon, {
23044
- theme: theme
23045
- }) : null, /*#__PURE__*/React__default["default"].createElement("div", null, phoneNumber), phoneStatusProcessing === true ? /*#__PURE__*/React__default["default"].createElement("div", {
23046
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper"
23047
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
23048
- size: "xxs"
23049
- })) : null));
23050
- };
23051
-
23052
- var FLAG_URL_PREFIX = '/images/flag_icons/flag_';
23053
- var HEIGHT_22PX = {
23054
- height: '22px'
23055
- };
23056
- var HEIGHT_30PX = {
23057
- height: '30px'
23058
- };
23059
- var COUNTRY_CODES = {
23060
- ca: 'canada'
23061
- };
23062
-
23063
- var code = function code(countryCode) {
23064
- return COUNTRY_CODES[countryCode] || countryCode;
23065
- };
23066
- var flagUrl = function flagUrl(countryCode) {
23067
- return "".concat(FLAG_URL_PREFIX).concat((code(countryCode) || 'us').toLowerCase(), ".png");
23068
- };
23069
- var heightStyle = function heightStyle(type) {
23070
- return type !== 'cas' ? HEIGHT_22PX : HEIGHT_30PX;
23071
- };
23072
-
23073
- var Flag$1 = function Flag(props) {
23074
- return /*#__PURE__*/React__namespace.createElement("img", {
23075
- "data-testid": "flag",
23076
- alt: "Flag",
23077
- src: flagUrl(props.countryCode),
23078
- style: heightStyle(props.type),
23079
- "data-e2e": "cc-Flag"
23080
- });
23081
- };
23082
-
23083
23090
  var onRenderItem = function onRenderItem(item) {
23084
23091
  return item.render();
23085
23092
  };
@@ -23088,12 +23095,16 @@ var OverflowMenu = function OverflowMenu(props) {
23088
23095
  primary: props.items,
23089
23096
  overflow: []
23090
23097
  };
23098
+ var clickHandler = props.clickHandler;
23091
23099
  var onReduceData = function onReduceData(currentData) {
23092
23100
  if (currentData.primary.length === 0) {
23093
23101
  return undefined;
23094
23102
  }
23095
23103
  var overflow = [].concat(_toConsumableArray(currentData.primary.slice(-1)), _toConsumableArray(currentData.overflow));
23096
- var primary = currentData.primary.slice(0, -1);
23104
+ // const primary = currentData.primary.slice(0, -1)
23105
+ var primary = currentData.primary.filter(function (item) {
23106
+ return item.key === 'notifications';
23107
+ });
23097
23108
  return {
23098
23109
  primary: primary,
23099
23110
  overflow: overflow
@@ -23111,13 +23122,23 @@ var OverflowMenu = function OverflowMenu(props) {
23111
23122
  };
23112
23123
  };
23113
23124
  var onRenderOverflowButton = function onRenderOverflowButton(overflowItems) {
23114
- return /*#__PURE__*/React__namespace.createElement(coreComponents.IconDropdownMenu, {
23115
- role: "menuitem",
23116
- items: overflowItems,
23117
- icon: props.overflowIcon,
23118
- iconStyle: props.overflowIconStyles,
23119
- position: 'bottomCenter'
23120
- });
23125
+ return (
23126
+ /*#__PURE__*/
23127
+ // <IconDropdownMenu
23128
+ // role="menuitem"
23129
+ // items={overflowItems}
23130
+ // icon={props.overflowIcon}
23131
+ // iconStyle={props.overflowIconStyles}
23132
+ // position={'bottomCenter'}
23133
+ // />
23134
+ React__namespace.createElement("div", {
23135
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
23136
+ onClick: clickHandler
23137
+ }, /*#__PURE__*/React__namespace.createElement(coreComponents.IconV2, {
23138
+ name: "bars",
23139
+ variant: "regular"
23140
+ }))
23141
+ );
23121
23142
  };
23122
23143
  var onRenderData = function onRenderData(data) {
23123
23144
  return /*#__PURE__*/React__namespace.createElement(OverflowSet, {
@@ -23137,32 +23158,32 @@ var OverflowMenu = function OverflowMenu(props) {
23137
23158
  });
23138
23159
  };
23139
23160
 
23140
- var defaultAutoSelectProps$1 = {
23161
+ var defaultAutoSelectProps = {
23141
23162
  optionStyleProps: {
23142
23163
  rowHeight: 40,
23143
23164
  optionsMinHeight: 200
23144
23165
  },
23145
23166
  width: 200
23146
23167
  };
23147
- var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps$1), {}, {
23168
+ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
23148
23169
  name: 'standard_printers',
23149
23170
  label: 'Standard Printer'
23150
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps$1), {}, {
23171
+ }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
23151
23172
  name: 'check_printers',
23152
23173
  label: 'Check Printer'
23153
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps$1), {}, {
23174
+ }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
23154
23175
  name: 'windshield_label_printers',
23155
23176
  label: 'Wind Shield Printer'
23156
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps$1), {}, {
23177
+ }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
23157
23178
  name: 'text_printers',
23158
23179
  label: 'Dot Matrix Printers'
23159
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps$1), {}, {
23180
+ }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
23160
23181
  name: 'barcode_label_printers',
23161
23182
  label: 'Bar Code Printer'
23162
23183
  })];
23163
23184
 
23164
- var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px;\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";
23165
- styleInject(css_248z$c);
23185
+ var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0;\n width: 100% !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n";
23186
+ styleInject(css_248z$a);
23166
23187
 
23167
23188
  // Properly populate printer options before feeding to autoselect
23168
23189
  var getPrinterOptions = function getPrinterOptions(printers) {
@@ -23297,8 +23318,8 @@ var getLanguages = function getLanguages() {
23297
23318
  }[selectedCountry];
23298
23319
  };
23299
23320
 
23300
- var css_248z$b = "/* 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}\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}";
23301
- styleInject(css_248z$b);
23321
+ var css_248z$9 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n /* padding-right: 10px; */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n max-width: 1300px;\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 */\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\n padding-top: 20px;\n padding-left: 20px; /* grid-space to left */\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\n float: right;\n}\n\n/* Content Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\n width: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\n width: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\n width: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\n width: 16.667%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\n width: 14.28%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\n width: 28.56%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\n width: 75%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\n width: 42.84%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\n width: 57.12%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\n width: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\n width: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\n width: 10%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\n width: 30%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\n width: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\n width: 8.33%;\n}\n\n/* Layout Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\n width: 91.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\n width: 83.333%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\n width: 75%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\n width: 41.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\n width: 58.33%;\n}\n\n/* Pushing blocks */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\n margin-left: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\n margin-left: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\n margin-left: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\n margin-left: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\n margin-left: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\n margin-left: 16.667%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\n margin-left: 14.28%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\n margin-left: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\n margin-left: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\n margin-left: 10%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\n margin-left: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\n margin-left: 8.33%;\n}\n\n@media handheld, only screen and (max-width: 767px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n min-width: 0;\n margin-left: 0;\n margin-right: 0;\n padding-left: 20px; /* grid-space to left */\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\n }\n\n [class*='col-'] {\n width: auto;\n float: none;\n margin: 0;\n padding-left: 0;\n /* padding-right: 10px; */\n }\n\n /* Mobile Layout */\n\n [class*='mobile-col-'] {\n float: left;\n margin: 0 0 10px;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n padding-bottom: 0;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\n width: 100%;\n margin: 8px 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n width: 66.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n width: 50%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n width: 33.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n width: 25%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n width: 20%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n width: 16.667%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n width: 14.28%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n width: 12.5%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n width: 11.1%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n width: 10%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n width: 9.09%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n width: 8.33%;\n }\n\n /* Layout Columns */\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n width: 91.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n width: 83.333%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n width: 75%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n width: 41.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n width: 58.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n display: none !important;\n width: 0;\n height: 0;\n }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 20px 20px;\n margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n display: flex;\n flex-direction: column;\n width: 100%;\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\n max-width: 800px;\n margin: 0 auto;\n height: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\n margin: 0 15px;\n flex: 1 1 0;\n overflow-y: auto;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\n display: flex;\n align-items: end;\n margin: 12px 0 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\n font-size: 18px;\n font-weight: 400;\n margin-left: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n font-size: 15.9px;\n font-weight: 500;\n color: var(--white);\n color: var(--white);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\n font-weight: 500;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\n padding: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\n display: flex;\n width: 100%;\n justify-content: center;\n margin: 20px 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\n width: 80%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\n grid-gap: 6px;\n gap: 6px;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\n color: #fff;\n font-size: 18px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\n font-size: 16px;\n font-weight: 600;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-weight: 500;\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\n margin-top: 2px;\n margin-bottom: 12px;\n font-size: 14px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n display: flex;\n width: 100%;\n justify-content: flex-start;\n}\n\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 {\n position: relative;\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\n width: 100%;\n height: 100%;\n position: fixed;\n z-index: 100;\n left:0;\n top:0;\n background-color: rgba(0,0,0,0.1);\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 0 !important;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #EDEBE9;\n overflow: auto;\n}";
23322
+ styleInject(css_248z$9);
23302
23323
 
23303
23324
  var getDescription$1 = function getDescription(languageOptions) {
23304
23325
  return function (code) {
@@ -23514,30 +23535,6 @@ var YardNumberContainer = /*#__PURE__*/function (_React$Component) {
23514
23535
  return YardNumberContainer;
23515
23536
  }(React__namespace.Component);
23516
23537
 
23517
- var css_248z$a = ".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}";
23518
- styleInject(css_248z$a);
23519
-
23520
- var ProfileDetails = function ProfileDetails(_ref) {
23521
- var logout = _ref.logout;
23522
- return /*#__PURE__*/React__default["default"].createElement("div", {
23523
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
23524
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23525
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
23526
- }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail)), /*#__PURE__*/React__default["default"].createElement("div", {
23527
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
23528
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
23529
- primary: true,
23530
- onClick: function onClick() {
23531
- return logout({}, {
23532
- key: 'logout'
23533
- });
23534
- }
23535
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
23536
- name: "arrow-right-from-bracket",
23537
- variant: "solid"
23538
- }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
23539
- };
23540
-
23541
23538
  var getRCExtensionStatus = /*#__PURE__*/function () {
23542
23539
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
23543
23540
  var _storage$getItem$endp;
@@ -23670,190 +23667,8 @@ var getActivePrinters = (function (printersData) {
23670
23667
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
23671
23668
  });
23672
23669
 
23673
- var Container = /*#__PURE__*/function (_React$Component) {
23674
- _inherits$2(Container, _React$Component);
23675
- var _super = _createSuper(Container);
23676
- function Container() {
23677
- var _this;
23678
- _classCallCheck$2(this, Container);
23679
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
23680
- args[_key] = arguments[_key];
23681
- }
23682
- _this = _super.call.apply(_super, [this].concat(args));
23683
- _defineProperty$1(_assertThisInitialized(_this), "state", {
23684
- number: _this.props.phoneNumber.substr(1),
23685
- result: 'none',
23686
- status: 'idle'
23687
- });
23688
- _defineProperty$1(_assertThisInitialized(_this), "setResult", function (result) {
23689
- return _this.setState({
23690
- result: result
23691
- });
23692
- });
23693
- _defineProperty$1(_assertThisInitialized(_this), "setStatus", function (status) {
23694
- return _this.setState({
23695
- status: status
23696
- });
23697
- });
23698
- _defineProperty$1(_assertThisInitialized(_this), "setNumber", function (event, value) {
23699
- var number = shouldAllowInputValue(value) ? value : _this.state.number;
23700
- var updatePhoneNumber = function updatePhoneNumber() {
23701
- return _this.props.updatePhoneNumber("8".concat(number));
23702
- };
23703
- return _this.setState({
23704
- number: number,
23705
- status: 'idle',
23706
- result: 'none'
23707
- }, updatePhoneNumber);
23708
- });
23709
- _defineProperty$1(_assertThisInitialized(_this), "testCall", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
23710
- var yardNumber, extension, testCallUrl, _yield$fetcher$get, data;
23711
- return _regeneratorRuntime().wrap(function _callee$(_context) {
23712
- while (1) switch (_context.prev = _context.next) {
23713
- case 0:
23714
- _this.setStatus('calling');
23715
- // TODO: Validation && clean up.
23716
- yardNumber = Math.floor(Number(_this.state.number.substring(0, 4)));
23717
- extension = _this.state.number.substr(4);
23718
- testCallUrl = generateTestCallUrl({
23719
- yardNumber: yardNumber,
23720
- extension: extension
23721
- });
23722
- _context.prev = 4;
23723
- _context.next = 7;
23724
- return fetcher.get(testCallUrl);
23725
- case 7:
23726
- _yield$fetcher$get = _context.sent;
23727
- data = _yield$fetcher$get.data;
23728
- if (!(_this.state.status === 'idle')) {
23729
- _context.next = 11;
23730
- break;
23731
- }
23732
- return _context.abrupt("return");
23733
- case 11:
23734
- _this.handleTestCallResponse(data);
23735
- _context.next = 19;
23736
- break;
23737
- case 14:
23738
- _context.prev = 14;
23739
- _context.t0 = _context["catch"](4);
23740
- console.error('Failed to test call:', {
23741
- error: _context.t0
23742
- });
23743
- _this.setResult('fail');
23744
- _this.setStatus('idle');
23745
- case 19:
23746
- case "end":
23747
- return _context.stop();
23748
- }
23749
- }, _callee, null, [[4, 14]]);
23750
- })));
23751
- _defineProperty$1(_assertThisInitialized(_this), "handleTestCallResponse", function (data) {
23752
- if (data.result === 'Success') {
23753
- _this.setResult('pass');
23754
- _this.setStatus('idle');
23755
- }
23756
- if (data.result === 'Failure') {
23757
- _this.setResult('fail');
23758
- _this.setStatus('idle');
23759
- // This.props.updatePhoneNumber(this.state.number)
23760
- }
23761
- });
23762
- return _this;
23763
- }
23764
- _createClass$2(Container, [{
23765
- key: "componentWillReceiveProps",
23766
- value: function componentWillReceiveProps(newProps) {
23767
- this.setStatus('idle');
23768
- this.setState(function (state) {
23769
- return {
23770
- number: newProps.phoneNumber.substr(1)
23771
- };
23772
- });
23773
- }
23774
- }, {
23775
- key: "render",
23776
- value: function render() {
23777
- return this.props.children({
23778
- status: this.state.status,
23779
- result: this.state.result,
23780
- number: this.state.number,
23781
- setNumber: this.setNumber,
23782
- testCall: this.testCall,
23783
- ringCentralEnabled: this.props.ringCentralEnabled
23784
- });
23785
- }
23786
- }]);
23787
- return Container;
23788
- }(React__namespace.Component);
23789
- Container.defaultProps = {
23790
- number: '',
23791
- phoneNumber: ''
23792
- };
23793
- var shouldAllowInputValue = function shouldAllowInputValue(value) {
23794
- return /^\d{0,8}$/.test(value);
23795
- };
23796
- var generateTestCallUrl = function generateTestCallUrl(_ref2) {
23797
- var _storage$getLocalItem;
23798
- var yardNumber = _ref2.yardNumber,
23799
- extension = _ref2.extension;
23800
- var id = (_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.userData.entity_id;
23801
- var url = storage$1.getItem('config').endpoints.testCall;
23802
- return frontEndUtils.string.substitute(url, {
23803
- yardNumber: yardNumber,
23804
- extension: extension,
23805
- id: id
23806
- });
23807
- };
23808
-
23809
- 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";
23810
- styleInject(css_248z$9);
23811
-
23812
- var PhoneNumberSettings = function PhoneNumberSettings(props) {
23813
- return /*#__PURE__*/React__namespace.createElement(Container, props, function (store) {
23814
- return /*#__PURE__*/React__namespace.createElement("div", {
23815
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings"
23816
- }, /*#__PURE__*/React__namespace.createElement("p", {
23817
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title"
23818
- }, "Phone Number"), /*#__PURE__*/React__namespace.createElement("small", {
23819
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo"
23820
- }, /*#__PURE__*/React__namespace.createElement("i", null, "Required to enable click to dial feature.")), /*#__PURE__*/React__namespace.createElement("div", {
23821
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow"
23822
- }, /*#__PURE__*/React__namespace.createElement("span", {
23823
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField"
23824
- }, /*#__PURE__*/React__namespace.createElement("span", {
23825
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix"
23826
- }, "8"), /*#__PURE__*/React__namespace.createElement(coreComponents.Input, {
23827
- required: true,
23828
- id: "phoneNumber",
23829
- name: "phoneNumber",
23830
- placeholder: "xxxxxxx",
23831
- label: "Phone Number",
23832
- value: store.number,
23833
- onChange: store.setNumber,
23834
- maxLength: "8",
23835
- onGetErrorMessage: validator
23836
- }), /*#__PURE__*/React__namespace.createElement("span", {
23837
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator"
23838
- }, store.status === 'calling' ? /*#__PURE__*/React__namespace.createElement(coreComponents.Spinner, null) : store.result === 'pass' ? /*#__PURE__*/React__namespace.createElement("material-icon", {
23839
- name: "check",
23840
- size: "sm"
23841
- }) : store.result === 'fail' ? /*#__PURE__*/React__namespace.createElement("material-icon", {
23842
- name: "error_outline",
23843
- size: "sm"
23844
- }) : null)), /*#__PURE__*/React__namespace.createElement("span", {
23845
- className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton"
23846
- }, /*#__PURE__*/React__namespace.createElement(coreComponents.Button, {
23847
- disabled: store.number.length < 7,
23848
- onClick: store.number.length && store.testCall
23849
- }, "Test call"))));
23850
- });
23851
- };
23852
- var validator = function validator(value) {
23853
- // TODO: More detailed error messages.
23854
-
23855
- return /^\d{8}$/.test(value) ? 'Maximum digits reached.' : '';
23856
- };
23670
+ var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\n display: flex;\n width: 100%;\n align-items: flex-end;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\n position: absolute;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\n position: relative;\n display: flex;\n align-items: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\n margin: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\n margin-left: 12px;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\n margin: auto 2px auto 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\n margin-right: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\n margin-top: 2px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\n margin-bottom: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\n position: absolute;\n right: 5px;\n height: 30px;\n display: flex;\n bottom: 1px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\n max-width: 20px !important;\n max-height: 20px !important;\n right: 5px;\n}\n\nmaterial-icon[name='check'] {\n color: rgb(100, 181, 10);\n font-size: 12px;\n}\n\nmaterial-icon[name='error_outline'] {\n color: #a80000;\n font-size: 12px;\n}\n";
23671
+ styleInject(css_248z$8);
23857
23672
 
23858
23673
  var EMPTY_PRINTERS$1 = {
23859
23674
  barcode_label_printers: '',
@@ -23938,7 +23753,7 @@ var saveSettings$1 = function saveSettings(self) {
23938
23753
  return /*#__PURE__*/function () {
23939
23754
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
23940
23755
  var _yard$yard_country_co, _yard$yard_country_co2;
23941
- var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, newSettings;
23756
+ var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, userScopes, newSettings;
23942
23757
  return _regeneratorRuntime().wrap(function _callee$(_context) {
23943
23758
  while (1) switch (_context.prev = _context.next) {
23944
23759
  case 0:
@@ -24011,8 +23826,13 @@ var saveSettings$1 = function saveSettings(self) {
24011
23826
  storage$1.setLocalItem('dashboard', selectedCurrency || yard.yard_currency, 'selectedCurrency');
24012
23827
  securityLevel = pickUserSecurityLevel(getSelectedYard(selectedYard));
24013
23828
  storage$1.setSessionItem('securityLevel', Number(securityLevel));
24014
- // persist user preferences
24015
23829
  _context.next = 24;
23830
+ return fetcher.getUserScopes();
23831
+ case 24:
23832
+ userScopes = _context.sent;
23833
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
23834
+ // persist user preferences
23835
+ _context.next = 28;
24016
23836
  return fetcher.setUserPreferences('oph', {
24017
23837
  selectedCurrency: selectedCurrency || yard.yard_currency,
24018
23838
  language: selectedLanguage || 'en',
@@ -24022,7 +23842,7 @@ var saveSettings$1 = function saveSettings(self) {
24022
23842
  yard: yard,
24023
23843
  securityLevel: securityLevel
24024
23844
  }, 'USA');
24025
- case 24:
23845
+ case 28:
24026
23846
  self.setState({
24027
23847
  oldActivePrinters: printers
24028
23848
  });
@@ -24035,7 +23855,7 @@ var saveSettings$1 = function saveSettings(self) {
24035
23855
  activePrinters: self.activePrinters
24036
23856
  };
24037
23857
  self.props.onSave(oldSettings, newSettings);
24038
- case 27:
23858
+ case 31:
24039
23859
  case "end":
24040
23860
  return _context.stop();
24041
23861
  }
@@ -24225,7 +24045,7 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
24225
24045
  value: function render() {
24226
24046
  return /*#__PURE__*/React__default["default"].createElement("div", {
24227
24047
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
24228
- }, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24048
+ }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24229
24049
  logout: this.props.onLogoutItemClicked
24230
24050
  }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
24231
24051
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
@@ -24239,24 +24059,26 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
24239
24059
  value: this.state.selectedLanguage,
24240
24060
  handleChange: this.handleInputChange.selectedLanguage,
24241
24061
  selectedCountry: this.state.selectedCountry
24062
+ }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
24063
+ history: this.yardsHistory,
24064
+ selectedYard: this.state.selectedYardNumber,
24065
+ handleChange: this.handleInputChange.selectedYardNumber,
24066
+ selectedCountry: this.state.selectedCountry
24242
24067
  }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
24243
24068
  roles: this.state.roles,
24244
24069
  value: this.state.selectedRole,
24245
24070
  handleChange: this.handleInputChange.selectedRole,
24246
24071
  selectedYard: this.state.selectedYardNumber,
24247
24072
  required: false
24248
- }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
24249
- history: this.yardsHistory,
24250
- selectedYard: this.state.selectedYardNumber,
24251
- handleChange: this.handleInputChange.selectedYardNumber,
24252
- selectedCountry: this.state.selectedCountry
24253
24073
  })), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
24254
24074
  activePrinters: this.activePrinters,
24255
24075
  setPrinterData: this.setPrinterData,
24256
24076
  selectedYard: this.state.selectedYardNumber,
24257
24077
  selectedPrinterData: this.selectedPrinterData,
24258
24078
  printersData: this.state.printersData
24259
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24079
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24080
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24081
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
24260
24082
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
24261
24083
  "data-e2e": "saveButton"
24262
24084
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24269,12 +24091,10 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
24269
24091
  }), /*#__PURE__*/React__default["default"].createElement("span", {
24270
24092
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
24271
24093
  }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
24272
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
24273
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24274
24094
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
24275
24095
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
24276
24096
  size: "60px"
24277
- }))));
24097
+ })));
24278
24098
  }
24279
24099
  }]);
24280
24100
  return SettingsView;
@@ -24293,7 +24113,7 @@ var RoleSelector = function RoleSelector(_ref) {
24293
24113
  required = _ref$required === void 0 ? true : _ref$required;
24294
24114
  _ref.selectedYard;
24295
24115
  return /*#__PURE__*/React__default["default"].createElement("div", {
24296
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
24116
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
24297
24117
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, {
24298
24118
  name: "role",
24299
24119
  label: "Role",
@@ -24386,7 +24206,7 @@ var HierarchySelector = function HierarchySelector(_ref) {
24386
24206
  value = _ref.value,
24387
24207
  onChange = _ref.onChange;
24388
24208
  return /*#__PURE__*/React__default["default"].createElement("div", {
24389
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
24209
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
24390
24210
  }, options.length === 0 ? /*#__PURE__*/React__default["default"].createElement(coreComponents.Input, {
24391
24211
  label: "Hierarchy",
24392
24212
  name: "Hierarchy",
@@ -24427,7 +24247,7 @@ var YardNumberMenu = function YardNumberMenu(_ref) {
24427
24247
  var disabled = _ref.disabled,
24428
24248
  otherProps = _objectWithoutProperties(_ref, _excluded$2);
24429
24249
  return /*#__PURE__*/React__default["default"].createElement("div", {
24430
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3"
24250
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
24431
24251
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, _extends$1({}, otherProps, {
24432
24252
  name: "selectedYard",
24433
24253
  value: value,
@@ -24456,28 +24276,6 @@ var EMPTY_PRINTERS = {
24456
24276
  text_printers: ''
24457
24277
  };
24458
24278
 
24459
- //RC info in settings page
24460
- var RingCentralInfo = function RingCentralInfo(_ref) {
24461
- var phoneNumber = _ref.phoneNumber;
24462
- return /*#__PURE__*/React__default["default"].createElement("div", {
24463
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings"
24464
- }, /*#__PURE__*/React__default["default"].createElement("p", {
24465
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title"
24466
- }, "Phone Number"), /*#__PURE__*/React__default["default"].createElement("p", {
24467
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo"
24468
- }, /*#__PURE__*/React__default["default"].createElement("i", null, "Required to enable click to dial feature.")), /*#__PURE__*/React__default["default"].createElement("div", {
24469
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow"
24470
- }, /*#__PURE__*/React__default["default"].createElement("span", {
24471
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField"
24472
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Input, {
24473
- id: "rcNumber",
24474
- name: "rcNumber",
24475
- label: "Ring Central Phone Number",
24476
- value: phoneNumber,
24477
- disabled: true
24478
- }))));
24479
- };
24480
-
24481
24279
  // Handles changes to all inputs.
24482
24280
  var handleInputChange = function handleInputChange(self) {
24483
24281
  var handleChange = function handleChange(name) {
@@ -24611,7 +24409,7 @@ var saveSettings = function saveSettings(self) {
24611
24409
  return /*#__PURE__*/function () {
24612
24410
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
24613
24411
  var _yard$yard_country_co, _storage$getLocalItem, _yard$yard_country_co2;
24614
- 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;
24412
+ 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;
24615
24413
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
24616
24414
  while (1) switch (_context2.prev = _context2.next) {
24617
24415
  case 0:
@@ -24678,6 +24476,11 @@ var saveSettings = function saveSettings(self) {
24678
24476
  storage$1.setLocalItem('settings', selectedHierarchyOption, 'selectedHierarchyOption');
24679
24477
  storage$1.setLocalItem('settings', selectedHierarchy, 'selectedHierarchy');
24680
24478
  storage$1.setLocalItem('lastSelectedYard', yard);
24479
+ _context2.next = 23;
24480
+ return fetcher.getUserScopes();
24481
+ case 23:
24482
+ userScopes = _context2.sent;
24483
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
24681
24484
  getSelectedYard = function getSelectedYard() {
24682
24485
  var yardList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
24683
24486
  return yardList.find(function (yard) {
@@ -24690,7 +24493,7 @@ var saveSettings = function saveSettings(self) {
24690
24493
  securityLevel = compose(pickUserSecurityLevel, getSelectedYard)((_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.yardList);
24691
24494
  storage$1.setSessionItem('securityLevel', securityLevel);
24692
24495
  // persist user preferences
24693
- _context2.next = 27;
24496
+ _context2.next = 31;
24694
24497
  return fetcher.setUserPreferences('oph', {
24695
24498
  selectedCurrency: yard.yard_currency,
24696
24499
  language: 'en',
@@ -24702,7 +24505,7 @@ var saveSettings = function saveSettings(self) {
24702
24505
  yard: yard,
24703
24506
  securityLevel: securityLevel
24704
24507
  }, 'GBR');
24705
- case 27:
24508
+ case 31:
24706
24509
  self.setState({
24707
24510
  oldActivePrinters: printers
24708
24511
  });
@@ -24716,7 +24519,7 @@ var saveSettings = function saveSettings(self) {
24716
24519
  activePrinters: printers
24717
24520
  };
24718
24521
  self.props.onSave(oldSettings, newSettings);
24719
- case 30:
24522
+ case 34:
24720
24523
  case "end":
24721
24524
  return _context2.stop();
24722
24525
  }
@@ -24967,11 +24770,14 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24967
24770
  var disableYardDropDown = propOr$1('country', 'level', selectedHierarchy) === 'yard';
24968
24771
  return /*#__PURE__*/React__default["default"].createElement("div", {
24969
24772
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
24970
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24971
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body"
24972
- }, /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("p", {
24973
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
24974
- }, "Hierarchy, Role And Yard"), /*#__PURE__*/React__default["default"].createElement("div", {
24773
+ }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24774
+ logout: this.props.onLogoutItemClicked
24775
+ }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
24776
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
24777
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
24778
+ name: "gear",
24779
+ variant: "solid"
24780
+ }), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
24975
24781
  className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
24976
24782
  "data-e2e": "LocationAndLanguageRow"
24977
24783
  }, /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
@@ -24988,11 +24794,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24988
24794
  disabled: disableYardDropDown,
24989
24795
  value: this.state.selectedYardNumber,
24990
24796
  handleChange: this.handleInputChange.selectedYardNumber
24991
- })), /*#__PURE__*/React__default["default"].createElement("hr", {
24992
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24993
- }), /*#__PURE__*/React__default["default"].createElement("p", {
24994
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
24995
- }, "Printers"), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
24797
+ })), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
24996
24798
  activePrinters: this.activePrinters,
24997
24799
  setPrinterData: this.setPrinterData,
24998
24800
  selectedYard: this.state.selectedYardNumber,
@@ -25000,13 +24802,6 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
25000
24802
  printersData: this.state.printersData
25001
24803
  })), /*#__PURE__*/React__default["default"].createElement("hr", {
25002
24804
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
25003
- }), this.state.ringCentralEnabled === false ? /*#__PURE__*/React__default["default"].createElement(PhoneNumberSettings, {
25004
- phoneNumber: this.state.phoneNumber,
25005
- updatePhoneNumber: this.updatePhoneNumber
25006
- }) : this.state.ringCentralEnabled === true ? /*#__PURE__*/React__default["default"].createElement(RingCentralInfo, {
25007
- phoneNumber: this.state.phoneNumber
25008
- }) : null, /*#__PURE__*/React__default["default"].createElement("hr", {
25009
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
25010
24805
  }), /*#__PURE__*/React__default["default"].createElement("div", {
25011
24806
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
25012
24807
  "data-e2e": "saveButton"
@@ -25014,20 +24809,18 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
25014
24809
  primary: true,
25015
24810
  type: "submit",
25016
24811
  onClick: this.saveSettings
25017
- }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
25018
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
25019
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24812
+ }, "Save")), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
25020
24813
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
25021
24814
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
25022
24815
  size: "60px"
25023
- }))));
24816
+ })));
25024
24817
  }
25025
24818
  }]);
25026
24819
  return SettingsView;
25027
24820
  }(React__default["default"].Component);
25028
24821
 
25029
- 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: 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";
25030
- styleInject(css_248z$8);
24822
+ var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\n word-break: break-all;\n white-space: pre-wrap;\n font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n padding: 0px 5px;\n font-size: 13px;\n width: 95%;\n display: flex;\n align-items: end;\n grid-gap: 20px;\n gap: 20px\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 8px;\n gap: 8px;\n width: 90%;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n color: #201F1E;\n cursor: default;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\n display: inline;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\n text-decoration: underline;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n overflow: hidden;\n width: 95%;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 6px;\n gap: 6px;\n font-size: 12px;\n margin-bottom: 5px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n grid-gap: 5px;\n gap: 5px;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n position: relative;\n right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n display: flex;\n flex-direction: row;\n padding: 10px 10px;\n grid-gap: 5px;\n gap: 5px;\n min-height: 40px;\n width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer i{\n font-size: 16px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 13px solid white;\n position: absolute;\n top: 51px;\n right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n padding: 0px 5px;\n font-size: 12px;\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n grid-gap: 4px;\n gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--feedUrl {\n text-decoration: none !important;\n}\n\n.utilities_ops-announcements_Banner--feedUrl i {\n font-size: 14px;\n cursor: pointer;\n color: #1d5ab9;\n left: 2px;\n position: relative;\n top: 2px;\n margin-right: 3px;\n}\n";
24823
+ styleInject(css_248z$7);
25031
24824
 
25032
24825
  var _nodeResolve_empty = {};
25033
24826
 
@@ -31808,7 +31601,6 @@ var _styleModuleImportMap$2 = {
31808
31601
  "threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
31809
31602
  "notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
31810
31603
  "arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
31811
- "ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
31812
31604
  "mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
31813
31605
  "profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
31814
31606
  }
@@ -31873,24 +31665,24 @@ var overflowIconStyles = {
31873
31665
  color: 'white'
31874
31666
  };
31875
31667
  var generateAppBarElements = function generateAppBarElements(props, showCallout) {
31668
+ var _window$toolkitEnv2;
31876
31669
  props.countryCode;
31877
31670
  props.role;
31878
- var yardNumber = props.yardNumber,
31879
- phoneNumber = props.phoneNumber,
31880
- _props$phoneStatusObj = props.phoneStatusObject,
31881
- phoneStatusObject = _props$phoneStatusObj === void 0 ? {} : _props$phoneStatusObj,
31882
- _togglePhoneAvailability = props.togglePhoneAvailability,
31883
- handleHelpClick = props.handleHelpClick,
31884
- type = props.type,
31885
- config = props.config,
31671
+ var yardNumber = props.yardNumber;
31672
+ props.phoneNumber;
31673
+ props.phoneStatusObject;
31674
+ props.togglePhoneAvailability;
31675
+ var handleHelpClick = props.handleHelpClick;
31676
+ props.type;
31677
+ var config = props.config,
31886
31678
  _props$navigateTo = props.navigateTo,
31887
- navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
31888
- isMihelpEnabled = props.isMihelpEnabled,
31889
- isIdeaNoteEnabled = props.isIdeaNoteEnabled,
31890
- _props$notifications = props.notifications,
31891
- notifications = _props$notifications === void 0 ? [] : _props$notifications,
31892
- width = props.width,
31893
- setNotificationsVisible = props.setNotificationsVisible,
31679
+ navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo;
31680
+ props.isMihelpEnabled;
31681
+ props.isIdeaNoteEnabled;
31682
+ var _props$notifications = props.notifications,
31683
+ notifications = _props$notifications === void 0 ? [] : _props$notifications;
31684
+ props.width;
31685
+ var setNotificationsVisible = props.setNotificationsVisible,
31894
31686
  notificationsVisible = props.notificationsVisible,
31895
31687
  mihelpVisible = props.mihelpVisible,
31896
31688
  setMihelpVisible = props.setMihelpVisible,
@@ -31904,10 +31696,13 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31904
31696
  settingsVisible = props.settingsVisible;
31905
31697
  props.setSettingsVisible;
31906
31698
  var handleIconClick = props.handleIconClick,
31907
- ideaNoteVisible = props.ideaNoteVisible;
31699
+ ideaNoteVisible = props.ideaNoteVisible,
31700
+ mobileMenuVisible = props.mobileMenuVisible;
31908
31701
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31909
31702
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31910
- showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
31703
+ showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig,
31704
+ enableIdeaNote = coreAppConfig.enableIdeaNote,
31705
+ enableMiHelp = coreAppConfig.enableMiHelp;
31911
31706
  var showSettingsInAppbar = false;
31912
31707
  if (isCoreRoute) {
31913
31708
  showSettingsInAppbar = enableNewToolkitFeatures;
@@ -31955,13 +31750,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31955
31750
  };
31956
31751
  return languageMapper[language];
31957
31752
  };
31958
- var getCountryByLanguage = function getCountryByLanguage(language) {
31959
- var countryMapper = {
31960
- en: 'US',
31961
- fr: 'CA'
31962
- };
31963
- return countryMapper[language];
31964
- };
31753
+ var stack = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.STACK ? window.toolkitEnv.STACK : process.env.STACK;
31965
31754
  var items = [{
31966
31755
  key: 'search',
31967
31756
  name: 'Search',
@@ -32002,7 +31791,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32002
31791
  text: "Feedback"
32003
31792
  }));
32004
31793
  },
32005
- renderIf: !isMihelpEnabled,
31794
+ renderIf: !enableMiHelp,
32006
31795
  onClick: function onClick() {
32007
31796
  return props.toggleFeedbackDialog(true);
32008
31797
  },
@@ -32031,7 +31820,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32031
31820
  text: "MiHelp"
32032
31821
  }));
32033
31822
  },
32034
- renderIf: isMihelpEnabled,
31823
+ renderIf: enableMiHelp,
32035
31824
  render: function render() {
32036
31825
  return /*#__PURE__*/React__default["default"].createElement("span", {
32037
31826
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
@@ -32062,7 +31851,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32062
31851
  text: "Innov8Hub"
32063
31852
  }));
32064
31853
  },
32065
- renderIf: isIdeaNoteEnabled,
31854
+ renderIf: enableIdeaNote,
32066
31855
  render: function render() {
32067
31856
  return /*#__PURE__*/React__default["default"].createElement("div", {
32068
31857
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
@@ -32075,10 +31864,17 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32075
31864
  name: "lightbulb",
32076
31865
  variant: "solid"
32077
31866
  })), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
32078
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow"
31867
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
32079
31868
  }));
32080
31869
  }
32081
- }, width >= 760 && {
31870
+ },
31871
+ // width >= 760 && {
31872
+ // key: 'notifications',
31873
+ // name: 'Notifications',
31874
+ // renderIf: true,
31875
+ // render: () => (notificationIconComp({notifications, setNotificationsVisible, notificationsVisible, mihelpVisible, marginStyle: {marginLeft: '0'}, showSearchContainer, settingsVisible, handleIconClick, ideaNoteVisible}))
31876
+ // },
31877
+ {
32082
31878
  key: 'notifications',
32083
31879
  name: 'Notifications',
32084
31880
  renderIf: true,
@@ -32094,23 +31890,24 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32094
31890
  showSearchContainer: showSearchContainer,
32095
31891
  settingsVisible: settingsVisible,
32096
31892
  handleIconClick: handleIconClick,
32097
- ideaNoteVisible: ideaNoteVisible
31893
+ ideaNoteVisible: ideaNoteVisible,
31894
+ mobileMenuVisible: mobileMenuVisible
32098
31895
  });
32099
31896
  }
32100
31897
  }, {
32101
31898
  key: 'language',
32102
31899
  name: 'Language',
32103
- renderIf: true,
31900
+ renderIf: stack === 'c',
32104
31901
  render: function render() {
32105
31902
  return /*#__PURE__*/React__default["default"].createElement("div", {
32106
31903
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
32107
31904
  onClick: function onClick() {
32108
31905
  return handleIconClick(ICONS.SETTINGS);
32109
31906
  }
32110
- }, /*#__PURE__*/React__default["default"].createElement(Flag$1, {
32111
- countryCode: getCountryByLanguage(storage$1.activeLanguage),
32112
- type: type
32113
- }), " ", /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31907
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31908
+ name: "earth-americas",
31909
+ variant: "regular"
31910
+ }), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
32114
31911
  }
32115
31912
  }, {
32116
31913
  key: 'facility',
@@ -32138,7 +31935,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32138
31935
  } : navigateTo('/settings')
32139
31936
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
32140
31937
  name: "buildings",
32141
- variant: "solid"
31938
+ variant: "regular"
32142
31939
  }), /*#__PURE__*/React__default["default"].createElement("div", {
32143
31940
  "data-testid": "yardNumber",
32144
31941
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber"
@@ -32146,33 +31943,34 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
32146
31943
  }
32147
31944
  },
32148
31945
  // add margin 0 12px to all icons in the right
31946
+ // {
31947
+ // key: 'phoneStatus',
31948
+ // name: phoneNumber,
31949
+ // onRender: (_, dismissMenu) => (
31950
+ // <PhoneStatus
31951
+ // config={config}
31952
+ // theme="light"
31953
+ // phoneNumber={phoneNumber}
31954
+ // phoneStatusObject={phoneStatusObject}
31955
+ // togglePhoneAvailability={() => {
31956
+ // togglePhoneAvailability()
31957
+ // dismissMenu()
31958
+ // }}
31959
+ // />
31960
+ // ),
31961
+ // renderIf: config.includes('phone') && phoneNumber,
31962
+ // render: () => (
31963
+ // <span styleName='appBarIcons'>
31964
+ // <PhoneStatus
31965
+ // config={config}
31966
+ // phoneNumber={phoneNumber}
31967
+ // phoneStatusObject={phoneStatusObject}
31968
+ // togglePhoneAvailability={togglePhoneAvailability}
31969
+ // />
31970
+ // </span>
31971
+ // )
31972
+ // },
32149
31973
  {
32150
- key: 'phoneStatus',
32151
- name: phoneNumber,
32152
- onRender: function onRender(_, dismissMenu) {
32153
- return /*#__PURE__*/React__default["default"].createElement(PhoneStatus, {
32154
- config: config,
32155
- theme: "light",
32156
- phoneNumber: phoneNumber,
32157
- phoneStatusObject: phoneStatusObject,
32158
- togglePhoneAvailability: function togglePhoneAvailability() {
32159
- _togglePhoneAvailability();
32160
- dismissMenu();
32161
- }
32162
- });
32163
- },
32164
- renderIf: config.includes('phone') && phoneNumber,
32165
- render: function render() {
32166
- return /*#__PURE__*/React__default["default"].createElement("span", {
32167
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons"
32168
- }, /*#__PURE__*/React__default["default"].createElement(PhoneStatus, {
32169
- config: config,
32170
- phoneNumber: phoneNumber,
32171
- phoneStatusObject: phoneStatusObject,
32172
- togglePhoneAvailability: _togglePhoneAvailability
32173
- }));
32174
- }
32175
- }, {
32176
31974
  key: 'logout',
32177
31975
  name: 'Logout',
32178
31976
  renderIf: true,
@@ -32239,7 +32037,8 @@ var notificationIconComp = function notificationIconComp(_ref3) {
32239
32037
  settingsVisible = _ref3.settingsVisible,
32240
32038
  handleIconClick = _ref3.handleIconClick,
32241
32039
  ideaNoteVisible = _ref3.ideaNoteVisible,
32242
- mihelpVisible = _ref3.mihelpVisible;
32040
+ mihelpVisible = _ref3.mihelpVisible,
32041
+ mobileMenuVisible = _ref3.mobileMenuVisible;
32243
32042
  return /*#__PURE__*/React__default["default"].createElement("div", {
32244
32043
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
32245
32044
  style: _objectSpread2({}, marginStyle),
@@ -32257,7 +32056,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
32257
32056
  style: {
32258
32057
  fontSize: '10px'
32259
32058
  }
32260
- }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
32059
+ }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible && !mobileMenuVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
32261
32060
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
32262
32061
  }));
32263
32062
  };
@@ -32266,10 +32065,11 @@ var ICONS = {
32266
32065
  NOTIFICATIONS: 'NOTIFICATIONS',
32267
32066
  IDEANOTE: 'IDEANOTE',
32268
32067
  SETTINGS: 'SETTINGS',
32269
- MIHELP: 'MIHELP'
32068
+ MIHELP: 'MIHELP',
32069
+ MOBILE_MENU: 'MOBILE_MENU'
32270
32070
  };
32271
32071
  var AppBar$1 = function AppBar(props) {
32272
- var _window$toolkitEnv3;
32072
+ var _window$toolkitEnv4;
32273
32073
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
32274
32074
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
32275
32075
  ideaNoteUri = coreAppConfig.ideaNoteUri;
@@ -32305,10 +32105,14 @@ var AppBar$1 = function AppBar(props) {
32305
32105
  _useState16 = _slicedToArray(_useState15, 2),
32306
32106
  mihelpVisible = _useState16[0],
32307
32107
  setMihelpVisible = _useState16[1];
32308
- var _useState17 = React.useState(null),
32108
+ var _useState17 = React.useState(false),
32309
32109
  _useState18 = _slicedToArray(_useState17, 2),
32310
- ideaNoteToken = _useState18[0],
32311
- setIdeaNoteToken = _useState18[1];
32110
+ mobileMenuVisible = _useState18[0],
32111
+ setMobileMenuVisible = _useState18[1];
32112
+ var _useState19 = React.useState(null),
32113
+ _useState20 = _slicedToArray(_useState19, 2),
32114
+ ideaNoteToken = _useState20[0],
32115
+ setIdeaNoteToken = _useState20[1];
32312
32116
  var isLoggedOn = props.isLoggedOn,
32313
32117
  moduleName = props.moduleName,
32314
32118
  forceUpdate = props.forceUpdate,
@@ -32322,14 +32126,16 @@ var AppBar$1 = function AppBar(props) {
32322
32126
  saveActionComponentState = props.saveActionComponentState,
32323
32127
  onLogoutItemClicked = props.onLogoutItemClicked,
32324
32128
  mihelpAppPath = props.mihelpAppPath,
32325
- showMihelpDot = props.showMihelpDot;
32129
+ showMihelpDot = props.showMihelpDot,
32130
+ isMihelpEnabled = props.isMihelpEnabled,
32131
+ isIdeaNoteEnabled = props.isIdeaNoteEnabled;
32326
32132
  var _useWindowSize = useWindowSize(),
32327
32133
  width = _useWindowSize.width;
32328
32134
  _useWindowSize.height;
32329
- var _useState19 = React.useState(0),
32330
- _useState20 = _slicedToArray(_useState19, 2),
32331
- count = _useState20[0],
32332
- setCount = _useState20[1];
32135
+ var _useState21 = React.useState(0),
32136
+ _useState22 = _slicedToArray(_useState21, 2),
32137
+ count = _useState22[0],
32138
+ setCount = _useState22[1];
32333
32139
  var mihelpRef = React.useRef(null);
32334
32140
  var mihelpIconRef = React.useRef(null);
32335
32141
  React.useLayoutEffect(function () {
@@ -32371,7 +32177,7 @@ var AppBar$1 = function AppBar(props) {
32371
32177
  case 7:
32372
32178
  _context.prev = 7;
32373
32179
  _context.t0 = _context["catch"](0);
32374
- setIdeaNoteToken("TOKEN_ERROR");
32180
+ setIdeaNoteToken('TOKEN_ERROR');
32375
32181
  console.log(_context.t0);
32376
32182
  case 11:
32377
32183
  case "end":
@@ -32399,6 +32205,7 @@ var AppBar$1 = function AppBar(props) {
32399
32205
  setIdeaNoteVisible(false);
32400
32206
  setSettingsVisible(false);
32401
32207
  setMihelpVisible(false);
32208
+ setMobileMenuVisible(false);
32402
32209
  break;
32403
32210
  case ICONS.NOTIFICATIONS:
32404
32211
  setNotificationsVisible(function (notificationsVisible) {
@@ -32408,6 +32215,7 @@ var AppBar$1 = function AppBar(props) {
32408
32215
  setSettingsVisible(false);
32409
32216
  setShowSearchContainer(false);
32410
32217
  setMihelpVisible(false);
32218
+ setMobileMenuVisible(false);
32411
32219
  break;
32412
32220
  case ICONS.SETTINGS:
32413
32221
  setSettingsVisible(function (settingsVisible) {
@@ -32417,6 +32225,7 @@ var AppBar$1 = function AppBar(props) {
32417
32225
  setIdeaNoteVisible(false);
32418
32226
  setShowSearchContainer(false);
32419
32227
  setMihelpVisible(false);
32228
+ setMobileMenuVisible(false);
32420
32229
  break;
32421
32230
  case ICONS.IDEANOTE:
32422
32231
  setIdeaNoteVisible(function (ideaNoteVisible) {
@@ -32426,6 +32235,17 @@ var AppBar$1 = function AppBar(props) {
32426
32235
  setNotificationsVisible(false);
32427
32236
  setShowSearchContainer(false);
32428
32237
  setMihelpVisible(false);
32238
+ setMobileMenuVisible(false);
32239
+ break;
32240
+ case ICONS.MOBILE_MENU:
32241
+ setMobileMenuVisible(function (mobileMenuVisible) {
32242
+ return !mobileMenuVisible;
32243
+ });
32244
+ setSettingsVisible(false);
32245
+ setNotificationsVisible(false);
32246
+ setShowSearchContainer(false);
32247
+ setMihelpVisible(false);
32248
+ setIdeaNoteVisible(false);
32429
32249
  break;
32430
32250
  case ICONS.MIHELP:
32431
32251
  setMihelpVisible(function (mihelpVisible) {
@@ -32435,6 +32255,7 @@ var AppBar$1 = function AppBar(props) {
32435
32255
  setSettingsVisible(false);
32436
32256
  setNotificationsVisible(false);
32437
32257
  setShowSearchContainer(false);
32258
+ setMobileMenuVisible(false);
32438
32259
  break;
32439
32260
  default:
32440
32261
  return;
@@ -32448,10 +32269,10 @@ var AppBar$1 = function AppBar(props) {
32448
32269
  onSettingsSaved(oldSettings, newSettings);
32449
32270
  };
32450
32271
  var getTile = function getTile() {
32451
- var _window$toolkitEnv2;
32272
+ var _window$toolkitEnv3;
32452
32273
  var appTiles = coreAppConfig.tiles || [];
32453
32274
  var appTile;
32454
- var appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32275
+ var appName = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32455
32276
  var matchingTiles = appTiles.filter(function (tile) {
32456
32277
  if (tile.appName) {
32457
32278
  return tile.appName === appName;
@@ -32506,21 +32327,46 @@ var AppBar$1 = function AppBar(props) {
32506
32327
  // )
32507
32328
 
32508
32329
  var closeSidebar = function closeSidebar(e) {
32509
- if (e.target.className.includes("sideBarWrapper")) {
32330
+ if (e.target.className.includes('sideBarWrapper')) {
32510
32331
  setNotificationsVisible(false);
32511
32332
  }
32512
- if (e.target.className.includes("settingsSidebarWrapper")) {
32333
+ if (e.target.className.includes('settingsSidebarWrapper')) {
32513
32334
  setSettingsVisible(false);
32514
32335
  }
32336
+ if (e.target.className.includes('mobileMenuSidebarWrapper')) {
32337
+ setMobileMenuVisible(false);
32338
+ }
32515
32339
  };
32516
- (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32340
+ var stack = (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32341
+ var mobileMenuItems = [{
32342
+ name: 'Help',
32343
+ icon: 'question-circle',
32344
+ render: isMihelpEnabled,
32345
+ clickHandler: function clickHandler() {
32346
+ return handleIconClick(ICONS.MIHELP);
32347
+ }
32348
+ }, {
32349
+ name: 'InnoV8',
32350
+ icon: 'lightbulb',
32351
+ render: isIdeaNoteEnabled,
32352
+ clickHandler: function clickHandler() {
32353
+ return handleIconClick(ICONS.IDEANOTE);
32354
+ }
32355
+ }, {
32356
+ name: 'Settings',
32357
+ icon: 'gear',
32358
+ render: true,
32359
+ clickHandler: function clickHandler() {
32360
+ return handleIconClick(ICONS.SETTINGS);
32361
+ }
32362
+ }];
32517
32363
  return /*#__PURE__*/React__default["default"].createElement("div", {
32518
32364
  "data-e2e": "cc-AppBar",
32519
32365
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
32520
32366
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32521
32367
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
32522
32368
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32523
- className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$2, {
32369
+ className: _getClassName(enableNewToolkitFeatures ? 'copartLogoNew' : 'copartLogo', _styleModuleImportMap$2, {
32524
32370
  "handleMissingStyleName": "warn"
32525
32371
  })
32526
32372
  }, /*#__PURE__*/React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32546,23 +32392,18 @@ var AppBar$1 = function AppBar(props) {
32546
32392
  settingsVisible: settingsVisible,
32547
32393
  setSettingsVisible: setSettingsVisible,
32548
32394
  handleIconClick: handleIconClick,
32549
- ideaNoteVisible: ideaNoteVisible
32395
+ ideaNoteVisible: ideaNoteVisible,
32396
+ mobileMenuVisible: mobileMenuVisible
32550
32397
  })),
32551
32398
  overflowSetStyles: overflowSetStyles,
32552
32399
  overflowIcon: "CollapseMenu",
32553
- overflowIconStyles: overflowIconStyles
32554
- }) : null), width < 760 && notificationIconComp({
32555
- notifications: notifications,
32556
- notificationsVisible: notificationsVisible,
32557
- marginStyle: {
32558
- marginRight: '10px'
32559
- },
32560
- showSearchContainer: showSearchContainer,
32561
- settingsVisible: settingsVisible,
32562
- handleIconClick: handleIconClick,
32563
- ideaNoteVisible: ideaNoteVisible,
32564
- mihelpVisible: mihelpVisible
32565
- }), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
32400
+ overflowIconStyles: overflowIconStyles,
32401
+ setMobileMenuVisible: setMobileMenuVisible,
32402
+ mobileMenuVisible: mobileMenuVisible,
32403
+ clickHandler: function clickHandler() {
32404
+ return handleIconClick(ICONS.MOBILE_MENU);
32405
+ }
32406
+ }) : null), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
32566
32407
  open: openFeedbackDialog,
32567
32408
  closeDialog: function closeDialog() {
32568
32409
  return toggleFeedbackDialog(false);
@@ -32594,15 +32435,16 @@ var AppBar$1 = function AppBar(props) {
32594
32435
  right: '0',
32595
32436
  height: '100%',
32596
32437
  width: '400px',
32438
+ maxWidth: '400px',
32597
32439
  backgroundColor: 'white'
32598
32440
  },
32599
- src: ideaNoteToken === "TOKEN_ERROR" ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32441
+ src: ideaNoteToken === 'TOKEN_ERROR' ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32600
32442
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
32601
32443
  style: {
32602
32444
  position: 'absolute',
32603
32445
  bottom: '0',
32604
32446
  right: '0',
32605
- height: '100vh',
32447
+ height: '100%',
32606
32448
  width: '400px',
32607
32449
  backgroundColor: 'white'
32608
32450
  }
@@ -32640,26 +32482,27 @@ var AppBar$1 = function AppBar(props) {
32640
32482
  onClick: closeSidebar
32641
32483
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32642
32484
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
32643
- }, !process.env.STACK || process.env.STACK === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32485
+ }, !stack || stack === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32644
32486
  onSave: onSave,
32645
- onLogoutItemClicked: onLogoutItemClicked
32646
- }) : null, process.env.STACK === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32487
+ onLogoutItemClicked: onLogoutItemClicked,
32488
+ width: width
32489
+ }) : null, stack === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32647
32490
  onSave: onSave,
32648
- onLogoutItemClicked: onLogoutItemClicked
32649
- }) : null)));
32491
+ onLogoutItemClicked: onLogoutItemClicked,
32492
+ width: width
32493
+ }) : null)), mobileMenuVisible && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
32494
+ closeSidebar: closeSidebar,
32495
+ logout: onLogoutItemClicked,
32496
+ items: mobileMenuItems
32497
+ }));
32650
32498
  };
32651
32499
  AppBar$1.defaultProps = {
32652
32500
  config: ['flag', 'role', 'yard'],
32653
32501
  role: ''
32654
32502
  };
32655
32503
 
32656
- var PHONE_STATUS = {
32657
- Available: 'Available',
32658
- Offline: 'Offline'
32659
- };
32660
-
32661
- 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";
32662
- styleInject(css_248z$7);
32504
+ var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\n margin-right: 12px;\n height: 22px;\n /* border-radius: 20px; */\n}\n\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\n*/\n\n[class*='AppBar-roleAndFlag'] {\n align-items: center;\n}\n\n[class*='AppBar-roleAndFlag'] > .text.role {\n margin: 0 !important;\n}\n\n[class*='AppBar-yardNumber'] {\n align-items: center;\n}\n\n[class*='AppBar-yardNumber'] > .yardNumber {\n margin-left: 8px;\n margin-top: 0px !important;\n}\n";
32505
+ styleInject(css_248z$6);
32663
32506
 
32664
32507
  var getFlagUri = function getFlagUri() {
32665
32508
  var countryCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'US';
@@ -32673,8 +32516,8 @@ var Flag = function Flag(props) {
32673
32516
  });
32674
32517
  };
32675
32518
 
32676
- 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}";
32677
- styleInject(css_248z$6);
32519
+ var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\n width: '100%';\n height: '100%';\n}\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\n position: relative;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\n border: 1px solid #233659;\n border-radius: 8px !important;\n overflow: hidden;\n width: 560px;\n height: 610px;\n position: absolute;\n top: 53px;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\n border: 1px solid #233659;\n border-radius: 20px !important;\n overflow: hidden;\n width: 98vw;\n height: 610px;\n position: absolute;\n top: 53px;\n left: -8.7em;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\n display: flex;\n background-color: #8eacdc;\n border-radius: 30px;\n justify-content: center;\n padding: 2px 10px;\n min-width: 300px;\n min-height: 37px;\n}\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-width: 125px;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\n font-size: 12px;\n font-weight: bold;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\n display: block;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\n font-size: 10px;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading7{\n font-size: 12px;\n background: yellow;\n border-radius: 20px;\n padding: 0 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n}\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n min-width: 152px;\n}\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\n padding: 0 3px 5px 0;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\n position: absolute;\n top: 55px;\n width: 100%;\n left: 5em;\n max-width: 202px;\n padding: 15px;\n background: #263238;\n border-radius: 22.5px;\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\n width: 100%;\n margin-bottom: 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\n background: #37474f;\n color: #cfd8dc;\n padding: 5px;\n border: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\n outline: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn {\n display: inline-block;\n width: calc(33.33% - 10px);\n font-size: 14px;\n background: transparent;\n border: none;\n color: #cfd8dc;\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\n color: #fff;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\n margin: 0 15px;\n}\n.utilities_ops-app-frame_CallCapsule_style--visible {\n visibility: visible;\n overflow: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--hidden {\n visibility: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\n display: flex;\n}\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\n margin-left: 40px;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\n width: 100%;\n margin: 0;\n outline: none;\n border: none;\n border-right: 1px solid #ddd;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0px, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n.utilities_ops-app-frame_CallCapsule_style--shake {\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\n -webkit-animation-duration: 1.3s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n}\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\n font-size: 9px;\n position: absolute;\n top: 22px;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--container {\n max-width: 100%;\n max-height: 100%;\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\n border-radius: 40%;\n cursor: pointer;\n width: 28px;\n height: 18px;\n padding: 0px 11px;\n background: #fff;\n color: #666;\n text-align: center;\n font-size: 12px;\n margin-bottom: 9px;\n}\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\n border-radius: 50%;\n cursor: pointer;\n width: 16px;\n height: 16px;\n padding: 2px 2px 3px;\n background: #e81010;\n color: #fff;\n text-align: center;\n font-size: 8px;\n position: absolute;\n left: 18px;\n top: -3px;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\n margin: 0 5px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\n outline: none !important\n}\n.utilities_ops-app-frame_CallCapsule_style--icon{\n color: #000;\n}\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\n opacity:0.4;\n cursor: not-allowed;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialog{\nwidth: 420px;\nheight: 115px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\n position: absolute;\n top: 35%;\n left: 36%;\n border: 1px solid rgb(204, 204, 204);\n background: rgb(255, 255, 255);\n overflow: auto;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\n background-color: #1d5ab9;\n color: #fff;\n padding: 10px 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\n padding: 20px 10px;\n text-align: center;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\n margin: 5px;\n text-align:right;\n}\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\n color: #fff;\n display: flex;\n background-color: #dd392b;\n border-radius: 7px;\n justify-content: center;\n min-width: 300px;\n font-size: 12px;\n margin: 0 25px -1px 25px;\n}\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\n position: absolute;\n left:47%;\n}\n.utilities_ops-app-frame_CallCapsule_style--opacity{\n opacity: 0.5;\n}\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\n position: absolute;\n right: 2px;\n top: 14px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\n margin-top: 7px;\n}";
32520
+ styleInject(css_248z$5);
32678
32521
 
32679
32522
  var tabbable_1 = createCommonjsModule(function (module, exports) {
32680
32523
 
@@ -34134,35 +33977,6 @@ ReactModal.setAppElement('*');
34134
33977
 
34135
33978
  storage$1.flexLoaded;
34136
33979
 
34137
- var defaultAutoSelectProps = {
34138
- optionStyleProps: {
34139
- rowHeight: 40,
34140
- optionsMinHeight: 200
34141
- },
34142
- width: 200
34143
- };
34144
- [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
34145
- name: 'barcode_label_printers',
34146
- label: 'Bar Code Printer'
34147
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
34148
- name: 'check_printers',
34149
- label: 'Check Printer'
34150
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
34151
- name: 'standard_printers',
34152
- label: 'Standard Printer'
34153
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
34154
- name: 'windshield_label_printers',
34155
- label: 'Wind Shield Printer'
34156
- }), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
34157
- name: 'text_printers',
34158
- label: 'Dot Matrix Printers'
34159
- })];
34160
-
34161
- propEq$1('is_default', true);
34162
-
34163
- var css_248z$5 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\r\n width: 700px;\r\n padding: 10px;\r\n background: #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-end;\r\n padding-top: 5px;\r\n}";
34164
- styleInject(css_248z$5);
34165
-
34166
33980
  function LatestReleaseDialog(_ref) {
34167
33981
  var release = _ref.release,
34168
33982
  handleClose = _ref.handleClose,
@@ -34245,7 +34059,7 @@ const author = "Brian McKelvey <theturtle32@gmail.com> (https://github.com/thetu
34245
34059
  const contributors = [
34246
34060
  "Iñaki Baz Castillo <ibc@aliax.net> (http://dev.sipdoc.net)"
34247
34061
  ];
34248
- const version$6 = "1.0.34";
34062
+ const version$6 = "1.0.35";
34249
34063
  const repository = {
34250
34064
  type: "git",
34251
34065
  url: "https://github.com/theturtle32/WebSocket-Node.git"
@@ -34257,7 +34071,7 @@ const engines = {
34257
34071
  const dependencies = {
34258
34072
  bufferutil: "^4.0.1",
34259
34073
  debug: "^2.2.0",
34260
- "es5-ext": "^0.10.50",
34074
+ "es5-ext": "^0.10.63",
34261
34075
  "typedarray-to-buffer": "^3.1.5",
34262
34076
  "utf-8-validate": "^5.0.2",
34263
34077
  yaeti: "^0.0.6"
@@ -34600,13 +34414,22 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
34600
34414
 
34601
34415
  // permissionIds are for selected role only
34602
34416
  var appFunctionIdAllowed = function appFunctionIdAllowed() {
34417
+ var _window$toolkitEnv;
34603
34418
  var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
34604
34419
  var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
34605
- var tile = arguments.length > 3 ? arguments[3] : undefined;
34420
+ var appScopes = arguments.length > 3 ? arguments[3] : undefined;
34421
+ var tile = arguments.length > 4 ? arguments[4] : undefined;
34422
+ var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
34423
+ if (tile.useAppScopes) {
34424
+ var userAppScopes = Array.isArray(appScopes) ? appScopes : [];
34425
+ return tile.appAuthName && userAppScopes.some(function (appScope) {
34426
+ return appScope.appName === tile.appAuthName;
34427
+ });
34428
+ }
34606
34429
  var id = tile.appFunctionId;
34607
34430
  if (!id) {
34608
34431
  return true; // not defined in config so just allow the tile to be viewed for now
34609
- } else if (process.env.STACK === 'g') {
34432
+ } else if (stack === 'g') {
34610
34433
  return includes$1(id, permissionIds);
34611
34434
  }
34612
34435
  // Check appfunction in opsportal-core permissions
@@ -34636,12 +34459,13 @@ var getUserData = function getUserData() {
34636
34459
  permissionIds: storage$1.permissionIds,
34637
34460
  allPermissionIds: storage$1.allPermissionIds,
34638
34461
  hasCasAccess: storage$1.hasCasAccess,
34639
- coreAppPermissions: storage$1.coreAppPermissions
34462
+ coreAppPermissions: storage$1.coreAppPermissions,
34463
+ appScopes: storage$1.userAppScopes
34640
34464
  };
34641
34465
  };
34642
34466
  var userHasAccess = function userHasAccess(tile) {
34643
34467
  var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
34644
- 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)]);
34468
+ 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)]);
34645
34469
  };
34646
34470
 
34647
34471
  var accessHelpers = /*#__PURE__*/Object.freeze({
@@ -34656,7 +34480,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
34656
34480
  'default': userHasAccess
34657
34481
  });
34658
34482
 
34659
- 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";
34483
+ var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n color: var(--white);\n color: var(--white);\n height: 64px;\n width: 100vw;\n padding: 0 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\n margin-bottom: 2px;\n}\n\nbutton[name='Clear Cookies'] {\n font-size: 12px;\n opacity: 0.5;\n text-transform: uppercase;\n color: #f00;\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--left {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--right {\n display: flex;\n align-items: center;\n}\n";
34660
34484
  styleInject(css_248z$4);
34661
34485
 
34662
34486
  var APP_BAR_CONFIGS = {
@@ -34716,23 +34540,19 @@ var AppBar = function AppBar(_ref) {
34716
34540
  _useState2 = _slicedToArray(_useState, 2);
34717
34541
  _useState2[0];
34718
34542
  var setMounted = _useState2[1];
34719
- var _useState3 = React.useState(false),
34720
- _useState4 = _slicedToArray(_useState3, 2);
34721
- _useState4[0];
34722
- var setPrinterDialogOpen = _useState4[1];
34723
- var _useState5 = React.useState(null),
34543
+ var _useState3 = React.useState(null),
34544
+ _useState4 = _slicedToArray(_useState3, 2),
34545
+ latestRelease = _useState4[0],
34546
+ setLatestRelease = _useState4[1];
34547
+ var _useState5 = React.useState(false),
34724
34548
  _useState6 = _slicedToArray(_useState5, 2),
34725
- latestRelease = _useState6[0],
34726
- setLatestRelease = _useState6[1];
34549
+ showMihelpDot = _useState6[0],
34550
+ setShowMihelpDot = _useState6[1];
34727
34551
  var _useState7 = React.useState(false),
34728
34552
  _useState8 = _slicedToArray(_useState7, 2),
34729
- showMihelpDot = _useState8[0],
34730
- setShowMihelpDot = _useState8[1];
34731
- var _useState9 = React.useState(false),
34732
- _useState10 = _slicedToArray(_useState9, 2),
34733
- showMihelpTooltip = _useState10[0],
34734
- setShowMihelpTooltip = _useState10[1];
34735
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
34553
+ showMihelpTooltip = _useState8[0],
34554
+ setShowMihelpTooltip = _useState8[1];
34555
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
34736
34556
  var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
34737
34557
  var isMihelpEnabled;
34738
34558
  if (isCoreRoute && !window.location.pathname.includes('embedded')) {
@@ -34881,9 +34701,6 @@ var AppBar = function AppBar(_ref) {
34881
34701
  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;
34882
34702
  return isCoreApp ? history.push('/settings') : window.location.assign('/settings');
34883
34703
  }
34884
- if (item.key === 'printers') {
34885
- setPrinterDialogOpen(true);
34886
- }
34887
34704
  if (item.key === 'logout') {
34888
34705
  var _cookies2 = browserCookies.all();
34889
34706
  Object.keys(_cookies2).forEach(function (cookieKey) {
@@ -34900,7 +34717,7 @@ var AppBar = function AppBar(_ref) {
34900
34717
  var handleHelpClick = function handleHelpClick() {
34901
34718
  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
34902
34719
  var uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
34903
- window.open(uri, "_blank");
34720
+ window.open(uri, '_blank');
34904
34721
  };
34905
34722
  var feedbackConfig = function feedbackConfig() {
34906
34723
  var _storage$coreConfig;
@@ -34917,32 +34734,32 @@ var AppBar = function AppBar(_ref) {
34917
34734
  var event = new Event('togglePhoneAvailability');
34918
34735
  window.dispatchEvent(event);
34919
34736
  };
34737
+ var _useState9 = React.useState([]),
34738
+ _useState10 = _slicedToArray(_useState9, 2),
34739
+ notifications = _useState10[0],
34740
+ setNotifications = _useState10[1];
34920
34741
  var _useState11 = React.useState([]),
34921
34742
  _useState12 = _slicedToArray(_useState11, 2),
34922
- notifications = _useState12[0],
34923
- setNotifications = _useState12[1];
34743
+ listOfAllNotifications = _useState12[0],
34744
+ setListOfAllNotifications = _useState12[1];
34924
34745
  var _useState13 = React.useState([]),
34925
34746
  _useState14 = _slicedToArray(_useState13, 2),
34926
- listOfAllNotifications = _useState14[0],
34927
- setListOfAllNotifications = _useState14[1];
34928
- var _useState15 = React.useState([]),
34747
+ listOfAllFirebaseNotifications = _useState14[0],
34748
+ setListOfAllFirebaseNotifications = _useState14[1];
34749
+ var _useState15 = React.useState(),
34929
34750
  _useState16 = _slicedToArray(_useState15, 2),
34930
- listOfAllFirebaseNotifications = _useState16[0],
34931
- setListOfAllFirebaseNotifications = _useState16[1];
34932
- var _useState17 = React.useState(),
34751
+ socketClient = _useState16[0],
34752
+ setSocketClient = _useState16[1];
34753
+ var _useState17 = React.useState(false),
34933
34754
  _useState18 = _slicedToArray(_useState17, 2),
34934
- socketClient = _useState18[0],
34935
- setSocketClient = _useState18[1];
34936
- var _useState19 = React.useState(false),
34937
- _useState20 = _slicedToArray(_useState19, 2),
34938
- firebaseInitialized = _useState20[0],
34939
- setFirebaseinitialized = _useState20[1];
34755
+ firebaseInitialized = _useState18[0],
34756
+ setFirebaseinitialized = _useState18[1];
34940
34757
  var listOfAllNotificationsRef = React.useRef(listOfAllNotifications);
34941
34758
  var socketRetryCountRef = React.useRef(0);
34942
- var _useState21 = React.useState(null),
34943
- _useState22 = _slicedToArray(_useState21, 2),
34944
- pingInterval = _useState22[0],
34945
- setPingInterval = _useState22[1];
34759
+ var _useState19 = React.useState(null),
34760
+ _useState20 = _slicedToArray(_useState19, 2),
34761
+ pingInterval = _useState20[0],
34762
+ setPingInterval = _useState20[1];
34946
34763
  React.useEffect(function () {
34947
34764
  listOfAllNotificationsRef.current = listOfAllNotifications;
34948
34765
  }, [listOfAllNotifications]);
@@ -34980,7 +34797,7 @@ var AppBar = function AppBar(_ref) {
34980
34797
  }
34981
34798
  var check = filterNotifications(newNotifications);
34982
34799
  var newNotification = _objectSpread2({}, newNotifications[0]);
34983
- var startTime = newNotification.timeZoneType === "RPTZ" ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34800
+ var startTime = newNotification.timeZoneType === 'RPTZ' ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34984
34801
  // const endTime = newNotification.timeZoneType === "RPTZ" && newNotification.endDateTimeZone !=='UTC' ? newNotification.endsAt : moment.utc(newNotification.endsAt).local().format("YYYY-MM-DD HH:mm:ss")
34985
34802
  var currentDate = new Date();
34986
34803
  if (!check.length) {
@@ -35003,7 +34820,7 @@ var AppBar = function AppBar(_ref) {
35003
34820
  filteredOutNotifications.forEach(function (notification) {
35004
34821
  var _notification$newsTar;
35005
34822
  if (notification !== null && notification !== void 0 && (_notification$newsTar = notification.newsTarget) !== null && _notification$newsTar !== void 0 && _notification$newsTar.audience_value) {
35006
- var startTime = moment.utc(notification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34823
+ var startTime = moment.utc(notification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
35007
34824
  var currentDate = new Date();
35008
34825
  if (new Date(startTime) > currentDate) {
35009
34826
  setListOfAllFirebaseNotifications(function (notifications) {
@@ -35114,7 +34931,7 @@ var AppBar = function AppBar(_ref) {
35114
34931
  if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
35115
34932
  if (notificationsSource.includes('Nchan')) {
35116
34933
  fetchG2Notifications(updateNotifications, updateAllNotificationsList);
35117
- if (!(window.navigator.userAgent.includes("Chrome") && window.location.href.includes("localhost"))) {
34934
+ if (!(window.navigator.userAgent.includes('Chrome') && window.location.href.includes('localhost'))) {
35118
34935
  var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
35119
34936
  var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
35120
34937
  setPingInterval(setInterval(function () {
@@ -35224,7 +35041,7 @@ AppBar.defaultProps = {
35224
35041
  searchBarProps: {}
35225
35042
  };
35226
35043
 
35227
- 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}";
35044
+ var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
35228
35045
  styleInject(css_248z$3);
35229
35046
 
35230
35047
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -35266,8 +35083,8 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
35266
35083
  key: "componentDidMount",
35267
35084
  value: function () {
35268
35085
  var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
35269
- var _window$toolkitEnv;
35270
- var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, tileConfigAccess;
35086
+ var _window$toolkitEnv, _window$toolkitEnv3;
35087
+ var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, stack, tileConfigAccess;
35271
35088
  return _regeneratorRuntime().wrap(function _callee$(_context) {
35272
35089
  while (1) switch (_context.prev = _context.next) {
35273
35090
  case 0:
@@ -35325,20 +35142,26 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
35325
35142
  case 16:
35326
35143
  return _context.abrupt("return", this.allowAccess(PATH_NOT_FOUND));
35327
35144
  case 17:
35328
- if (!(process.env.STACK !== 'g')) {
35329
- _context.next = 23;
35145
+ // Fetch permissions for opsportal-core and the opsportal application
35146
+ // The app functions required for application visibility(when applicable)
35147
+ // will be part of opsportal-core permissions
35148
+ // Permissions for the opsportal-core and the opsportal application will be available in the
35149
+ // local storage
35150
+ stack = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
35151
+ if (!(stack !== 'g')) {
35152
+ _context.next = 24;
35330
35153
  break;
35331
35154
  }
35332
- _context.next = 20;
35155
+ _context.next = 21;
35333
35156
  return fetcher.getCoreAppPermissions();
35334
- case 20:
35157
+ case 21:
35335
35158
  if (!appTile.appAuthName) {
35336
- _context.next = 23;
35159
+ _context.next = 24;
35337
35160
  break;
35338
35161
  }
35339
- _context.next = 23;
35340
- return fetcher.getPermissions(appTile.appAuthName);
35341
- case 23:
35162
+ _context.next = 24;
35163
+ return fetcher.getPermissions(appTile.appAuthName, appTile.useAppScopes);
35164
+ case 24:
35342
35165
  // If there are rules, evaluate and act accordingly.
35343
35166
  tileConfigAccess = userHasAccess(appTile);
35344
35167
  if (tileConfigAccess) {
@@ -35346,7 +35169,7 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
35346
35169
  } else {
35347
35170
  this.denyAccess(NO_TILE_PERMISSION);
35348
35171
  }
35349
- case 25:
35172
+ case 26:
35350
35173
  case "end":
35351
35174
  return _context.stop();
35352
35175
  }
@@ -45807,7 +45630,7 @@ var formatNumber = function formatNumber(number) {
45807
45630
  return sign * Math.abs(number) + unitlist[unit];
45808
45631
  };
45809
45632
 
45810
- 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}";
45633
+ var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n display: flex;\n flex-direction: column;\n position: absolute;\n background: #3A4454;\n min-width: 50px;\n max-width: 50px;\n height: 100%;\n color: #ffffff;\n font-size: 14px;\n z-index: 101;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n min-width: 100px;\n max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n max-width: 500px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\n min-width: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\n min-width: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n flex: 1;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n display: flex;\n width: 100%;\n padding: 6px 12px 6px 12px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\n cursor: default;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n color: #323130;\n background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n margin-left: auto;\n margin-right: 10px;\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\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 {\n min-width: 70px;\n text-align: right;\n transition-delay: 0.25s;\n}\n\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 {\n min-width: auto;\n text-align: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n background-color: #73A6FF;\n transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n margin-left: auto;\n font-size: 12px;\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n margin: 0 10px 0 auto;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n min-width: 20px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n font-size: 14px;\n /* width: 20px; */\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 0px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 12px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 0;\n overflow: hidden;\n white-space: nowrap;\n margin-top: 2px;\n font-weight: 100;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 2px 10px 0 10px;\n transition-delay: 0.25s;\n}\n\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 {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 0 5px 0 0;\n font-weight: 600;\n margin-left: 0px;\n cursor: auto;\n cursor: initial;\n transition: all 0.5s ease-in-out;\n}\n\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 {\n margin: 0;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n display: inline;\n display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n display: flex;\n position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding: 6px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n position: absolute;\n width: 10px;\n height: 95%;\n left: -13px;\n}\n\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 {\n width: 13px;\n margin-left: 1px;\n transition: all 0.5s ease-in-out;\n}\n\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 {\n width: 100%;\n margin-left: 1px;\n transition-delay: 0.25s;\n}";
45811
45634
  styleInject(css_248z$2);
45812
45635
 
45813
45636
  var _styleModuleImportMap$1 = {
@@ -45820,6 +45643,7 @@ var _styleModuleImportMap$1 = {
45820
45643
  "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
45821
45644
  "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
45822
45645
  "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
45646
+ "countsAvailable": "utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable",
45823
45647
  "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
45824
45648
  "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
45825
45649
  "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
@@ -45883,7 +45707,7 @@ var validateConfig = function validateConfig(navItems) {
45883
45707
  if (!configItem.isLandingPage && mandatoryKeys.every(function (key) {
45884
45708
  return configItem.hasOwnProperty(key);
45885
45709
  }) === false) {
45886
- console.log("please check and update the navigation config");
45710
+ console.log('please check and update the navigation config');
45887
45711
  return false;
45888
45712
  }
45889
45713
  if (configItem.subMenuItems) {
@@ -45947,7 +45771,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45947
45771
  if (Array.isArray(navItems)) {
45948
45772
  var isValid = validateConfig(navItems);
45949
45773
  if (isValid) {
45950
- var updatedNavItems = updateRoutes(navItems, "");
45774
+ var updatedNavItems = updateRoutes(navItems, '');
45951
45775
  var depth = getDepth(navItems);
45952
45776
  var _getDefaultSelection = getDefaultSelection(updatedNavItems),
45953
45777
  selectedItem = _getDefaultSelection.selectedItem,
@@ -45974,7 +45798,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45974
45798
  onMouseLeave: function onMouseLeave() {
45975
45799
  return setHover(false);
45976
45800
  },
45977
- className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : ''), _styleModuleImportMap$1, {
45801
+ className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : ''), _styleModuleImportMap$1, {
45978
45802
  "handleMissingStyleName": "warn"
45979
45803
  })
45980
45804
  }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -46005,21 +45829,21 @@ var NavigationMenu = function NavigationMenu(_ref3) {
46005
45829
  withCounts = _ref3.withCounts;
46006
45830
  var redirectUrl = window.location.pathname;
46007
45831
  React.useEffect(function () {
46008
- if (redirectUrl != "/") {
46009
- var splitUrl = redirectUrl.split("/");
45832
+ if (redirectUrl != '/') {
45833
+ var splitUrl = redirectUrl.split('/');
46010
45834
  if (!process.env.IS_CORE_APP) {
46011
45835
  splitUrl.shift();
46012
45836
  }
46013
45837
  // if (splitUrl.length - 1 === configDepth) {
46014
45838
  if (splitUrl.length - 1) {
46015
45839
  if (configDepth === 3) {
46016
- setActiveSubmenu("/" + splitUrl[1] + "/" + splitUrl[2]);
46017
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2] + "/" + splitUrl[3]);
45840
+ setActiveSubmenu('/' + splitUrl[1] + '/' + splitUrl[2]);
45841
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2] + '/' + splitUrl[3]);
46018
45842
  } else if (configDepth === 2) {
46019
- setActiveSubmenu("/" + splitUrl[1]);
46020
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2]);
45843
+ setActiveSubmenu('/' + splitUrl[1]);
45844
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2]);
46021
45845
  } else {
46022
- setSelected("/" + splitUrl[1]);
45846
+ setSelected('/' + splitUrl[1]);
46023
45847
  }
46024
45848
  } else {
46025
45849
  setActiveSubmenu(null);
@@ -46074,7 +45898,7 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
46074
45898
  icon: navItem.icon
46075
45899
  })), /*#__PURE__*/React__default["default"].createElement("div", {
46076
45900
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem"
46077
- }, nameText), navItem.hasOwnProperty("count") && /*#__PURE__*/React__default["default"].createElement("div", {
45901
+ }, nameText), navItem.hasOwnProperty('count') && /*#__PURE__*/React__default["default"].createElement("div", {
46078
45902
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
46079
45903
  }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
46080
45904
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
@@ -46152,7 +45976,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
46152
45976
  animate: isMenuExpanded ? 'open' : 'closed'
46153
45977
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46154
45978
  onClick: handleItemClick,
46155
- className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45979
+ className: _getClassName("NavItem ".concat(isMenuExpanded ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46156
45980
  "handleMissingStyleName": "warn"
46157
45981
  })
46158
45982
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -46226,7 +46050,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
46226
46050
  onClick: function onClick() {
46227
46051
  return !isDisabled && navigateToItem(navItem);
46228
46052
  },
46229
- className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46053
+ className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46230
46054
  "handleMissingStyleName": "warn"
46231
46055
  })
46232
46056
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -46242,7 +46066,167 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
46242
46066
  }) : null, !countsLoading ? countText : null)));
46243
46067
  };
46244
46068
 
46245
- var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n background: var(--paleGray);\r\n background: var(--paleGray);\r\n height: 100vh;\r\n max-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n flex: 0 1 auto;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n flex: 1 1 auto;\r\n position: relative;\r\n}\r\n";
46069
+ var navItems3Level = [
46070
+ // {
46071
+ // name: "Home",
46072
+ // icon: "house",
46073
+ // isLandingPage: true,
46074
+ // },
46075
+ {
46076
+ name: 'Dispatch',
46077
+ icon: null,
46078
+ route: 'dispatch',
46079
+ subMenuItems: [{
46080
+ name: 'Lots',
46081
+ route: 'lots',
46082
+ icon: 'car',
46083
+ subMenuItems: [{
46084
+ name: 'All',
46085
+ route: 'all',
46086
+ icon: 'house'
46087
+ }, {
46088
+ name: 'Pending Trip Build',
46089
+ route: 'pendingtripsbuild',
46090
+ icon: 'car',
46091
+ getStatus: function getStatus(count) {
46092
+ if (count > 1000) return 1;
46093
+ if (count > 500) return 2;
46094
+ if (count > 0) return 3;
46095
+ }
46096
+ }, {
46097
+ name: 'Pending Processing',
46098
+ route: 'dispatch',
46099
+ icon: 'car',
46100
+ getStatus: function getStatus(count) {
46101
+ if (count > 300) return 1;
46102
+ if (count > 50) return 2;
46103
+ if (count > 0) return 3;
46104
+ }
46105
+ }, {
46106
+ name: 'Pending Paperwork Verification',
46107
+ route: 'pendingprocessing',
46108
+ icon: 'car',
46109
+ getStatus: function getStatus(count) {
46110
+ if (count > 100) return 1;
46111
+ if (count > 50) return 2;
46112
+ if (count > 0) return 3;
46113
+ }
46114
+ }, {
46115
+ name: 'Partial Paperwork Verified',
46116
+ route: 'partialpaperwork',
46117
+ icon: 'car'
46118
+ }, {
46119
+ name: 'Awaiting Dispatch',
46120
+ route: 'awaitingdispatch',
46121
+ icon: 'car'
46122
+ }, {
46123
+ name: 'Overdue and Due Today',
46124
+ route: 'overdue',
46125
+ icon: 'car'
46126
+ }, {
46127
+ name: 'Issue Queue',
46128
+ route: 'issuequeue',
46129
+ icon: 'car'
46130
+ }]
46131
+ }, {
46132
+ name: 'Tow Providers',
46133
+ route: 'towproviders',
46134
+ icon: 'truck-tow',
46135
+ disabled: true,
46136
+ subMenuItems: [{
46137
+ name: 'All',
46138
+ route: 'all',
46139
+ icon: 'car'
46140
+ }]
46141
+ }, {
46142
+ name: 'Drivers',
46143
+ route: 'drivers',
46144
+ icon: 'steering-wheel',
46145
+ subMenuItems: [{
46146
+ name: 'All',
46147
+ icon: 'car',
46148
+ route: 'all',
46149
+ disabled: true
46150
+ }]
46151
+ }, {
46152
+ name: 'Work Requests',
46153
+ route: 'workrequests',
46154
+ icon: 'handshake',
46155
+ subMenuItems: [{
46156
+ name: 'All',
46157
+ route: 'all',
46158
+ icon: 'car'
46159
+ }]
46160
+ }, {
46161
+ name: 'Advanced Charge Discrepancy',
46162
+ route: 'advanced',
46163
+ icon: 'file-invoice-dollar',
46164
+ subMenuItems: [{
46165
+ name: 'All',
46166
+ route: 'all',
46167
+ icon: 'car'
46168
+ }]
46169
+ }, {
46170
+ name: 'One Time Rate Request Change',
46171
+ route: 'onetime',
46172
+ icon: 'dollar-sign',
46173
+ subMenuItems: [{
46174
+ name: 'All',
46175
+ route: 'all',
46176
+ icon: 'car'
46177
+ }]
46178
+ }]
46179
+ }, {
46180
+ name: 'Yard To Yard',
46181
+ shortName: 'Y2Y',
46182
+ route: 'y2y',
46183
+ icon: null,
46184
+ subMenuItems: [{
46185
+ name: 'Y2Y Trips',
46186
+ route: 'trips',
46187
+ icon: 'truck-container-empty',
46188
+ subMenuItems: [{
46189
+ name: 'All',
46190
+ route: 'all',
46191
+ icon: 'car'
46192
+ }]
46193
+ }, {
46194
+ name: 'Y2Y Requests',
46195
+ route: 'requests',
46196
+ icon: 'memo-circle-check',
46197
+ subMenuItems: [{
46198
+ name: 'All',
46199
+ route: 'all',
46200
+ icon: 'car'
46201
+ }]
46202
+ }]
46203
+ }];
46204
+
46205
+ var navItemCounts = {
46206
+ lots: {
46207
+ all: 3000,
46208
+ pendingtripsbuild: 400,
46209
+ dispatch: 234,
46210
+ pendingprocessing: 125,
46211
+ partialpaperwork: 658,
46212
+ awaitingdispatch: 1002,
46213
+ overdue: 376,
46214
+ issuequeue: 765
46215
+ },
46216
+ towproviders: {
46217
+ all: 298
46218
+ }
46219
+ };
46220
+ var getNavItemCounts = function getNavItemCounts(menuItemName) {
46221
+ return new Promise(function (resolve, reject) {
46222
+ setTimeout(function () {
46223
+ var counts = navItemCounts[menuItemName] || {};
46224
+ resolve(counts);
46225
+ }, 500);
46226
+ });
46227
+ };
46228
+
46229
+ var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n background: var(--paleGray);\n background: var(--paleGray);\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-direction: column;\n flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n flex: 1 1 auto;\n position: relative;\n}\n";
46246
46230
  styleInject(css_248z$1);
46247
46231
 
46248
46232
  if (!storage$1.activeYardNumber) {
@@ -46288,7 +46272,7 @@ var AppFrame = function AppFrame(props) {
46288
46272
  }
46289
46273
  }, [appBarMounted]);
46290
46274
  React.useEffect(function () {
46291
- console.log("env in toolkit props=", props.env);
46275
+ console.log('env in toolkit props=', props.env);
46292
46276
  if (props.env) {
46293
46277
  window.toolkitEnv = props.env;
46294
46278
  }
@@ -46332,14 +46316,17 @@ var AppFrame = function AppFrame(props) {
46332
46316
  setShowNavigationCounts: setShowNavigationCounts
46333
46317
  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
46334
46318
  style: {
46335
- marginLeft: props.showNavigation ? navigationWidth : '0px'
46319
+ marginLeft: props.showNavigation ? navigationWidth : '0px',
46320
+ height: '100%',
46321
+ transition: 'all 0.5s ease-in-out'
46336
46322
  }
46337
46323
  }, props.children))))));
46338
46324
  };
46339
46325
  AppFrame.defaultProps = {
46340
46326
  handleScrolling: true,
46341
- showNavigation: false,
46342
- navItems: []
46327
+ showNavigation: true,
46328
+ navItems: navItems3Level,
46329
+ getCounts: getNavItemCounts
46343
46330
  };
46344
46331
 
46345
46332
  var _excluded = ["fromPhone", "toPhone", "appCode", "entityType", "lotAttributes"];
@@ -46527,18 +46514,18 @@ AutoRefresh.defaultProps = {
46527
46514
  version: ''
46528
46515
  };
46529
46516
 
46530
- var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet {\r\n padding: 5px;\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet .utilities_ContextualHelp_ContextualHelp--snippet-arrow {\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n font-size: 24px;\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #1d5ab9;\r\n border-top: 3px solid #ccc;\r\n margin-top: 10px;\r\n font-size: 14px;\r\n padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p {\r\n cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i {\r\n font-size: 10px;\r\n color: #1d5ab9;\r\n position: relative;\r\n top: -3px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle.utilities_ContextualHelp_ContextualHelp--noLink {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippetArticle {\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n max-width: 400px;\r\n min-width: 250px;\r\n /* max-height: 500px; */\r\n min-height: 200px;\r\n overflow: auto;\r\n padding: 15px;\r\n}\r\n";
46517
+ var css_248z = ".utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet {\n padding: 5px;\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet .utilities_contextualHelp_ContextualHelp--snippet-arrow {\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--title {\n font-size: 24px;\n color: #1d5ab9;\n font-weight: 600;\n margin-bottom: 5px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #1d5ab9;\n border-top: 3px solid #ccc;\n margin-top: 10px;\n font-size: 14px;\n padding-top: 10px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p {\n cursor: pointer;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p i {\n font-size: 10px;\n color: #1d5ab9;\n position: relative;\n top: -3px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle.utilities_contextualHelp_ContextualHelp--noLink {\n justify-content: flex-end;\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippetArticle {\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n max-width: 400px;\n min-width: 250px;\n /* max-height: 500px; */\n min-height: 200px;\n overflow: auto;\n padding: 15px;\n}\n";
46531
46518
  styleInject(css_248z);
46532
46519
 
46533
46520
  var _styleModuleImportMap = {
46534
46521
  "./ContextualHelp.css": {
46535
- "snippetContainer": "utilities_ContextualHelp_ContextualHelp--snippetContainer",
46536
- "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
46537
- "snippet-arrow": "utilities_ContextualHelp_ContextualHelp--snippet-arrow",
46538
- "title": "utilities_ContextualHelp_ContextualHelp--title",
46539
- "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
46540
- "noLink": "utilities_ContextualHelp_ContextualHelp--noLink",
46541
- "snippetArticle": "utilities_ContextualHelp_ContextualHelp--snippetArticle"
46522
+ "snippetContainer": "utilities_contextualHelp_ContextualHelp--snippetContainer",
46523
+ "snippet": "utilities_contextualHelp_ContextualHelp--snippet",
46524
+ "snippet-arrow": "utilities_contextualHelp_ContextualHelp--snippet-arrow",
46525
+ "title": "utilities_contextualHelp_ContextualHelp--title",
46526
+ "linkedArticle": "utilities_contextualHelp_ContextualHelp--linkedArticle",
46527
+ "noLink": "utilities_contextualHelp_ContextualHelp--noLink",
46528
+ "snippetArticle": "utilities_contextualHelp_ContextualHelp--snippetArticle"
46542
46529
  }
46543
46530
  };
46544
46531
  function Snippet(_ref) {
@@ -46571,10 +46558,10 @@ function Snippet(_ref) {
46571
46558
  color: 'rgba(224, 26, 26, 0.8)'
46572
46559
  }
46573
46560
  }, "Article Not Found") : /*#__PURE__*/React__default["default"].createElement("div", {
46574
- className: "utilities_ContextualHelp_ContextualHelp--snippetArticle",
46561
+ className: "utilities_contextualHelp_ContextualHelp--snippetArticle",
46575
46562
  ref: articleRef
46576
46563
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46577
- className: "utilities_ContextualHelp_ContextualHelp--title"
46564
+ className: "utilities_contextualHelp_ContextualHelp--title"
46578
46565
  }, /*#__PURE__*/React__default["default"].createElement("span", {
46579
46566
  dangerouslySetInnerHTML: {
46580
46567
  __html: article.title
@@ -46721,12 +46708,21 @@ function getPaddingObject(padding) {
46721
46708
  };
46722
46709
  }
46723
46710
  function rectToClientRect(rect) {
46711
+ const {
46712
+ x,
46713
+ y,
46714
+ width,
46715
+ height
46716
+ } = rect;
46724
46717
  return {
46725
- ...rect,
46726
- top: rect.y,
46727
- left: rect.x,
46728
- right: rect.x + rect.width,
46729
- bottom: rect.y + rect.height
46718
+ width,
46719
+ height,
46720
+ top: y,
46721
+ left: x,
46722
+ right: x + width,
46723
+ bottom: y + height,
46724
+ x,
46725
+ y
46730
46726
  };
46731
46727
  }
46732
46728
 
@@ -46915,9 +46911,10 @@ async function detectOverflow(state, options) {
46915
46911
  strategy
46916
46912
  }));
46917
46913
  const rect = elementContext === 'floating' ? {
46918
- ...rects.floating,
46919
46914
  x,
46920
- y
46915
+ y,
46916
+ width: rects.floating.width,
46917
+ height: rects.floating.height
46921
46918
  } : rects.reference;
46922
46919
  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
46923
46920
  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -47454,6 +47451,8 @@ async function convertValueToCoords(state, options) {
47454
47451
  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
47455
47452
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
47456
47453
  const rawValue = evaluate(options, state);
47454
+
47455
+ // eslint-disable-next-line prefer-const
47457
47456
  let {
47458
47457
  mainAxis,
47459
47458
  crossAxis,
@@ -47487,7 +47486,7 @@ async function convertValueToCoords(state, options) {
47487
47486
  * object may be passed.
47488
47487
  * @see https://floating-ui.com/docs/offset
47489
47488
  */
47490
- const offset = function (options) {
47489
+ const offset$1 = function (options) {
47491
47490
  if (options === void 0) {
47492
47491
  options = 0;
47493
47492
  }
@@ -47704,16 +47703,16 @@ const size = function (options) {
47704
47703
  widthSide = side;
47705
47704
  heightSide = alignment === 'end' ? 'top' : 'bottom';
47706
47705
  }
47707
- const overflowAvailableHeight = height - overflow[heightSide];
47708
- const overflowAvailableWidth = width - overflow[widthSide];
47706
+ const maximumClippingHeight = height - overflow.top - overflow.bottom;
47707
+ const maximumClippingWidth = width - overflow.left - overflow.right;
47708
+ const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
47709
+ const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
47709
47710
  const noShift = !state.middlewareData.shift;
47710
47711
  let availableHeight = overflowAvailableHeight;
47711
47712
  let availableWidth = overflowAvailableWidth;
47712
47713
  if (isYAxis) {
47713
- const maximumClippingWidth = width - overflow.left - overflow.right;
47714
47714
  availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
47715
47715
  } else {
47716
- const maximumClippingHeight = height - overflow.top - overflow.bottom;
47717
47716
  availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
47718
47717
  }
47719
47718
  if (noShift && !alignment) {
@@ -47802,9 +47801,8 @@ function getContainingBlock(element) {
47802
47801
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
47803
47802
  if (isContainingBlock(currentNode)) {
47804
47803
  return currentNode;
47805
- } else {
47806
- currentNode = getParentNode(currentNode);
47807
47804
  }
47805
+ currentNode = getParentNode(currentNode);
47808
47806
  }
47809
47807
  return null;
47810
47808
  }
@@ -47995,10 +47993,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
47995
47993
  });
47996
47994
  }
47997
47995
  const topLayerSelectors = [':popover-open', ':modal'];
47998
- function isTopLayer(floating) {
47996
+ function isTopLayer(element) {
47999
47997
  return topLayerSelectors.some(selector => {
48000
47998
  try {
48001
- return floating.matches(selector);
47999
+ return element.matches(selector);
48002
48000
  } catch (e) {
48003
48001
  return false;
48004
48002
  }
@@ -48182,7 +48180,7 @@ function getClippingRect(_ref) {
48182
48180
  rootBoundary,
48183
48181
  strategy
48184
48182
  } = _ref;
48185
- const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
48183
+ const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
48186
48184
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
48187
48185
  const firstClippingAncestor = clippingAncestors[0];
48188
48186
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -48241,6 +48239,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
48241
48239
  height: rect.height
48242
48240
  };
48243
48241
  }
48242
+ function isStaticPositioned(element) {
48243
+ return getComputedStyle$1(element).position === 'static';
48244
+ }
48244
48245
  function getTrueOffsetParent(element, polyfill) {
48245
48246
  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
48246
48247
  return null;
@@ -48254,28 +48255,40 @@ function getTrueOffsetParent(element, polyfill) {
48254
48255
  // Gets the closest ancestor positioned element. Handles some edge cases,
48255
48256
  // such as table ancestors and cross browser bugs.
48256
48257
  function getOffsetParent(element, polyfill) {
48257
- const window = getWindow(element);
48258
- if (!isHTMLElement(element) || isTopLayer(element)) {
48259
- return window;
48258
+ const win = getWindow(element);
48259
+ if (isTopLayer(element)) {
48260
+ return win;
48261
+ }
48262
+ if (!isHTMLElement(element)) {
48263
+ let svgOffsetParent = getParentNode(element);
48264
+ while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
48265
+ if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
48266
+ return svgOffsetParent;
48267
+ }
48268
+ svgOffsetParent = getParentNode(svgOffsetParent);
48269
+ }
48270
+ return win;
48260
48271
  }
48261
48272
  let offsetParent = getTrueOffsetParent(element, polyfill);
48262
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
48273
+ while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
48263
48274
  offsetParent = getTrueOffsetParent(offsetParent, polyfill);
48264
48275
  }
48265
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
48266
- return window;
48276
+ if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
48277
+ return win;
48267
48278
  }
48268
- return offsetParent || getContainingBlock(element) || window;
48279
+ return offsetParent || getContainingBlock(element) || win;
48269
48280
  }
48270
48281
  const getElementRects = async function (data) {
48271
48282
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
48272
48283
  const getDimensionsFn = this.getDimensions;
48284
+ const floatingDimensions = await getDimensionsFn(data.floating);
48273
48285
  return {
48274
48286
  reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
48275
48287
  floating: {
48276
48288
  x: 0,
48277
48289
  y: 0,
48278
- ...(await getDimensionsFn(data.floating))
48290
+ width: floatingDimensions.width,
48291
+ height: floatingDimensions.height
48279
48292
  }
48280
48293
  };
48281
48294
  };
@@ -48343,9 +48356,11 @@ function observeMove(element, onMove) {
48343
48356
  return refresh();
48344
48357
  }
48345
48358
  if (!ratio) {
48359
+ // If the reference is clipped, the ratio is 0. Throttle the refresh
48360
+ // to prevent an infinite loop of updates.
48346
48361
  timeoutId = setTimeout(() => {
48347
48362
  refresh(false, 1e-7);
48348
- }, 100);
48363
+ }, 1000);
48349
48364
  } else {
48350
48365
  refresh(false, ratio);
48351
48366
  }
@@ -48449,6 +48464,15 @@ function autoUpdate(reference, floating, update, options) {
48449
48464
  };
48450
48465
  }
48451
48466
 
48467
+ /**
48468
+ * Modifies the placement by translating the floating element along the
48469
+ * specified axes.
48470
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
48471
+ * object may be passed.
48472
+ * @see https://floating-ui.com/docs/offset
48473
+ */
48474
+ const offset = offset$1;
48475
+
48452
48476
  /**
48453
48477
  * Optimizes the visibility of the floating element by choosing the placement
48454
48478
  * that has the most space available automatically, without needing to specify a
@@ -48620,7 +48644,7 @@ function S({
48620
48644
  s = document.createElement("style");
48621
48645
  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;
48622
48646
  }
48623
- const g = async ({
48647
+ const E = async ({
48624
48648
  elementReference: e = null,
48625
48649
  tooltipReference: t = null,
48626
48650
  tooltipArrowReference: o = null,
@@ -48805,7 +48829,7 @@ const D = ({
48805
48829
  openOnClick: w = !1,
48806
48830
  positionStrategy: b = "absolute",
48807
48831
  middlewares: S,
48808
- wrapper: E,
48832
+ wrapper: g,
48809
48833
  delayShow: A = 0,
48810
48834
  delayHide: O = 0,
48811
48835
  float: k = !1,
@@ -48853,9 +48877,9 @@ const D = ({
48853
48877
  be = React.useRef(null),
48854
48878
  {
48855
48879
  anchorRefs: Se,
48856
- setActiveAnchor: Ee
48880
+ setActiveAnchor: ge
48857
48881
  } = I(r),
48858
- ge = React.useRef(!1),
48882
+ Ee = React.useRef(!1),
48859
48883
  [Ae, _e] = React.useState([]),
48860
48884
  Oe = React.useRef(!1),
48861
48885
  Te = w || h.includes("click"),
@@ -48952,17 +48976,17 @@ const D = ({
48952
48976
  },
48953
48977
  Ie = (e = O) => {
48954
48978
  se.current && clearTimeout(se.current), se.current = setTimeout(() => {
48955
- ge.current || xe(!1);
48979
+ Ee.current || xe(!1);
48956
48980
  }, e);
48957
48981
  },
48958
48982
  je = e => {
48959
48983
  var t;
48960
48984
  if (!e) return;
48961
48985
  const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
48962
- if (!(null == o ? void 0 : o.isConnected)) return Q(null), void Ee({
48986
+ if (!(null == o ? void 0 : o.isConnected)) return Q(null), void ge({
48963
48987
  current: null
48964
48988
  });
48965
- A ? $e() : xe(!0), Q(o), Ee({
48989
+ A ? $e() : xe(!0), Q(o), ge({
48966
48990
  current: o
48967
48991
  }), se.current && clearTimeout(se.current);
48968
48992
  },
@@ -48986,7 +49010,7 @@ const D = ({
48986
49010
  bottom: t
48987
49011
  })
48988
49012
  };
48989
- g({
49013
+ E({
48990
49014
  place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
48991
49015
  offset: m,
48992
49016
  elementReference: r,
@@ -49027,7 +49051,7 @@ const D = ({
49027
49051
  Ve = React.useCallback(() => {
49028
49052
  var e, t;
49029
49053
  const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : V;
49030
- o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && g({
49054
+ o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && E({
49031
49055
  place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
49032
49056
  offset: m,
49033
49057
  elementReference: J,
@@ -49098,10 +49122,10 @@ const D = ({
49098
49122
  listener: De
49099
49123
  });
49100
49124
  const y = () => {
49101
- ge.current = !0;
49125
+ Ee.current = !0;
49102
49126
  },
49103
49127
  h = () => {
49104
- ge.current = !1, Be();
49128
+ Ee.current = !1, Be();
49105
49129
  };
49106
49130
  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(({
49107
49131
  event: e,
@@ -49126,7 +49150,7 @@ const D = ({
49126
49150
  }, [J, Ve, me, Se, Ae, q, H, M, Te, A, O]), React.useEffect(() => {
49127
49151
  var e, t;
49128
49152
  let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
49129
- !o && r && (o = `[data-tooltip-id='${r}']`);
49153
+ !o && r && (o = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`);
49130
49154
  const l = new MutationObserver(e => {
49131
49155
  const t = [],
49132
49156
  l = [];
@@ -49181,7 +49205,7 @@ const D = ({
49181
49205
  }), []), React.useEffect(() => {
49182
49206
  var e;
49183
49207
  let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
49184
- if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
49208
+ if (!t && r && (t = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`), t) try {
49185
49209
  const e = Array.from(document.querySelectorAll(t));
49186
49210
  _e(e);
49187
49211
  } catch (e) {
@@ -49207,7 +49231,7 @@ const D = ({
49207
49231
  activeAnchor: J,
49208
49232
  place: ue.place,
49209
49233
  isOpen: Boolean(me && !R && Fe && Ke)
49210
- })), me && !R && Fe ? React__default["default"].createElement(E, {
49234
+ })), me && !R && Fe ? React__default["default"].createElement(g, {
49211
49235
  id: r,
49212
49236
  role: re,
49213
49237
  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),
@@ -49220,7 +49244,7 @@ const D = ({
49220
49244
  opacity: void 0 !== te && Ke ? te : void 0
49221
49245
  },
49222
49246
  ref: ne
49223
- }, Fe, React__default["default"].createElement(E, {
49247
+ }, Fe, React__default["default"].createElement(g, {
49224
49248
  className: classnames("react-tooltip-arrow", B.arrow, z.arrow, i, x && B.noArrow),
49225
49249
  style: {
49226
49250
  ...ue.tooltipArrowStyles,
@@ -49253,8 +49277,8 @@ const D = ({
49253
49277
  events: w = ["hover"],
49254
49278
  openOnClick: b = !1,
49255
49279
  positionStrategy: S = "absolute",
49256
- middlewares: E,
49257
- delayShow: g = 0,
49280
+ middlewares: g,
49281
+ delayShow: E = 0,
49258
49282
  delayHide: _ = 0,
49259
49283
  float: O = !1,
49260
49284
  hidden: T = !1,
@@ -49285,14 +49309,14 @@ const D = ({
49285
49309
  [oe, re] = React.useState(v),
49286
49310
  [le, ne] = React.useState(p),
49287
49311
  [ce, ie] = React.useState(m),
49288
- [se, ae] = React.useState(g),
49312
+ [se, ae] = React.useState(E),
49289
49313
  [ue, de] = React.useState(_),
49290
49314
  [pe, ve] = React.useState(O),
49291
49315
  [me, fe] = React.useState(T),
49292
49316
  [ye, he] = React.useState(f),
49293
49317
  [we, be] = React.useState(w),
49294
- [Se, Ee] = React.useState(S),
49295
- [ge, Ae] = React.useState(null),
49318
+ [Se, ge] = React.useState(S),
49319
+ [Ee, Ae] = React.useState(null),
49296
49320
  [_e, Oe] = React.useState(null),
49297
49321
  Te = React.useRef(P),
49298
49322
  {
@@ -49335,10 +49359,10 @@ const D = ({
49335
49359
  },
49336
49360
  "position-strategy": e => {
49337
49361
  var t;
49338
- Ee(null !== (t = e) && void 0 !== t ? t : S);
49362
+ ge(null !== (t = e) && void 0 !== t ? t : S);
49339
49363
  },
49340
49364
  "delay-show": e => {
49341
- ae(null === e ? g : Number(e));
49365
+ ae(null === e ? E : Number(e));
49342
49366
  },
49343
49367
  "delay-hide": e => {
49344
49368
  de(null === e ? _ : Number(e));
@@ -49369,15 +49393,15 @@ const D = ({
49369
49393
  }, [p]), React.useEffect(() => {
49370
49394
  ie(m);
49371
49395
  }, [m]), React.useEffect(() => {
49372
- ae(g);
49373
- }, [g]), React.useEffect(() => {
49396
+ ae(E);
49397
+ }, [E]), React.useEffect(() => {
49374
49398
  de(_);
49375
49399
  }, [_]), React.useEffect(() => {
49376
49400
  ve(O);
49377
49401
  }, [O]), React.useEffect(() => {
49378
49402
  fe(T);
49379
49403
  }, [T]), React.useEffect(() => {
49380
- Ee(S);
49404
+ ge(S);
49381
49405
  }, [S]), React.useEffect(() => {
49382
49406
  Te.current !== P && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
49383
49407
  }, [P]), React.useEffect(() => {
@@ -49391,7 +49415,7 @@ const D = ({
49391
49415
  var e;
49392
49416
  const o = new Set(ke);
49393
49417
  let l = n;
49394
- if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
49418
+ if (!l && t && (l = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), l) try {
49395
49419
  document.querySelectorAll(l).forEach(e => {
49396
49420
  o.add({
49397
49421
  current: e
@@ -49448,7 +49472,7 @@ const D = ({
49448
49472
  id: t,
49449
49473
  anchorId: r,
49450
49474
  anchorSelect: n,
49451
- className: classnames(u, ge),
49475
+ className: classnames(u, Ee),
49452
49476
  classNameArrow: d,
49453
49477
  content: xe,
49454
49478
  contentWrapperRef: Ne,
@@ -49459,7 +49483,7 @@ const D = ({
49459
49483
  events: we,
49460
49484
  openOnClick: b,
49461
49485
  positionStrategy: Se,
49462
- middlewares: E,
49486
+ middlewares: g,
49463
49487
  delayShow: se,
49464
49488
  delayHide: ue,
49465
49489
  float: pe,
@@ -49512,7 +49536,7 @@ function ContextualHelp(_ref) {
49512
49536
  article = _useState2[0],
49513
49537
  setArticle = _useState2[1];
49514
49538
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
49515
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
49539
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
49516
49540
  var mihelpAppPath = !isCoreRoute ? tileData.mihelpAppPath : null;
49517
49541
  var isMihelpEnabled;
49518
49542
  if (isCoreRoute) {
@@ -49580,7 +49604,7 @@ function ContextualHelp(_ref) {
49580
49604
  };
49581
49605
  }();
49582
49606
  return /*#__PURE__*/React__default["default"].createElement("div", {
49583
- className: "utilities_ContextualHelp_ContextualHelp--snippetContainer",
49607
+ className: "utilities_contextualHelp_ContextualHelp--snippetContainer",
49584
49608
  ref: snippetContainerRef
49585
49609
  }, /*#__PURE__*/React__default["default"].createElement("span", {
49586
49610
  id: "helpSnippet1",
@@ -49589,13 +49613,13 @@ function ContextualHelp(_ref) {
49589
49613
  name: "question-circle",
49590
49614
  variant: "solid",
49591
49615
  style: {
49592
- color: "#1d5ab9",
49593
- fontSize: "22px"
49616
+ color: '#1d5ab9',
49617
+ fontSize: '22px'
49594
49618
  }
49595
49619
  })), /*#__PURE__*/React__default["default"].createElement(H, {
49596
49620
  anchorSelect: "#helpSnippet1",
49597
49621
  clickable: true,
49598
- className: "utilities_ContextualHelp_ContextualHelp--snippet",
49622
+ className: "utilities_contextualHelp_ContextualHelp--snippet",
49599
49623
  classNameArrow: "snippet-arrow"
49600
49624
  }, /*#__PURE__*/React__default["default"].createElement(Snippet, {
49601
49625
  article: article,