@copart/ops-tool-kit 1.9.0-alpha.3 → 1.10.0-alpha.1

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/dist/ops-tool-kit.js +1186 -645
  4. package/dist/ops-tool-kit.js.map +1 -1
  5. package/package.json +108 -107
  6. package/changelog.md +0 -40
package/dist/ops-tool-kit.js CHANGED
@@ -33,7 +33,7 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
  var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
34
34
 
35
35
  const name$e = "@copart/ops-tool-kit";
36
- const version$3 = "1.9.0-alpha.3";
36
+ const version$3 = "1.10.0-alpha.1";
37
37
  const main = "dist/ops-tool-kit.js";
38
38
  const style = "dist/ops-tool-kit.css";
39
39
  const files = [
@@ -90,7 +90,7 @@ const devDependencies = {
90
90
  };
91
91
  const peerDependencies = {
92
92
  react: "*",
93
- "@copart/core-components": "^2.2.5"
93
+ "@copart/core-components": "^1.4.47"
94
94
  };
95
95
  const dependencies = {
96
96
  "@reacting/purist": "0.1.0",
@@ -110,7 +110,8 @@ const dependencies = {
110
110
  "react-modal": "3.11.2",
111
111
  "set-value": "^3.0.0",
112
112
  "storage-changed": "^2.0.0",
113
- warning: "^4.0.1"
113
+ warning: "^4.0.1",
114
+ "@wordpress/block-library": "5.0.1"
114
115
  };
115
116
  const jest = {
116
117
  setupTestFrameworkScriptFile: "./jest/setup.js",
@@ -231,11 +232,11 @@ function styleInject(css, ref) {
231
232
  }
232
233
  }
233
234
 
234
- var css_248z$j = ":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";
235
- styleInject(css_248z$j);
235
+ var css_248z$n = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
236
+ styleInject(css_248z$n);
236
237
 
237
- var css_248z$i = "* {\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";
238
- styleInject(css_248z$i);
238
+ var css_248z$m = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
239
+ styleInject(css_248z$m);
239
240
 
240
241
  function _typeof(obj) {
241
242
  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
@@ -2966,8 +2967,8 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2966
2967
  error: 'You tried to use Breadcrumbs outside of its context.'
2967
2968
  };
2968
2969
 
2969
- var css_248z$h = ".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: 12px;\n color: rgba(242, 247, 255, 1);\n font-weight: 400;\n letter-spacing: 0.5px;\n margin-left: 3px;\n /* transition: all 0.2s; */\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\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:not(:first-of-type) {\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:not(:first-of-type)::before {\n content: '\\E5CC';\n color: rgba(255, 255, 255, 0.70196);\n display: inline-block;\n font-family: 'Material Icons';\n font-size: 16px;\n margin-right: 4px;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--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: 600;\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}";
2970
- styleInject(css_248z$h);
2970
+ var css_248z$l = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n height: 36px;\r\n background: #3c4656;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n color: rgba(242, 247, 255, 1);\r\n font-weight: 400;\r\n letter-spacing: 0.5px;\r\n margin-left: 3px;\r\n /* transition: all 0.2s; */\r\n text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type) {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:first-of-type)::before {\r\n content: '\\E5CC';\r\n color: rgba(255, 255, 255, 0.70196);\r\n display: inline-block;\r\n font-family: 'Material Icons';\r\n font-size: 16px;\r\n margin-right: 4px;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 600;\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n margin: 10px;\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2971
+ styleInject(css_248z$l);
2971
2972
 
2972
2973
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
2973
2974
  var withBreadcrumbs = function withBreadcrumbs(Comp) {
@@ -3201,46 +3202,47 @@ var runtime = createCommonjsModule(function (module) {
3201
3202
  * This source code is licensed under the MIT license found in the
3202
3203
  * LICENSE file in the root directory of this source tree.
3203
3204
  */
3204
- !function (global) {
3205
+
3206
+ !(function(global) {
3205
3207
 
3206
3208
  var Op = Object.prototype;
3207
3209
  var hasOwn = Op.hasOwnProperty;
3208
3210
  var undefined$1; // More compressible than void 0.
3209
-
3210
3211
  var $Symbol = typeof Symbol === "function" ? Symbol : {};
3211
3212
  var iteratorSymbol = $Symbol.iterator || "@@iterator";
3212
3213
  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
3213
3214
  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
3214
3215
  var runtime = global.regeneratorRuntime;
3215
-
3216
3216
  if (runtime) {
3217
3217
  {
3218
3218
  // If regeneratorRuntime is defined globally and we're in a module,
3219
3219
  // make the exports object identical to regeneratorRuntime.
3220
3220
  module.exports = runtime;
3221
- } // Don't bother evaluating the rest of this file if the runtime was
3221
+ }
3222
+ // Don't bother evaluating the rest of this file if the runtime was
3222
3223
  // already defined globally.
3223
-
3224
-
3225
3224
  return;
3226
- } // Define the runtime globally (as expected by generated code) as either
3227
- // module.exports (if we're in a module) or a new, empty object.
3228
-
3225
+ }
3229
3226
 
3227
+ // Define the runtime globally (as expected by generated code) as either
3228
+ // module.exports (if we're in a module) or a new, empty object.
3230
3229
  runtime = global.regeneratorRuntime = module.exports ;
3231
3230
 
3232
3231
  function wrap(innerFn, outerFn, self, tryLocsList) {
3233
3232
  // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
3234
3233
  var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
3235
3234
  var generator = Object.create(protoGenerator.prototype);
3236
- var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
3237
- // .throw, and .return methods.
3235
+ var context = new Context(tryLocsList || []);
3238
3236
 
3237
+ // The ._invoke method unifies the implementations of the .next,
3238
+ // .throw, and .return methods.
3239
3239
  generator._invoke = makeInvokeMethod(innerFn, self, context);
3240
+
3240
3241
  return generator;
3241
3242
  }
3243
+ runtime.wrap = wrap;
3242
3244
 
3243
- runtime.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
3245
+ // Try/catch helper to minimize deoptimizations. Returns a completion
3244
3246
  // record like context.tryEntries[i].completion. This interface could
3245
3247
  // have been (and was previously) designed to take a closure to be
3246
3248
  // invoked without arguments, but in all the cases we care about we
@@ -3250,126 +3252,121 @@ var runtime = createCommonjsModule(function (module) {
3250
3252
  // in every case, so we don't have to touch the arguments object. The
3251
3253
  // only additional allocation required is the completion record, which
3252
3254
  // has a stable shape and so hopefully should be cheap to allocate.
3253
-
3254
3255
  function tryCatch(fn, obj, arg) {
3255
3256
  try {
3256
- return {
3257
- type: "normal",
3258
- arg: fn.call(obj, arg)
3259
- };
3257
+ return { type: "normal", arg: fn.call(obj, arg) };
3260
3258
  } catch (err) {
3261
- return {
3262
- type: "throw",
3263
- arg: err
3264
- };
3259
+ return { type: "throw", arg: err };
3265
3260
  }
3266
3261
  }
3267
3262
 
3268
3263
  var GenStateSuspendedStart = "suspendedStart";
3269
3264
  var GenStateSuspendedYield = "suspendedYield";
3270
3265
  var GenStateExecuting = "executing";
3271
- var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
3266
+ var GenStateCompleted = "completed";
3267
+
3268
+ // Returning this object from the innerFn has the same effect as
3272
3269
  // breaking out of the dispatch switch statement.
3270
+ var ContinueSentinel = {};
3273
3271
 
3274
- var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
3272
+ // Dummy constructor functions that we use as the .constructor and
3275
3273
  // .constructor.prototype properties for functions that return Generator
3276
3274
  // objects. For full spec compliance, you may wish to configure your
3277
3275
  // minifier not to mangle the names of these two functions.
3278
-
3279
3276
  function Generator() {}
3280
-
3281
3277
  function GeneratorFunction() {}
3278
+ function GeneratorFunctionPrototype() {}
3282
3279
 
3283
- function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
3280
+ // This is a polyfill for %IteratorPrototype% for environments that
3284
3281
  // don't natively support it.
3285
-
3286
-
3287
3282
  var IteratorPrototype = {};
3288
-
3289
3283
  IteratorPrototype[iteratorSymbol] = function () {
3290
3284
  return this;
3291
3285
  };
3292
3286
 
3293
3287
  var getProto = Object.getPrototypeOf;
3294
3288
  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
3295
-
3296
- if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
3289
+ if (NativeIteratorPrototype &&
3290
+ NativeIteratorPrototype !== Op &&
3291
+ hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
3297
3292
  // This environment has a native %IteratorPrototype%; use it instead
3298
3293
  // of the polyfill.
3299
3294
  IteratorPrototype = NativeIteratorPrototype;
3300
3295
  }
3301
3296
 
3302
- var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
3297
+ var Gp = GeneratorFunctionPrototype.prototype =
3298
+ Generator.prototype = Object.create(IteratorPrototype);
3303
3299
  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
3304
3300
  GeneratorFunctionPrototype.constructor = GeneratorFunction;
3305
- GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = "GeneratorFunction"; // Helper for defining the .next, .throw, and .return methods of the
3306
- // Iterator interface in terms of a single ._invoke method.
3301
+ GeneratorFunctionPrototype[toStringTagSymbol] =
3302
+ GeneratorFunction.displayName = "GeneratorFunction";
3307
3303
 
3304
+ // Helper for defining the .next, .throw, and .return methods of the
3305
+ // Iterator interface in terms of a single ._invoke method.
3308
3306
  function defineIteratorMethods(prototype) {
3309
- ["next", "throw", "return"].forEach(function (method) {
3310
- prototype[method] = function (arg) {
3307
+ ["next", "throw", "return"].forEach(function(method) {
3308
+ prototype[method] = function(arg) {
3311
3309
  return this._invoke(method, arg);
3312
3310
  };
3313
3311
  });
3314
3312
  }
3315
3313
 
3316
- runtime.isGeneratorFunction = function (genFun) {
3314
+ runtime.isGeneratorFunction = function(genFun) {
3317
3315
  var ctor = typeof genFun === "function" && genFun.constructor;
3318
- return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
3319
- // do is to check its .name property.
3320
- (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
3316
+ return ctor
3317
+ ? ctor === GeneratorFunction ||
3318
+ // For the native GeneratorFunction constructor, the best we can
3319
+ // do is to check its .name property.
3320
+ (ctor.displayName || ctor.name) === "GeneratorFunction"
3321
+ : false;
3321
3322
  };
3322
3323
 
3323
- runtime.mark = function (genFun) {
3324
+ runtime.mark = function(genFun) {
3324
3325
  if (Object.setPrototypeOf) {
3325
3326
  Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
3326
3327
  } else {
3327
3328
  genFun.__proto__ = GeneratorFunctionPrototype;
3328
-
3329
3329
  if (!(toStringTagSymbol in genFun)) {
3330
3330
  genFun[toStringTagSymbol] = "GeneratorFunction";
3331
3331
  }
3332
3332
  }
3333
-
3334
3333
  genFun.prototype = Object.create(Gp);
3335
3334
  return genFun;
3336
- }; // Within the body of any async function, `await x` is transformed to
3335
+ };
3336
+
3337
+ // Within the body of any async function, `await x` is transformed to
3337
3338
  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
3338
3339
  // `hasOwn.call(value, "__await")` to determine if the yielded value is
3339
3340
  // meant to be awaited.
3340
-
3341
-
3342
- runtime.awrap = function (arg) {
3343
- return {
3344
- __await: arg
3345
- };
3341
+ runtime.awrap = function(arg) {
3342
+ return { __await: arg };
3346
3343
  };
3347
3344
 
3348
3345
  function AsyncIterator(generator) {
3349
3346
  function invoke(method, arg, resolve, reject) {
3350
3347
  var record = tryCatch(generator[method], generator, arg);
3351
-
3352
3348
  if (record.type === "throw") {
3353
3349
  reject(record.arg);
3354
3350
  } else {
3355
3351
  var result = record.arg;
3356
3352
  var value = result.value;
3357
-
3358
- if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
3359
- return Promise.resolve(value.__await).then(function (value) {
3353
+ if (value &&
3354
+ typeof value === "object" &&
3355
+ hasOwn.call(value, "__await")) {
3356
+ return Promise.resolve(value.__await).then(function(value) {
3360
3357
  invoke("next", value, resolve, reject);
3361
- }, function (err) {
3358
+ }, function(err) {
3362
3359
  invoke("throw", err, resolve, reject);
3363
3360
  });
3364
3361
  }
3365
3362
 
3366
- return Promise.resolve(value).then(function (unwrapped) {
3363
+ return Promise.resolve(value).then(function(unwrapped) {
3367
3364
  // When a yielded Promise is resolved, its final value becomes
3368
3365
  // the .value of the Promise<{value,done}> result for the
3369
3366
  // current iteration.
3370
3367
  result.value = unwrapped;
3371
3368
  resolve(result);
3372
- }, function (error) {
3369
+ }, function(error) {
3373
3370
  // If a rejected Promise was yielded, throw the rejection back
3374
3371
  // into the async generator function so it can be handled there.
3375
3372
  return invoke("throw", error, resolve, reject);
@@ -3381,53 +3378,61 @@ var runtime = createCommonjsModule(function (module) {
3381
3378
 
3382
3379
  function enqueue(method, arg) {
3383
3380
  function callInvokeWithMethodAndArg() {
3384
- return new Promise(function (resolve, reject) {
3381
+ return new Promise(function(resolve, reject) {
3385
3382
  invoke(method, arg, resolve, reject);
3386
3383
  });
3387
3384
  }
3388
3385
 
3389
- return previousPromise = // If enqueue has been called before, then we want to wait until
3390
- // all previous Promises have been resolved before calling invoke,
3391
- // so that results are always delivered in the correct order. If
3392
- // enqueue has not been called before, then it is important to
3393
- // call invoke immediately, without waiting on a callback to fire,
3394
- // so that the async generator function has the opportunity to do
3395
- // any necessary setup in a predictable way. This predictability
3396
- // is why the Promise constructor synchronously invokes its
3397
- // executor callback, and why async functions synchronously
3398
- // execute code before the first await. Since we implement simple
3399
- // async functions in terms of async generators, it is especially
3400
- // important to get this right, even though it requires care.
3401
- previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
3402
- // invocations of the iterator.
3403
- callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
3404
- } // Define the unified helper method that is used to implement .next,
3386
+ return previousPromise =
3387
+ // If enqueue has been called before, then we want to wait until
3388
+ // all previous Promises have been resolved before calling invoke,
3389
+ // so that results are always delivered in the correct order. If
3390
+ // enqueue has not been called before, then it is important to
3391
+ // call invoke immediately, without waiting on a callback to fire,
3392
+ // so that the async generator function has the opportunity to do
3393
+ // any necessary setup in a predictable way. This predictability
3394
+ // is why the Promise constructor synchronously invokes its
3395
+ // executor callback, and why async functions synchronously
3396
+ // execute code before the first await. Since we implement simple
3397
+ // async functions in terms of async generators, it is especially
3398
+ // important to get this right, even though it requires care.
3399
+ previousPromise ? previousPromise.then(
3400
+ callInvokeWithMethodAndArg,
3401
+ // Avoid propagating failures to Promises returned by later
3402
+ // invocations of the iterator.
3403
+ callInvokeWithMethodAndArg
3404
+ ) : callInvokeWithMethodAndArg();
3405
+ }
3406
+
3407
+ // Define the unified helper method that is used to implement .next,
3405
3408
  // .throw, and .return (see defineIteratorMethods).
3406
-
3407
-
3408
3409
  this._invoke = enqueue;
3409
3410
  }
3410
3411
 
3411
3412
  defineIteratorMethods(AsyncIterator.prototype);
3412
-
3413
3413
  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
3414
3414
  return this;
3415
3415
  };
3416
+ runtime.AsyncIterator = AsyncIterator;
3416
3417
 
3417
- runtime.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
3418
+ // Note that simple async functions are implemented on top of
3418
3419
  // AsyncIterator objects; they just return a Promise for the value of
3419
3420
  // the final result produced by the iterator.
3421
+ runtime.async = function(innerFn, outerFn, self, tryLocsList) {
3422
+ var iter = new AsyncIterator(
3423
+ wrap(innerFn, outerFn, self, tryLocsList)
3424
+ );
3420
3425
 
3421
- runtime.async = function (innerFn, outerFn, self, tryLocsList) {
3422
- var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList));
3423
- return runtime.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
3424
- : iter.next().then(function (result) {
3425
- return result.done ? result.value : iter.next();
3426
- });
3426
+ return runtime.isGeneratorFunction(outerFn)
3427
+ ? iter // If outerFn is a generator, return the full iterator.
3428
+ : iter.next().then(function(result) {
3429
+ return result.done ? result.value : iter.next();
3430
+ });
3427
3431
  };
3428
3432
 
3429
3433
  function makeInvokeMethod(innerFn, self, context) {
3430
3434
  var state = GenStateSuspendedStart;
3435
+
3431
3436
  return function invoke(method, arg) {
3432
3437
  if (state === GenStateExecuting) {
3433
3438
  throw new Error("Generator is already running");
@@ -3436,10 +3441,10 @@ var runtime = createCommonjsModule(function (module) {
3436
3441
  if (state === GenStateCompleted) {
3437
3442
  if (method === "throw") {
3438
3443
  throw arg;
3439
- } // Be forgiving, per 25.3.3.3.3 of the spec:
3440
- // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
3441
-
3444
+ }
3442
3445
 
3446
+ // Be forgiving, per 25.3.3.3.3 of the spec:
3447
+ // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
3443
3448
  return doneResult();
3444
3449
  }
3445
3450
 
@@ -3448,10 +3453,8 @@ var runtime = createCommonjsModule(function (module) {
3448
3453
 
3449
3454
  while (true) {
3450
3455
  var delegate = context.delegate;
3451
-
3452
3456
  if (delegate) {
3453
3457
  var delegateResult = maybeInvokeDelegate(delegate, context);
3454
-
3455
3458
  if (delegateResult) {
3456
3459
  if (delegateResult === ContinueSentinel) continue;
3457
3460
  return delegateResult;
@@ -3462,6 +3465,7 @@ var runtime = createCommonjsModule(function (module) {
3462
3465
  // Setting context._sent for legacy support of Babel's
3463
3466
  // function.sent implementation.
3464
3467
  context.sent = context._sent = context.arg;
3468
+
3465
3469
  } else if (context.method === "throw") {
3466
3470
  if (state === GenStateSuspendedStart) {
3467
3471
  state = GenStateCompleted;
@@ -3469,17 +3473,20 @@ var runtime = createCommonjsModule(function (module) {
3469
3473
  }
3470
3474
 
3471
3475
  context.dispatchException(context.arg);
3476
+
3472
3477
  } else if (context.method === "return") {
3473
3478
  context.abrupt("return", context.arg);
3474
3479
  }
3475
3480
 
3476
3481
  state = GenStateExecuting;
3477
- var record = tryCatch(innerFn, self, context);
3478
3482
 
3483
+ var record = tryCatch(innerFn, self, context);
3479
3484
  if (record.type === "normal") {
3480
3485
  // If an exception is thrown from innerFn, we leave state ===
3481
3486
  // GenStateExecuting and loop back for another invocation.
3482
- state = context.done ? GenStateCompleted : GenStateSuspendedYield;
3487
+ state = context.done
3488
+ ? GenStateCompleted
3489
+ : GenStateSuspendedYield;
3483
3490
 
3484
3491
  if (record.arg === ContinueSentinel) {
3485
3492
  continue;
@@ -3489,24 +3496,24 @@ var runtime = createCommonjsModule(function (module) {
3489
3496
  value: record.arg,
3490
3497
  done: context.done
3491
3498
  };
3499
+
3492
3500
  } else if (record.type === "throw") {
3493
- state = GenStateCompleted; // Dispatch the exception by looping back around to the
3501
+ state = GenStateCompleted;
3502
+ // Dispatch the exception by looping back around to the
3494
3503
  // context.dispatchException(context.arg) call above.
3495
-
3496
3504
  context.method = "throw";
3497
3505
  context.arg = record.arg;
3498
3506
  }
3499
3507
  }
3500
3508
  };
3501
- } // Call delegate.iterator[context.method](context.arg) and handle the
3509
+ }
3510
+
3511
+ // Call delegate.iterator[context.method](context.arg) and handle the
3502
3512
  // result, either by returning a { value, done } result from the
3503
3513
  // delegate iterator, or by modifying context.method and context.arg,
3504
3514
  // setting context.delegate to null, and returning the ContinueSentinel.
3505
-
3506
-
3507
3515
  function maybeInvokeDelegate(delegate, context) {
3508
3516
  var method = delegate.iterator[context.method];
3509
-
3510
3517
  if (method === undefined$1) {
3511
3518
  // A .throw or .return when the delegate iterator has no .throw
3512
3519
  // method always terminates the yield* loop.
@@ -3528,7 +3535,8 @@ var runtime = createCommonjsModule(function (module) {
3528
3535
  }
3529
3536
 
3530
3537
  context.method = "throw";
3531
- context.arg = new TypeError("The iterator does not provide a 'throw' method");
3538
+ context.arg = new TypeError(
3539
+ "The iterator does not provide a 'throw' method");
3532
3540
  }
3533
3541
 
3534
3542
  return ContinueSentinel;
@@ -3545,7 +3553,7 @@ var runtime = createCommonjsModule(function (module) {
3545
3553
 
3546
3554
  var info = record.arg;
3547
3555
 
3548
- if (!info) {
3556
+ if (! info) {
3549
3557
  context.method = "throw";
3550
3558
  context.arg = new TypeError("iterator result is not an object");
3551
3559
  context.delegate = null;
@@ -3555,51 +3563,54 @@ var runtime = createCommonjsModule(function (module) {
3555
3563
  if (info.done) {
3556
3564
  // Assign the result of the finished delegate to the temporary
3557
3565
  // variable specified by delegate.resultName (see delegateYield).
3558
- context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
3566
+ context[delegate.resultName] = info.value;
3567
+
3568
+ // Resume execution at the desired location (see delegateYield).
3569
+ context.next = delegate.nextLoc;
3559
3570
 
3560
- context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
3571
+ // If context.method was "throw" but the delegate handled the
3561
3572
  // exception, let the outer generator proceed normally. If
3562
3573
  // context.method was "next", forget context.arg since it has been
3563
3574
  // "consumed" by the delegate iterator. If context.method was
3564
3575
  // "return", allow the original .return call to continue in the
3565
3576
  // outer generator.
3566
-
3567
3577
  if (context.method !== "return") {
3568
3578
  context.method = "next";
3569
3579
  context.arg = undefined$1;
3570
3580
  }
3581
+
3571
3582
  } else {
3572
3583
  // Re-yield the result returned by the delegate method.
3573
3584
  return info;
3574
- } // The delegate iterator is finished, so forget it and continue with
3575
- // the outer generator.
3576
-
3585
+ }
3577
3586
 
3587
+ // The delegate iterator is finished, so forget it and continue with
3588
+ // the outer generator.
3578
3589
  context.delegate = null;
3579
3590
  return ContinueSentinel;
3580
- } // Define Generator.prototype.{next,throw,return} in terms of the
3591
+ }
3592
+
3593
+ // Define Generator.prototype.{next,throw,return} in terms of the
3581
3594
  // unified ._invoke helper method.
3595
+ defineIteratorMethods(Gp);
3582
3596
 
3597
+ Gp[toStringTagSymbol] = "Generator";
3583
3598
 
3584
- defineIteratorMethods(Gp);
3585
- Gp[toStringTagSymbol] = "Generator"; // A Generator should always return itself as the iterator object when the
3599
+ // A Generator should always return itself as the iterator object when the
3586
3600
  // @@iterator function is called on it. Some browsers' implementations of the
3587
3601
  // iterator prototype chain incorrectly implement this, causing the Generator
3588
3602
  // object to not be returned from this call. This ensures that doesn't happen.
3589
3603
  // See https://github.com/facebook/regenerator/issues/274 for more details.
3590
-
3591
- Gp[iteratorSymbol] = function () {
3604
+ Gp[iteratorSymbol] = function() {
3592
3605
  return this;
3593
3606
  };
3594
3607
 
3595
- Gp.toString = function () {
3608
+ Gp.toString = function() {
3596
3609
  return "[object Generator]";
3597
3610
  };
3598
3611
 
3599
3612
  function pushTryEntry(locs) {
3600
- var entry = {
3601
- tryLoc: locs[0]
3602
- };
3613
+ var entry = { tryLoc: locs[0] };
3603
3614
 
3604
3615
  if (1 in locs) {
3605
3616
  entry.catchLoc = locs[1];
@@ -3624,37 +3635,33 @@ var runtime = createCommonjsModule(function (module) {
3624
3635
  // The root entry object (effectively a try statement without a catch
3625
3636
  // or a finally block) gives us a place to store values thrown from
3626
3637
  // locations where there is no enclosing try statement.
3627
- this.tryEntries = [{
3628
- tryLoc: "root"
3629
- }];
3638
+ this.tryEntries = [{ tryLoc: "root" }];
3630
3639
  tryLocsList.forEach(pushTryEntry, this);
3631
3640
  this.reset(true);
3632
3641
  }
3633
3642
 
3634
- runtime.keys = function (object) {
3643
+ runtime.keys = function(object) {
3635
3644
  var keys = [];
3636
-
3637
3645
  for (var key in object) {
3638
3646
  keys.push(key);
3639
3647
  }
3648
+ keys.reverse();
3640
3649
 
3641
- keys.reverse(); // Rather than returning an object with a next method, we keep
3650
+ // Rather than returning an object with a next method, we keep
3642
3651
  // things simple and return the next function itself.
3643
-
3644
3652
  return function next() {
3645
3653
  while (keys.length) {
3646
3654
  var key = keys.pop();
3647
-
3648
3655
  if (key in object) {
3649
3656
  next.value = key;
3650
3657
  next.done = false;
3651
3658
  return next;
3652
3659
  }
3653
- } // To avoid creating an additional object, we just hang the .value
3660
+ }
3661
+
3662
+ // To avoid creating an additional object, we just hang the .value
3654
3663
  // and .done properties off the next function object itself. This
3655
3664
  // also ensures that the minifier will not anonymize the function.
3656
-
3657
-
3658
3665
  next.done = true;
3659
3666
  return next;
3660
3667
  };
@@ -3663,7 +3670,6 @@ var runtime = createCommonjsModule(function (module) {
3663
3670
  function values(iterable) {
3664
3671
  if (iterable) {
3665
3672
  var iteratorMethod = iterable[iteratorSymbol];
3666
-
3667
3673
  if (iteratorMethod) {
3668
3674
  return iteratorMethod.call(iterable);
3669
3675
  }
@@ -3673,8 +3679,7 @@ var runtime = createCommonjsModule(function (module) {
3673
3679
  }
3674
3680
 
3675
3681
  if (!isNaN(iterable.length)) {
3676
- var i = -1,
3677
- next = function next() {
3682
+ var i = -1, next = function next() {
3678
3683
  while (++i < iterable.length) {
3679
3684
  if (hasOwn.call(iterable, i)) {
3680
3685
  next.value = iterable[i];
@@ -3685,69 +3690,70 @@ var runtime = createCommonjsModule(function (module) {
3685
3690
 
3686
3691
  next.value = undefined$1;
3687
3692
  next.done = true;
3693
+
3688
3694
  return next;
3689
3695
  };
3690
3696
 
3691
3697
  return next.next = next;
3692
3698
  }
3693
- } // Return an iterator with no values.
3694
-
3699
+ }
3695
3700
 
3696
- return {
3697
- next: doneResult
3698
- };
3701
+ // Return an iterator with no values.
3702
+ return { next: doneResult };
3699
3703
  }
3700
-
3701
3704
  runtime.values = values;
3702
3705
 
3703
3706
  function doneResult() {
3704
- return {
3705
- value: undefined$1,
3706
- done: true
3707
- };
3707
+ return { value: undefined$1, done: true };
3708
3708
  }
3709
3709
 
3710
3710
  Context.prototype = {
3711
3711
  constructor: Context,
3712
- reset: function (skipTempReset) {
3712
+
3713
+ reset: function(skipTempReset) {
3713
3714
  this.prev = 0;
3714
- this.next = 0; // Resetting context._sent for legacy support of Babel's
3715
+ this.next = 0;
3716
+ // Resetting context._sent for legacy support of Babel's
3715
3717
  // function.sent implementation.
3716
-
3717
3718
  this.sent = this._sent = undefined$1;
3718
3719
  this.done = false;
3719
3720
  this.delegate = null;
3721
+
3720
3722
  this.method = "next";
3721
3723
  this.arg = undefined$1;
3724
+
3722
3725
  this.tryEntries.forEach(resetTryEntry);
3723
3726
 
3724
3727
  if (!skipTempReset) {
3725
3728
  for (var name in this) {
3726
3729
  // Not sure about the optimal order of these conditions:
3727
- if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
3730
+ if (name.charAt(0) === "t" &&
3731
+ hasOwn.call(this, name) &&
3732
+ !isNaN(+name.slice(1))) {
3728
3733
  this[name] = undefined$1;
3729
3734
  }
3730
3735
  }
3731
3736
  }
3732
3737
  },
3733
- stop: function () {
3738
+
3739
+ stop: function() {
3734
3740
  this.done = true;
3741
+
3735
3742
  var rootEntry = this.tryEntries[0];
3736
3743
  var rootRecord = rootEntry.completion;
3737
-
3738
3744
  if (rootRecord.type === "throw") {
3739
3745
  throw rootRecord.arg;
3740
3746
  }
3741
3747
 
3742
3748
  return this.rval;
3743
3749
  },
3744
- dispatchException: function (exception) {
3750
+
3751
+ dispatchException: function(exception) {
3745
3752
  if (this.done) {
3746
3753
  throw exception;
3747
3754
  }
3748
3755
 
3749
3756
  var context = this;
3750
-
3751
3757
  function handle(loc, caught) {
3752
3758
  record.type = "throw";
3753
3759
  record.arg = exception;
@@ -3760,7 +3766,7 @@ var runtime = createCommonjsModule(function (module) {
3760
3766
  context.arg = undefined$1;
3761
3767
  }
3762
3768
 
3763
- return !!caught;
3769
+ return !! caught;
3764
3770
  }
3765
3771
 
3766
3772
  for (var i = this.tryEntries.length - 1; i >= 0; --i) {
@@ -3784,31 +3790,40 @@ var runtime = createCommonjsModule(function (module) {
3784
3790
  } else if (this.prev < entry.finallyLoc) {
3785
3791
  return handle(entry.finallyLoc);
3786
3792
  }
3793
+
3787
3794
  } else if (hasCatch) {
3788
3795
  if (this.prev < entry.catchLoc) {
3789
3796
  return handle(entry.catchLoc, true);
3790
3797
  }
3798
+
3791
3799
  } else if (hasFinally) {
3792
3800
  if (this.prev < entry.finallyLoc) {
3793
3801
  return handle(entry.finallyLoc);
3794
3802
  }
3803
+
3795
3804
  } else {
3796
3805
  throw new Error("try statement without catch or finally");
3797
3806
  }
3798
3807
  }
3799
3808
  }
3800
3809
  },
3801
- abrupt: function (type, arg) {
3810
+
3811
+ abrupt: function(type, arg) {
3802
3812
  for (var i = this.tryEntries.length - 1; i >= 0; --i) {
3803
3813
  var entry = this.tryEntries[i];
3804
-
3805
- if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
3814
+ if (entry.tryLoc <= this.prev &&
3815
+ hasOwn.call(entry, "finallyLoc") &&
3816
+ this.prev < entry.finallyLoc) {
3806
3817
  var finallyEntry = entry;
3807
3818
  break;
3808
3819
  }
3809
3820
  }
3810
3821
 
3811
- if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
3822
+ if (finallyEntry &&
3823
+ (type === "break" ||
3824
+ type === "continue") &&
3825
+ finallyEntry.tryLoc <= arg &&
3826
+ arg <= finallyEntry.finallyLoc) {
3812
3827
  // Ignore the finally entry if control is not jumping to a
3813
3828
  // location outside the try/catch block.
3814
3829
  finallyEntry = null;
@@ -3826,12 +3841,14 @@ var runtime = createCommonjsModule(function (module) {
3826
3841
 
3827
3842
  return this.complete(record);
3828
3843
  },
3829
- complete: function (record, afterLoc) {
3844
+
3845
+ complete: function(record, afterLoc) {
3830
3846
  if (record.type === "throw") {
3831
3847
  throw record.arg;
3832
3848
  }
3833
3849
 
3834
- if (record.type === "break" || record.type === "continue") {
3850
+ if (record.type === "break" ||
3851
+ record.type === "continue") {
3835
3852
  this.next = record.arg;
3836
3853
  } else if (record.type === "return") {
3837
3854
  this.rval = this.arg = record.arg;
@@ -3843,10 +3860,10 @@ var runtime = createCommonjsModule(function (module) {
3843
3860
 
3844
3861
  return ContinueSentinel;
3845
3862
  },
3846
- finish: function (finallyLoc) {
3863
+
3864
+ finish: function(finallyLoc) {
3847
3865
  for (var i = this.tryEntries.length - 1; i >= 0; --i) {
3848
3866
  var entry = this.tryEntries[i];
3849
-
3850
3867
  if (entry.finallyLoc === finallyLoc) {
3851
3868
  this.complete(entry.completion, entry.afterLoc);
3852
3869
  resetTryEntry(entry);
@@ -3854,27 +3871,26 @@ var runtime = createCommonjsModule(function (module) {
3854
3871
  }
3855
3872
  }
3856
3873
  },
3857
- "catch": function (tryLoc) {
3874
+
3875
+ "catch": function(tryLoc) {
3858
3876
  for (var i = this.tryEntries.length - 1; i >= 0; --i) {
3859
3877
  var entry = this.tryEntries[i];
3860
-
3861
3878
  if (entry.tryLoc === tryLoc) {
3862
3879
  var record = entry.completion;
3863
-
3864
3880
  if (record.type === "throw") {
3865
3881
  var thrown = record.arg;
3866
3882
  resetTryEntry(entry);
3867
3883
  }
3868
-
3869
3884
  return thrown;
3870
3885
  }
3871
- } // The context.catch method must only be called with a location
3872
- // argument that corresponds to a known catch block.
3873
-
3886
+ }
3874
3887
 
3888
+ // The context.catch method must only be called with a location
3889
+ // argument that corresponds to a known catch block.
3875
3890
  throw new Error("illegal catch attempt");
3876
3891
  },
3877
- delegateYield: function (iterable, resultName, nextLoc) {
3892
+
3893
+ delegateYield: function(iterable, resultName, nextLoc) {
3878
3894
  this.delegate = {
3879
3895
  iterator: values(iterable),
3880
3896
  resultName: resultName,
@@ -3890,12 +3906,14 @@ var runtime = createCommonjsModule(function (module) {
3890
3906
  return ContinueSentinel;
3891
3907
  }
3892
3908
  };
3893
- }( // In sloppy mode, unbound `this` refers to the global object, fallback to
3894
- // Function constructor if we're in global strict mode. That is sadly a form
3895
- // of indirect eval which violates Content Security Policy.
3896
- function () {
3897
- return this || typeof self === "object" && self;
3898
- }() || Function("return this")());
3909
+ })(
3910
+ // In sloppy mode, unbound `this` refers to the global object, fallback to
3911
+ // Function constructor if we're in global strict mode. That is sadly a form
3912
+ // of indirect eval which violates Content Security Policy.
3913
+ (function() {
3914
+ return this || (typeof self === "object" && self);
3915
+ })() || Function("return this")()
3916
+ );
3899
3917
  });
3900
3918
 
3901
3919
  /**
@@ -3904,19 +3922,24 @@ function () {
3904
3922
  * This source code is licensed under the MIT license found in the
3905
3923
  * LICENSE file in the root directory of this source tree.
3906
3924
  */
3925
+
3907
3926
  // This method of obtaining a reference to the global object needs to be
3908
3927
  // kept identical to the way it is obtained in runtime.js
3909
- var g$1 = function () {
3910
- return this || typeof self === "object" && self;
3911
- }() || Function("return this")(); // Use `getOwnPropertyNames` because not all browsers support calling
3912
- // `hasOwnProperty` on the global `self` object in a worker. See #183.
3913
-
3928
+ var g$1 = (function() {
3929
+ return this || (typeof self === "object" && self);
3930
+ })() || Function("return this")();
3914
3931
 
3915
- var hadRuntime = g$1.regeneratorRuntime && Object.getOwnPropertyNames(g$1).indexOf("regeneratorRuntime") >= 0; // Save the old regeneratorRuntime in case it needs to be restored later.
3932
+ // Use `getOwnPropertyNames` because not all browsers support calling
3933
+ // `hasOwnProperty` on the global `self` object in a worker. See #183.
3934
+ var hadRuntime = g$1.regeneratorRuntime &&
3935
+ Object.getOwnPropertyNames(g$1).indexOf("regeneratorRuntime") >= 0;
3916
3936
 
3917
- var oldRuntime = hadRuntime && g$1.regeneratorRuntime; // Force reevalutation of runtime.js.
3937
+ // Save the old regeneratorRuntime in case it needs to be restored later.
3938
+ var oldRuntime = hadRuntime && g$1.regeneratorRuntime;
3918
3939
 
3940
+ // Force reevalutation of runtime.js.
3919
3941
  g$1.regeneratorRuntime = undefined;
3942
+
3920
3943
  var runtimeModule = runtime;
3921
3944
 
3922
3945
  if (hadRuntime) {
@@ -3926,7 +3949,7 @@ if (hadRuntime) {
3926
3949
  // Remove the global property added by runtime.js.
3927
3950
  try {
3928
3951
  delete g$1.regeneratorRuntime;
3929
- } catch (e) {
3952
+ } catch(e) {
3930
3953
  g$1.regeneratorRuntime = undefined;
3931
3954
  }
3932
3955
  }
@@ -11203,8 +11226,8 @@ var getDomain = function getDomain(url) {
11203
11226
  }
11204
11227
  };
11205
11228
 
11206
- var css_248z$g = ".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";
11207
- styleInject(css_248z$g);
11229
+ var css_248z$k = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
11230
+ styleInject(css_248z$k);
11208
11231
 
11209
11232
  var ConfigFetcher =
11210
11233
  /*#__PURE__*/
@@ -11291,10 +11314,7 @@ function (_React$Component) {
11291
11314
  return this.state.gotConfig ? React__namespace.createElement("div", {
11292
11315
  className: "fade-in",
11293
11316
  style: {
11294
- transition: 'all 3s',
11295
- height: '100%',
11296
- display: 'flex',
11297
- flexFlow: 'column'
11317
+ transition: 'all 3s'
11298
11318
  }
11299
11319
  }, this.props.children) : React__namespace.createElement(coreComponents.Spinner, {
11300
11320
  className: "utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner"
@@ -21902,8 +21922,8 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21902
21922
  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 ");
21903
21923
  }; // NOTE: Cloned from ops-portal repo.
21904
21924
 
21905
- var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21906
- styleInject(css_248z$f);
21925
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21926
+ styleInject(css_248z$j);
21907
21927
 
21908
21928
  var FAQLink = function FAQLink() {
21909
21929
  return React__namespace.createElement("a", {
@@ -21917,8 +21937,8 @@ var FAQLink = function FAQLink() {
21917
21937
  }, locale('FAQs'));
21918
21938
  };
21919
21939
 
21920
- var css_248z$e = ".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";
21921
- styleInject(css_248z$e);
21940
+ var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21941
+ styleInject(css_248z$i);
21922
21942
 
21923
21943
  var FAQText = function FAQText() {
21924
21944
  return React__namespace.createElement("div", {
@@ -21928,8 +21948,8 @@ var FAQText = function FAQText() {
21928
21948
  }, locale('Please see'), " ", React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21929
21949
  };
21930
21950
 
21931
- var css_248z$d = ".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";
21932
- styleInject(css_248z$d);
21951
+ var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21952
+ styleInject(css_248z$h);
21933
21953
 
21934
21954
  var DialogTitle = function DialogTitle() {
21935
21955
  return React__namespace.createElement("span", {
@@ -22183,8 +22203,8 @@ FeedbackDialog.defaultProps = {
22183
22203
  }
22184
22204
  };
22185
22205
 
22186
- var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 64px;\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: space-between;\n align-items: center;\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-left: 5px;\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 display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 13px;\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--yardNumber {\n margin-left: 10px;\n margin-right: 7px;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 7px;\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.utilities_ops-app-frame_AppBarComponent_AppBar--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 margin-left: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: 100vh;\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: 402px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\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 .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\n margin-left: 2px;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--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";
22187
- styleInject(css_248z$c);
22206
+ var css_248z$g = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 64px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 10px;\r\n margin-right: 7px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: 2px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: 100vh;\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 402px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 3px;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber > div {\r\n margin-left: 2px;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n";
22207
+ styleInject(css_248z$g);
22188
22208
 
22189
22209
  var LogOutMenu = function LogOutMenu(_ref) {
22190
22210
  var items = _ref.items,
@@ -22206,8 +22226,8 @@ var LogOutMenu = function LogOutMenu(_ref) {
22206
22226
  }));
22207
22227
  };
22208
22228
 
22209
- var css_248z$b = ".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";
22210
- styleInject(css_248z$b);
22229
+ var css_248z$f = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
22230
+ styleInject(css_248z$f);
22211
22231
 
22212
22232
  var _styleModuleImportMap$7 = {
22213
22233
  "./CopartLogo.css": {
@@ -22232,20 +22252,869 @@ var CopartLogo = function CopartLogo() {
22232
22252
  };
22233
22253
 
22234
22254
  var Help = function Help(_ref) {
22235
- var handleHelpClick = _ref.handleHelpClick;
22255
+ var handleHelpClick = _ref.handleHelpClick,
22256
+ mihelpVisible = _ref.mihelpVisible,
22257
+ mihelpIconRef = _ref.mihelpIconRef;
22236
22258
  return React__default["default"].createElement("div", {
22237
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button"
22259
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
22260
+ ref: mihelpIconRef
22238
22261
  }, React__default["default"].createElement(coreComponents.IconButton, {
22239
22262
  onClick: handleHelpClick
22240
22263
  }, React__default["default"].createElement(coreComponents.Icon, {
22241
22264
  name: "help",
22242
22265
  variant: "material"
22266
+ })), mihelpVisible && React__default["default"].createElement("div", {
22267
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
22268
+ style: {
22269
+ bottom: '-14px'
22270
+ }
22271
+ }));
22272
+ };
22273
+
22274
+ var contentType = {
22275
+ RECOMMENDED_HELP_RESOURCES: {
22276
+ type: 'RECOMMENDED_HELP_RESOURCES',
22277
+ title: 'Recommended Help Resources',
22278
+ icon: '/assets/images/mihelpIcons/icon-helpresource.svg'
22279
+ },
22280
+ FAQS: {
22281
+ type: 'FAQS',
22282
+ title: 'FAQs',
22283
+ icon: '/assets/images/mihelpIcons/icon-faqs.svg'
22284
+ },
22285
+ RELEASE_NOTES: {
22286
+ type: 'RELEASE_NOTES',
22287
+ title: 'Latest Release',
22288
+ icon: '/assets/images/mihelpIcons/icon-releases.svg'
22289
+ }
22290
+ };
22291
+ var postTypeMapper = {
22292
+ help_articles: contentType.RECOMMENDED_HELP_RESOURCES.type,
22293
+ faq: contentType.FAQS.type,
22294
+ release_notes: contentType.RELEASE_NOTES.type
22295
+ };
22296
+ var redirectContants = {
22297
+ ALL_HELP_RESOURCES: 'ALL_HELP_RESOURCES',
22298
+ HELP_RESOURCES: 'HELP_RESOURCES',
22299
+ RECOMMENDED_HELP_RESOURCES: 'HELP_RESOURCES',
22300
+ FAQS: 'FAQS',
22301
+ RELEASE_NOTES: 'RELEASE_NOTES',
22302
+ OPEN_IN_NEW_TAB: 'OPEN_IN_NEW_TAB'
22303
+ };
22304
+ var views = {
22305
+ HOME: 'HOME',
22306
+ HELP_ARTICLE: 'HELP_ARTICLE',
22307
+ FAQ: 'FAQ',
22308
+ RELEASE_NOTE: 'RELEASE_NOTE'
22309
+ };
22310
+ var viewMapper = {
22311
+ RECOMMENDED_HELP_RESOURCES: views.HELP_ARTICLE,
22312
+ HOME: views.HOME,
22313
+ FAQS: views.FAQ,
22314
+ RELEASE_NOTES: views.RELEASE_NOTE
22315
+ };
22316
+
22317
+ var css_248z$e = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 64px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 50vw;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 64px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n color: #323130;\r\n}\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 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 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 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 list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper 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 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 white-space: pre-wrap;\r\n margin-top: 13px;\r\n margin-bottom: 30px;\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--overFlowHidden {\r\n overflow: hidden;\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}\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}\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";
22318
+ styleInject(css_248z$e);
22319
+
22320
+ var ArticleSection = function ArticleSection(_ref) {
22321
+ var getArticles = _ref.getArticles,
22322
+ handleRedirect = _ref.handleRedirect,
22323
+ viewMore = _ref.viewMore,
22324
+ articleDetails = _ref.articleDetails,
22325
+ redirectConstant = _ref.redirectConstant,
22326
+ title = _ref.title,
22327
+ mihelpAppPath = _ref.mihelpAppPath,
22328
+ clickhandler = _ref.clickhandler;
22329
+ return React__default["default"].createElement("div", {
22330
+ className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
22331
+ }, React__default["default"].createElement("h3", null, articleDetails.title, title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES' ? 's' : '', !(title === 'G2Portal' && articleDetails.type === 'RELEASE_NOTES') ? React__default["default"].createElement("span", {
22332
+ onClick: function onClick() {
22333
+ return handleRedirect(redirectConstant, mihelpAppPath);
22334
+ }
22335
+ }, React__default["default"].createElement(coreComponents.Icon, {
22336
+ name: "open_in_new",
22337
+ variant: "material"
22338
+ })) : null), React__default["default"].createElement("ul", null, getArticles().slice(0, 5).map(function (article, i) {
22339
+ return React__default["default"].createElement("li", {
22340
+ key: i,
22341
+ onClick: function onClick() {
22342
+ return clickhandler(viewMapper[articleDetails.type], article);
22343
+ }
22344
+ }, React__default["default"].createElement("img", {
22345
+ src: articleDetails.icon
22346
+ }), article.title || article.question);
22347
+ })), getArticles().length > 5 ? React__default["default"].createElement("span", {
22348
+ className: "utilities_ops-app-frame_Help_Help--viewMore",
22349
+ onClick: function onClick() {
22350
+ return viewMore(articleDetails.type);
22351
+ }
22352
+ }, "view more") : null);
22353
+ };
22354
+
22355
+ var Home = function Home(_ref) {
22356
+ var viewMoreType = _ref.viewMoreType,
22357
+ _getArticles = _ref.getArticles,
22358
+ handleRedirect = _ref.handleRedirect,
22359
+ viewMore = _ref.viewMore,
22360
+ title = _ref.title,
22361
+ mihelpAppPath = _ref.mihelpAppPath,
22362
+ setCurrentView = _ref.setCurrentView,
22363
+ setcurrentArticle = _ref.setcurrentArticle;
22364
+
22365
+ var clickhandler = function clickhandler(view, id) {
22366
+ setCurrentView(view);
22367
+ setcurrentArticle(id);
22368
+ };
22369
+
22370
+ return !viewMoreType ? React__default["default"].createElement(React__default["default"].Fragment, null, Object.keys(contentType).map(function (key) {
22371
+ return React__default["default"].createElement(ArticleSection, {
22372
+ getArticles: function getArticles() {
22373
+ return _getArticles(contentType[key].type);
22374
+ },
22375
+ handleRedirect: handleRedirect,
22376
+ viewMore: viewMore,
22377
+ articleDetails: contentType[key],
22378
+ redirectConstant: redirectContants[key],
22379
+ title: title,
22380
+ key: key,
22381
+ mihelpAppPath: mihelpAppPath,
22382
+ clickhandler: clickhandler
22383
+ });
22384
+ })) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
22385
+ className: "utilities_ops-app-frame_Help_Help--helpResourcesWrapper"
22386
+ }, React__default["default"].createElement("h3", null, "All ", contentType[viewMoreType].title, title === 'G2Portal' && viewMoreType === 'RELEASE_NOTES' ? 's' : ''), React__default["default"].createElement("ul", null, _getArticles(viewMoreType).map(function (article) {
22387
+ return React__default["default"].createElement("li", {
22388
+ key: article.id,
22389
+ onClick: function onClick() {
22390
+ return clickhandler(viewMapper[viewMoreType], article);
22391
+ }
22392
+ }, React__default["default"].createElement("img", {
22393
+ src: contentType[viewMoreType].icon
22394
+ }), article.title || article.question);
22395
+ }))));
22396
+ };
22397
+
22398
+ var SearchResults = function SearchResults(_ref) {
22399
+ var searchText = _ref.searchText,
22400
+ results = _ref.results,
22401
+ contentType = _ref.contentType,
22402
+ postTypeMapper = _ref.postTypeMapper;
22403
+ return React__default["default"].createElement("div", {
22404
+ className: "utilities_ops-app-frame_Help_Help--searchResultsWrapper"
22405
+ }, React__default["default"].createElement("h3", null, "Search results for \"", searchText, "\""), React__default["default"].createElement("div", {
22406
+ className: ""
22407
+ }, results.map(function (result) {
22408
+ return React__default["default"].createElement("div", {
22409
+ className: "utilities_ops-app-frame_Help_Help--searchResult",
22410
+ key: result.ID
22411
+ }, React__default["default"].createElement("div", {
22412
+ className: "utilities_ops-app-frame_Help_Help--searchTitlewrapper"
22413
+ }, React__default["default"].createElement("div", {
22414
+ className: "utilities_ops-app-frame_Help_Help--searchTitle"
22415
+ }, React__default["default"].createElement("img", {
22416
+ src: contentType[postTypeMapper[result.post_type]].icon
22417
+ }), React__default["default"].createElement("span", null, result.post_title.replace(/<\/?[^>]+(>|$)/g, ''))), React__default["default"].createElement("div", {
22418
+ className: "utilities_ops-app-frame_Help_Help--likeswrapper"
22419
+ }, React__default["default"].createElement("span", {
22420
+ className: "utilities_ops-app-frame_Help_Help--like"
22421
+ }, React__default["default"].createElement(coreComponents.Icon, {
22422
+ name: "LikeSolid"
22423
+ }), result.likeCount), React__default["default"].createElement("span", {
22424
+ className: "utilities_ops-app-frame_Help_Help--like"
22425
+ }, React__default["default"].createElement(coreComponents.Icon, {
22426
+ name: "DislikeSolid"
22427
+ }), result.dislikeCount))), React__default["default"].createElement("p", {
22428
+ dangerouslySetInnerHTML: {
22429
+ __html: result.post_excerpt.replace(/<\/?[^>]+(>|$)/g, '').replace(/(?:https?|ftp):\/\/[\n\S]+/g, '')
22430
+ }
22431
+ }));
22243
22432
  })));
22244
22433
  };
22245
22434
 
22246
- var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n /* TODO: Perfect the AppBar spacing. */\n margin-left: 7px !important;\n position: relative !important;\n top: 1px;\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";
22435
+ var css_248z$d = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n";
22436
+ styleInject(css_248z$d);
22437
+
22438
+ var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
22439
+ styleInject(css_248z$c);
22440
+
22441
+ var css_248z$b = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
22442
+ styleInject(css_248z$b);
22443
+
22444
+ var css_248z$a = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
22247
22445
  styleInject(css_248z$a);
22248
22446
 
22447
+ function HelpArticleContent(_ref) {
22448
+ var content = _ref.content;
22449
+ return React__default["default"].createElement("div", {
22450
+ className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
22451
+ }, React__default["default"].createElement("div", {
22452
+ className: "elementor-kit-38"
22453
+ }, React__default["default"].createElement("div", {
22454
+ className: "elementor elementor-1674 elementor-location-single post-5001700 help_articles type-help_articles status-publish hentry help_article_categories-process-documents applications_tax-g2-portal country-are country-bhr country-can country-gbr country-ind country-irl country-omn country-usa"
22455
+ }, React__default["default"].createElement("div", {
22456
+ className: "elementor-section-wrap"
22457
+ }, React__default["default"].createElement("section", {
22458
+ className: "elementor-section elementor-top-section elementor-element elementor-element-4a49924 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
22459
+ }, React__default["default"].createElement("div", {
22460
+ className: "elementor-container elementor-column-gap-default"
22461
+ }, React__default["default"].createElement("div", {
22462
+ className: "elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-e83e3ae"
22463
+ }, React__default["default"].createElement("div", {
22464
+ className: "elementor-widget-wrap elementor-element-populated"
22465
+ }, React__default["default"].createElement("div", {
22466
+ className: "elementor-element elementor-element-efa7410 elementor-widget elementor-widget-theme-post-content"
22467
+ }, React__default["default"].createElement("div", {
22468
+ className: "elementor-widget-container"
22469
+ }, React__default["default"].createElement("div", {
22470
+ className: "elementor-widget-container",
22471
+ dangerouslySetInnerHTML: {
22472
+ __html: content
22473
+ }
22474
+ })))))))))));
22475
+ }
22476
+
22477
+ var HelpArticle = function HelpArticle(_ref) {
22478
+ var currentArticle = _ref.currentArticle,
22479
+ modifyLinks = _ref.modifyLinks;
22480
+ React.useEffect(function () {
22481
+ modifyLinks();
22482
+ }, [currentArticle]);
22483
+ return React__default["default"].createElement("div", {
22484
+ className: "utilities_ops-app-frame_Help_Help--helpArticle"
22485
+ }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
22486
+ className: "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
22487
+ }, React__default["default"].createElement(HelpArticleContent, {
22488
+ content: currentArticle.content
22489
+ })));
22490
+ };
22491
+
22492
+ function ReleaseNoteContent(_ref) {
22493
+ var content = _ref.content;
22494
+ return React__default["default"].createElement("div", {
22495
+ className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
22496
+ }, React__default["default"].createElement("div", {
22497
+ className: "elementor-kit-38"
22498
+ }, React__default["default"].createElement("div", {
22499
+ className: "elementor-element elementor-element-8c17653 elementor-widget elementor-widget-theme-post-content"
22500
+ }, React__default["default"].createElement("div", {
22501
+ className: "elementor-widget-container",
22502
+ dangerouslySetInnerHTML: {
22503
+ __html: content
22504
+ }
22505
+ }))));
22506
+ }
22507
+
22508
+ function Accordian(_ref) {
22509
+ var question = _ref.question,
22510
+ answer = _ref.answer,
22511
+ isOpen = _ref.isOpen,
22512
+ mihelpRef = _ref.mihelpRef;
22513
+
22514
+ var _useState = React.useState(Boolean(isOpen)),
22515
+ _useState2 = _slicedToArray(_useState, 2),
22516
+ open = _useState2[0],
22517
+ setOpen = _useState2[1];
22518
+
22519
+ var faqRef = React.useRef(null);
22520
+ React.useEffect(function () {
22521
+ if (isOpen) {
22522
+ var offsetTop = faqRef.current.offsetTop;
22523
+ mihelpRef.current.scroll({
22524
+ top: offsetTop - 50,
22525
+ behavior: 'smooth'
22526
+ });
22527
+ }
22528
+ }, [isOpen]);
22529
+ return React__default["default"].createElement("div", {
22530
+ className: "utilities_ops-app-frame_Help_Help--accordian"
22531
+ }, React__default["default"].createElement("div", {
22532
+ className: "utilities_ops-app-frame_Help_Help--question",
22533
+ onClick: function onClick() {
22534
+ return setOpen(!open);
22535
+ },
22536
+ ref: faqRef
22537
+ }, React__default["default"].createElement("p", {
22538
+ style: {
22539
+ color: open ? '#1D5AB9' : '#323130'
22540
+ }
22541
+ }, question), React__default["default"].createElement(coreComponents.Icon, {
22542
+ name: "chevron_right",
22543
+ variant: "material",
22544
+ style: {
22545
+ transform: open ? 'rotate(90deg)' : 'rotate(0deg)',
22546
+ color: open ? '#1D5AB9' : '#DCDCDC'
22547
+ }
22548
+ })), React__default["default"].createElement("div", {
22549
+ className: "utilities_ops-app-frame_Help_Help--answer",
22550
+ style: {
22551
+ maxHeight: open ? '500px' : 0
22552
+ }
22553
+ }, React__default["default"].createElement(ReleaseNoteContent, {
22554
+ content: answer
22555
+ })));
22556
+ }
22557
+
22558
+ var Faq = function Faq(_ref) {
22559
+ var faqs = _ref.faqs,
22560
+ currentArticle = _ref.currentArticle,
22561
+ mihelpRef = _ref.mihelpRef,
22562
+ modifyLinks = _ref.modifyLinks;
22563
+ React.useEffect(function () {
22564
+ modifyLinks();
22565
+ }, [faqs]);
22566
+ var faqsByCategory = {};
22567
+ faqs.forEach(function (faq) {
22568
+ if (faqsByCategory[faq.category]) {
22569
+ faqsByCategory[faq.category] = [].concat(_toConsumableArray(faqsByCategory[faq.category]), [faq]);
22570
+ } else {
22571
+ faqsByCategory[faq.category] = [faq];
22572
+ }
22573
+ });
22574
+ return React__default["default"].createElement("div", {
22575
+ className: "utilities_ops-app-frame_Help_Help--faqContentWrapper"
22576
+ }, React__default["default"].createElement("h3", null, "FAQs"), React__default["default"].createElement("div", {
22577
+ className: "utilities_ops-app-frame_Help_Help--faqsList"
22578
+ }, Object.keys(faqsByCategory).map(function (category) {
22579
+ return React__default["default"].createElement("div", {
22580
+ className: "utilities_ops-app-frame_Help_Help--category"
22581
+ }, React__default["default"].createElement("h3", null, category, " (", faqsByCategory[category].length, ")"), faqsByCategory[category].map(function (faq) {
22582
+ return React__default["default"].createElement(Accordian, {
22583
+ question: faq.question,
22584
+ answer: faq.answer,
22585
+ isOpen: faq.id === currentArticle.id,
22586
+ mihelpRef: mihelpRef
22587
+ });
22588
+ }));
22589
+ })));
22590
+ };
22591
+
22592
+ var ReleaseNote = function ReleaseNote(_ref) {
22593
+ var currentArticle = _ref.currentArticle,
22594
+ modifyLinks = _ref.modifyLinks;
22595
+ React.useEffect(function () {
22596
+ modifyLinks();
22597
+ }, [currentArticle]);
22598
+ return React__default["default"].createElement("div", {
22599
+ className: "utilities_ops-app-frame_Help_Help--releaseNote"
22600
+ }, React__default["default"].createElement("h3", null, currentArticle.title), React__default["default"].createElement("div", {
22601
+ className: "utilities_ops-app-frame_Help_Help--releaseNoteContent"
22602
+ }, React__default["default"].createElement(ReleaseNoteContent, {
22603
+ content: currentArticle.content
22604
+ })));
22605
+ };
22606
+
22607
+ var getRecommendedHelpArticles = function getRecommendedHelpArticles(helpContent) {
22608
+ var articles = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.helpArticles) : []; // const sortedBySequence = articles.sort((a, b) => {
22609
+ // return parseInt(a.sequence) - parseInt(b.sequence)
22610
+ // })
22611
+ // const sortedByLikes = sortedBySequence.sort((a, b) => {
22612
+ // return parseInt(b.likes) - parseInt(a.likes)
22613
+ // })
22614
+
22615
+ var recomendedArticles = articles.filter(function (article) {
22616
+ return article.recomended === 'true';
22617
+ });
22618
+ return recomendedArticles;
22619
+ };
22620
+ var getFaqs = function getFaqs(helpContent) {
22621
+ var faqData = !isNil$1(helpContent) ? helpContent.faqs[0].content : '';
22622
+ if (!faqData) return [];
22623
+ var faqObj = JSON.parse(faqData.slice(faqData.indexOf('wp:acf/faq')).replace('wp:acf/faq', '').replace('/-->', '').trim());
22624
+ var faqs = [];
22625
+ Object.keys(faqObj.data).forEach(function (key, i) {
22626
+ if (key.includes('_question') && !faqObj.data[key].includes('field_')) {
22627
+ faqs.push({
22628
+ question: faqObj.data[key],
22629
+ answer: faqObj.data["".concat(key.replace('question', ''), "answer")],
22630
+ category: faqObj.data["".concat(key.slice(0, key.indexOf('s_')), "_category")],
22631
+ id: i
22632
+ });
22633
+ }
22634
+ });
22635
+ return faqs;
22636
+ };
22637
+ var getReleaseNotes = function getReleaseNotes(helpContent) {
22638
+ var releasenotes = !isNil$1(helpContent) ? _toConsumableArray(helpContent === null || helpContent === void 0 ? void 0 : helpContent.releaseNotes) : [];
22639
+ var releaseNotesByApp = {};
22640
+ releasenotes.forEach(function (note) {
22641
+ if (releaseNotesByApp[note.application]) {
22642
+ releaseNotesByApp[note.application] = [].concat(_toConsumableArray(releaseNotesByApp[note.application]), [note]);
22643
+ } else {
22644
+ releaseNotesByApp[note.application] = [note];
22645
+ }
22646
+ });
22647
+ var latestReleasesByApp = [];
22648
+ Object.keys(releaseNotesByApp).forEach(function (app) {
22649
+ if (releaseNotesByApp[app].length < 2) {
22650
+ latestReleasesByApp.push(releaseNotesByApp[app][0]);
22651
+ return;
22652
+ }
22653
+
22654
+ var latestArticle = releaseNotesByApp[app][0];
22655
+ releaseNotesByApp[app].forEach(function (release) {
22656
+ if (new Date(release.publishDate) > new Date(latestArticle.publishDate)) {
22657
+ latestArticle = release;
22658
+ }
22659
+ });
22660
+ latestReleasesByApp.push(latestArticle);
22661
+ });
22662
+ return latestReleasesByApp;
22663
+ };
22664
+ var timer;
22665
+ var debounce = function debounce(fn, delay) {
22666
+ clearTimeout(timer);
22667
+ timer = setTimeout(function () {
22668
+ return fn();
22669
+ }, delay);
22670
+ };
22671
+ var clearDebounceTimer = function clearDebounceTimer() {
22672
+ clearTimeout(timer);
22673
+ };
22674
+ var handleRedirect = function handleRedirect(type, mihelpAppPath, currentArticle) {
22675
+ var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
22676
+ var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
22677
+ var uri;
22678
+
22679
+ switch (type) {
22680
+ case redirectContants.OPEN_IN_NEW_TAB:
22681
+ uri = currentArticle.url;
22682
+ break;
22683
+
22684
+ case redirectContants.ALL_HELP_RESOURCES:
22685
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
22686
+ break;
22687
+
22688
+ case redirectContants.HELP_RESOURCES:
22689
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#help-resources") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#help-resources");
22690
+ break;
22691
+
22692
+ case redirectContants.FAQS:
22693
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#faqs") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#faqs");
22694
+ break;
22695
+
22696
+ case redirectContants.RELEASE_NOTES:
22697
+ uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase(), "#releases") : "".concat(coreAppConfig.mihelpUri, "/applications/g2-portal?re=").concat(country.toLowerCase(), "#releases");
22698
+ break;
22699
+ }
22700
+
22701
+ window.open(uri, '_blank');
22702
+ };
22703
+
22704
+ var _styleModuleImportMap$6 = {
22705
+ "./Help.css": {
22706
+ "backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
22707
+ "miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
22708
+ "title": "utilities_ops-app-frame_Help_Help--title",
22709
+ "header": "utilities_ops-app-frame_Help_Help--header",
22710
+ "close": "utilities_ops-app-frame_Help_Help--close",
22711
+ "subHeader": "utilities_ops-app-frame_Help_Help--subHeader",
22712
+ "subHeaderTitle": "utilities_ops-app-frame_Help_Help--subHeaderTitle",
22713
+ "back": "utilities_ops-app-frame_Help_Help--back",
22714
+ "link": "utilities_ops-app-frame_Help_Help--link",
22715
+ "helpResourcesWrapper": "utilities_ops-app-frame_Help_Help--helpResourcesWrapper",
22716
+ "viewMore": "utilities_ops-app-frame_Help_Help--viewMore",
22717
+ "searchWrapper": "utilities_ops-app-frame_Help_Help--searchWrapper",
22718
+ "mihelpSearch": "utilities_ops-app-frame_Help_Help--mihelpSearch",
22719
+ "searchResultsWrapper": "utilities_ops-app-frame_Help_Help--searchResultsWrapper",
22720
+ "searchResult": "utilities_ops-app-frame_Help_Help--searchResult",
22721
+ "spinnerWrapper": "utilities_ops-app-frame_Help_Help--spinnerWrapper",
22722
+ "overFlowHidden": "utilities_ops-app-frame_Help_Help--overFlowHidden",
22723
+ "searchTitlewrapper": "utilities_ops-app-frame_Help_Help--searchTitlewrapper",
22724
+ "likeswrapper": "utilities_ops-app-frame_Help_Help--likeswrapper",
22725
+ "like": "utilities_ops-app-frame_Help_Help--like",
22726
+ "searchTitle": "utilities_ops-app-frame_Help_Help--searchTitle",
22727
+ "faqContentWrapper": "utilities_ops-app-frame_Help_Help--faqContentWrapper",
22728
+ "faqsList": "utilities_ops-app-frame_Help_Help--faqsList",
22729
+ "category": "utilities_ops-app-frame_Help_Help--category",
22730
+ "accordian": "utilities_ops-app-frame_Help_Help--accordian",
22731
+ "question": "utilities_ops-app-frame_Help_Help--question",
22732
+ "answer": "utilities_ops-app-frame_Help_Help--answer",
22733
+ "releaseNote": "utilities_ops-app-frame_Help_Help--releaseNote",
22734
+ "releaseNoteContent": "utilities_ops-app-frame_Help_Help--releaseNoteContent",
22735
+ "helpArticle": "utilities_ops-app-frame_Help_Help--helpArticle",
22736
+ "helpArticleWrapper": "utilities_ops-app-frame_Help_Help--helpArticleWrapper"
22737
+ }
22738
+ };
22739
+
22740
+ var HelpSideBar = function HelpSideBar(_ref) {
22741
+ var getNotificationWrapperWidth = _ref.getNotificationWrapperWidth;
22742
+ _ref.getTitle;
22743
+ var mihelpAppPath = _ref.mihelpAppPath,
22744
+ mihelpRef = _ref.mihelpRef,
22745
+ setMihelpVisible = _ref.setMihelpVisible;
22746
+
22747
+ var _useState = React.useState(null),
22748
+ _useState2 = _slicedToArray(_useState, 2),
22749
+ helpContent = _useState2[0],
22750
+ setHelpContent = _useState2[1];
22751
+
22752
+ var _useState3 = React.useState(''),
22753
+ _useState4 = _slicedToArray(_useState3, 2),
22754
+ searchText = _useState4[0],
22755
+ setSearchText = _useState4[1];
22756
+
22757
+ var _useState5 = React.useState(''),
22758
+ _useState6 = _slicedToArray(_useState5, 2),
22759
+ title = _useState6[0],
22760
+ setTitle = _useState6[1];
22761
+
22762
+ var _useState7 = React.useState([]),
22763
+ _useState8 = _slicedToArray(_useState7, 2),
22764
+ searchResults = _useState8[0],
22765
+ setSearchResults = _useState8[1];
22766
+
22767
+ var _useState9 = React.useState(false),
22768
+ _useState10 = _slicedToArray(_useState9, 2),
22769
+ searching = _useState10[0],
22770
+ setSearching = _useState10[1];
22771
+
22772
+ var _useState11 = React.useState(null),
22773
+ _useState12 = _slicedToArray(_useState11, 2),
22774
+ viewMoreType = _useState12[0],
22775
+ setViewMoreType = _useState12[1];
22776
+
22777
+ var _useState13 = React.useState(views.HOME),
22778
+ _useState14 = _slicedToArray(_useState13, 2),
22779
+ currentView = _useState14[0],
22780
+ setCurrentView = _useState14[1];
22781
+
22782
+ var _useState15 = React.useState(null),
22783
+ _useState16 = _slicedToArray(_useState15, 2),
22784
+ currentArticle = _useState16[0],
22785
+ setcurrentArticle = _useState16[1];
22786
+
22787
+ React.useEffect(function () {
22788
+ var appTitle = document.querySelector('.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle').innerText || 'G2Portal';
22789
+ setTitle(appTitle);
22790
+ getHelpContent();
22791
+ appendElementorStyles();
22792
+ }, []);
22793
+
22794
+ var appendElementorStyles =
22795
+ /*#__PURE__*/
22796
+ function () {
22797
+ var _ref2 = _asyncToGenerator(
22798
+ /*#__PURE__*/
22799
+ regenerator.mark(function _callee() {
22800
+ var _storage$getItem$endp, url, response, style, css;
22801
+
22802
+ return regenerator.wrap(function _callee$(_context) {
22803
+ while (1) {
22804
+ switch (_context.prev = _context.next) {
22805
+ case 0:
22806
+ _context.prev = 0;
22807
+ // const url = '/mihelpservices/elementor/css'
22808
+ url = (_storage$getItem$endp = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp === void 0 ? void 0 : _storage$getItem$endp.getMihelpCss;
22809
+ _context.next = 4;
22810
+ return axios.get(url, {
22811
+ headers: {
22812
+ Authorization: storage$1.accessToken
22813
+ }
22814
+ });
22815
+
22816
+ case 4:
22817
+ response = _context.sent;
22818
+ console.log('+++appendElementorStyles=', response);
22819
+
22820
+ if (response === null || response === void 0 ? void 0 : response.data) {
22821
+ Object.keys(response === null || response === void 0 ? void 0 : response.data).forEach(function (key) {
22822
+ var link = document.createElement('link');
22823
+ link.rel = 'stylesheet';
22824
+ link.type = 'text/css';
22825
+ link.href = response === null || response === void 0 ? void 0 : response.data[key];
22826
+ document.head.appendChild(link);
22827
+ });
22828
+ style = document.createElement('style');
22829
+ css = document.createTextNode(".elementor-1674 .elementor-element.elementor-element-e83e3ae{\n width: 100% !important;\n padding-right: 0 !important;\n }\n .elementor-1674 .elementor-element.elementor-element-e83e3ae > .elementor-element-populated{\n border-style: none !important;\n }\n .elementor-1674 .elementor-element.elementor-element-efa7410 > .elementor-widget-container{\n padding:0 !important;\n }\n .elementor-widget-container ul,.elementor-widget-container ol{\n padding-left:40px !important;\n }\n .elementor-1674 .elementor-element.elementor-element-4a49924{\n margin-top:0 !important;\n }");
22830
+ style.appendChild(css);
22831
+ document.head.appendChild(style);
22832
+ }
22833
+
22834
+ _context.next = 12;
22835
+ break;
22836
+
22837
+ case 9:
22838
+ _context.prev = 9;
22839
+ _context.t0 = _context["catch"](0);
22840
+ console.log('+++fetch error=', _context.t0);
22841
+
22842
+ case 12:
22843
+ case "end":
22844
+ return _context.stop();
22845
+ }
22846
+ }
22847
+ }, _callee, null, [[0, 9]]);
22848
+ }));
22849
+
22850
+ return function appendElementorStyles() {
22851
+ return _ref2.apply(this, arguments);
22852
+ };
22853
+ }();
22854
+
22855
+ var getHelpContent =
22856
+ /*#__PURE__*/
22857
+ function () {
22858
+ var _ref3 = _asyncToGenerator(
22859
+ /*#__PURE__*/
22860
+ regenerator.mark(function _callee2() {
22861
+ var _storage$getItem$endp2, url, response;
22862
+
22863
+ return regenerator.wrap(function _callee2$(_context2) {
22864
+ while (1) {
22865
+ switch (_context2.prev = _context2.next) {
22866
+ case 0:
22867
+ _context2.prev = 0;
22868
+ url = (_storage$getItem$endp2 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp2 === void 0 ? void 0 : _storage$getItem$endp2.getMihelpContent;
22869
+ _context2.next = 4;
22870
+ return axios.get("".concat(url, "?app=g2-portal&country=USA"), {
22871
+ headers: {
22872
+ Authorization: storage$1.accessToken
22873
+ }
22874
+ });
22875
+
22876
+ case 4:
22877
+ response = _context2.sent;
22878
+ console.log('+++data=', response);
22879
+ setHelpContent(response === null || response === void 0 ? void 0 : response.data);
22880
+ _context2.next = 12;
22881
+ break;
22882
+
22883
+ case 9:
22884
+ _context2.prev = 9;
22885
+ _context2.t0 = _context2["catch"](0);
22886
+ console.log('+++fetch error=', _context2.t0);
22887
+
22888
+ case 12:
22889
+ case "end":
22890
+ return _context2.stop();
22891
+ }
22892
+ }
22893
+ }, _callee2, null, [[0, 9]]);
22894
+ }));
22895
+
22896
+ return function getHelpContent() {
22897
+ return _ref3.apply(this, arguments);
22898
+ };
22899
+ }();
22900
+
22901
+ React.useEffect(function () {
22902
+ if (searchText.length) {
22903
+ debounce(getSearchResults, 250);
22904
+ } else {
22905
+ setSearching(false);
22906
+ clearDebounceTimer();
22907
+ setSearchResults([]);
22908
+ }
22909
+ }, [searchText]);
22910
+
22911
+ var getSearchResults =
22912
+ /*#__PURE__*/
22913
+ function () {
22914
+ var _ref4 = _asyncToGenerator(
22915
+ /*#__PURE__*/
22916
+ regenerator.mark(function _callee3() {
22917
+ var _storage$getItem$endp3, url, response;
22918
+
22919
+ return regenerator.wrap(function _callee3$(_context3) {
22920
+ while (1) {
22921
+ switch (_context3.prev = _context3.next) {
22922
+ case 0:
22923
+ _context3.prev = 0;
22924
+ url = (_storage$getItem$endp3 = storage$1.getItem('config').endpoints) === null || _storage$getItem$endp3 === void 0 ? void 0 : _storage$getItem$endp3.mihelpSearch;
22925
+ setSearching(true);
22926
+ _context3.next = 5;
22927
+ return axios.get("".concat(url, "?s=").concat(searchText, "&country=USA"), {
22928
+ headers: {
22929
+ Authorization: storage$1.accessToken
22930
+ }
22931
+ });
22932
+
22933
+ case 5:
22934
+ response = _context3.sent;
22935
+ console.log('+++response=', response.data.results);
22936
+ setSearchResults(response.data.results);
22937
+ setSearching(false);
22938
+ _context3.next = 15;
22939
+ break;
22940
+
22941
+ case 11:
22942
+ _context3.prev = 11;
22943
+ _context3.t0 = _context3["catch"](0);
22944
+ console.log(_context3.t0);
22945
+ setSearching(false);
22946
+
22947
+ case 15:
22948
+ case "end":
22949
+ return _context3.stop();
22950
+ }
22951
+ }
22952
+ }, _callee3, null, [[0, 11]]);
22953
+ }));
22954
+
22955
+ return function getSearchResults() {
22956
+ return _ref4.apply(this, arguments);
22957
+ };
22958
+ }();
22959
+
22960
+ var viewMore = function viewMore(type) {
22961
+ setViewMoreType(type);
22962
+ };
22963
+
22964
+ var getArticles = function getArticles(type) {
22965
+ switch (type) {
22966
+ case contentType.RECOMMENDED_HELP_RESOURCES.type:
22967
+ return getRecommendedHelpArticles(helpContent);
22968
+
22969
+ case contentType.FAQS.type:
22970
+ return getFaqs(helpContent);
22971
+
22972
+ case contentType.RELEASE_NOTES.type:
22973
+ return getReleaseNotes(helpContent);
22974
+
22975
+ default:
22976
+ return [];
22977
+ }
22978
+ };
22979
+
22980
+ var handleBackDropClick = function handleBackDropClick(e) {
22981
+ if (e.target.className.includes('backdrop')) {
22982
+ setMihelpVisible(false);
22983
+ }
22984
+ };
22985
+
22986
+ var renderView = function renderView() {
22987
+ switch (currentView) {
22988
+ case views.HOME:
22989
+ return React__default["default"].createElement(Home, {
22990
+ viewMoreType: viewMoreType,
22991
+ getArticles: getArticles,
22992
+ handleRedirect: handleRedirect,
22993
+ viewMore: viewMore,
22994
+ title: title,
22995
+ mihelpAppPath: mihelpAppPath,
22996
+ setCurrentView: setCurrentView,
22997
+ setcurrentArticle: setcurrentArticle
22998
+ });
22999
+
23000
+ case views.HELP_ARTICLE:
23001
+ return React__default["default"].createElement(HelpArticle, {
23002
+ currentArticle: currentArticle,
23003
+ modifyLinks: modifyLinks
23004
+ });
23005
+
23006
+ case views.FAQ:
23007
+ return React__default["default"].createElement(Faq, {
23008
+ faqs: getArticles(contentType.FAQS.type),
23009
+ currentArticle: currentArticle,
23010
+ mihelpRef: mihelpRef,
23011
+ modifyLinks: modifyLinks
23012
+ });
23013
+
23014
+ case views.RELEASE_NOTE:
23015
+ return React__default["default"].createElement(ReleaseNote, {
23016
+ currentArticle: currentArticle,
23017
+ modifyLinks: modifyLinks
23018
+ });
23019
+
23020
+ default:
23021
+ return React__default["default"].createElement(Home, {
23022
+ viewMoreType: viewMoreType,
23023
+ getArticles: getArticles,
23024
+ handleRedirect: handleRedirect,
23025
+ viewMore: viewMore,
23026
+ title: title,
23027
+ mihelpAppPath: mihelpAppPath
23028
+ });
23029
+ }
23030
+ };
23031
+
23032
+ var backHandler = function backHandler() {
23033
+ setViewMoreType(null);
23034
+ setCurrentView(views.HOME);
23035
+ };
23036
+
23037
+ var modifyLinks = function modifyLinks() {
23038
+ var links = mihelpRef.current.getElementsByTagName('a');
23039
+
23040
+ for (var i = 0; i < links.length; i++) {
23041
+ links[i].setAttribute('target', '_blank');
23042
+ }
23043
+ };
23044
+
23045
+ return React__default["default"].createElement("div", {
23046
+ className: "utilities_ops-app-frame_Help_Help--backdrop",
23047
+ onClick: handleBackDropClick
23048
+ }, React__default["default"].createElement("div", {
23049
+ style: {
23050
+ width: getNotificationWrapperWidth()
23051
+ },
23052
+ ref: mihelpRef,
23053
+ className: _getClassName("miHelpSideBar ".concat(!helpContent ? 'overFlowHidden' : ''), _styleModuleImportMap$6, {
23054
+ "handleMissingStyleName": "warn"
23055
+ })
23056
+ }, React__default["default"].createElement("div", {
23057
+ className: "utilities_ops-app-frame_Help_Help--header"
23058
+ }, React__default["default"].createElement("span", {
23059
+ className: "utilities_ops-app-frame_Help_Help--title"
23060
+ }, title), React__default["default"].createElement("span", {
23061
+ className: "utilities_ops-app-frame_Help_Help--close"
23062
+ }, React__default["default"].createElement(coreComponents.IconButton, {
23063
+ onClick: function onClick() {
23064
+ return setMihelpVisible(false);
23065
+ }
23066
+ }, React__default["default"].createElement(coreComponents.Icon, {
23067
+ name: "close",
23068
+ variant: "material"
23069
+ })))), React__default["default"].createElement("div", {
23070
+ className: "utilities_ops-app-frame_Help_Help--subHeader"
23071
+ }, React__default["default"].createElement("span", {
23072
+ className: "utilities_ops-app-frame_Help_Help--subHeaderTitle"
23073
+ }, (viewMoreType || currentView !== views.HOME) && React__default["default"].createElement("span", {
23074
+ className: "utilities_ops-app-frame_Help_Help--back"
23075
+ }, React__default["default"].createElement(coreComponents.IconButton, {
23076
+ onClick: backHandler
23077
+ }, React__default["default"].createElement(coreComponents.Icon, {
23078
+ name: "arrow_back",
23079
+ variant: "material"
23080
+ }))), "Help & Support"), React__default["default"].createElement("span", {
23081
+ className: "utilities_ops-app-frame_Help_Help--link",
23082
+ onClick: function onClick() {
23083
+ var type = currentView === views.HOME ? redirectContants.ALL_HELP_RESOURCES : currentView === views.FAQ ? redirectContants.FAQS : redirectContants.OPEN_IN_NEW_TAB;
23084
+ handleRedirect(type, mihelpAppPath, currentArticle);
23085
+ }
23086
+ }, currentView === views.HOME ? 'All Help Resources' : 'Open New Tab', React__default["default"].createElement(coreComponents.Icon, {
23087
+ name: "open_in_new",
23088
+ variant: "material"
23089
+ }))), React__default["default"].createElement("div", {
23090
+ className: "utilities_ops-app-frame_Help_Help--searchWrapper"
23091
+ }, React__default["default"].createElement("input", {
23092
+ type: "text",
23093
+ className: "utilities_ops-app-frame_Help_Help--mihelpSearch",
23094
+ placeholder: "Search",
23095
+ value: searchText,
23096
+ onChange: function onChange(e) {
23097
+ return setSearchText(e.target.value);
23098
+ }
23099
+ }), searchText.length ? React__default["default"].createElement("span", {
23100
+ onClick: function onClick() {
23101
+ return setSearchText('');
23102
+ }
23103
+ }, "X") : null), !searchText.length ? renderView() : React__default["default"].createElement(SearchResults, {
23104
+ searchText: searchText,
23105
+ results: searchResults,
23106
+ contentType: contentType,
23107
+ postTypeMapper: postTypeMapper
23108
+ }), (!helpContent || searching) && React__default["default"].createElement("div", {
23109
+ className: "utilities_ops-app-frame_Help_Help--spinnerWrapper"
23110
+ }, React__default["default"].createElement(coreComponents.Spinner, {
23111
+ size: "60px"
23112
+ }))));
23113
+ };
23114
+
23115
+ var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n /* TODO: Perfect the AppBar spacing. */\r\n margin-left: 7px !important;\r\n position: relative !important;\r\n top: 1px;\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";
23116
+ styleInject(css_248z$9);
23117
+
22249
23118
  var FeedbackButton = function FeedbackButton(props) {
22250
23119
  return React__namespace.createElement("span", {
22251
23120
  "data-testid": "FeedbackButton",
@@ -22261,7 +23130,7 @@ var FeedbackButton = function FeedbackButton(props) {
22261
23130
  }));
22262
23131
  };
22263
23132
 
22264
- var _styleModuleImportMap$6 = {
23133
+ var _styleModuleImportMap$5 = {
22265
23134
  "../AppBar.css": {
22266
23135
  "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
22267
23136
  "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
@@ -22298,7 +23167,8 @@ var _styleModuleImportMap$6 = {
22298
23167
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
22299
23168
  "st1": "utilities_ops-app-frame_AppBarComponent_AppBar--st1",
22300
23169
  "st2": "utilities_ops-app-frame_AppBarComponent_AppBar--st2",
22301
- "ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton"
23170
+ "ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton",
23171
+ "arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
22302
23172
  }
22303
23173
  };
22304
23174
 
@@ -22385,7 +23255,7 @@ var PhoneStatus = function PhoneStatus(_ref3) {
22385
23255
  onClick: function onClick() {
22386
23256
  if (!phoneStatusProcessing) togglePhoneAvailability();
22387
23257
  },
22388
- className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$6, {
23258
+ className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$5, {
22389
23259
  "handleMissingStyleName": "warn"
22390
23260
  })
22391
23261
  }, phoneStatus === PHONE_STATUS.Available ? React__default["default"].createElement(PhoneAvailableIcon, {
@@ -22524,8 +23394,8 @@ var printerFields$1 = [_objectSpread2({}, defaultAutoSelectProps$1, {
22524
23394
  label: 'Dot Matrix Printers'
22525
23395
  })];
22526
23396
 
22527
- var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n";
22528
- styleInject(css_248z$9);
23397
+ var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n padding-right: 0px;\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";
23398
+ styleInject(css_248z$8);
22529
23399
 
22530
23400
  // Properly populate printer options before feeding to autoselect
22531
23401
  var getPrinterOptions$1 = function getPrinterOptions(printers) {
@@ -22674,8 +23544,8 @@ var getLanguages = function getLanguages() {
22674
23544
  }[selectedCountry];
22675
23545
  };
22676
23546
 
22677
- var css_248z$8 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n padding-right: 10px; /* column-space */\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}\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; /* column-space */\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 }\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 width: 100%;\n max-width: 1300px;\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}\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: flex-end;\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: fixed;\n z-index: 500;\n left: calc(50% - 30px);\n top: calc(50% - 30px);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 10px;\n margin-bottom: 5px;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #ddd;\n overflow: auto;\n}";
22678
- styleInject(css_248z$8);
23547
+ var css_248z$7 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n padding-right: 10px; /* column-space */\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}\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; /* column-space */\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 }\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}\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: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: 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}";
23548
+ styleInject(css_248z$7);
22679
23549
 
22680
23550
  var getDescription$2 = function getDescription(languageOptions) {
22681
23551
  return function (code) {
@@ -23311,8 +24181,8 @@ var generateTestCallUrl = function generateTestCallUrl(_ref3) {
23311
24181
  });
23312
24182
  };
23313
24183
 
23314
- var css_248z$7 = ".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";
23315
- styleInject(css_248z$7);
24184
+ var css_248z$6 = ".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";
24185
+ styleInject(css_248z$6);
23316
24186
 
23317
24187
  var PhoneNumberSettings = function PhoneNumberSettings(props) {
23318
24188
  return React__namespace.createElement(Container, props, function (store) {
@@ -24836,7 +25706,7 @@ var formatRole = function formatRole(role) {
24836
25706
  return capitalizeAndReplaceUnderscores(formatUK(role));
24837
25707
  };
24838
25708
 
24839
- var _styleModuleImportMap$5 = {
25709
+ var _styleModuleImportMap$4 = {
24840
25710
  "./AppBar.css": {
24841
25711
  "root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
24842
25712
  "leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
@@ -24873,7 +25743,8 @@ var _styleModuleImportMap$5 = {
24873
25743
  "st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
24874
25744
  "st1": "utilities_ops-app-frame_AppBarComponent_AppBar--st1",
24875
25745
  "st2": "utilities_ops-app-frame_AppBarComponent_AppBar--st2",
24876
- "ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton"
25746
+ "ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton",
25747
+ "arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
24877
25748
  }
24878
25749
  };
24879
25750
 
@@ -24945,14 +25816,17 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
24945
25816
  phoneNumber = props.phoneNumber,
24946
25817
  _props$phoneStatusObj = props.phoneStatusObject,
24947
25818
  phoneStatusObject = _props$phoneStatusObj === void 0 ? {} : _props$phoneStatusObj,
24948
- _togglePhoneAvailability = props.togglePhoneAvailability,
24949
- handleHelpClick = props.handleHelpClick,
24950
- type = props.type,
25819
+ _togglePhoneAvailability = props.togglePhoneAvailability;
25820
+ props.handleHelpClick;
25821
+ var type = props.type,
24951
25822
  config = props.config,
24952
25823
  _props$navigateTo = props.navigateTo,
24953
25824
  navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
24954
25825
  isMihelpEnabled = props.isMihelpEnabled,
24955
- isIdeaNoteEnabled = props.isIdeaNoteEnabled;
25826
+ isIdeaNoteEnabled = props.isIdeaNoteEnabled,
25827
+ mihelpVisible = props.mihelpVisible,
25828
+ setMihelpVisible = props.setMihelpVisible,
25829
+ mihelpIconRef = props.mihelpIconRef;
24956
25830
  var coreAppConfig = storage.getLocalItem('opsportal-core:config');
24957
25831
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
24958
25832
  showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
@@ -25118,7 +25992,9 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
25118
25992
  onRender: function onRender() {
25119
25993
  return React__default["default"].createElement("div", {
25120
25994
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
25121
- onClick: handleHelpClick
25995
+ onClick: function onClick() {
25996
+ return setMihelpVisible(!mihelpVisible);
25997
+ }
25122
25998
  }, React__default["default"].createElement(OverFlowIcon, {
25123
25999
  name: "help"
25124
26000
  }), React__default["default"].createElement(OverFlowText, {
@@ -25128,7 +26004,11 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
25128
26004
  renderIf: isMihelpEnabled,
25129
26005
  render: function render() {
25130
26006
  return React__default["default"].createElement(Help, {
25131
- handleHelpClick: handleHelpClick
26007
+ handleHelpClick: function handleHelpClick() {
26008
+ return setMihelpVisible(!mihelpVisible);
26009
+ },
26010
+ mihelpVisible: mihelpVisible,
26011
+ mihelpIconRef: mihelpIconRef
25132
26012
  });
25133
26013
  }
25134
26014
  }, {
@@ -25242,10 +26122,15 @@ var AppBar$1 = function AppBar(props) {
25242
26122
  ideaNoteVisible = _useState8[0],
25243
26123
  setIdeaNoteVisible = _useState8[1];
25244
26124
 
25245
- var _useState9 = React.useState(null),
26125
+ var _useState9 = React.useState(false),
25246
26126
  _useState10 = _slicedToArray(_useState9, 2),
25247
- ideaNoteToken = _useState10[0],
25248
- setIdeaNoteToken = _useState10[1];
26127
+ mihelpVisible = _useState10[0],
26128
+ setMihelpVisible = _useState10[1];
26129
+
26130
+ var _useState11 = React.useState(null),
26131
+ _useState12 = _slicedToArray(_useState11, 2),
26132
+ ideaNoteToken = _useState12[0],
26133
+ setIdeaNoteToken = _useState12[1];
25249
26134
 
25250
26135
  var isLoggedOn = props.isLoggedOn,
25251
26136
  moduleName = props.moduleName,
@@ -25253,16 +26138,19 @@ var AppBar$1 = function AppBar(props) {
25253
26138
  onSettingsSaved = props.onSettingsSaved,
25254
26139
  showTitle = props.showTitle,
25255
26140
  title = props.title,
25256
- getInnovationHubToken = props.getInnovationHubToken;
26141
+ getInnovationHubToken = props.getInnovationHubToken,
26142
+ mihelpAppPath = props.mihelpAppPath;
25257
26143
 
25258
26144
  var _useWindowSize = useWindowSize(),
25259
26145
  width = _useWindowSize.width;
25260
26146
 
25261
- var _useState11 = React.useState(0),
25262
- _useState12 = _slicedToArray(_useState11, 2),
25263
- count = _useState12[0],
25264
- setCount = _useState12[1];
26147
+ var _useState13 = React.useState(0),
26148
+ _useState14 = _slicedToArray(_useState13, 2),
26149
+ count = _useState14[0],
26150
+ setCount = _useState14[1];
25265
26151
 
26152
+ var mihelpRef = React.useRef(null);
26153
+ var mihelpIconRef = React.useRef(null);
25266
26154
  React.useLayoutEffect(function () {
25267
26155
  setCount(count + 1);
25268
26156
  }, [width]);
@@ -25345,13 +26233,40 @@ var AppBar$1 = function AppBar(props) {
25345
26233
  return title || appTile.title || process.env.APP_TITLE;
25346
26234
  };
25347
26235
 
26236
+ var getNotificationWrapperWidth = function getNotificationWrapperWidth() {
26237
+ return width > 760 ? '40vw' : width > 500 ? '70vw' : '80vw';
26238
+ }; // useEffect(
26239
+ // () => {
26240
+ // const fn = (e) => {
26241
+ // console.log(e.target, mihelpRef.current, mihelpIconRef.current)
26242
+ // console.log(e.target !== mihelpRef.current,e.target !== mihelpIconRef.current,!mihelpRef.current.contains(e.target),!mihelpIconRef.current.contains(e.target))
26243
+ // if (
26244
+ // e.target !== mihelpRef.current &&
26245
+ // e.target !== mihelpIconRef.current &&
26246
+ // !mihelpRef.current.contains(e.target) &&
26247
+ // !mihelpIconRef.current.contains(e.target)
26248
+ // ) {
26249
+ // setMihelpVisible(false)
26250
+ // }
26251
+ // }
26252
+ // console.log("adding event listener")
26253
+ // document.addEventListener('click', fn)
26254
+ // return () => {
26255
+ // console.log("removing event listener")
26256
+ // document.removeEventListener('click', fn)
26257
+ // }
26258
+ // },
26259
+ // [mihelpRef, mihelpIconRef],
26260
+ // )
26261
+
26262
+
25348
26263
  return React__default["default"].createElement("div", {
25349
26264
  "data-e2e": "cc-AppBar",
25350
26265
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
25351
26266
  }, React__default["default"].createElement("div", {
25352
26267
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
25353
26268
  }, React__default["default"].createElement("div", {
25354
- className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$5, {
26269
+ className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$4, {
25355
26270
  "handleMissingStyleName": "warn"
25356
26271
  })
25357
26272
  }, React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? React__default["default"].createElement("div", {
@@ -25370,7 +26285,10 @@ var AppBar$1 = function AppBar(props) {
25370
26285
  key: "_".concat(width, "_").concat(count),
25371
26286
  items: generateAppBarElements(_objectSpread2({}, props, {
25372
26287
  toggleFeedbackDialog: toggleFeedbackDialog,
25373
- setIdeaNoteVisible: setIdeaNoteVisible
26288
+ setIdeaNoteVisible: setIdeaNoteVisible,
26289
+ mihelpVisible: mihelpVisible,
26290
+ setMihelpVisible: setMihelpVisible,
26291
+ mihelpIconRef: mihelpIconRef
25374
26292
  }), function (target) {
25375
26293
  setCalloutTarget(target);
25376
26294
  setCalloutVisible(true);
@@ -25438,7 +26356,13 @@ var AppBar$1 = function AppBar(props) {
25438
26356
  maxWidth: '443px',
25439
26357
  backgroundColor: 'white'
25440
26358
  }
25441
- })));
26359
+ })), mihelpVisible && React__default["default"].createElement(HelpSideBar, {
26360
+ getNotificationWrapperWidth: getNotificationWrapperWidth,
26361
+ getTitle: getTitle,
26362
+ mihelpAppPath: mihelpAppPath,
26363
+ mihelpRef: mihelpRef,
26364
+ setMihelpVisible: setMihelpVisible
26365
+ }));
25442
26366
  };
25443
26367
  AppBar$1.defaultProps = {
25444
26368
  config: ['flag', 'role', 'yard'],
@@ -25450,8 +26374,8 @@ var PHONE_STATUS = {
25450
26374
  Offline: 'Offline'
25451
26375
  };
25452
26376
 
25453
- 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";
25454
- styleInject(css_248z$6);
26377
+ var css_248z$5 = ".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";
26378
+ styleInject(css_248z$5);
25455
26379
 
25456
26380
  var getFlagUri = function getFlagUri() {
25457
26381
  var countryCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'US';
@@ -25551,10 +26475,10 @@ var getFlexDomain = function getFlexDomain() {
25551
26475
  return ((_storage$getLocalItem3 = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : (_storage$getLocalItem4 = _storage$getLocalItem3.endpoints) === null || _storage$getLocalItem4 === void 0 ? void 0 : _storage$getLocalItem4.flexDomain) || 'https://flex.twilio.com';
25552
26476
  };
25553
26477
 
25554
- 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}";
25555
- styleInject(css_248z$5);
26478
+ var css_248z$4 = "#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}";
26479
+ styleInject(css_248z$4);
25556
26480
 
25557
- var _styleModuleImportMap$4 = {
26481
+ var _styleModuleImportMap$3 = {
25558
26482
  "./style.css": {
25559
26483
  "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
25560
26484
  "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -26023,7 +26947,7 @@ var IconComponent = function IconComponent(_ref) {
26023
26947
  role: "button",
26024
26948
  tabIndex: "0"
26025
26949
  }, React__default["default"].createElement("span", {
26026
- className: _getClassName(customStyle, _styleModuleImportMap$4, {
26950
+ className: _getClassName(customStyle, _styleModuleImportMap$3, {
26027
26951
  "handleMissingStyleName": "warn"
26028
26952
  })
26029
26953
  }, fieldDisplay)));
@@ -28969,7 +29893,7 @@ var Warning = function Warning(_ref) {
28969
29893
  }))));
28970
29894
  };
28971
29895
 
28972
- var _styleModuleImportMap$3 = {
29896
+ var _styleModuleImportMap$2 = {
28973
29897
  "./style.css": {
28974
29898
  "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
28975
29899
  "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -29267,7 +30191,7 @@ var CallerPill = function CallerPill(_ref8) {
29267
30191
  setWarning = _ref8.setWarning,
29268
30192
  setShowFlex = _ref8.setShowFlex;
29269
30193
  return React__default["default"].createElement("div", {
29270
- className: _getClassName("CallerPillCon ".concat(showSpinner ? ' opacity' : ''), _styleModuleImportMap$3, {
30194
+ className: _getClassName("CallerPillCon ".concat(showSpinner ? ' opacity' : ''), _styleModuleImportMap$2, {
29271
30195
  "handleMissingStyleName": "warn"
29272
30196
  })
29273
30197
  }, !isEmpty$2(profileData) && !showReload && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(CallIndicator, {
@@ -29316,7 +30240,7 @@ var CallerPill = function CallerPill(_ref8) {
29316
30240
  }));
29317
30241
  };
29318
30242
 
29319
- var _styleModuleImportMap$2 = {
30243
+ var _styleModuleImportMap$1 = {
29320
30244
  "./style.css": {
29321
30245
  "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
29322
30246
  "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -29420,7 +30344,7 @@ var Dialer = function Dialer(_ref) {
29420
30344
  };
29421
30345
 
29422
30346
  return React__default["default"].createElement("div", {
29423
- className: _getClassName("dialpadCon ".concat(opened ? 'visible' : 'hidden'), _styleModuleImportMap$2, {
30347
+ className: _getClassName("dialpadCon ".concat(opened ? 'visible' : 'hidden'), _styleModuleImportMap$1, {
29424
30348
  "handleMissingStyleName": "warn"
29425
30349
  })
29426
30350
  }, React__default["default"].createElement("div", {
@@ -29512,7 +30436,7 @@ var voiceReducer = function voiceReducer(state, action) {
29512
30436
  }
29513
30437
  };
29514
30438
 
29515
- var _styleModuleImportMap$1 = {
30439
+ var _styleModuleImportMap = {
29516
30440
  "./style.css": {
29517
30441
  "flex-iframe": "utilities_ops-app-frame_CallCapsule_style--flex-iframe",
29518
30442
  "flex-bar": "utilities_ops-app-frame_CallCapsule_style--flex-bar",
@@ -30182,7 +31106,7 @@ var CallCapsule = function CallCapsule() {
30182
31106
  }, React__default["default"].createElement("div", {
30183
31107
  className: "utilities_ops-app-frame_CallCapsule_style--flex-bar"
30184
31108
  }, React__default["default"].createElement("div", {
30185
- className: _getClassName(shake ? 'shake' : '', _styleModuleImportMap$1, {
31109
+ className: _getClassName(shake ? 'shake' : '', _styleModuleImportMap, {
30186
31110
  "handleMissingStyleName": "warn"
30187
31111
  })
30188
31112
  }, React__default["default"].createElement("div", {
@@ -30214,7 +31138,7 @@ var CallCapsule = function CallCapsule() {
30214
31138
  onOutBoundCall: onOutBoundCall,
30215
31139
  opened: dialerOpen
30216
31140
  }), !isFlexLoaded && React__default["default"].createElement("div", {
30217
- className: _getClassName("".concat(showFlex ? 'visible' : 'hidden', " ").concat(isFullScreen ? 'fullScreen' : 'iframeSection'), _styleModuleImportMap$1, {
31141
+ className: _getClassName("".concat(showFlex ? 'visible' : 'hidden', " ").concat(isFullScreen ? 'fullScreen' : 'iframeSection'), _styleModuleImportMap, {
30218
31142
  "handleMissingStyleName": "warn"
30219
31143
  })
30220
31144
  }, React__default["default"].createElement("iframe", {
@@ -30320,8 +31244,8 @@ var getActivePrinters = (function (printersData) {
30320
31244
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
30321
31245
  });
30322
31246
 
30323
- var css_248z$4 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\n width: 700px;\n padding: 10px;\n background: #f1f1f1;\n}\n\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n padding-top: 5px;\n}";
30324
- styleInject(css_248z$4);
31247
+ var css_248z$3 = ".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}";
31248
+ styleInject(css_248z$3);
30325
31249
 
30326
31250
  var countryHeaders = {
30327
31251
  c: 'USA',
@@ -30466,8 +31390,8 @@ var PrinterDialog = function PrinterDialog(_ref) {
30466
31390
  }, "Save"))) : null);
30467
31391
  };
30468
31392
 
30469
- var css_248z$3 = ".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";
30470
- styleInject(css_248z$3);
31393
+ var css_248z$2 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
31394
+ styleInject(css_248z$2);
30471
31395
 
30472
31396
  var APP_BAR_CONFIGS = {
30473
31397
  c: ['flag', 'role', 'yard', 'phone'],
@@ -30667,7 +31591,8 @@ var AppBar = function AppBar(_ref) {
30667
31591
  onSettingsSaved: onSettingsSaved,
30668
31592
  showTitle: showTitle,
30669
31593
  title: title,
30670
- history: history
31594
+ history: history,
31595
+ mihelpAppPath: mihelpAppPath
30671
31596
  }), storage$1.twilioEnabledStatus && isAppEnabledTwilio && isMounted && placeholderNode && storage$1.callCapsuleEnabledStatus && React__default["default"].createElement(Portal$2, {
30672
31597
  node: placeholderNode
30673
31598
  }, React__default["default"].createElement(CallCapsule, null)), isPrinterDialogOpen && React__default["default"].createElement(PrinterDialog, {
@@ -30709,11 +31634,11 @@ var appFunctionIdAllowed = function appFunctionIdAllowed() {
30709
31634
  if (!id) {
30710
31635
  return true; // not defined in config so just allow the tile to be viewed for now
30711
31636
  }
30712
- /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
30713
- // special case for miorg/mitime to check all permissions
30714
- return includes(id, allPermissionIds)
30715
- } else {
30716
- return includes(id, permissionIds)
31637
+ /* else if (['view_miorg', 'view_mitime', 'view_midriverpay'].includes(id)) {
31638
+ // special case for miorg/mitime to check all permissions
31639
+ return includes(id, allPermissionIds)
31640
+ } else {
31641
+ return includes(id, permissionIds)
30717
31642
  } */
30718
31643
  // Check appfunction in opsportal-core permissions
30719
31644
  else {
@@ -30763,8 +31688,8 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
30763
31688
  'default': userHasAccess
30764
31689
  });
30765
31690
 
30766
- var css_248z$2 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
30767
- styleInject(css_248z$2);
31691
+ var css_248z$1 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
31692
+ styleInject(css_248z$1);
30768
31693
 
30769
31694
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
30770
31695
  var FAILED_AUTHENTICATION_CHECK_REASON = 'User is not authenticated. (Check localStorage.login.isAuthenticated.)';
@@ -30945,379 +31870,6 @@ var GoHome = function GoHome(props) {
30945
31870
  }, props.reason));
30946
31871
  };
30947
31872
 
30948
- var css_248z$1 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n display: flex;\n flex-direction: column;\n position: absolute;\n background: #3A4454;\n min-width: 100px;\n max-width: 100px;\n height: 100%;\n color: #ffffff;\n font-size: 16px;\n transition: max-width 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n max-width: 400px;\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 0px 6px 12px;\n border-radius: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected {\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}\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--NavItemCount {\n margin-left: auto;\n margin-right: 10px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n width: 20px;\n color: #fff;\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: 0 5px;\n font-weight: 100;\n cursor: pointer;\n transition: max-width 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-right: 10px;\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 margin: 0 5px 0 0;\n font-weight: 600;\n margin-left: 0px;\n cursor: auto;\n cursor: initial;\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 margin-left: 10px;\n padding: 0 2px;\n background-color: #232932;\n border-left: 1px solid #8A8886;\n overflow: hidden;\n max-height: 0px;\n transition: max-height 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3.utilities_ops-app-frame_NavigationBar_NavigationBar--expanded {\n max-height: 500px;\n margin-top: 3px;\n}";
30949
- styleInject(css_248z$1);
30950
-
30951
- var _styleModuleImportMap = {
30952
- "./NavigationBar.css": {
30953
- "NavBarContainer": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
30954
- "NavMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu",
30955
- "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
30956
- "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
30957
- "expandButton": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton",
30958
- "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
30959
- "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
30960
- "NavItemIcon": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon",
30961
- "NavItemName": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName",
30962
- "NavMenuLevel1": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1",
30963
- "NavMenuLevel2": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2",
30964
- "NavMenuLevel3": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3",
30965
- "expanded": "utilities_ops-app-frame_NavigationBar_NavigationBar--expanded"
30966
- }
30967
- };
30968
-
30969
- var NavIcon = function NavIcon(_ref) {
30970
- var icon = _ref.icon;
30971
- return typeof icon === 'string' ? React__default["default"].createElement(coreComponents.IconV2, {
30972
- name: icon
30973
- }) : icon;
30974
- };
30975
-
30976
- var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref2) {
30977
- var _navItem$name;
30978
-
30979
- var navItem = _ref2.navItem,
30980
- isHover = _ref2.isHover,
30981
- activeSubmenu = _ref2.activeSubmenu,
30982
- setActiveSubmenu = _ref2.setActiveSubmenu,
30983
- navigateTo = _ref2.navigateTo,
30984
- selected = _ref2.selected,
30985
- setSelected = _ref2.setSelected,
30986
- defaultRedirect = _ref2.defaultRedirect,
30987
- reloadMenuItems = _ref2.reloadMenuItems;
30988
- var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
30989
- return React__default["default"].createElement("div", {
30990
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1"
30991
- }, React__default["default"].createElement("div", {
30992
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem"
30993
- }, React__default["default"].createElement("div", {
30994
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
30995
- }, React__default["default"].createElement(NavIcon, {
30996
- icon: navItem.icon
30997
- })), React__default["default"].createElement("div", {
30998
- className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
30999
- }, (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase()), React__default["default"].createElement("div", {
31000
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
31001
- }, navItem.count)), React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
31002
- return React__default["default"].createElement(NavigationMenuLevel2, {
31003
- key: subItem.name,
31004
- isHover: isHover,
31005
- navItem: subItem,
31006
- selected: selected,
31007
- setSelected: setSelected,
31008
- defaultRedirect: defaultRedirect,
31009
- activeSubmenu: activeSubmenu,
31010
- setActiveSubmenu: setActiveSubmenu,
31011
- navigateTo: navigateTo,
31012
- reloadMenuItems: reloadMenuItems
31013
- });
31014
- }) : null));
31015
- };
31016
-
31017
- var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref3) {
31018
- var navItem = _ref3.navItem,
31019
- isHover = _ref3.isHover,
31020
- selected = _ref3.selected,
31021
- setSelected = _ref3.setSelected,
31022
- defaultRedirect = _ref3.defaultRedirect,
31023
- activeSubmenu = _ref3.activeSubmenu,
31024
- setActiveSubmenu = _ref3.setActiveSubmenu,
31025
- navigateTo = _ref3.navigateTo,
31026
- reloadMenuItems = _ref3.reloadMenuItems;
31027
-
31028
- var _useState = React.useState(navItem.count),
31029
- _useState2 = _slicedToArray(_useState, 2),
31030
- countText = _useState2[0],
31031
- setCountText = _useState2[1];
31032
-
31033
- var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
31034
- React.useEffect(function () {
31035
- setTimeout(function () {
31036
- setCountText(!isHover ? navItem.count > 999 ? '999+' : navItem.count : navItem.count);
31037
- });
31038
- }, [isHover]);
31039
-
31040
- var handleItemClick = function handleItemClick() {
31041
- setActiveSubmenu(activeSubmenu === navItem.route ? null : navItem.route);
31042
- setSelected(null);
31043
-
31044
- if (activeSubmenu != navItem.route) {
31045
- reloadMenuItems();
31046
- }
31047
- };
31048
-
31049
- return React__default["default"].createElement("div", {
31050
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2"
31051
- }, React__default["default"].createElement("div", {
31052
- onClick: handleItemClick,
31053
- className: _getClassName("NavItem ".concat(activeSubmenu === navItem.route ? "expandedMenu" : ""), _styleModuleImportMap, {
31054
- "handleMissingStyleName": "warn"
31055
- })
31056
- }, React__default["default"].createElement("div", {
31057
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
31058
- }, React__default["default"].createElement(NavIcon, {
31059
- icon: navItem.icon
31060
- })), React__default["default"].createElement("div", {
31061
- className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
31062
- }, navItem.name), hasSubMenuItems ? React__default["default"].createElement("div", {
31063
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton"
31064
- }, React__default["default"].createElement(coreComponents.IconV2, {
31065
- name: activeSubmenu == navItem.route ? 'chevron-up' : 'chevron-down'
31066
- })) : React__default["default"].createElement("div", {
31067
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
31068
- }, countText)), React__default["default"].createElement("div", {
31069
- className: _getClassName("NavMenuLevel3 ".concat(activeSubmenu == navItem.route ? "expanded" : ""), _styleModuleImportMap, {
31070
- "handleMissingStyleName": "warn"
31071
- })
31072
- }, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
31073
- return React__default["default"].createElement(NavigationMenuLevel3, {
31074
- key: subItem.name,
31075
- isHover: isHover,
31076
- navItem: subItem,
31077
- selected: selected,
31078
- setSelected: setSelected,
31079
- defaultRedirect: defaultRedirect,
31080
- navigateTo: navigateTo
31081
- });
31082
- }) : null));
31083
- };
31084
-
31085
- var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref4) {
31086
- var navItem = _ref4.navItem,
31087
- isHover = _ref4.isHover,
31088
- selected = _ref4.selected,
31089
- setSelected = _ref4.setSelected,
31090
- defaultRedirect = _ref4.defaultRedirect,
31091
- navigateTo = _ref4.navigateTo;
31092
-
31093
- var _useState3 = React.useState(navItem.count),
31094
- _useState4 = _slicedToArray(_useState3, 2),
31095
- countText = _useState4[0],
31096
- setCountText = _useState4[1];
31097
-
31098
- React.useEffect(function () {
31099
- setTimeout(function () {
31100
- setCountText(!isHover ? navItem.count > 999 ? '999+' : navItem.count : navItem.count);
31101
- });
31102
- }, [isHover]);
31103
- return React__default["default"].createElement("div", {
31104
- onClick: function onClick() {
31105
- setSelected(navItem.route);
31106
-
31107
- if (navigateTo == null) {
31108
- defaultRedirect(navItem.route);
31109
- } else {
31110
- navigateTo(navItem.route);
31111
- }
31112
- },
31113
- className: _getClassName("NavItem ".concat(selected === navItem.route ? "selected" : ""), _styleModuleImportMap, {
31114
- "handleMissingStyleName": "warn"
31115
- })
31116
- }, React__default["default"].createElement("div", {
31117
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
31118
- }, React__default["default"].createElement(NavIcon, {
31119
- icon: navItem.icon
31120
- })), React__default["default"].createElement("div", {
31121
- className: ((isHover ? 'hovered' : '') ? (isHover ? 'hovered' : '') + " " : "") + "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
31122
- }, navItem.name), React__default["default"].createElement("div", {
31123
- key: isHover,
31124
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
31125
- }, countText));
31126
- };
31127
-
31128
- var NavigationMenu = function NavigationMenu(_ref5) {
31129
- var navItems = _ref5.navItems,
31130
- isHover = _ref5.isHover,
31131
- navigateTo = _ref5.navigateTo,
31132
- configDepth = _ref5.configDepth,
31133
- reloadMenuItems = _ref5.reloadMenuItems;
31134
-
31135
- var _useState5 = React.useState(null),
31136
- _useState6 = _slicedToArray(_useState5, 2),
31137
- activeSubmenu = _useState6[0],
31138
- setActiveSubmenu = _useState6[1];
31139
-
31140
- var _useState7 = React.useState(null),
31141
- _useState8 = _slicedToArray(_useState7, 2),
31142
- selected = _useState8[0],
31143
- setSelected = _useState8[1];
31144
-
31145
- var redirectUrl = window.location.pathname;
31146
-
31147
- function defaultRedirect(addr) {
31148
- window.open('http://localhost.copart.com' + addr, '_blank');
31149
- }
31150
-
31151
- React.useEffect(function () {
31152
- if (redirectUrl != "/") {
31153
- var splitUrl = redirectUrl.split("/");
31154
-
31155
- if (!process.env.IS_CORE_APP) {
31156
- splitUrl.shift();
31157
- }
31158
-
31159
- if (splitUrl.length - 1 === configDepth) {
31160
- if (configDepth === 3) {
31161
- setActiveSubmenu("/" + splitUrl[1] + "/" + splitUrl[2]);
31162
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2] + "/" + splitUrl[3]);
31163
- } else if (configDepth === 2) {
31164
- setActiveSubmenu("/" + splitUrl[1]);
31165
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2]);
31166
- } else {
31167
- setSelected("/" + splitUrl[1]);
31168
- }
31169
- }
31170
- }
31171
- }, [configDepth]);
31172
- var NavComponent = configDepth === 3 ? NavigationMenuLevel1 : NavigationMenuLevel2;
31173
- return React__default["default"].createElement("div", {
31174
- className: _getClassName("NavMenu ".concat(isHover ? "isHover" : ""), _styleModuleImportMap, {
31175
- "handleMissingStyleName": "warn"
31176
- })
31177
- }, navItems.map(function (item) {
31178
- return React__default["default"].createElement(NavComponent, {
31179
- key: item.name,
31180
- isHover: isHover,
31181
- navItem: item,
31182
- activeSubmenu: activeSubmenu,
31183
- navigateTo: navigateTo,
31184
- setActiveSubmenu: setActiveSubmenu,
31185
- selected: selected,
31186
- setSelected: setSelected,
31187
- defaultRedirect: defaultRedirect,
31188
- redirectUrl: redirectUrl,
31189
- reloadMenuItems: reloadMenuItems
31190
- });
31191
- }));
31192
- };
31193
-
31194
- var NavigationBar = function NavigationBar(_ref6) {
31195
- var getNavItems = _ref6.getNavItems,
31196
- navigateTo = _ref6.navigateTo;
31197
-
31198
- var _useState9 = React.useState(null),
31199
- _useState10 = _slicedToArray(_useState9, 2),
31200
- navItemsModified = _useState10[0],
31201
- setNavItemsModified = _useState10[1];
31202
-
31203
- var _useState11 = React.useState(false),
31204
- _useState12 = _slicedToArray(_useState11, 2),
31205
- isHover = _useState12[0],
31206
- setHover = _useState12[1];
31207
-
31208
- var _useState13 = React.useState(null),
31209
- _useState14 = _slicedToArray(_useState13, 2),
31210
- configDepth = _useState14[0],
31211
- setConfigDepth = _useState14[1];
31212
-
31213
- var _useState15 = React.useState(null),
31214
- _useState16 = _slicedToArray(_useState15, 2),
31215
- isConfigValid = _useState16[0],
31216
- setConfigValid = _useState16[1];
31217
-
31218
- React.useEffect(function () {
31219
- var navItems = getNavItems();
31220
-
31221
- if (Array.isArray(navItems)) {
31222
- var isValid = validateConfig(navItems);
31223
-
31224
- if (isValid) {
31225
- setConfigDepth(getDepth(navItems));
31226
- setNavItemsModified(updateRoutes(navItems, ""));
31227
- setConfigValid(true);
31228
- } else {
31229
- setConfigValid(false);
31230
- }
31231
- } else {
31232
- reloadMenuItems();
31233
- }
31234
- }, []);
31235
-
31236
- var updateRoutes = function updateRoutes(navItems, parentRoute) {
31237
- var updatedItems = navItems.map(function (item) {
31238
- var updatedItem = _objectSpread2({}, item);
31239
-
31240
- if (updatedItem.route) {
31241
- updatedItem.route = parentRoute + '/' + updatedItem.route;
31242
- }
31243
-
31244
- if (updatedItem.subMenuItems) {
31245
- updatedItem.subMenuItems = updateRoutes(updatedItem.subMenuItems, updatedItem.route);
31246
- }
31247
-
31248
- return updatedItem;
31249
- });
31250
- return updatedItems;
31251
- };
31252
-
31253
- var getDepth = function getDepth(navItems) {
31254
- var depth = 0;
31255
- navItems.forEach(function (navItem) {
31256
- var subMenuDepth = navItem.subMenuItems ? getDepth(navItem.subMenuItems) : 0;
31257
- depth = Math.max(depth, 1 + subMenuDepth);
31258
- });
31259
- return depth;
31260
- };
31261
-
31262
- var validateConfig = function validateConfig(navItems) {
31263
- var keys = ['name', 'route'];
31264
- if (navItems.length === 0) return false;
31265
- navItems.map(function (item) {
31266
- var configItem = _objectSpread2({}, item);
31267
-
31268
- if (keys.every(function (key) {
31269
- return configItem.hasOwnProperty(key);
31270
- }) === false) {
31271
- console.log("please check the navigation config and update the json");
31272
- return false;
31273
- }
31274
-
31275
- if (configItem.subMenuItems) {
31276
- validateConfig(configItem.subMenuItems);
31277
- }
31278
- });
31279
- return true;
31280
- };
31281
-
31282
- var reloadMenuItems = function reloadMenuItems() {
31283
- var navItems = getNavItems();
31284
-
31285
- if (!Array.isArray(navItems)) {
31286
- navItems.then(function (result) {
31287
- var isVaild = validateConfig(result);
31288
-
31289
- if (isVaild) {
31290
- setConfigDepth(getDepth(result));
31291
- setNavItemsModified(updateRoutes(result, ""));
31292
- setConfigValid(true);
31293
- } else {
31294
- setConfigValid(false);
31295
- }
31296
- });
31297
- }
31298
- };
31299
-
31300
- var onMouseOver = function onMouseOver() {
31301
- setHover(true);
31302
- };
31303
-
31304
- var onMouseLeave = function onMouseLeave() {
31305
- setHover(false);
31306
- };
31307
-
31308
- return React__default["default"].createElement("div", {
31309
- className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
31310
- onMouseOver: onMouseOver,
31311
- onMouseLeave: onMouseLeave
31312
- }, isConfigValid ? React__default["default"].createElement(NavigationMenu, {
31313
- isHover: isHover,
31314
- navItems: navItemsModified,
31315
- navigateTo: navigateTo,
31316
- configDepth: configDepth,
31317
- reloadMenuItems: reloadMenuItems
31318
- }) : null, !isConfigValid ? React__default["default"].createElement("div", null, "Please check your navigation config") : null);
31319
- };
31320
-
31321
31873
  /******************************************************************************
31322
31874
  Copyright (c) Microsoft Corporation.
31323
31875
 
@@ -45605,7 +46157,7 @@ function withFirebaseConfigCheck (Comp) {
45605
46157
 
45606
46158
  var Notifications = withFirebaseConfigCheck(Notifications$2);
45607
46159
 
45608
- var css_248z = ".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}\n";
46160
+ var css_248z = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n background: var(--paleGray);\r\n background: var(--paleGray);\r\n height: 100vh;\r\n max-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n height: 100%;\r\n}\r\n";
45609
46161
  styleInject(css_248z);
45610
46162
 
45611
46163
  if (!storage.activeYardNumber) {
@@ -45656,7 +46208,7 @@ var AppFrame = function AppFrame(props) {
45656
46208
  style: props.handleScrolling ? SCROLL : NO_SCROLL
45657
46209
  }, React__default["default"].createElement(BreadcrumbsProvider, {
45658
46210
  history: props.history
45659
- }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("header", {
46211
+ }, React__default["default"].createElement(AuthGuard, authGuardProps, React__default["default"].createElement(ConfigFetcher, null, React__default["default"].createElement(Notifications, null, React__default["default"].createElement("div", null, React__default["default"].createElement("header", {
45660
46212
  className: "utilities_ops-app-frame_AppFrame_AppFrame--header"
45661
46213
  }, React__default["default"].createElement(AppBar, {
45662
46214
  searchBarProps: props.searchBarProps,
@@ -45672,21 +46224,10 @@ var AppFrame = function AppFrame(props) {
45672
46224
  pathname: window.location.pathname
45673
46225
  }), React__default["default"].createElement("main", {
45674
46226
  className: "utilities_ops-app-frame_AppFrame_AppFrame--AppContainer"
45675
- }, props.showNavigation && storage.isAuthenticated ? React__default["default"].createElement(NavigationBar, {
45676
- navigateTo: props.navigateTo,
45677
- getNavItems: props.getNavItems
45678
- }) : null, React__default["default"].createElement("div", {
45679
- style: {
45680
- marginLeft: props.showNavigation ? '100px' : '0px'
45681
- }
45682
46227
  }, props.children)))))));
45683
46228
  };
45684
46229
  AppFrame.defaultProps = {
45685
- handleScrolling: true,
45686
- showNavigation: false,
45687
- getNavItems: function getNavItems() {
45688
- return [];
45689
- }
46230
+ handleScrolling: true
45690
46231
  };
45691
46232
 
45692
46233
  var logOutboundCalls =