@copart/ops-tool-kit 1.12.0-alpha.1 → 1.12.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +11 -11
  2. package/bin/cli.js +19 -19
  3. package/changelog.md +40 -40
  4. package/dist/ops-tool-kit.js +646 -328
  5. package/dist/ops-tool-kit.js.map +1 -1
  6. package/package.json +113 -112
package/dist/ops-tool-kit.js CHANGED
@@ -32,7 +32,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
32
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
33
33
 
34
34
  const name$r = "@copart/ops-tool-kit";
35
- const version$7 = "1.12.0-alpha.1";
35
+ const version$7 = "1.12.0-alpha.11";
36
36
  const main$1 = "dist/ops-tool-kit.js";
37
37
  const style = "dist/ops-tool-kit.css";
38
38
  const files = [
@@ -86,7 +86,8 @@ const devDependencies$1 = {
86
86
  rollup: "^2.22.1",
87
87
  "rollup-plugin-analyzer": "^3.3.0",
88
88
  "rollup-plugin-filesize": "9.0.2",
89
- "rollup-plugin-postcss": "^3.1.3"
89
+ "rollup-plugin-postcss": "^3.1.3",
90
+ "@rollup/plugin-replace": "5.0.5"
90
91
  };
91
92
  const peerDependencies = {
92
93
  "@copart/core-components": "2.3.0-alpha.filters.6",
@@ -226,11 +227,11 @@ function styleInject(css, ref) {
226
227
  }
227
228
  }
228
229
 
229
- var css_248z$q = ":root {\r\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\r\n\r\n --white: #ffffff;\r\n --gray: #f1f1f1;\r\n --grey: #f1f1f1;\r\n --black: #000000;\r\n --blue: #1d5ab9;\r\n --blueDark: #0b2854;\r\n --red: #ee2727;\r\n --green: #7dc033;\r\n --greenDark: #64b50a;\r\n --charcoal: #323742;\r\n --blue: #1d5ab9;\r\n --blueGrey: #8d9fb1;\r\n --lightBlue: #a3d1ff;\r\n --veryLightBlue: #f2f7ff;\r\n --lightBlueGrey: #d6dfe8;\r\n --paleGrey: #ecf0f1;\r\n --lightGrey: #f1f1f1;\r\n --copartBlue: #1d5ab9;\r\n\r\n --primaryBlue: rgb(12, 92, 184);\r\n --primaryBlue0: rgb(11, 81, 161);\r\n --primaryBlue1: rgba(12, 92, 184, 0.2);\r\n --primaryBlue2: rgba(12, 92, 184, 0.4);\r\n --primaryBlue3: rgba(12, 92, 184, 0.6);\r\n --primaryBlue4: rgba(12, 92, 184, 0.8);\r\n\r\n --secondaryBlue: rgb(74, 144, 226);\r\n --secondaryBlue0: rgb(52, 122, 202);\r\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\r\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\r\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\r\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\r\n\r\n --darkBlue: rgb(29, 90, 185);\r\n --darkBlue1: rgba(29, 90, 185, 0.2);\r\n --darkBlue2: rgba(29, 90, 185, 0.4);\r\n --darkBlue3: rgba(29, 90, 185, 0.6);\r\n --darkBlue4: rgba(29, 90, 185, 0.8);\r\n\r\n --primaryRed: rgba(224, 26, 26, 1);\r\n --primaryRed0: rgb(201, 16, 16);\r\n --primaryRed1: rgba(224, 26, 26, 0.2);\r\n --primaryRed2: rgba(224, 26, 26, 0.4);\r\n --primaryRed3: rgba(224, 26, 26, 0.6);\r\n --primaryRed4: rgba(224, 26, 26, 0.8);\r\n\r\n --primaryOrange: rgba(253, 184, 39, 1);\r\n --primaryOrange0: rgb(236, 171, 29);\r\n --primaryOrange1: rgba(253, 184, 39, 0.2);\r\n --primaryOrange2: rgba(253, 184, 39, 0.4);\r\n --primaryOrange3: rgba(253, 184, 39, 0.6);\r\n --primaryOrange4: rgba(253, 184, 39, 0.8);\r\n\r\n --primaryGreen: rgba(29, 206, 109, 1);\r\n --primaryGreen0: rgb(27, 187, 99);\r\n --primaryGreen1: rgba(29, 206, 109, 0.2);\r\n --primaryGreen2: rgba(29, 206, 109, 0.4);\r\n --primaryGreen3: rgba(29, 206, 109, 0.6);\r\n --primaryGreen4: rgba(29, 206, 109, 0.8);\r\n}\r\n\r\ni.styles_index--fabric {\r\n font-style: normal;\r\n}\r\n";
230
- styleInject(css_248z$q);
230
+ var css_248z$r = ":root {\n --mainFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n --primaryFont: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI';\n\n --white: #ffffff;\n --gray: #f1f1f1;\n --grey: #f1f1f1;\n --black: #000000;\n --blue: #1d5ab9;\n --blueDark: #0b2854;\n --red: #ee2727;\n --green: #7dc033;\n --greenDark: #64b50a;\n --charcoal: #323742;\n --blue: #1d5ab9;\n --blueGrey: #8d9fb1;\n --lightBlue: #a3d1ff;\n --veryLightBlue: #f2f7ff;\n --lightBlueGrey: #d6dfe8;\n --paleGrey: #ecf0f1;\n --lightGrey: #f1f1f1;\n --copartBlue: #1d5ab9;\n\n --primaryBlue: rgb(12, 92, 184);\n --primaryBlue0: rgb(11, 81, 161);\n --primaryBlue1: rgba(12, 92, 184, 0.2);\n --primaryBlue2: rgba(12, 92, 184, 0.4);\n --primaryBlue3: rgba(12, 92, 184, 0.6);\n --primaryBlue4: rgba(12, 92, 184, 0.8);\n\n --secondaryBlue: rgb(74, 144, 226);\n --secondaryBlue0: rgb(52, 122, 202);\n --secondaryBlue1: rgba(74, 144, 226, 0.2);\n --secondaryBlue2: rgba(74, 144, 226, 0.4);\n --secondaryBlue3: rgba(74, 144, 226, 0.6);\n --secondaryBlue4: rgba(74, 144, 226, 0.8);\n\n --darkBlue: rgb(29, 90, 185);\n --darkBlue1: rgba(29, 90, 185, 0.2);\n --darkBlue2: rgba(29, 90, 185, 0.4);\n --darkBlue3: rgba(29, 90, 185, 0.6);\n --darkBlue4: rgba(29, 90, 185, 0.8);\n\n --primaryRed: rgba(224, 26, 26, 1);\n --primaryRed0: rgb(201, 16, 16);\n --primaryRed1: rgba(224, 26, 26, 0.2);\n --primaryRed2: rgba(224, 26, 26, 0.4);\n --primaryRed3: rgba(224, 26, 26, 0.6);\n --primaryRed4: rgba(224, 26, 26, 0.8);\n\n --primaryOrange: rgba(253, 184, 39, 1);\n --primaryOrange0: rgb(236, 171, 29);\n --primaryOrange1: rgba(253, 184, 39, 0.2);\n --primaryOrange2: rgba(253, 184, 39, 0.4);\n --primaryOrange3: rgba(253, 184, 39, 0.6);\n --primaryOrange4: rgba(253, 184, 39, 0.8);\n\n --primaryGreen: rgba(29, 206, 109, 1);\n --primaryGreen0: rgb(27, 187, 99);\n --primaryGreen1: rgba(29, 206, 109, 0.2);\n --primaryGreen2: rgba(29, 206, 109, 0.4);\n --primaryGreen3: rgba(29, 206, 109, 0.6);\n --primaryGreen4: rgba(29, 206, 109, 0.8);\n}\n\ni.styles_index--fabric {\n font-style: normal;\n}\n";
231
+ styleInject(css_248z$r);
231
232
 
232
- var css_248z$p = "* {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: subpixel-antialiased;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\nhtml,\r\nhtml a {\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n* {\r\n padding: 0;\r\n margin: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n font-size: 16px;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n font-size: 1rem;\r\n font-family: var(--mainFont);\r\n font-family: var(--mainFont);\r\n}\r\n\r\na:link,a:visited {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-webkit-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:-moz-any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\na:any-link {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.styles_reset--material-icons.styles_reset--md-18 {\r\n font-size: 18px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-24 {\r\n font-size: 24px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-28 {\r\n font-size: 28px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-36 {\r\n font-size: 36px;\r\n}\r\n.styles_reset--material-icons.styles_reset--md-48 {\r\n font-size: 48px;\r\n}\r\n";
233
- styleInject(css_248z$p);
233
+ var css_248z$q = "* {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: subpixel-antialiased;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n}\n\nhtml,\nhtml a {\n -webkit-font-smoothing: antialiased;\n}\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n:root {\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n}\n\nbody {\n overflow: hidden;\n font-size: 1rem;\n font-family: var(--mainFont);\n font-family: var(--mainFont);\n}\n\na:link,a:visited {\n color: inherit;\n text-decoration: none;\n}\n\na:-webkit-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:-moz-any-link {\n color: inherit;\n text-decoration: none;\n}\n\na:any-link {\n color: inherit;\n text-decoration: none;\n}\n\n.styles_reset--material-icons.styles_reset--md-18 {\n font-size: 18px;\n}\n.styles_reset--material-icons.styles_reset--md-24 {\n font-size: 24px;\n}\n.styles_reset--material-icons.styles_reset--md-28 {\n font-size: 28px;\n}\n.styles_reset--material-icons.styles_reset--md-36 {\n font-size: 36px;\n}\n.styles_reset--material-icons.styles_reset--md-48 {\n font-size: 48px;\n}\n";
234
+ styleInject(css_248z$q);
234
235
 
235
236
  function _iterableToArrayLimit(arr, i) {
236
237
  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
@@ -852,7 +853,7 @@ var b$1 = "function" === typeof Symbol && Symbol.for,
852
853
  d = b$1 ? Symbol.for("react.portal") : 60106,
853
854
  e = b$1 ? Symbol.for("react.fragment") : 60107,
854
855
  f = b$1 ? Symbol.for("react.strict_mode") : 60108,
855
- g$1 = b$1 ? Symbol.for("react.profiler") : 60114,
856
+ g = b$1 ? Symbol.for("react.profiler") : 60114,
856
857
  h$1 = b$1 ? Symbol.for("react.provider") : 60109,
857
858
  k$1 = b$1 ? Symbol.for("react.context") : 60110,
858
859
  l = b$1 ? Symbol.for("react.async_mode") : 60111,
@@ -875,7 +876,7 @@ function z$1(a) {
875
876
  case l:
876
877
  case m:
877
878
  case e:
878
- case g$1:
879
+ case g:
879
880
  case f:
880
881
  case p:
881
882
  return a;
@@ -909,7 +910,7 @@ var Fragment = e;
909
910
  var Lazy = t;
910
911
  var Memo = r;
911
912
  var Portal = d;
912
- var Profiler = g$1;
913
+ var Profiler = g;
913
914
  var StrictMode = f;
914
915
  var Suspense = p;
915
916
  var isAsyncMode = function (a) {
@@ -941,7 +942,7 @@ var isPortal = function (a) {
941
942
  return z$1(a) === d;
942
943
  };
943
944
  var isProfiler = function (a) {
944
- return z$1(a) === g$1;
945
+ return z$1(a) === g;
945
946
  };
946
947
  var isStrictMode = function (a) {
947
948
  return z$1(a) === f;
@@ -950,7 +951,7 @@ var isSuspense = function (a) {
950
951
  return z$1(a) === p;
951
952
  };
952
953
  var isValidElementType = function (a) {
953
- return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g$1 || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
+ return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q$1 || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h$1 || a.$$typeof === k$1 || a.$$typeof === n || a.$$typeof === w$1 || a.$$typeof === x$1 || a.$$typeof === y || a.$$typeof === v);
954
955
  };
955
956
  var typeOf = z$1;
956
957
 
@@ -2785,6 +2786,12 @@ var createOpsStorage = function createOpsStorage() {
2785
2786
  var appAuthName = appData ? appData.appAuthName : (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.APP_AUTH_NAME ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
2786
2787
  return appAuthName ? storage$1.getLocalItem("".concat(appAuthName, ":permissions")) : [];
2787
2788
  },
2789
+ get appScopesAndFunctions() {
2790
+ return getLocalItem('appScopesAndFunctions') || [];
2791
+ },
2792
+ get userAppScopes() {
2793
+ return getLocalItem('login', 'userAppScopes') || [];
2794
+ },
2788
2795
  get coreConfig() {
2789
2796
  return getLocalItem('opsportal-core:config');
2790
2797
  },
@@ -2905,8 +2912,8 @@ var DEFAULT_BREADCRUMBS_CONTEXT = {
2905
2912
  error: 'You tried to use Breadcrumbs outside of its context.'
2906
2913
  };
2907
2914
 
2908
- var css_248z$o = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\r\n /* height: 36px;\r\n background: #3c4656; */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n display: flex;\r\n}\r\n\r\n#notCrumbs {\r\n height: 100%;\r\n margin-right: 12px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n cursor: pointer;\r\n height: 100%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n font-weight: 300;\r\n letter-spacing: 0;\r\n /* transition: all 0.2s; */\r\n position: relative;\r\n top: -2px;\r\n color: rgba(255, 255, 255, 0.8);\r\n grid-gap: 6px;\r\n gap: 6px;\r\n margin-left: 5px;\r\n opacity: 1;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-6px);\r\n transform: translateX(-6px);\r\n /* transform: scale(0.9); */\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0px);\r\n transform: translateX(0px);\r\n /* transform: scale(1); */\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\r\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\r\n -webkit-animation-duration: 0.2s;\r\n animation-duration: 0.2s;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\r\n content: '\\f054';\r\n color: rgba(255, 255, 255, 0.4);\r\n display: inline-block;\r\n font-family: 'Font Awesome 6 Pro';\r\n font-size: 16px;\r\n margin: 0 6px;\r\n position: relative;\r\n top: 2px;\r\n}\r\n\r\n/* .Crumb:first-of-type {\r\n margin-left: 12px;\r\n font-weight: 400;\r\n} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\r\n /* background: rgba(0, 0, 0, 0.15); */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\r\n /* opacity: 0.75; */\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\r\n font-weight: 700;\r\n opacity: 1;\r\n color: rgba(255, 255, 255, 1);\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\r\n font-weight: 300;\r\n /* opacity: 0.8; */\r\n}\r\n\r\n/* .crumbSpacer {} */\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\r\n /* margin: 10px; */\r\n flex-grow: 2;\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\r\n height: 100%;\r\n display: flex;\r\n margin-right: 0px !important;\r\n}";
2909
- styleInject(css_248z$o);
2915
+ var css_248z$p = ".utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Breadcrumbs {\n /* height: 36px;\n background: #3c4656; */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n display: flex;\n}\n\n#notCrumbs {\n height: 100%;\n margin-right: 12px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n cursor: pointer;\n height: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 300;\n letter-spacing: 0;\n /* transition: all 0.2s; */\n position: relative;\n top: -2px;\n color: rgba(255, 255, 255, 0.8);\n grid-gap: 6px;\n gap: 6px;\n margin-left: 5px;\n opacity: 1;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n@keyframes utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-6px);\n transform: translateX(-6px);\n /* transform: scale(0.9); */\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n /* transform: scale(1); */\n }\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb {\n -webkit-animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n animation-name: utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--fadeIn;\n -webkit-animation-duration: 0.2s;\n animation-duration: 0.2s;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb::before {\n content: '\\f054';\n color: rgba(255, 255, 255, 0.4);\n display: inline-block;\n font-family: 'Font Awesome 6 Pro';\n font-size: 16px;\n margin: 0 6px;\n position: relative;\n top: 2px;\n}\n\n/* .Crumb:first-of-type {\n margin-left: 12px;\n font-weight: 400;\n} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:hover {\n /* background: rgba(0, 0, 0, 0.15); */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:not(:last-of-type):not(:hover) {\n /* opacity: 0.75; */\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type {\n font-weight: 700;\n opacity: 1;\n color: rgba(255, 255, 255, 1);\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--Crumb:last-of-type::before {\n font-weight: 300;\n /* opacity: 0.8; */\n}\n\n/* .crumbSpacer {} */\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--crumbs {\n /* margin: 10px; */\n flex-grow: 2;\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--notCrumbs {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}\n\n.utilities_ops-app-frame_Breadcrumbs_styles_Breadcrumbs--entityIndicator {\n height: 100%;\n display: flex;\n margin-right: 0px !important;\n}";
2916
+ styleInject(css_248z$p);
2910
2917
 
2911
2918
  var Context = createContext(DEFAULT_BREADCRUMBS_CONTEXT);
2912
2919
  var withBreadcrumbs = function withBreadcrumbs(Comp) {
@@ -3666,12 +3673,12 @@ function nonStandardBrowserEnv() {
3666
3673
 
3667
3674
  // btoa polyfill for IE<10 courtesy https://github.com/davidchambers/Base64.js
3668
3675
  var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
3669
- function E() {
3676
+ function E$1() {
3670
3677
  this.message = 'String contains an invalid character';
3671
3678
  }
3672
- E.prototype = new Error();
3673
- E.prototype.code = 5;
3674
- E.prototype.name = 'InvalidCharacterError';
3679
+ E$1.prototype = new Error();
3680
+ E$1.prototype.code = 5;
3681
+ E$1.prototype.name = 'InvalidCharacterError';
3675
3682
  function btoa$2(input) {
3676
3683
  var str = String(input);
3677
3684
  var output = '';
@@ -3686,7 +3693,7 @@ function btoa$2(input) {
3686
3693
  output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
3687
3694
  charCode = str.charCodeAt(idx += 3 / 4);
3688
3695
  if (charCode > 0xFF) {
3689
- throw new E();
3696
+ throw new E$1();
3690
3697
  }
3691
3698
  block = block << 8 | charCode;
3692
3699
  }
@@ -5388,19 +5395,24 @@ var getConfig = /*#__PURE__*/function () {
5388
5395
  return _ref.apply(this, arguments);
5389
5396
  };
5390
5397
  }();
5391
- var findAppData = function findAppData(tiles) {
5398
+ var tileFilter = function tileFilter(tile) {
5392
5399
  var _window$toolkitEnv;
5393
5400
  var appName = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
5394
5401
  if (window.location.pathname.includes('embedded')) {
5395
5402
  appName = window.location.pathname;
5396
5403
  }
5397
- var matchingTiles = tiles.filter(function (tile) {
5398
- if (tile.appName) {
5399
- return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5400
- } else {
5401
- return tile.path === "/".concat(appName);
5402
- }
5403
- });
5404
+ if (tile.appName) {
5405
+ return tile.appName === 'embedded' ? tile.path === appName : tile.appName === appName;
5406
+ } else {
5407
+ return tile.path === "/".concat(appName);
5408
+ }
5409
+ };
5410
+ var findAppData = function findAppData() {
5411
+ var tiles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
5412
+ var tileOverrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
5413
+ var matchingTiles = [];
5414
+ matchingTiles.concat(tileOverrides.filter(tileFilter));
5415
+ matchingTiles.concat(tiles.filter(tileFilter));
5404
5416
  if (matchingTiles.length > 1) {
5405
5417
  var currentLocation = window.location.pathname;
5406
5418
  return matchingTiles.find(function (tile) {
@@ -5423,7 +5435,7 @@ var getAppTileData = /*#__PURE__*/function () {
5423
5435
  case 3:
5424
5436
  config = _context2.sent;
5425
5437
  storage.setLocalItem('opsportal-core:config', config);
5426
- return _context2.abrupt("return", findAppData(config.tiles || []));
5438
+ return _context2.abrupt("return", findAppData(config.tiles, config.tileOverrides));
5427
5439
  case 6:
5428
5440
  case "end":
5429
5441
  return _context2.stop();
@@ -5446,17 +5458,54 @@ var getHeaders$1 = function getHeaders() {
5446
5458
  };
5447
5459
  };
5448
5460
  var getPermissions = /*#__PURE__*/function () {
5449
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName) {
5450
- var _storage$getLocalItem, _storage$getLocalItem2, permissions, endpoint, response, appDetails;
5461
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(appName, useAppScopes) {
5462
+ var permissions, userAppScopes, allAppScopesAndFunctions, currentAppScopesAndFunctions, _currentAppScopesAndF, appFunctions, appFunctionsMap, _storage$getLocalItem, _storage$getLocalItem2, endpoint, response, appDetails;
5451
5463
  return _regeneratorRuntime().wrap(function _callee$(_context) {
5452
5464
  while (1) switch (_context.prev = _context.next) {
5453
5465
  case 0:
5454
5466
  _context.prev = 0;
5455
5467
  permissions = [];
5468
+ if (!useAppScopes) {
5469
+ _context.next = 9;
5470
+ break;
5471
+ }
5472
+ userAppScopes = Array.isArray(storage.userAppScopes) ? storage.userAppScopes : [];
5473
+ allAppScopesAndFunctions = storage.appScopesAndFunctions;
5474
+ currentAppScopesAndFunctions = allAppScopesAndFunctions.find(function (scope) {
5475
+ return scope.appName === appName;
5476
+ });
5477
+ if (currentAppScopesAndFunctions) {
5478
+ appFunctions = {}, appFunctionsMap = {};
5479
+ (_currentAppScopesAndF = currentAppScopesAndFunctions.scopes) === null || _currentAppScopesAndF === void 0 ? void 0 : _currentAppScopesAndF.forEach(function (scope) {
5480
+ var scopeName = scope.appscope;
5481
+ var userHasScope = userAppScopes.find(function (appScope) {
5482
+ return appScope.appName === appName && appScope.scopeName === scopeName;
5483
+ });
5484
+ if (userHasScope) {
5485
+ scope.applicationFunctions.forEach(function (appFunc) {
5486
+ if (!appFunctionsMap[appFunc]) {
5487
+ appFunctionsMap[appFunc] = true;
5488
+ appFunctions[appFunc] = {
5489
+ name: appFunc,
5490
+ description: appFunc,
5491
+ hierarchyDetails: userHasScope.hierarchies
5492
+ };
5493
+ } else {
5494
+ var _appFunctions$appFunc;
5495
+ (_appFunctions$appFunc = appFunctions[appFunc]) === null || _appFunctions$appFunc === void 0 ? void 0 : _appFunctions$appFunc.hierarchyDetails.concat(userHasScope.hierarchies);
5496
+ }
5497
+ });
5498
+ }
5499
+ });
5500
+ permissions = Object.values(appFunctions);
5501
+ }
5502
+ _context.next = 15;
5503
+ break;
5504
+ case 9:
5456
5505
  endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.g2AppPermissions;
5457
- _context.next = 5;
5506
+ _context.next = 12;
5458
5507
  return fetcher.get("".concat(endpoint).concat(appName), getHeaders$1());
5459
- case 5:
5508
+ case 12:
5460
5509
  response = _context.sent;
5461
5510
  appDetails = response.data.applications.find(function (app) {
5462
5511
  return app.name === appName;
@@ -5464,25 +5513,26 @@ var getPermissions = /*#__PURE__*/function () {
5464
5513
  if (appDetails) {
5465
5514
  permissions = appDetails.applicationFunctions;
5466
5515
  }
5516
+ case 15:
5467
5517
  storage.setLocalItem("".concat(appName, ":permissions"), permissions);
5468
5518
  return _context.abrupt("return", permissions);
5469
- case 12:
5470
- _context.prev = 12;
5519
+ case 19:
5520
+ _context.prev = 19;
5471
5521
  _context.t0 = _context["catch"](0);
5472
5522
  if (!(_context.t0.response && JSON.stringify(_context.t0.response.data).includes('503'))) {
5473
- _context.next = 18;
5523
+ _context.next = 25;
5474
5524
  break;
5475
5525
  }
5476
5526
  return _context.abrupt("return", Promise.reject(new Error('Fetch Error, Please make sure you are on the Copart network')));
5477
- case 18:
5527
+ case 25:
5478
5528
  Promise.reject(_context.t0);
5479
- case 19:
5529
+ case 26:
5480
5530
  case "end":
5481
5531
  return _context.stop();
5482
5532
  }
5483
- }, _callee, null, [[0, 12]]);
5533
+ }, _callee, null, [[0, 19]]);
5484
5534
  }));
5485
- return function getPermissions(_x) {
5535
+ return function getPermissions(_x, _x2) {
5486
5536
  return _ref.apply(this, arguments);
5487
5537
  };
5488
5538
  }();
@@ -5589,17 +5639,17 @@ var getDefaultYard = function getDefaultYard(country) {
5589
5639
  var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
5590
5640
  if (stack === 'uk') {
5591
5641
  return {
5592
- name: "COPART UK",
5642
+ name: 'COPART UK',
5593
5643
  number: 400,
5594
- userSecurityLevel: "1",
5644
+ userSecurityLevel: '1',
5595
5645
  address: {
5596
- city: "WOOTTON",
5597
- country: "GBR",
5598
- line1: "ACREY FIELDS",
5599
- state: "GB",
5646
+ city: 'WOOTTON',
5647
+ country: 'GBR',
5648
+ line1: 'ACREY FIELDS',
5649
+ state: 'GB',
5600
5650
  zip: {
5601
- zip1: "MK43",
5602
- zip2: ""
5651
+ zip1: 'MK43',
5652
+ zip2: ''
5603
5653
  }
5604
5654
  }
5605
5655
  };
@@ -5607,60 +5657,60 @@ var getDefaultYard = function getDefaultYard(country) {
5607
5657
  switch (country) {
5608
5658
  case 'IN':
5609
5659
  return {
5610
- name: "CITC",
5660
+ name: 'CITC',
5611
5661
  number: 8003,
5612
5662
  address: {
5613
- city: "HYDERABAD",
5614
- country: "IND",
5615
- line1: "PSR PRIME TOWERS 5TH FLOOR",
5616
- line2: "SURVEY NO 126P, GACHIBOWLI",
5617
- state: "TS",
5663
+ city: 'HYDERABAD',
5664
+ country: 'IND',
5665
+ line1: 'PSR PRIME TOWERS 5TH FLOOR',
5666
+ line2: 'SURVEY NO 126P, GACHIBOWLI',
5667
+ state: 'TS',
5618
5668
  zip: {
5619
- zip1: "500032"
5669
+ zip1: '500032'
5620
5670
  }
5621
5671
  }
5622
5672
  };
5623
5673
  case 'US':
5624
5674
  return {
5625
- name: "CORPORATE",
5675
+ name: 'CORPORATE',
5626
5676
  number: 700,
5627
5677
  address: {
5628
- city: "DALLAS",
5629
- country: "USA",
5630
- line1: "14185 DALLAS PARKWAY #300",
5631
- state: "TX",
5678
+ city: 'DALLAS',
5679
+ country: 'USA',
5680
+ line1: '14185 DALLAS PARKWAY #300',
5681
+ state: 'TX',
5632
5682
  zip: {
5633
- zip1: "75254"
5683
+ zip1: '75254'
5634
5684
  }
5635
5685
  }
5636
5686
  };
5637
5687
  case 'UK':
5638
5688
  return {
5639
- name: "COPART UK",
5689
+ name: 'COPART UK',
5640
5690
  number: 400,
5641
- userSecurityLevel: "1",
5691
+ userSecurityLevel: '1',
5642
5692
  address: {
5643
- city: "WOOTTON",
5644
- country: "GBR",
5645
- line1: "ACREY FIELDS",
5646
- state: "GB",
5693
+ city: 'WOOTTON',
5694
+ country: 'GBR',
5695
+ line1: 'ACREY FIELDS',
5696
+ state: 'GB',
5647
5697
  zip: {
5648
- zip1: "MK43",
5649
- zip2: ""
5698
+ zip1: 'MK43',
5699
+ zip2: ''
5650
5700
  }
5651
5701
  }
5652
5702
  };
5653
5703
  default:
5654
5704
  return {
5655
- name: "CORPORATE",
5705
+ name: 'CORPORATE',
5656
5706
  number: 700,
5657
5707
  address: {
5658
- city: "DALLAS",
5659
- country: "USA",
5660
- line1: "14185 DALLAS PARKWAY #300",
5661
- state: "TX",
5708
+ city: 'DALLAS',
5709
+ country: 'USA',
5710
+ line1: '14185 DALLAS PARKWAY #300',
5711
+ state: 'TX',
5662
5712
  zip: {
5663
- zip1: "75254"
5713
+ zip1: '75254'
5664
5714
  }
5665
5715
  }
5666
5716
  };
@@ -5735,13 +5785,14 @@ var storeLoginData = function storeLoginData(data) {
5735
5785
  redirectTo: 'home',
5736
5786
  attemptFailed: false,
5737
5787
  sessionExpired: false,
5738
- hasCasAccess: data.hasCasAccess
5788
+ hasCasAccess: data.hasCasAccess,
5789
+ entity_auth_scope: data.entity_auth_scope
5739
5790
  });
5740
5791
  };
5741
5792
  var setupLogin = /*#__PURE__*/function () {
5742
5793
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(loginData) {
5743
5794
  var _window$toolkitEnv3;
5744
- var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard;
5795
+ var stack, hasCasAccess, yardList, entitySamID, entityID, entityCasID, userDetails, noCasAccess, userCountryCode, defaultYard, _storage$getLocalItem, _storage$getLocalItem2, endpoint, appFunctions;
5745
5796
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5746
5797
  while (1) switch (_context2.prev = _context2.next) {
5747
5798
  case 0:
@@ -5813,11 +5864,26 @@ var setupLogin = /*#__PURE__*/function () {
5813
5864
  loginData.hasCasAccess = hasCasAccess;
5814
5865
  case 44:
5815
5866
  storeLoginData(loginData);
5816
- case 45:
5867
+ _context2.prev = 45;
5868
+ endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.appScopesAWS;
5869
+ _context2.next = 49;
5870
+ return fetcher.get(endpoint).then(function (res) {
5871
+ return res.data;
5872
+ });
5873
+ case 49:
5874
+ appFunctions = _context2.sent;
5875
+ storage$1.setLocalItem('appScopesAndFunctions', appFunctions);
5876
+ _context2.next = 56;
5877
+ break;
5878
+ case 53:
5879
+ _context2.prev = 53;
5880
+ _context2.t1 = _context2["catch"](45);
5881
+ console.log(_context2.t1);
5882
+ case 56:
5817
5883
  case "end":
5818
5884
  return _context2.stop();
5819
5885
  }
5820
- }, _callee2, null, [[17, 27]]);
5886
+ }, _callee2, null, [[17, 27], [45, 53]]);
5821
5887
  }));
5822
5888
  return function setupLogin(_x) {
5823
5889
  return _ref2.apply(this, arguments);
@@ -9270,6 +9336,81 @@ var getInnovationHubToken = /*#__PURE__*/function () {
9270
9336
  };
9271
9337
  }();
9272
9338
 
9339
+ var getHierarchyDetails = function getHierarchyDetails(hierarchies, hierarchyId) {
9340
+ var hierarchy = hierarchies[hierarchyId];
9341
+ var isHierarchyFromCurrentCountry = hierarchy && hierarchy.countryCode === storage.getSessionItem('dashboard', 'selectedCountryA3code');
9342
+ return isHierarchyFromCurrentCountry ? {
9343
+ id: hierarchy.hierarchyId,
9344
+ level: hierarchy.levelName,
9345
+ name: hierarchy.hierarchyName
9346
+ } : null;
9347
+ };
9348
+ var getUserScopes = /*#__PURE__*/function () {
9349
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
9350
+ var _storage$getLocalItem, _storage$getLocalItem2;
9351
+ var endpoint, hierarchies, scopeData, scopeList, filteredScopeList;
9352
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
9353
+ while (1) switch (_context.prev = _context.next) {
9354
+ case 0:
9355
+ endpoint = (_storage$getLocalItem = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.hierarchiesAWS;
9356
+ _context.prev = 1;
9357
+ _context.next = 4;
9358
+ return fetcher.get(endpoint).then(function (res) {
9359
+ return res.data;
9360
+ });
9361
+ case 4:
9362
+ hierarchies = _context.sent;
9363
+ storage.setLocalItem('hierarchies', hierarchies);
9364
+ _context.next = 12;
9365
+ break;
9366
+ case 8:
9367
+ _context.prev = 8;
9368
+ _context.t0 = _context["catch"](1);
9369
+ console.log(_context.t0);
9370
+ hierarchies = storage.getLocalItem('hierarchies');
9371
+ case 12:
9372
+ scopeData = storage.getLocalItem('login', 'entity_auth_scope');
9373
+ scopeList = typeof scopeData === 'string' ? scopeData === null || scopeData === void 0 ? void 0 : scopeData.split(',') : [];
9374
+ scopeList = scopeList.filter(function (scope) {
9375
+ return typeof scope === 'string' && scope.trim() !== '';
9376
+ });
9377
+ filteredScopeList = [];
9378
+ scopeList.forEach(function (scope) {
9379
+ var _storage$getLocalItem3;
9380
+ var scopeInfo = scope === null || scope === void 0 ? void 0 : scope.split('|');
9381
+ var appScopeEnv = (_storage$getLocalItem3 = storage.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem3 === void 0 ? void 0 : _storage$getLocalItem3.appScopeEnv;
9382
+ var isScopeForCurrentEnv = scopeInfo[0] && scopeInfo[0] === appScopeEnv;
9383
+ if (isScopeForCurrentEnv) {
9384
+ var _scopeInfo$;
9385
+ var hierarchyList = ((_scopeInfo$ = scopeInfo[3]) === null || _scopeInfo$ === void 0 ? void 0 : _scopeInfo$.split(':')) || [];
9386
+ var hierarchiesWithDetails = [];
9387
+ hierarchyList.forEach(function (hierarchy) {
9388
+ var details = getHierarchyDetails(hierarchies, Number(hierarchy));
9389
+ if (details) {
9390
+ hierarchiesWithDetails.push(details);
9391
+ }
9392
+ });
9393
+ if (hierarchiesWithDetails.length > 0) {
9394
+ filteredScopeList.push({
9395
+ appName: scopeInfo[1],
9396
+ scopeName: scopeInfo[2],
9397
+ hierarchies: hierarchiesWithDetails
9398
+ });
9399
+ }
9400
+ }
9401
+ });
9402
+ return _context.abrupt("return", filteredScopeList);
9403
+ case 18:
9404
+ case "end":
9405
+ return _context.stop();
9406
+ }
9407
+ }, _callee, null, [[1, 8]]);
9408
+ }));
9409
+ return function getUserScopes() {
9410
+ return _ref.apply(this, arguments);
9411
+ };
9412
+ }();
9413
+
9273
9414
  fetcher.login = login;
9274
9415
  fetcher.oktaLogin = oktaLogin;
9275
9416
  fetcher.getConfig = getConfig;
@@ -9285,6 +9426,7 @@ fetcher.getPrintersForYard = getPrintersForYard;
9285
9426
  fetcher.getPermissions = getPermissions;
9286
9427
  fetcher.getCoreAppPermissions = getCoreAppPermissions;
9287
9428
  fetcher.getInnovationHubToken = getInnovationHubToken;
9429
+ fetcher.getUserScopes = getUserScopes;
9288
9430
 
9289
9431
  var getRouteName = function getRouteName() {
9290
9432
  return window.location.pathname.split('/').splice(1)[0];
@@ -9321,8 +9463,8 @@ var isChrome = function isChrome() {
9321
9463
  return isChromium && !isEdge;
9322
9464
  };
9323
9465
 
9324
- var css_248z$n = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\r\n margin: 80px 0 40px;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\r\n width: 60px;\r\n height: 60px;\r\n}\r\n";
9325
- styleInject(css_248z$n);
9466
+ var css_248z$o = ".utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--ConfigFetcher {\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner {\n margin: 80px 0 40px;\n width: 100%;\n height: 100%;\n}\n\n.utilities_ops-app-frame_ConfigFetcher_ConfigFetcher--spinner * {\n width: 60px;\n height: 60px;\n}\n";
9467
+ styleInject(css_248z$o);
9326
9468
 
9327
9469
  var ConfigFetcher = /*#__PURE__*/function (_React$Component) {
9328
9470
  _inherits$2(ConfigFetcher, _React$Component);
@@ -21035,8 +21177,8 @@ var generateFeedbackEmail = function generateFeedbackEmail(props) {
21035
21177
  return "\n Feedback: ".concat(props.feedback, "\n <br/>\n Email: ").concat(props.email, "\n <br/>\n Url: ").concat(location.href, "\n <br/>\n Selected Yard: ").concat(props.selectedYard, "\n <br/>\n Home Yard: ").concat(props.homeYard, "\n <br/>\n User Agent: ").concat(navigator.userAgent, "\n <br/>\n <small><i>Sent from opsportal-core.</i></small>\n ");
21036
21178
  };
21037
21179
 
21038
- var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\r\n color: #0d5db8;\r\n font-size: 15px;\r\n}\r\n";
21039
- styleInject(css_248z$m);
21180
+ var css_248z$n = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQLink_FAQLink--FAQLink {\n color: #0d5db8;\n font-size: 15px;\n}\n";
21181
+ styleInject(css_248z$n);
21040
21182
 
21041
21183
  var FAQLink = function FAQLink() {
21042
21184
  return /*#__PURE__*/React__namespace.createElement("a", {
@@ -21050,8 +21192,8 @@ var FAQLink = function FAQLink() {
21050
21192
  }, locale('FAQs'));
21051
21193
  };
21052
21194
 
21053
- var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\r\n font-weight: bold;\r\n}\r\n";
21054
- styleInject(css_248z$l);
21195
+ var css_248z$m = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--FAQText {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FAQText_FAQText--text {\n font-weight: bold;\n}\n";
21196
+ styleInject(css_248z$m);
21055
21197
 
21056
21198
  var FAQText = function FAQText() {
21057
21199
  return /*#__PURE__*/React__namespace.createElement("div", {
@@ -21061,8 +21203,8 @@ var FAQText = function FAQText() {
21061
21203
  }, locale('Please see'), " ", /*#__PURE__*/React__namespace.createElement(FAQLink, null), " ", locale('for frequently asked questions')));
21062
21204
  };
21063
21205
 
21064
- var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\r\n display: flex;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\r\n margin-bottom: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-top: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\r\n height: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n height: 40px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\r\n margin: 5px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\r\n width: 60vw;\r\n max-width: 600px;\r\n padding: 10px 20px;\r\n}\r\n";
21065
- styleInject(css_248z$k);
21206
+ var css_248z$l = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--emailInputBox {\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox {\n display: flex;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelectsBox > div {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:first-of-type {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--autoSelect:nth-of-type(2) {\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackBox {\n margin-bottom: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--bottomBox {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-top: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--FeedbackDialog .ms-Dialog-inner {\n height: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle {\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--dialogTitle > span > i {\n margin: 5px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackDialog_FeedbackDialog--feedbackDialogContent {\n width: 60vw;\n max-width: 600px;\n padding: 10px 20px;\n}\n";
21207
+ styleInject(css_248z$l);
21066
21208
 
21067
21209
  var DialogTitle = function DialogTitle() {
21068
21210
  return /*#__PURE__*/React__namespace.createElement("span", {
@@ -21281,8 +21423,8 @@ FeedbackDialog.defaultProps = {
21281
21423
  }
21282
21424
  };
21283
21425
 
21284
- var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 3px 0 0 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px !important;\r\n position: relative;\r\n width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n width: auto;\r\n grid-gap: 4px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n display: flex;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n width: auto;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n color: #1D5AB9;\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n font-size: 14px;\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin: 0 8px;\r\n padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n font-size: 18px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 3px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 358px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n /* padding: 15px; */\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .searchIcon {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .searchIcon > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 22px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow {\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n";
21285
- styleInject(css_248z$j);
21426
+ var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\n background-color: var(--blue);\n background-color: var(--blue);\n height: 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n white-space: nowrap;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\n width: 100%;\n display: flex;\n justify-content: start;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\n margin: 0 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-left: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\n display: flex;\n flex-direction: column;\n margin: 3px 0 0 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\n color: white;\n font-size: 11px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\n color: white;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n justify-content: center;\n margin: 8px !important;\n position: relative;\n width: 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\n margin-right: 24px !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\n color: #fff;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\n color: #ffff00;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\n width: auto;\n grid-gap: 4px;\n grid-gap: 5px;\n gap: 5px;\n display: flex;\n font-size: 14px;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\n width: auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n font-size: 14px;\n grid-gap: 8px;\n grid-gap: 8px;\n gap: 8px;\n padding: 2px 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\n color: #1D5AB9;\n font-size: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\n font-size: 14px;\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\n display: flex;\n color: white;\n font-size: 13px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\n color: white;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n width: 6rem;\n margin-top: 0rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\n margin-top: 0.6rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\n margin-top: 0.4rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\n margin-top: -0.2rem;\n margin-left: 2rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\n display: inline;\n display: initial;\n}\n\n@font-face {\n font-family: 'Open Sans';\n font-style: italic;\n font-weight: 600;\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\n format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\n color: #fff;\n font-family: 'Open Sans', sans-serif;\n font-weight: 600;\n font-style: italic;\n font-size: 14px;\n position: relative;\n left: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\n display: flex;\n color: white;\n font-size: 13px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\n /* margin-left: 10px;\n margin-right: 7px; */\n cursor: pointer;\n display: flex;\n align-items: center;\n background: #fff;\n color: #1D5AB9;\n font-weight: 600;\n border-radius: 4px;\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\n font-size: 14px;\n grid-gap: 8px;\n gap: 8px;\n margin: 0 8px;\n padding: 6px 20px 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\n font-size: 18px;\n color: #1D5AB9;\n}\n\n/* .searchIcon > div {\n margin-left: 7px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\n color: #fff;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\n color: white;\n cursor: default;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n background-color: white;\n border-radius: 20px;\n margin: 5px;\n padding: 0px 10px;\n height: 25px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\n border: 1px solid #1d5ab9;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n background-color: white;\n border-radius: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\n color: green;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\n color: red;\n margin: 5px 0px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\n margin-right: 5px;\n margin-left: 5px;\n width: 24px;\n height: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\n margin-left: 5px;\n display: inline-flex;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\n line-height: unset;\n font-size: 16px;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\n color: green;\n}\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\n color: red;\n}\n\n/* .userMenu {\n margin-left: 10px !important;\n margin-right: 5px !important;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 10px !important;\n margin-right: 10px !important;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 7px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\n margin: 0 !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\n cursor: pointer;\n position: relative;\n top: -2px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\n color: #fff;\n font-size: 22px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\n background-color: #ef5350;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n left: 13px;\n width: 10px;\n height: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\n position: absolute;\n background: #fff;\n padding: 8px;\n right: 30px;\n top: -2px;\n border-radius: 2px;\n font-weight: 400;\n font-size: 12px;\n cursor: auto;\n color: #000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\n content: \"\";\n position: absolute;\n top: 50%;\n left: 100%;\n margin-top: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent transparent #fff;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\n color: #000;\n font-size: 12px;\n margin-left: 5px;\n position: relative;\n top: 1px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\n position: absolute;\n display: flex;\n height: calc(100vh - 48px);\n width: 100vw;\n bottom: 0;\n z-index: 10000;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\n background-color: rgba(0,0,0,.5);\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 2px;\n right: 358px;\n height: 38px;\n width: 38px;\n background-color: white;\n z-index: 11000;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\n padding: 5px 7px;\n background: #fff;\n border-radius: 50%;\n font-weight: 600;\n color: #1d5ab9;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\n background: rgba(255, 255, 255, 0.40);\n -webkit-backdrop-filter: blur(20px);\n backdrop-filter: blur(20px);\n position: absolute;\n top: 50px;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 999;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n /* padding: 15px; */\n background-color: white;\n overflow-y: auto;\n}\n\n@media only screen and (max-width: 1024px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\n margin-right: 2px;\n }\n\n /* .searchIcon {\n margin-left: 5px;\n margin-right: 2px;\n }\n\n .searchIcon > div {\n margin-left: 2px;\n } */\n\n /* .userMenu {\n margin-left: 3px !important;\n margin-right: 3px !important;\n } */\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\n margin-left: 3px !important;\n margin-right: 3px !important;\n }\n\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\n margin-left: 2px;\n }\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\n{\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\n{\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: 100%;\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\n font-size: 18px;\n font-weight: 600;\n padding-bottom: 10px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\n display: flex;\n flex-direction: column;\n grid-gap: 5px;\n gap: 5px;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n background-color: #ef5350;\n color: white;\n font-size: 12px;\n width: 1rem;\n border-radius: 50%;\n position: absolute;\n top: -5px;\n left: 11px;\n height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\n width: 1.1rem;\n height: 1.1rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\n width: 1.3rem;\n height: 1.3rem;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\n cursor: pointer;\n margin-left: 12px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 11px solid white;\n position: absolute;\n bottom: -13px;\n right: 5px;\n}\n\n/* .arrowTipContainer.ideaNoteArrow {\n right: 16px;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\n right: 3px;\n bottom: -9px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\n bottom: -12px;\n right: 8px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 10px solid white;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\n width: 85%;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\n left: 12px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\n right: 5px;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\n width: 85% !important;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\n display: none;\n }\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\n width: 85%;\n }\n}";
21427
+ styleInject(css_248z$k);
21286
21428
 
21287
21429
  var LogOutMenu = function LogOutMenu(_ref) {
21288
21430
  _ref.items;
@@ -21308,9 +21450,67 @@ var LogOutMenu = function LogOutMenu(_ref) {
21308
21450
  }));
21309
21451
  };
21310
21452
 
21311
- var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
21453
+ var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n width: 100%;\n display: flex;\n justify-content: space-around;\n padding: 20px 0;\n border-bottom: 1px solid #EDEBE9;\n grid-gap: 24px;\n gap: 24px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\n font-size: 12px;\n font-style: normal;\n font-weight: 350;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n display: flex;\n align-items: center;\n padding: 7px 20px;\n grid-gap: 6px;\n grid-gap: 6px;\n gap: 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\n color: #FFF;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\n padding: 7px 25px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\n grid-gap: 6px;\n gap: 6px;\n}\n\n@media (max-width: 768px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\n padding: 24px 36px;\n flex-direction: column;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\n padding: 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\n width: 100%;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\n width: 100%;\n }\n}";
21454
+ styleInject(css_248z$j);
21455
+
21456
+ var ProfileDetails = function ProfileDetails(_ref) {
21457
+ var logout = _ref.logout;
21458
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21459
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
21460
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21461
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
21462
+ }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail)), /*#__PURE__*/React__default["default"].createElement("div", {
21463
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
21464
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
21465
+ primary: true,
21466
+ onClick: function onClick() {
21467
+ return logout({}, {
21468
+ key: 'logout'
21469
+ });
21470
+ }
21471
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21472
+ name: "arrow-right-from-bracket",
21473
+ variant: "solid"
21474
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
21475
+ };
21476
+
21477
+ var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0,0,0,.5);\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\n width: 85%;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\n width: 100%;\n padding: 7px 15px;\n display: flex;\n justify-content: space-between;\n color: #323130;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\n width: 25px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\n color: #323130;\n font-size: 20px;\n}\n\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\n color: #ffff00;\n} */\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\n display: flex;\n grid-gap: 15px;\n gap: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\n font-size: 16px;\n}";
21312
21478
  styleInject(css_248z$i);
21313
21479
 
21480
+ var MobileMenu = function MobileMenu(props) {
21481
+ var closeSidebar = props.closeSidebar,
21482
+ logout = props.logout,
21483
+ items = props.items;
21484
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21485
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper",
21486
+ onClick: closeSidebar
21487
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21488
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar"
21489
+ }, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
21490
+ logout: logout
21491
+ }), items.filter(function (item) {
21492
+ return item.render;
21493
+ }).map(function (item) {
21494
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21495
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem",
21496
+ onClick: item.clickHandler
21497
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21498
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName"
21499
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
21500
+ className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon"
21501
+ }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21502
+ name: item.icon,
21503
+ variant: "solid"
21504
+ })), /*#__PURE__*/React__default["default"].createElement("p", null, item.name)), /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
21505
+ name: "chevron-right",
21506
+ variant: "solid"
21507
+ }));
21508
+ })));
21509
+ };
21510
+
21511
+ var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\n max-width: 80px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\n max-width: 120px;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\n line-height: 0;\n}\n";
21512
+ styleInject(css_248z$h);
21513
+
21314
21514
  var _styleModuleImportMap$7 = {
21315
21515
  "./CopartLogo.css": {
21316
21516
  "CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
@@ -21529,8 +21729,8 @@ var unEscapeChars = function unEscapeChars(str) {
21529
21729
  }) : null;
21530
21730
  };
21531
21731
 
21532
- var css_248z$h = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n";
21533
- styleInject(css_248z$h);
21732
+ var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\n position: absolute;\n z-index: 10000;\n height: 100vh;\n top: 48px;\n width: 100vw;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 400px;\n max-width: 400px;\n position: absolute;\n right: 0;\n height: calc(100vh - 48px);\n padding: 15px;\n background-color: white;\n overflow-y: auto;\n overflow-x: hidden;\n color: #323130;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--title {\n font-weight: 600;\n font-size: 28px;\n}\n\n.utilities_ops-app-frame_Help_Help--header {\n margin-bottom: 10px;\n display: flex;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\n font-size: 14px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\n font-weight: 600;\n font-size: 20px;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\n color: #1d5ab9;\n margin-right: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link {\n font-weight: 400;\n font-size: 14px;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--link i {\n font-size: 10px;\n position: relative;\n top: -5px;\n left: 3px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\n margin-top: 20px;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\n color: #1d5ab9;\n font-size: 10px;\n position: relative;\n top: -8px;\n cursor: pointer;\n left: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\n list-style: none;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\n font-weight: 400;\n font-size: 14px;\n margin: 6px 0;\n display: flex;\n cursor: pointer;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-items: flex-start;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\n width: 17px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\n color: #1d5ab9;\n cursor: pointer;\n font-weight: 400;\n font-size: 14px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper {\n width: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\n position: absolute;\n width: 29px;\n height: 29px;\n background: #f3f2f1;\n display: flex;\n align-items: center;\n justify-content: center;\n bottom: 1.5px;\n right: 2px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\n width: 100%;\n margin-top: 15px;\n padding: 0px 10px;\n height: 32px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 8px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\n width: 100%;\n margin-top: 20px;\n border-bottom: 1px solid #dcdcdc;\n}\n\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\n margin-top: 13px;\n margin-bottom: 30px;\n text-overflow: ellipsis;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\n position: absolute;\n}\n\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\n overflow: hidden;\n}\n\n.utilities_ops-app-frame_Help_Help--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.utilities_ops-app-frame_Help_Help--likeswrapper {\n color: #cbcbcb;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--like {\n margin-left: 10px;\n font-size: 10px;\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--like i {\n font-size: 14px;\n margin-right: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle {\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle img {\n width: 18px;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span {\n font-weight: 600;\n font-size: 18px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\n color: #1d5ab9;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\n width: 100%;\n margin-top: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\n font-weight: 300;\n font-size: 34px;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\n color: #1d5ab9;\n font-weight: 600;\n font-size: 24px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian {\n border-top: 1px solid #dcdcdc;\n padding-top: 13px;\n margin-top: 18px;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\n font-weight: 400;\n font-size: 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\n transition: all 0.2s ease-out;\n display: flex;\n}\n\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\n font-weight: 400;\n font-size: 14px;\n height: auto;\n max-height: 0;\n transition: max-height 0.2s ease-out;\n overflow: hidden;\n margin-top: 13px;\n white-space: normal;\n}\n\n/* .accordian .answer span {\n white-space: break-spaces;\n } */\n\n.utilities_ops-app-frame_Help_Help--releaseNote {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle {\n width: 100%;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\n font-weight: 400;\n font-size: 24px;\n margin-top: 13px;\n}\n\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\n margin-top: 10px;\n white-space: normal;\n}\n\n.utilities_ops-app-frame_Help_Help--articleFooter {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n padding-bottom: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\n font-weight: 600;\n font-size: 14px;\n margin-right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\n color: rgb(45, 206, 137);\n font-weight: bold;\n font-size: 16px;\n margin-left: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\n width: 300px;\n height: 100px;\n resize: none;\n display: block;\n margin-bottom: 11px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\n font-size: 18px;\n margin-bottom: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\n background-color: rgb(29, 90, 185);\n color: #fff;\n padding: 6px 12px;\n cursor: pointer;\n margin-right: 5px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n color: #2dce89;\n margin-right: 6px;\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\n border: 1px solid #2dce89 !important;\n padding: 5px;\n height: 30px;\n width: 30px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\n background-color: #2dce89;\n}\n\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\n fill: #fff;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike {\n color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike svg {\n border: 1px solid #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\n background-color: #f5365c !important;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper {\n font-style: italic;\n /* font-weight: 700; */\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\n font-weight: 400;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\n width: 100%;\n border-top: 1px solid #edebe9;\n}\n\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\n font-weight: 400;\n font-size: 24px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\n width: 100%;\n border: 1px solid #dcdcdc;\n padding: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 50px;\n position: relative;\n text-align: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\n display: block;\n text-align: left;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\n font-size: 34px !important;\n margin-bottom: 6px !important;\n margin-top: 0 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\n font-size: 14px !important;\n margin-bottom: 3px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\n position: relative;\n top: 2px;\n margin-left: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\n background-color: #1d5ab9;\n color: #fff;\n padding: 6px 12px;\n font-weight: 600;\n font-size: 12px;\n cursor: pointer;\n margin-top: 7px;\n border-radius: 2px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\n pointer-events: none;\n cursor: default;\n background-color: #ccc;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\n position: absolute;\n top: 0px;\n right: 10px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\n font-weight: 800 !important;\n font-size: 20px !important;\n line-height: 27px !important;\n color: #1d5ab9 !important;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\n font-weight: 600;\n font-size: 14px;\n color: #000100;\n margin: 10px 0;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\n resize: none;\n height: 125px;\n margin-bottom: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\n font-weight: 600;\n color: #f5365c;\n}\n\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\n color: #1d5ab9;\n font-size: 20px !important;\n margin-top: 12px;\n margin-bottom: 20px !important;\n font-weight: 600;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\n max-width: 700px;\n min-width: 600px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\n width: 100%;\n display: flex;\n justify-content: space-between;\n background: #edebe9;\n padding: 10px 20px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\n padding: 20px 20px 30px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\n font-weight: 600;\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\n font-weight: 600;\n font-size: 14px;\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n color: #1d5ab9;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\n font-size: 10px;\n position: relative;\n top: -6px;\n right: -1px;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\n padding: 22px;\n background-color: #1d5ab9;\n color: #fff;\n font-size: 32px !important;\n width: 100% !important;\n border-radius: 10px;\n align-items: center !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\n color: #fff !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\n width: 65px !important;\n margin-right: 25px !important;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\n flex: 1;\n}\n\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\n font-weight: 700;\n font-size: 14px;\n align-self: end;\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\n width: 85%;\n }\n}\n";
21733
+ styleInject(css_248z$g);
21534
21734
 
21535
21735
  var _styleModuleImportMap$6 = {
21536
21736
  "../Help.css": {
@@ -21730,18 +21930,18 @@ var SearchResults = function SearchResults(_ref) {
21730
21930
  })));
21731
21931
  };
21732
21932
 
21733
- var css_248z$g = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
21734
- styleInject(css_248z$g);
21735
-
21736
- var css_248z$f = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21933
+ var css_248z$f = "/*!\n\tTheme Name: Hello Elementor\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\n\tAuthor: Elementor Team\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\n\tVersion: 2.4.1\n\tStable tag: 2.4.1\n\tRequires at least: 4.7\n\tTested up to: 5.6\n\tRequires PHP: 5.6\n\tLicense: GNU General Public License v3 or later.\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\n\tText Domain: hello-elementor\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\n*/\n/*!\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\n*/\n/* html {\n line-height: 1.15;\n -webkit-text-size-adjust: 100%\n}\n\n*,:after,:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box\n} */\n\n/* body {\n margin: 0;\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #333;\n background-color: #fff;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale\n} */\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n margin-top: .5rem;\n margin-bottom: 1rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\n font-size: 2.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\n font-size: 2rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\n font-size: 1.75rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\n font-size: 1.5rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\n font-size: 1.25rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\n font-size: 1rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\n margin-top: 0;\n margin-bottom: .9rem\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\n font-family: monospace,monospace;\n font-size: 1em;\n white-space: pre-wrap\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\n background-color: transparent;\n text-decoration: none;\n color: var(--e-global-color-text);\n color: var(--e-global-color-text )\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\n color: #1d5ab9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\n outline: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\n font-weight: bolder\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\n font-family: monospace,monospace;\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\n font-size: 80%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\n bottom: -.25em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\n top: -.5em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\n border-style: none;\n height: auto;\n max-width: 100%\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\n display: list-item\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\n font-size: 16px;\n color: #333;\n line-height: 1.4;\n font-style: italic;\n font-weight: 400\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\n display: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0,0,0,0);\n white-space: nowrap;\n border: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\n display: inline-block;\n line-height: 1;\n vertical-align: middle\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n font-family: inherit;\n font-size: 1rem;\n line-height: 1.5;\n margin: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n width: 100%;\n border: 1px solid #666;\n border-radius: 3px;\n padding: .5rem 1rem;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\n border-color: #333;\n outline: 0 none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\n overflow: visible\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n text-transform: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n width: auto;\n -webkit-appearance: button\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\n border-style: none;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\n outline: 1px dotted ButtonText\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\n display: inline-block;\n font-weight: 400;\n color: #c36;\n text-align: center;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid #c36;\n padding: .5rem 1rem;\n font-size: 1rem;\n border-radius: 3px;\n transition: all .3s\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\n outline: 5px auto -webkit-focus-ring-color\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\n color: #fff;\n background-color: #c36;\n text-decoration: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\n cursor: pointer\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\n padding: .35em .75em .625em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\n vertical-align: baseline\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\n overflow: auto;\n resize: vertical\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\n box-sizing: border-box;\n padding: 0\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\n height: auto\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\n -webkit-appearance: none\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\n display: block\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\n background-color: transparent;\n width: 100%;\n margin-bottom: 15px;\n font-size: .9em;\n border-spacing: 0;\n border-collapse: collapse\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n padding: 15px;\n line-height: 1.5;\n vertical-align: top;\n border: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\n font-weight: 700\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\n font-size: 1em\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\n border-top: 1px solid #ccc\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\n background-color: #f7f7f7\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\n background-color: #e9e9e9\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\n border-top: 2px solid #ccc\n}\n\n@media (max-width: 767px) {\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\n font-size:.8em\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n padding: 7px;\n line-height: 1.3\n }\n\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\n font-weight: 400\n }\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\n margin-top: 0;\n margin-bottom: 0;\n border: 0;\n outline: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\n width: 100%;\n}\n\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\n opacity: 0.3;\n pointer-events: none;\n }\n";
21737
21934
  styleInject(css_248z$f);
21738
21935
 
21739
- var css_248z$e = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21936
+ var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21740
21937
  styleInject(css_248z$e);
21741
21938
 
21742
- var css_248z$d = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
21939
+ var css_248z$d = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
21743
21940
  styleInject(css_248z$d);
21744
21941
 
21942
+ var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
21943
+ styleInject(css_248z$c);
21944
+
21745
21945
  var _styleModuleImportMap$5 = {
21746
21946
  "../wordpressStyles.css": {
21747
21947
  "helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
@@ -22873,8 +23073,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
22873
23073
  }))));
22874
23074
  };
22875
23075
 
22876
- var css_248z$c = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
22877
- styleInject(css_248z$c);
23076
+ var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\n cursor: pointer;\n}\n\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\n /* materia-ui hack. */\n padding: 0 !important;\n}\n";
23077
+ styleInject(css_248z$b);
22878
23078
 
22879
23079
  var FeedbackButton = function FeedbackButton(props) {
22880
23080
  return /*#__PURE__*/React__namespace.createElement("span", {
@@ -22895,12 +23095,16 @@ var OverflowMenu = function OverflowMenu(props) {
22895
23095
  primary: props.items,
22896
23096
  overflow: []
22897
23097
  };
23098
+ var clickHandler = props.clickHandler;
22898
23099
  var onReduceData = function onReduceData(currentData) {
22899
23100
  if (currentData.primary.length === 0) {
22900
23101
  return undefined;
22901
23102
  }
22902
23103
  var overflow = [].concat(_toConsumableArray(currentData.primary.slice(-1)), _toConsumableArray(currentData.overflow));
22903
- var primary = currentData.primary.slice(0, -1);
23104
+ // const primary = currentData.primary.slice(0, -1)
23105
+ var primary = currentData.primary.filter(function (item) {
23106
+ return item.key === 'notifications';
23107
+ });
22904
23108
  return {
22905
23109
  primary: primary,
22906
23110
  overflow: overflow
@@ -22918,13 +23122,23 @@ var OverflowMenu = function OverflowMenu(props) {
22918
23122
  };
22919
23123
  };
22920
23124
  var onRenderOverflowButton = function onRenderOverflowButton(overflowItems) {
22921
- return /*#__PURE__*/React__namespace.createElement(coreComponents.IconDropdownMenu, {
22922
- role: "menuitem",
22923
- items: overflowItems,
22924
- icon: props.overflowIcon,
22925
- iconStyle: props.overflowIconStyles,
22926
- position: 'bottomCenter'
22927
- });
23125
+ return (
23126
+ /*#__PURE__*/
23127
+ // <IconDropdownMenu
23128
+ // role="menuitem"
23129
+ // items={overflowItems}
23130
+ // icon={props.overflowIcon}
23131
+ // iconStyle={props.overflowIconStyles}
23132
+ // position={'bottomCenter'}
23133
+ // />
23134
+ React__namespace.createElement("div", {
23135
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
23136
+ onClick: clickHandler
23137
+ }, /*#__PURE__*/React__namespace.createElement(coreComponents.IconV2, {
23138
+ name: "bars",
23139
+ variant: "regular"
23140
+ }))
23141
+ );
22928
23142
  };
22929
23143
  var onRenderData = function onRenderData(data) {
22930
23144
  return /*#__PURE__*/React__namespace.createElement(OverflowSet, {
@@ -22968,8 +23182,8 @@ var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps),
22968
23182
  label: 'Bar Code Printer'
22969
23183
  })];
22970
23184
 
22971
- var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n";
22972
- styleInject(css_248z$b);
23185
+ var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\n padding-right: 0;\n width: 100% !important;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n";
23186
+ styleInject(css_248z$a);
22973
23187
 
22974
23188
  // Properly populate printer options before feeding to autoselect
22975
23189
  var getPrinterOptions = function getPrinterOptions(printers) {
@@ -23104,8 +23318,8 @@ var getLanguages = function getLanguages() {
23104
23318
  }[selectedCountry];
23105
23319
  };
23106
23320
 
23107
- var css_248z$a = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n height: 70%;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
23108
- styleInject(css_248z$a);
23321
+ var css_248z$9 = "/* Simple Grid */\n[class*='col-'] {\n float: left;\n min-height: 1px;\n /* padding-right: 10px; */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n max-width: 1300px;\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\n margin: 0 auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\n content: '';\n display: table;\n clear: both;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\n padding-top: 20px;\n padding-left: 20px; /* grid-space to left */\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\n float: right;\n}\n\n/* Content Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\n width: 100%;\n margin: 6px 0;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\n width: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\n width: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\n width: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\n width: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\n width: 16.667%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\n width: 14.28%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\n width: 28.56%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\n width: 75%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\n width: 42.84%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\n width: 57.12%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\n width: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\n width: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\n width: 10%;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\n width: 30%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\n width: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\n width: 8.33%;\n}\n\n/* Layout Columns */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\n width: 91.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\n width: 83.333%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\n width: 75%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\n width: 41.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\n width: 58.33%;\n}\n\n/* Pushing blocks */\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\n margin-left: 66.66%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\n margin-left: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\n margin-left: 33.33%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\n margin-left: 25%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\n margin-left: 20%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\n margin-left: 16.667%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\n margin-left: 14.28%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\n margin-left: 12.5%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\n margin-left: 11.1%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\n margin-left: 10%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\n margin-left: 9.09%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\n margin-left: 8.33%;\n}\n\n@media handheld, only screen and (max-width: 767px) {\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\n width: 100%;\n min-width: 0;\n margin-left: 0;\n margin-right: 0;\n padding-left: 20px; /* grid-space to left */\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\n }\n\n [class*='col-'] {\n width: auto;\n float: none;\n margin: 0;\n padding-left: 0;\n /* padding-right: 10px; */\n }\n\n /* Mobile Layout */\n\n [class*='mobile-col-'] {\n float: left;\n margin: 0 0 10px;\n padding-left: 0;\n padding-right: 10px; /* column-space */\n padding-bottom: 0;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\n width: 100%;\n margin: 8px 0;\n }\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\n width: 66.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\n width: 50%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\n width: 33.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\n width: 25%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\n width: 20%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\n width: 16.667%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\n width: 14.28%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\n width: 12.5%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\n width: 11.1%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\n width: 10%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\n width: 9.09%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\n width: 8.33%;\n }\n\n /* Layout Columns */\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\n width: 91.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\n width: 83.333%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\n width: 75%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\n width: 41.66%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\n width: 58.33%;\n }\n\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\n display: none !important;\n width: 0;\n height: 0;\n }\n}\n\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 20px 20px;\n margin-top: 65px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\n display: flex;\n flex-direction: column;\n width: 100%;\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\n max-width: 800px;\n margin: 0 auto;\n height: 100%;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\n margin: 0 15px;\n flex: 1 1 0;\n overflow-y: auto;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\n display: flex;\n align-items: end;\n margin: 12px 0 6px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\n font-size: 20px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\n font-size: 18px;\n font-weight: 400;\n margin-left: 15px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n outline: 1px solid var(--primaryBlue);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n font-size: 15.9px;\n font-weight: 500;\n color: var(--white);\n color: var(--white);\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\n font-weight: 500;\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\n padding: 16px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\n display: flex;\n width: 100%;\n justify-content: center;\n margin: 20px 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\n width: 80%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\n grid-gap: 6px;\n gap: 6px;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\n color: #fff;\n font-size: 18px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\n font-size: 16px;\n font-weight: 600;\n width: auto;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\n display: flex;\n flex-direction: column;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\n padding-right: 0px;\n width: 100%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-weight: 500;\n color: black;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\n margin-top: 2px;\n margin-bottom: 12px;\n font-size: 14px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\n display: flex;\n width: 100%;\n justify-content: flex-start;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\n position: relative;\n width: 50%;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\n width: 100%;\n height: 100%;\n position: fixed;\n z-index: 100;\n left:0;\n top:0;\n background-color: rgba(0,0,0,0.1);\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\n position: absolute;\n background: rgba(0, 0, 0, 0.5);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\n padding: 0 !important;\n width: 100%;\n outline: none;\n border: none;\n border-bottom: 1px solid #EDEBE9;\n overflow: auto;\n}";
23322
+ styleInject(css_248z$9);
23109
23323
 
23110
23324
  var getDescription$1 = function getDescription(languageOptions) {
23111
23325
  return function (code) {
@@ -23321,30 +23535,6 @@ var YardNumberContainer = /*#__PURE__*/function (_React$Component) {
23321
23535
  return YardNumberContainer;
23322
23536
  }(React__namespace.Component);
23323
23537
 
23324
- var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}";
23325
- styleInject(css_248z$9);
23326
-
23327
- var ProfileDetails = function ProfileDetails(_ref) {
23328
- var logout = _ref.logout;
23329
- return /*#__PURE__*/React__default["default"].createElement("div", {
23330
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
23331
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23332
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
23333
- }, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail)), /*#__PURE__*/React__default["default"].createElement("div", {
23334
- className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
23335
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
23336
- primary: true,
23337
- onClick: function onClick() {
23338
- return logout({}, {
23339
- key: 'logout'
23340
- });
23341
- }
23342
- }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
23343
- name: "arrow-right-from-bracket",
23344
- variant: "solid"
23345
- }), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
23346
- };
23347
-
23348
23538
  var getRCExtensionStatus = /*#__PURE__*/function () {
23349
23539
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
23350
23540
  var _storage$getItem$endp;
@@ -23477,7 +23667,7 @@ var getActivePrinters = (function (printersData) {
23477
23667
  return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
23478
23668
  });
23479
23669
 
23480
- var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
23670
+ var css_248z$8 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\n font-weight: 500;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\n display: flex;\n width: 100%;\n align-items: flex-end;\n position: relative;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\n position: absolute;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\n position: relative;\n display: flex;\n align-items: flex-end;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\n margin: 5px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\n margin-left: 12px;\n}\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\n margin: auto 2px auto 0;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\n margin-right: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\n margin-top: 2px;\n opacity: 0.5;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\n margin-bottom: 12px;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\n position: absolute;\n right: 5px;\n height: 30px;\n display: flex;\n bottom: 1px;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\n max-width: 20px !important;\n max-height: 20px !important;\n right: 5px;\n}\n\nmaterial-icon[name='check'] {\n color: rgb(100, 181, 10);\n font-size: 12px;\n}\n\nmaterial-icon[name='error_outline'] {\n color: #a80000;\n font-size: 12px;\n}\n";
23481
23671
  styleInject(css_248z$8);
23482
23672
 
23483
23673
  var EMPTY_PRINTERS$1 = {
@@ -23563,7 +23753,7 @@ var saveSettings$1 = function saveSettings(self) {
23563
23753
  return /*#__PURE__*/function () {
23564
23754
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
23565
23755
  var _yard$yard_country_co, _yard$yard_country_co2;
23566
- var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, newSettings;
23756
+ var printers, dashboardSessionState, oldSettings, dashboardState, cleanedDashboardState, _self$state, selectedYard, selectedRole, selectedLanguage, selectedCurrency, roles, roleOptionFromState, roleName, _roleOptionFromState$, levelId, _roleOptionFromState$2, hierarchyId, yard, securityLevel, userScopes, newSettings;
23567
23757
  return _regeneratorRuntime().wrap(function _callee$(_context) {
23568
23758
  while (1) switch (_context.prev = _context.next) {
23569
23759
  case 0:
@@ -23636,8 +23826,13 @@ var saveSettings$1 = function saveSettings(self) {
23636
23826
  storage$1.setLocalItem('dashboard', selectedCurrency || yard.yard_currency, 'selectedCurrency');
23637
23827
  securityLevel = pickUserSecurityLevel(getSelectedYard(selectedYard));
23638
23828
  storage$1.setSessionItem('securityLevel', Number(securityLevel));
23639
- // persist user preferences
23640
23829
  _context.next = 24;
23830
+ return fetcher.getUserScopes();
23831
+ case 24:
23832
+ userScopes = _context.sent;
23833
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
23834
+ // persist user preferences
23835
+ _context.next = 28;
23641
23836
  return fetcher.setUserPreferences('oph', {
23642
23837
  selectedCurrency: selectedCurrency || yard.yard_currency,
23643
23838
  language: selectedLanguage || 'en',
@@ -23647,7 +23842,7 @@ var saveSettings$1 = function saveSettings(self) {
23647
23842
  yard: yard,
23648
23843
  securityLevel: securityLevel
23649
23844
  }, 'USA');
23650
- case 24:
23845
+ case 28:
23651
23846
  self.setState({
23652
23847
  oldActivePrinters: printers
23653
23848
  });
@@ -23660,7 +23855,7 @@ var saveSettings$1 = function saveSettings(self) {
23660
23855
  activePrinters: self.activePrinters
23661
23856
  };
23662
23857
  self.props.onSave(oldSettings, newSettings);
23663
- case 27:
23858
+ case 31:
23664
23859
  case "end":
23665
23860
  return _context.stop();
23666
23861
  }
@@ -23850,7 +24045,7 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23850
24045
  value: function render() {
23851
24046
  return /*#__PURE__*/React__default["default"].createElement("div", {
23852
24047
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
23853
- }, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24048
+ }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
23854
24049
  logout: this.props.onLogoutItemClicked
23855
24050
  }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
23856
24051
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
@@ -23864,24 +24059,26 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23864
24059
  value: this.state.selectedLanguage,
23865
24060
  handleChange: this.handleInputChange.selectedLanguage,
23866
24061
  selectedCountry: this.state.selectedCountry
24062
+ }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
24063
+ history: this.yardsHistory,
24064
+ selectedYard: this.state.selectedYardNumber,
24065
+ handleChange: this.handleInputChange.selectedYardNumber,
24066
+ selectedCountry: this.state.selectedCountry
23867
24067
  }), /*#__PURE__*/React__default["default"].createElement(RoleSelector$1, {
23868
24068
  roles: this.state.roles,
23869
24069
  value: this.state.selectedRole,
23870
24070
  handleChange: this.handleInputChange.selectedRole,
23871
24071
  selectedYard: this.state.selectedYardNumber,
23872
24072
  required: false
23873
- }), /*#__PURE__*/React__default["default"].createElement(YardNumberContainer, {
23874
- history: this.yardsHistory,
23875
- selectedYard: this.state.selectedYardNumber,
23876
- handleChange: this.handleInputChange.selectedYardNumber,
23877
- selectedCountry: this.state.selectedCountry
23878
24073
  })), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
23879
24074
  activePrinters: this.activePrinters,
23880
24075
  setPrinterData: this.setPrinterData,
23881
24076
  selectedYard: this.state.selectedYardNumber,
23882
24077
  selectedPrinterData: this.selectedPrinterData,
23883
24078
  printersData: this.state.printersData
23884
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24079
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24080
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24081
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
23885
24082
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
23886
24083
  "data-e2e": "saveButton"
23887
24084
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -23894,12 +24091,10 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
23894
24091
  }), /*#__PURE__*/React__default["default"].createElement("span", {
23895
24092
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt"
23896
24093
  }, "Save"))), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
23897
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
23898
- }, /*#__PURE__*/React__default["default"].createElement("div", {
23899
24094
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
23900
24095
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
23901
24096
  size: "60px"
23902
- }))));
24097
+ })));
23903
24098
  }
23904
24099
  }]);
23905
24100
  return SettingsView;
@@ -24214,7 +24409,7 @@ var saveSettings = function saveSettings(self) {
24214
24409
  return /*#__PURE__*/function () {
24215
24410
  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
24216
24411
  var _yard$yard_country_co, _storage$getLocalItem, _yard$yard_country_co2;
24217
- var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24412
+ var dashboardSessionState, settingsLocalStorageState, oldSettings, printers, _self$state, selectedYard, _self$state$selectedH, selectedHierarchyOption, selectedRole, _self$state$roles, roles, roleOptionFromState, yardNumbers, yard, selectedHierarchy, userScopes, getSelectedYard, pickUserSecurityLevel, securityLevel, newSettings;
24218
24413
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
24219
24414
  while (1) switch (_context2.prev = _context2.next) {
24220
24415
  case 0:
@@ -24281,6 +24476,11 @@ var saveSettings = function saveSettings(self) {
24281
24476
  storage$1.setLocalItem('settings', selectedHierarchyOption, 'selectedHierarchyOption');
24282
24477
  storage$1.setLocalItem('settings', selectedHierarchy, 'selectedHierarchy');
24283
24478
  storage$1.setLocalItem('lastSelectedYard', yard);
24479
+ _context2.next = 23;
24480
+ return fetcher.getUserScopes();
24481
+ case 23:
24482
+ userScopes = _context2.sent;
24483
+ storage$1.setLocalItem('login', userScopes, 'userAppScopes');
24284
24484
  getSelectedYard = function getSelectedYard() {
24285
24485
  var yardList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
24286
24486
  return yardList.find(function (yard) {
@@ -24293,7 +24493,7 @@ var saveSettings = function saveSettings(self) {
24293
24493
  securityLevel = compose(pickUserSecurityLevel, getSelectedYard)((_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.yardList);
24294
24494
  storage$1.setSessionItem('securityLevel', securityLevel);
24295
24495
  // persist user preferences
24296
- _context2.next = 27;
24496
+ _context2.next = 31;
24297
24497
  return fetcher.setUserPreferences('oph', {
24298
24498
  selectedCurrency: yard.yard_currency,
24299
24499
  language: 'en',
@@ -24305,7 +24505,7 @@ var saveSettings = function saveSettings(self) {
24305
24505
  yard: yard,
24306
24506
  securityLevel: securityLevel
24307
24507
  }, 'GBR');
24308
- case 27:
24508
+ case 31:
24309
24509
  self.setState({
24310
24510
  oldActivePrinters: printers
24311
24511
  });
@@ -24319,7 +24519,7 @@ var saveSettings = function saveSettings(self) {
24319
24519
  activePrinters: printers
24320
24520
  };
24321
24521
  self.props.onSave(oldSettings, newSettings);
24322
- case 30:
24522
+ case 34:
24323
24523
  case "end":
24324
24524
  return _context2.stop();
24325
24525
  }
@@ -24570,7 +24770,7 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24570
24770
  var disableYardDropDown = propOr$1('country', 'level', selectedHierarchy) === 'yard';
24571
24771
  return /*#__PURE__*/React__default["default"].createElement("div", {
24572
24772
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
24573
- }, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24773
+ }, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
24574
24774
  logout: this.props.onLogoutItemClicked
24575
24775
  }), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
24576
24776
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
@@ -24600,7 +24800,9 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24600
24800
  selectedYard: this.state.selectedYardNumber,
24601
24801
  selectedPrinterData: this.selectedPrinterData,
24602
24802
  printersData: this.state.printersData
24603
- })), /*#__PURE__*/React__default["default"].createElement("div", {
24803
+ })), /*#__PURE__*/React__default["default"].createElement("hr", {
24804
+ className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
24805
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
24604
24806
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
24605
24807
  "data-e2e": "saveButton"
24606
24808
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
@@ -24608,18 +24810,16 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
24608
24810
  type: "submit",
24609
24811
  onClick: this.saveSettings
24610
24812
  }, "Save")), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
24611
- className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
24612
- }, /*#__PURE__*/React__default["default"].createElement("div", {
24613
24813
  className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
24614
24814
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
24615
24815
  size: "60px"
24616
- }))));
24816
+ })));
24617
24817
  }
24618
24818
  }]);
24619
24819
  return SettingsView;
24620
24820
  }(React__default["default"].Component);
24621
24821
 
24622
- var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\r\n word-break: break-all;\r\n white-space: pre-wrap;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContent {\r\n padding: 0px 5px;\r\n font-size: 13px;\r\n width: 95%;\r\n display: flex;\r\n align-items: end;\r\n grid-gap: 20px;\r\n gap: 20px\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n width: 90%;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n overflow: hidden;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n color: #201F1E;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\r\n display: inline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\r\n text-decoration: underline;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n overflow: hidden;\r\n width: 95%;\r\n font-weight: 600;\r\n /* autoprefixer: off */\r\n -webkit-box-orient: vertical;\r\n /* autoprefixer: on */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox {\r\n display: flex;\r\n color: #6c7a89;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n font-size: 12px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationInfoBox i{\r\n font-size: 16px !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\r\n position: relative;\r\n right: -4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer {\r\n display: flex;\r\n flex-direction: row;\r\n padding: 10px 10px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n min-height: 40px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--navBtnContainer i{\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 13px solid white;\r\n position: absolute;\r\n top: 51px;\r\n right: 50px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper {\r\n padding: 0px 5px;\r\n font-size: 12px;\r\n flex: 1 1 0%;\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 4px;\r\n gap: 4px;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\r\n color: #171717;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl {\r\n text-decoration: none !important;\r\n}\r\n\r\n.utilities_ops-announcements_Banner--feedUrl i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n color: #1d5ab9;\r\n left: 2px;\r\n position: relative;\r\n top: 2px;\r\n margin-right: 3px;\r\n}\r\n";
24822
+ var css_248z$7 = ".utilities_ops-announcements_Banner--appBarContentBox {\n word-break: break-all;\n white-space: pre-wrap;\n font-weight: 600;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContent {\n padding: 0px 5px;\n font-size: 13px;\n width: 95%;\n display: flex;\n align-items: end;\n grid-gap: 20px;\n gap: 20px\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 8px;\n gap: 8px;\n width: 90%;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n overflow: hidden;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n color: #201F1E;\n cursor: default;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox *{\n display: inline;\n}\n\n.utilities_ops-announcements_Banner--notificationBarContentBox a{\n text-decoration: underline;\n}\n\n.utilities_ops-announcements_Banner--tabNotificationBarContentBox {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n overflow: hidden;\n width: 95%;\n font-weight: 600;\n /* autoprefixer: off */\n -webkit-box-orient: vertical;\n /* autoprefixer: on */\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox {\n display: flex;\n color: #6c7a89;\n grid-gap: 6px;\n gap: 6px;\n font-size: 12px;\n margin-bottom: 5px;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--notificationInfoBox i{\n font-size: 16px !important;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n grid-gap: 5px;\n gap: 5px;\n font-size: 12px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer .utilities_ops-announcements_Banner--notificationLeftBtn i{\n position: relative;\n right: -4px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer {\n display: flex;\n flex-direction: row;\n padding: 10px 10px;\n grid-gap: 5px;\n gap: 5px;\n min-height: 40px;\n width: 100%;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer i{\n font-size: 20px;\n}\n\n.utilities_ops-announcements_Banner--navBtnContainer i{\n font-size: 16px;\n}\n\n.utilities_ops-announcements_Banner--notificationContainer.utilities_ops-announcements_Banner--tabNotificationBar {\n flex-direction: column;\n}\n\n.utilities_ops-announcements_Banner--arrowTipContainer {\n width: 0px;\n height: 0px;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 13px solid white;\n position: absolute;\n top: 51px;\n right: 50px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper {\n padding: 0px 5px;\n font-size: 12px;\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n grid-gap: 4px;\n gap: 4px;\n}\n\n.utilities_ops-announcements_Banner--appBarContentWrapper b{\n color: #171717;\n}\n\n.utilities_ops-announcements_Banner--feedUrl {\n text-decoration: none !important;\n}\n\n.utilities_ops-announcements_Banner--feedUrl i {\n font-size: 14px;\n cursor: pointer;\n color: #1d5ab9;\n left: 2px;\n position: relative;\n top: 2px;\n margin-right: 3px;\n}\n";
24623
24823
  styleInject(css_248z$7);
24624
24824
 
24625
24825
  var _nodeResolve_empty = {};
@@ -31401,7 +31601,6 @@ var _styleModuleImportMap$2 = {
31401
31601
  "threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
31402
31602
  "notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
31403
31603
  "arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
31404
- "ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
31405
31604
  "mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
31406
31605
  "profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
31407
31606
  }
@@ -31466,6 +31665,7 @@ var overflowIconStyles = {
31466
31665
  color: 'white'
31467
31666
  };
31468
31667
  var generateAppBarElements = function generateAppBarElements(props, showCallout) {
31668
+ var _window$toolkitEnv2;
31469
31669
  props.countryCode;
31470
31670
  props.role;
31471
31671
  var yardNumber = props.yardNumber;
@@ -31476,13 +31676,13 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31476
31676
  props.type;
31477
31677
  var config = props.config,
31478
31678
  _props$navigateTo = props.navigateTo,
31479
- navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
31480
- isMihelpEnabled = props.isMihelpEnabled,
31481
- isIdeaNoteEnabled = props.isIdeaNoteEnabled,
31482
- _props$notifications = props.notifications,
31483
- notifications = _props$notifications === void 0 ? [] : _props$notifications,
31484
- width = props.width,
31485
- setNotificationsVisible = props.setNotificationsVisible,
31679
+ navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo;
31680
+ props.isMihelpEnabled;
31681
+ props.isIdeaNoteEnabled;
31682
+ var _props$notifications = props.notifications,
31683
+ notifications = _props$notifications === void 0 ? [] : _props$notifications;
31684
+ props.width;
31685
+ var setNotificationsVisible = props.setNotificationsVisible,
31486
31686
  notificationsVisible = props.notificationsVisible,
31487
31687
  mihelpVisible = props.mihelpVisible,
31488
31688
  setMihelpVisible = props.setMihelpVisible,
@@ -31496,10 +31696,13 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31496
31696
  settingsVisible = props.settingsVisible;
31497
31697
  props.setSettingsVisible;
31498
31698
  var handleIconClick = props.handleIconClick,
31499
- ideaNoteVisible = props.ideaNoteVisible;
31699
+ ideaNoteVisible = props.ideaNoteVisible,
31700
+ mobileMenuVisible = props.mobileMenuVisible;
31500
31701
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31501
31702
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31502
- showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
31703
+ showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig,
31704
+ enableIdeaNote = coreAppConfig.enableIdeaNote,
31705
+ enableMiHelp = coreAppConfig.enableMiHelp;
31503
31706
  var showSettingsInAppbar = false;
31504
31707
  if (isCoreRoute) {
31505
31708
  showSettingsInAppbar = enableNewToolkitFeatures;
@@ -31547,6 +31750,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31547
31750
  };
31548
31751
  return languageMapper[language];
31549
31752
  };
31753
+ var stack = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.STACK ? window.toolkitEnv.STACK : process.env.STACK;
31550
31754
  var items = [{
31551
31755
  key: 'search',
31552
31756
  name: 'Search',
@@ -31587,7 +31791,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31587
31791
  text: "Feedback"
31588
31792
  }));
31589
31793
  },
31590
- renderIf: !isMihelpEnabled,
31794
+ renderIf: !enableMiHelp,
31591
31795
  onClick: function onClick() {
31592
31796
  return props.toggleFeedbackDialog(true);
31593
31797
  },
@@ -31616,7 +31820,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31616
31820
  text: "MiHelp"
31617
31821
  }));
31618
31822
  },
31619
- renderIf: isMihelpEnabled,
31823
+ renderIf: enableMiHelp,
31620
31824
  render: function render() {
31621
31825
  return /*#__PURE__*/React__default["default"].createElement("span", {
31622
31826
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items"
@@ -31647,7 +31851,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31647
31851
  text: "Innov8Hub"
31648
31852
  }));
31649
31853
  },
31650
- renderIf: isIdeaNoteEnabled,
31854
+ renderIf: enableIdeaNote,
31651
31855
  render: function render() {
31652
31856
  return /*#__PURE__*/React__default["default"].createElement("div", {
31653
31857
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
@@ -31660,10 +31864,17 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31660
31864
  name: "lightbulb",
31661
31865
  variant: "solid"
31662
31866
  })), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
31663
- className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow"
31867
+ className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
31664
31868
  }));
31665
31869
  }
31666
- }, width >= 760 && {
31870
+ },
31871
+ // width >= 760 && {
31872
+ // key: 'notifications',
31873
+ // name: 'Notifications',
31874
+ // renderIf: true,
31875
+ // render: () => (notificationIconComp({notifications, setNotificationsVisible, notificationsVisible, mihelpVisible, marginStyle: {marginLeft: '0'}, showSearchContainer, settingsVisible, handleIconClick, ideaNoteVisible}))
31876
+ // },
31877
+ {
31667
31878
  key: 'notifications',
31668
31879
  name: 'Notifications',
31669
31880
  renderIf: true,
@@ -31679,13 +31890,14 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31679
31890
  showSearchContainer: showSearchContainer,
31680
31891
  settingsVisible: settingsVisible,
31681
31892
  handleIconClick: handleIconClick,
31682
- ideaNoteVisible: ideaNoteVisible
31893
+ ideaNoteVisible: ideaNoteVisible,
31894
+ mobileMenuVisible: mobileMenuVisible
31683
31895
  });
31684
31896
  }
31685
31897
  }, {
31686
31898
  key: 'language',
31687
31899
  name: 'Language',
31688
- renderIf: process.env.STACK === 'c',
31900
+ renderIf: stack === 'c',
31689
31901
  render: function render() {
31690
31902
  return /*#__PURE__*/React__default["default"].createElement("div", {
31691
31903
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
@@ -31695,7 +31907,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
31695
31907
  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
31696
31908
  name: "earth-americas",
31697
31909
  variant: "regular"
31698
- }), " ", /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31910
+ }), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
31699
31911
  }
31700
31912
  }, {
31701
31913
  key: 'facility',
@@ -31825,7 +32037,8 @@ var notificationIconComp = function notificationIconComp(_ref3) {
31825
32037
  settingsVisible = _ref3.settingsVisible,
31826
32038
  handleIconClick = _ref3.handleIconClick,
31827
32039
  ideaNoteVisible = _ref3.ideaNoteVisible,
31828
- mihelpVisible = _ref3.mihelpVisible;
32040
+ mihelpVisible = _ref3.mihelpVisible,
32041
+ mobileMenuVisible = _ref3.mobileMenuVisible;
31829
32042
  return /*#__PURE__*/React__default["default"].createElement("div", {
31830
32043
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
31831
32044
  style: _objectSpread2({}, marginStyle),
@@ -31843,7 +32056,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
31843
32056
  style: {
31844
32057
  fontSize: '10px'
31845
32058
  }
31846
- }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
32059
+ }, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible && !mobileMenuVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
31847
32060
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
31848
32061
  }));
31849
32062
  };
@@ -31852,10 +32065,11 @@ var ICONS = {
31852
32065
  NOTIFICATIONS: 'NOTIFICATIONS',
31853
32066
  IDEANOTE: 'IDEANOTE',
31854
32067
  SETTINGS: 'SETTINGS',
31855
- MIHELP: 'MIHELP'
32068
+ MIHELP: 'MIHELP',
32069
+ MOBILE_MENU: 'MOBILE_MENU'
31856
32070
  };
31857
32071
  var AppBar$1 = function AppBar(props) {
31858
- var _window$toolkitEnv3;
32072
+ var _window$toolkitEnv4;
31859
32073
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
31860
32074
  var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
31861
32075
  ideaNoteUri = coreAppConfig.ideaNoteUri;
@@ -31891,10 +32105,14 @@ var AppBar$1 = function AppBar(props) {
31891
32105
  _useState16 = _slicedToArray(_useState15, 2),
31892
32106
  mihelpVisible = _useState16[0],
31893
32107
  setMihelpVisible = _useState16[1];
31894
- var _useState17 = React.useState(null),
32108
+ var _useState17 = React.useState(false),
31895
32109
  _useState18 = _slicedToArray(_useState17, 2),
31896
- ideaNoteToken = _useState18[0],
31897
- setIdeaNoteToken = _useState18[1];
32110
+ mobileMenuVisible = _useState18[0],
32111
+ setMobileMenuVisible = _useState18[1];
32112
+ var _useState19 = React.useState(null),
32113
+ _useState20 = _slicedToArray(_useState19, 2),
32114
+ ideaNoteToken = _useState20[0],
32115
+ setIdeaNoteToken = _useState20[1];
31898
32116
  var isLoggedOn = props.isLoggedOn,
31899
32117
  moduleName = props.moduleName,
31900
32118
  forceUpdate = props.forceUpdate,
@@ -31908,14 +32126,16 @@ var AppBar$1 = function AppBar(props) {
31908
32126
  saveActionComponentState = props.saveActionComponentState,
31909
32127
  onLogoutItemClicked = props.onLogoutItemClicked,
31910
32128
  mihelpAppPath = props.mihelpAppPath,
31911
- showMihelpDot = props.showMihelpDot;
32129
+ showMihelpDot = props.showMihelpDot,
32130
+ isMihelpEnabled = props.isMihelpEnabled,
32131
+ isIdeaNoteEnabled = props.isIdeaNoteEnabled;
31912
32132
  var _useWindowSize = useWindowSize(),
31913
32133
  width = _useWindowSize.width;
31914
32134
  _useWindowSize.height;
31915
- var _useState19 = React.useState(0),
31916
- _useState20 = _slicedToArray(_useState19, 2),
31917
- count = _useState20[0],
31918
- setCount = _useState20[1];
32135
+ var _useState21 = React.useState(0),
32136
+ _useState22 = _slicedToArray(_useState21, 2),
32137
+ count = _useState22[0],
32138
+ setCount = _useState22[1];
31919
32139
  var mihelpRef = React.useRef(null);
31920
32140
  var mihelpIconRef = React.useRef(null);
31921
32141
  React.useLayoutEffect(function () {
@@ -31957,7 +32177,7 @@ var AppBar$1 = function AppBar(props) {
31957
32177
  case 7:
31958
32178
  _context.prev = 7;
31959
32179
  _context.t0 = _context["catch"](0);
31960
- setIdeaNoteToken("TOKEN_ERROR");
32180
+ setIdeaNoteToken('TOKEN_ERROR');
31961
32181
  console.log(_context.t0);
31962
32182
  case 11:
31963
32183
  case "end":
@@ -31985,6 +32205,7 @@ var AppBar$1 = function AppBar(props) {
31985
32205
  setIdeaNoteVisible(false);
31986
32206
  setSettingsVisible(false);
31987
32207
  setMihelpVisible(false);
32208
+ setMobileMenuVisible(false);
31988
32209
  break;
31989
32210
  case ICONS.NOTIFICATIONS:
31990
32211
  setNotificationsVisible(function (notificationsVisible) {
@@ -31994,6 +32215,7 @@ var AppBar$1 = function AppBar(props) {
31994
32215
  setSettingsVisible(false);
31995
32216
  setShowSearchContainer(false);
31996
32217
  setMihelpVisible(false);
32218
+ setMobileMenuVisible(false);
31997
32219
  break;
31998
32220
  case ICONS.SETTINGS:
31999
32221
  setSettingsVisible(function (settingsVisible) {
@@ -32003,6 +32225,7 @@ var AppBar$1 = function AppBar(props) {
32003
32225
  setIdeaNoteVisible(false);
32004
32226
  setShowSearchContainer(false);
32005
32227
  setMihelpVisible(false);
32228
+ setMobileMenuVisible(false);
32006
32229
  break;
32007
32230
  case ICONS.IDEANOTE:
32008
32231
  setIdeaNoteVisible(function (ideaNoteVisible) {
@@ -32012,6 +32235,17 @@ var AppBar$1 = function AppBar(props) {
32012
32235
  setNotificationsVisible(false);
32013
32236
  setShowSearchContainer(false);
32014
32237
  setMihelpVisible(false);
32238
+ setMobileMenuVisible(false);
32239
+ break;
32240
+ case ICONS.MOBILE_MENU:
32241
+ setMobileMenuVisible(function (mobileMenuVisible) {
32242
+ return !mobileMenuVisible;
32243
+ });
32244
+ setSettingsVisible(false);
32245
+ setNotificationsVisible(false);
32246
+ setShowSearchContainer(false);
32247
+ setMihelpVisible(false);
32248
+ setIdeaNoteVisible(false);
32015
32249
  break;
32016
32250
  case ICONS.MIHELP:
32017
32251
  setMihelpVisible(function (mihelpVisible) {
@@ -32021,6 +32255,7 @@ var AppBar$1 = function AppBar(props) {
32021
32255
  setSettingsVisible(false);
32022
32256
  setNotificationsVisible(false);
32023
32257
  setShowSearchContainer(false);
32258
+ setMobileMenuVisible(false);
32024
32259
  break;
32025
32260
  default:
32026
32261
  return;
@@ -32034,10 +32269,10 @@ var AppBar$1 = function AppBar(props) {
32034
32269
  onSettingsSaved(oldSettings, newSettings);
32035
32270
  };
32036
32271
  var getTile = function getTile() {
32037
- var _window$toolkitEnv2;
32272
+ var _window$toolkitEnv3;
32038
32273
  var appTiles = coreAppConfig.tiles || [];
32039
32274
  var appTile;
32040
- var appName = (_window$toolkitEnv2 = window.toolkitEnv) !== null && _window$toolkitEnv2 !== void 0 && _window$toolkitEnv2.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32275
+ var appName = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.APP_NAME ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
32041
32276
  var matchingTiles = appTiles.filter(function (tile) {
32042
32277
  if (tile.appName) {
32043
32278
  return tile.appName === appName;
@@ -32092,21 +32327,46 @@ var AppBar$1 = function AppBar(props) {
32092
32327
  // )
32093
32328
 
32094
32329
  var closeSidebar = function closeSidebar(e) {
32095
- if (e.target.className.includes("sideBarWrapper")) {
32330
+ if (e.target.className.includes('sideBarWrapper')) {
32096
32331
  setNotificationsVisible(false);
32097
32332
  }
32098
- if (e.target.className.includes("settingsSidebarWrapper")) {
32333
+ if (e.target.className.includes('settingsSidebarWrapper')) {
32099
32334
  setSettingsVisible(false);
32100
32335
  }
32336
+ if (e.target.className.includes('mobileMenuSidebarWrapper')) {
32337
+ setMobileMenuVisible(false);
32338
+ }
32101
32339
  };
32102
- (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32340
+ var stack = (_window$toolkitEnv4 = window.toolkitEnv) !== null && _window$toolkitEnv4 !== void 0 && _window$toolkitEnv4.STACK ? window.toolkitEnv.STACK : process.env.STACK;
32341
+ var mobileMenuItems = [{
32342
+ name: 'Help',
32343
+ icon: 'question-circle',
32344
+ render: isMihelpEnabled,
32345
+ clickHandler: function clickHandler() {
32346
+ return handleIconClick(ICONS.MIHELP);
32347
+ }
32348
+ }, {
32349
+ name: 'InnoV8',
32350
+ icon: 'lightbulb',
32351
+ render: isIdeaNoteEnabled,
32352
+ clickHandler: function clickHandler() {
32353
+ return handleIconClick(ICONS.IDEANOTE);
32354
+ }
32355
+ }, {
32356
+ name: 'Settings',
32357
+ icon: 'gear',
32358
+ render: true,
32359
+ clickHandler: function clickHandler() {
32360
+ return handleIconClick(ICONS.SETTINGS);
32361
+ }
32362
+ }];
32103
32363
  return /*#__PURE__*/React__default["default"].createElement("div", {
32104
32364
  "data-e2e": "cc-AppBar",
32105
32365
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
32106
32366
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32107
32367
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems"
32108
32368
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32109
- className: _getClassName(enableNewToolkitFeatures ? "copartLogoNew" : "copartLogo", _styleModuleImportMap$2, {
32369
+ className: _getClassName(enableNewToolkitFeatures ? 'copartLogoNew' : 'copartLogo', _styleModuleImportMap$2, {
32110
32370
  "handleMissingStyleName": "warn"
32111
32371
  })
32112
32372
  }, /*#__PURE__*/React__default["default"].createElement(CopartLogo, null), !enableNewToolkitFeatures && !isAuthRoute ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -32132,23 +32392,18 @@ var AppBar$1 = function AppBar(props) {
32132
32392
  settingsVisible: settingsVisible,
32133
32393
  setSettingsVisible: setSettingsVisible,
32134
32394
  handleIconClick: handleIconClick,
32135
- ideaNoteVisible: ideaNoteVisible
32395
+ ideaNoteVisible: ideaNoteVisible,
32396
+ mobileMenuVisible: mobileMenuVisible
32136
32397
  })),
32137
32398
  overflowSetStyles: overflowSetStyles,
32138
32399
  overflowIcon: "CollapseMenu",
32139
- overflowIconStyles: overflowIconStyles
32140
- }) : null), width < 760 && notificationIconComp({
32141
- notifications: notifications,
32142
- notificationsVisible: notificationsVisible,
32143
- marginStyle: {
32144
- marginRight: '10px'
32145
- },
32146
- showSearchContainer: showSearchContainer,
32147
- settingsVisible: settingsVisible,
32148
- handleIconClick: handleIconClick,
32149
- ideaNoteVisible: ideaNoteVisible,
32150
- mihelpVisible: mihelpVisible
32151
- }), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
32400
+ overflowIconStyles: overflowIconStyles,
32401
+ setMobileMenuVisible: setMobileMenuVisible,
32402
+ mobileMenuVisible: mobileMenuVisible,
32403
+ clickHandler: function clickHandler() {
32404
+ return handleIconClick(ICONS.MOBILE_MENU);
32405
+ }
32406
+ }) : null), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
32152
32407
  open: openFeedbackDialog,
32153
32408
  closeDialog: function closeDialog() {
32154
32409
  return toggleFeedbackDialog(false);
@@ -32180,15 +32435,16 @@ var AppBar$1 = function AppBar(props) {
32180
32435
  right: '0',
32181
32436
  height: '100%',
32182
32437
  width: '400px',
32438
+ maxWidth: '400px',
32183
32439
  backgroundColor: 'white'
32184
32440
  },
32185
- src: ideaNoteToken === "TOKEN_ERROR" ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32441
+ src: ideaNoteToken === 'TOKEN_ERROR' ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
32186
32442
  }) : /*#__PURE__*/React__default["default"].createElement("div", {
32187
32443
  style: {
32188
32444
  position: 'absolute',
32189
32445
  bottom: '0',
32190
32446
  right: '0',
32191
- height: '100vh',
32447
+ height: '100%',
32192
32448
  width: '400px',
32193
32449
  backgroundColor: 'white'
32194
32450
  }
@@ -32226,20 +32482,26 @@ var AppBar$1 = function AppBar(props) {
32226
32482
  onClick: closeSidebar
32227
32483
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32228
32484
  className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
32229
- }, !process.env.STACK || process.env.STACK === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32485
+ }, !stack || stack === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
32230
32486
  onSave: onSave,
32231
- onLogoutItemClicked: onLogoutItemClicked
32232
- }) : null, process.env.STACK === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32487
+ onLogoutItemClicked: onLogoutItemClicked,
32488
+ width: width
32489
+ }) : null, stack === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
32233
32490
  onSave: onSave,
32234
- onLogoutItemClicked: onLogoutItemClicked
32235
- }) : null)));
32491
+ onLogoutItemClicked: onLogoutItemClicked,
32492
+ width: width
32493
+ }) : null)), mobileMenuVisible && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
32494
+ closeSidebar: closeSidebar,
32495
+ logout: onLogoutItemClicked,
32496
+ items: mobileMenuItems
32497
+ }));
32236
32498
  };
32237
32499
  AppBar$1.defaultProps = {
32238
32500
  config: ['flag', 'role', 'yard'],
32239
32501
  role: ''
32240
32502
  };
32241
32503
 
32242
- var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
32504
+ var css_248z$6 = ".utilities_ops-app-frame_Flag_Flag--Flag {\n margin-right: 12px;\n height: 22px;\n /* border-radius: 20px; */\n}\n\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\n*/\n\n[class*='AppBar-roleAndFlag'] {\n align-items: center;\n}\n\n[class*='AppBar-roleAndFlag'] > .text.role {\n margin: 0 !important;\n}\n\n[class*='AppBar-yardNumber'] {\n align-items: center;\n}\n\n[class*='AppBar-yardNumber'] > .yardNumber {\n margin-left: 8px;\n margin-top: 0px !important;\n}\n";
32243
32505
  styleInject(css_248z$6);
32244
32506
 
32245
32507
  var getFlagUri = function getFlagUri() {
@@ -32254,7 +32516,7 @@ var Flag = function Flag(props) {
32254
32516
  });
32255
32517
  };
32256
32518
 
32257
- var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\r\n width: '100%';\r\n height: '100%';\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\r\n position: relative;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\r\n border: 1px solid #233659;\r\n border-radius: 8px !important;\r\n overflow: hidden;\r\n width: 560px;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\r\n border: 1px solid #233659;\r\n border-radius: 20px !important;\r\n overflow: hidden;\r\n width: 98vw;\r\n height: 610px;\r\n position: absolute;\r\n top: 53px;\r\n left: -8.7em;\r\n z-index: 100;\r\n background: #fff;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\r\n display: flex;\r\n background-color: #8eacdc;\r\n border-radius: 30px;\r\n justify-content: center;\r\n padding: 2px 10px;\r\n min-width: 300px;\r\n min-height: 37px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n min-width: 125px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\r\n display: block;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\r\n font-size: 10px;\r\n color: #3c4656;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--heading7{\r\n font-size: 12px;\r\n background: yellow;\r\n border-radius: 20px;\r\n padding: 0 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 6px;\r\n min-width: 152px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\r\n padding: 0 3px 5px 0;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\r\n position: absolute;\r\n top: 55px;\r\n width: 100%;\r\n left: 5em;\r\n max-width: 202px;\r\n padding: 15px;\r\n background: #263238;\r\n border-radius: 22.5px;\r\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\r\n z-index: 10;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\r\n width: 100%;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\r\n background: #37474f;\r\n color: #cfd8dc;\r\n padding: 5px;\r\n border: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\r\n outline: none;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn {\r\n display: inline-block;\r\n width: calc(33.33% - 10px);\r\n font-size: 14px;\r\n background: transparent;\r\n border: none;\r\n color: #cfd8dc;\r\n padding: 10px 0;\r\n text-align: center;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\r\n margin: 0 15px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--visible {\r\n visibility: visible;\r\n overflow: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--hidden {\r\n visibility: hidden;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\r\n display: flex;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\r\n margin-left: 40px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\r\n width: 100%;\r\n margin: 0;\r\n outline: none;\r\n border: none;\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\r\n 0% {\r\n -webkit-transform: translate(2px, 1px) rotate(0deg);\r\n }\r\n 10% {\r\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\r\n }\r\n 20% {\r\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\r\n }\r\n 30% {\r\n -webkit-transform: translate(0px, 2px) rotate(0deg);\r\n }\r\n 40% {\r\n -webkit-transform: translate(1px, -1px) rotate(1deg);\r\n }\r\n 50% {\r\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\r\n }\r\n 60% {\r\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\r\n }\r\n 70% {\r\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\r\n }\r\n 80% {\r\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\r\n }\r\n 90% {\r\n -webkit-transform: translate(2px, 2px) rotate(0deg);\r\n }\r\n 100% {\r\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\r\n }\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--shake {\r\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\r\n -webkit-animation-duration: 1.3s;\r\n -webkit-transform-origin: 50% 50%;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-timing-function: linear;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\r\n font-size: 9px;\r\n position: absolute;\r\n top: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_CallCapsule_style--container {\r\n max-width: 100%;\r\n max-height: 100%;\r\n position: relative;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\r\n border-radius: 40%;\r\n cursor: pointer;\r\n width: 28px;\r\n height: 18px;\r\n padding: 0px 11px;\r\n background: #fff;\r\n color: #666;\r\n text-align: center;\r\n font-size: 12px;\r\n margin-bottom: 9px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\r\n border-radius: 50%;\r\n cursor: pointer;\r\n width: 16px;\r\n height: 16px;\r\n padding: 2px 2px 3px;\r\n background: #e81010;\r\n color: #fff;\r\n text-align: center;\r\n font-size: 8px;\r\n position: absolute;\r\n left: 18px;\r\n top: -3px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\r\n margin: 0 5px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\r\n outline: none !important\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--icon{\r\n color: #000;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\r\n opacity:0.4;\r\n cursor: not-allowed;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialog{\r\nwidth: 420px;\r\nheight: 115px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\r\n position: absolute;\r\n top: 35%;\r\n left: 36%;\r\n border: 1px solid rgb(204, 204, 204);\r\n background: rgb(255, 255, 255);\r\n overflow: auto;\r\n border-radius: 4px;\r\n outline: none;\r\n padding: 0px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 10px 5px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\r\n padding: 20px 10px;\r\n text-align: center;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\r\n margin: 5px;\r\n text-align:right;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\r\n color: #fff;\r\n display: flex;\r\n background-color: #dd392b;\r\n border-radius: 7px;\r\n justify-content: center;\r\n min-width: 300px;\r\n font-size: 12px;\r\n margin: 0 25px -1px 25px;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\r\n position: absolute;\r\n left:47%;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--opacity{\r\n opacity: 0.5;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\r\n position: absolute;\r\n right: 2px;\r\n top: 14px;\r\n cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\r\n margin-top: 7px;\r\n}";
32519
+ var css_248z$5 = "#utilities_ops-app-frame_CallCapsule_style--flex-iframe {\n width: '100%';\n height: '100%';\n}\n.utilities_ops-app-frame_CallCapsule_style--flex-bar {\n position: relative;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframeSection {\n border: 1px solid #233659;\n border-radius: 8px !important;\n overflow: hidden;\n width: 560px;\n height: 610px;\n position: absolute;\n top: 53px;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--fullScreen{\n border: 1px solid #233659;\n border-radius: 20px !important;\n overflow: hidden;\n width: 98vw;\n height: 610px;\n position: absolute;\n top: 53px;\n left: -8.7em;\n z-index: 100;\n background: #fff;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon {\n display: flex;\n background-color: #8eacdc;\n border-radius: 30px;\n justify-content: center;\n padding: 2px 10px;\n min-width: 300px;\n min-height: 37px;\n}\n.utilities_ops-app-frame_CallCapsule_style--leftPillCon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n min-width: 125px;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading1 {\n font-size: 12px;\n font-weight: bold;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--iframePopUp {\n display: block;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading6 {\n font-size: 10px;\n color: #3c4656;\n}\n.utilities_ops-app-frame_CallCapsule_style--heading7{\n font-size: 12px;\n background: yellow;\n border-radius: 20px;\n padding: 0 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--centerPillCon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n}\n.utilities_ops-app-frame_CallCapsule_style--rightPillCon{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 6px;\n min-width: 152px;\n}\n.utilities_ops-app-frame_CallCapsule_style--statusIndicator {\n padding: 0 3px 5px 0;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialpadCon {\n position: absolute;\n top: 55px;\n width: 100%;\n left: 5em;\n max-width: 202px;\n padding: 15px;\n background: #263238;\n border-radius: 22.5px;\n box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon {\n width: 100%;\n margin-bottom: 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input {\n background: #37474f;\n color: #cfd8dc;\n padding: 5px;\n border: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--inputCon input:focus {\n outline: none;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn {\n display: inline-block;\n width: calc(33.33% - 10px);\n font-size: 14px;\n background: transparent;\n border: none;\n color: #cfd8dc;\n padding: 10px 0;\n text-align: center;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--btn:hover {\n color: #fff;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--btn:nth-child(3n - 1) {\n margin: 0 15px;\n}\n.utilities_ops-app-frame_CallCapsule_style--visible {\n visibility: visible;\n overflow: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--hidden {\n visibility: hidden;\n}\n.utilities_ops-app-frame_CallCapsule_style--callActionCon {\n display: flex;\n}\n.utilities_ops-app-frame_CallCapsule_style--marginLeft {\n margin-left: 40px;\n}\n.utilities_ops-app-frame_CallCapsule_style--CallerPillCon hr {\n width: 100%;\n margin: 0;\n outline: none;\n border: none;\n border-right: 1px solid #ddd;\n}\n\n@-webkit-keyframes utilities_ops-app-frame_CallCapsule_style--shake {\n 0% {\n -webkit-transform: translate(2px, 1px) rotate(0deg);\n }\n 10% {\n -webkit-transform: translate(-1px, -2px) rotate(-1deg);\n }\n 20% {\n -webkit-transform: translate(-3px, 0px) rotate(1deg);\n }\n 30% {\n -webkit-transform: translate(0px, 2px) rotate(0deg);\n }\n 40% {\n -webkit-transform: translate(1px, -1px) rotate(1deg);\n }\n 50% {\n -webkit-transform: translate(-1px, 2px) rotate(-1deg);\n }\n 60% {\n -webkit-transform: translate(-3px, 1px) rotate(0deg);\n }\n 70% {\n -webkit-transform: translate(2px, 1px) rotate(-1deg);\n }\n 80% {\n -webkit-transform: translate(-1px, -1px) rotate(1deg);\n }\n 90% {\n -webkit-transform: translate(2px, 2px) rotate(0deg);\n }\n 100% {\n -webkit-transform: translate(1px, -2px) rotate(-1deg);\n }\n}\n.utilities_ops-app-frame_CallCapsule_style--shake {\n -webkit-animation-name: utilities_ops-app-frame_CallCapsule_style--shake;\n -webkit-animation-duration: 1.3s;\n -webkit-transform-origin: 50% 50%;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-timing-function: linear;\n}\n.utilities_ops-app-frame_CallCapsule_style--actionIcon {\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--wrapText {\n font-size: 9px;\n position: absolute;\n top: 22px;\n}\n\n.utilities_ops-app-frame_CallCapsule_style--container {\n max-width: 100%;\n max-height: 100%;\n position: relative;\n}\n.utilities_ops-app-frame_CallCapsule_style--numberCircle {\n border-radius: 40%;\n cursor: pointer;\n width: 28px;\n height: 18px;\n padding: 0px 11px;\n background: #fff;\n color: #666;\n text-align: center;\n font-size: 12px;\n margin-bottom: 9px;\n}\n.utilities_ops-app-frame_CallCapsule_style--unreadCircle{\n border-radius: 50%;\n cursor: pointer;\n width: 16px;\n height: 16px;\n padding: 2px 2px 3px;\n background: #e81010;\n color: #fff;\n text-align: center;\n font-size: 8px;\n position: absolute;\n left: 18px;\n top: -3px;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn{\n margin: 0 5px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--iconBtn:focus{\n outline: none !important\n}\n.utilities_ops-app-frame_CallCapsule_style--icon{\n color: #000;\n}\n.utilities_ops-app-frame_CallCapsule_style--disabledIcon svg{\n opacity:0.4;\n cursor: not-allowed;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialog{\nwidth: 420px;\nheight: 115px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogCon{\n position: absolute;\n top: 35%;\n left: 36%;\n border: 1px solid rgb(204, 204, 204);\n background: rgb(255, 255, 255);\n overflow: auto;\n border-radius: 4px;\n outline: none;\n padding: 0px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogHeading{\n background-color: #1d5ab9;\n color: #fff;\n padding: 10px 5px;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogInfo{\n padding: 20px 10px;\n text-align: center;\n}\n.utilities_ops-app-frame_CallCapsule_style--dialogBtn{\n margin: 5px;\n text-align:right;\n}\n.utilities_ops-app-frame_CallCapsule_style--warningMsg {\n color: #fff;\n display: flex;\n background-color: #dd392b;\n border-radius: 7px;\n justify-content: center;\n min-width: 300px;\n font-size: 12px;\n margin: 0 25px -1px 25px;\n}\n.utilities_ops-app-frame_CallCapsule_style--capsuleSpinner{\n position: absolute;\n left:47%;\n}\n.utilities_ops-app-frame_CallCapsule_style--opacity{\n opacity: 0.5;\n}\n.utilities_ops-app-frame_CallCapsule_style--closeFlexIcon {\n position: absolute;\n right: 2px;\n top: 14px;\n cursor: pointer;\n}\n.utilities_ops-app-frame_CallCapsule_style--callIndicator{\n margin-top: 7px;\n}";
32258
32520
  styleInject(css_248z$5);
32259
32521
 
32260
32522
  var tabbable_1 = createCommonjsModule(function (module, exports) {
@@ -33797,7 +34059,7 @@ const author = "Brian McKelvey <theturtle32@gmail.com> (https://github.com/thetu
33797
34059
  const contributors = [
33798
34060
  "Iñaki Baz Castillo <ibc@aliax.net> (http://dev.sipdoc.net)"
33799
34061
  ];
33800
- const version$6 = "1.0.34";
34062
+ const version$6 = "1.0.35";
33801
34063
  const repository = {
33802
34064
  type: "git",
33803
34065
  url: "https://github.com/theturtle32/WebSocket-Node.git"
@@ -33809,7 +34071,7 @@ const engines = {
33809
34071
  const dependencies = {
33810
34072
  bufferutil: "^4.0.1",
33811
34073
  debug: "^2.2.0",
33812
- "es5-ext": "^0.10.50",
34074
+ "es5-ext": "^0.10.63",
33813
34075
  "typedarray-to-buffer": "^3.1.5",
33814
34076
  "utf-8-validate": "^5.0.2",
33815
34077
  yaeti: "^0.0.6"
@@ -34152,13 +34414,22 @@ var emailAddressAllowed = function emailAddressAllowed(emailAddress, tile) {
34152
34414
 
34153
34415
  // permissionIds are for selected role only
34154
34416
  var appFunctionIdAllowed = function appFunctionIdAllowed() {
34417
+ var _window$toolkitEnv;
34155
34418
  var coreAppPermissions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
34156
34419
  var permissionIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
34157
- var tile = arguments.length > 3 ? arguments[3] : undefined;
34420
+ var appScopes = arguments.length > 3 ? arguments[3] : undefined;
34421
+ var tile = arguments.length > 4 ? arguments[4] : undefined;
34422
+ var stack = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.STACK ? window.toolkitEnv.STACK : process.env.STACK;
34423
+ if (tile.useAppScopes) {
34424
+ var userAppScopes = Array.isArray(appScopes) ? appScopes : [];
34425
+ return tile.appAuthName && userAppScopes.some(function (appScope) {
34426
+ return appScope.appName === tile.appAuthName;
34427
+ });
34428
+ }
34158
34429
  var id = tile.appFunctionId;
34159
34430
  if (!id) {
34160
34431
  return true; // not defined in config so just allow the tile to be viewed for now
34161
- } else if (process.env.STACK === 'g') {
34432
+ } else if (stack === 'g') {
34162
34433
  return includes$1(id, permissionIds);
34163
34434
  }
34164
34435
  // Check appfunction in opsportal-core permissions
@@ -34188,12 +34459,13 @@ var getUserData = function getUserData() {
34188
34459
  permissionIds: storage$1.permissionIds,
34189
34460
  allPermissionIds: storage$1.allPermissionIds,
34190
34461
  hasCasAccess: storage$1.hasCasAccess,
34191
- coreAppPermissions: storage$1.coreAppPermissions
34462
+ coreAppPermissions: storage$1.coreAppPermissions,
34463
+ appScopes: storage$1.userAppScopes
34192
34464
  };
34193
34465
  };
34194
34466
  var userHasAccess = function userHasAccess(tile) {
34195
34467
  var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : getUserData();
34196
- return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34468
+ return allAreTruthy([stackIsAllowed(tile.stack), yardNumberAllowed(user.activeYardNumber, tile), securityLevelAllowed(user.securityLevel, tile), emailAddressAllowed(user.emailAddress, tile), appFunctionIdAllowed(user.coreAppPermissions, user.allPermissionIds, user.permissionIds, user.appScopes, tile), casAccessAllowed(user.hasCasAccess, tile.requireCasAccess)]);
34197
34469
  };
34198
34470
 
34199
34471
  var accessHelpers = /*#__PURE__*/Object.freeze({
@@ -34208,7 +34480,7 @@ var accessHelpers = /*#__PURE__*/Object.freeze({
34208
34480
  'default': userHasAccess
34209
34481
  });
34210
34482
 
34211
- var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n color: var(--white);\r\n color: var(--white);\r\n height: 64px;\r\n width: 100vw;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\r\n margin-bottom: 2px;\r\n}\r\n\r\nbutton[name='Clear Cookies'] {\r\n font-size: 12px;\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n color: #f00;\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--left {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBar_AppBar--right {\r\n display: flex;\r\n align-items: center;\r\n}\r\n";
34483
+ var css_248z$4 = ".utilities_ops-app-frame_AppBar_AppBar--AppBar {\n background: var(--primaryBlue);\n background: var(--primaryBlue);\n color: var(--white);\n color: var(--white);\n height: 64px;\n width: 100vw;\n padding: 0 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.__AppBar-item.__AppBar-phoneUnvailable > div, .__AppBar-item.__AppBar-phoneAvailable > div {\n margin-bottom: 2px;\n}\n\nbutton[name='Clear Cookies'] {\n font-size: 12px;\n opacity: 0.5;\n text-transform: uppercase;\n color: #f00;\n font-weight: 700;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--left {\n display: flex;\n align-items: center;\n}\n\n.utilities_ops-app-frame_AppBar_AppBar--right {\n display: flex;\n align-items: center;\n}\n";
34212
34484
  styleInject(css_248z$4);
34213
34485
 
34214
34486
  var APP_BAR_CONFIGS = {
@@ -34280,7 +34552,7 @@ var AppBar = function AppBar(_ref) {
34280
34552
  _useState8 = _slicedToArray(_useState7, 2),
34281
34553
  showMihelpTooltip = _useState8[0],
34282
34554
  setShowMihelpTooltip = _useState8[1];
34283
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
34555
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
34284
34556
  var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
34285
34557
  var isMihelpEnabled;
34286
34558
  if (isCoreRoute && !window.location.pathname.includes('embedded')) {
@@ -34445,7 +34717,7 @@ var AppBar = function AppBar(_ref) {
34445
34717
  var handleHelpClick = function handleHelpClick() {
34446
34718
  var country = storage$1.getSessionItem('dashboard', 'selectedCountryA3code');
34447
34719
  var uri = mihelpAppPath ? "".concat(coreAppConfig.mihelpUri, "/applications/").concat(mihelpAppPath, "?re=").concat(country.toLowerCase()) : "".concat(coreAppConfig.mihelpUri, "?re=").concat(country.toLowerCase());
34448
- window.open(uri, "_blank");
34720
+ window.open(uri, '_blank');
34449
34721
  };
34450
34722
  var feedbackConfig = function feedbackConfig() {
34451
34723
  var _storage$coreConfig;
@@ -34525,7 +34797,7 @@ var AppBar = function AppBar(_ref) {
34525
34797
  }
34526
34798
  var check = filterNotifications(newNotifications);
34527
34799
  var newNotification = _objectSpread2({}, newNotifications[0]);
34528
- var startTime = newNotification.timeZoneType === "RPTZ" ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34800
+ var startTime = newNotification.timeZoneType === 'RPTZ' ? newNotification.startsAt : moment.utc(newNotification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34529
34801
  // const endTime = newNotification.timeZoneType === "RPTZ" && newNotification.endDateTimeZone !=='UTC' ? newNotification.endsAt : moment.utc(newNotification.endsAt).local().format("YYYY-MM-DD HH:mm:ss")
34530
34802
  var currentDate = new Date();
34531
34803
  if (!check.length) {
@@ -34548,7 +34820,7 @@ var AppBar = function AppBar(_ref) {
34548
34820
  filteredOutNotifications.forEach(function (notification) {
34549
34821
  var _notification$newsTar;
34550
34822
  if (notification !== null && notification !== void 0 && (_notification$newsTar = notification.newsTarget) !== null && _notification$newsTar !== void 0 && _notification$newsTar.audience_value) {
34551
- var startTime = moment.utc(notification.startsAt).local().format("YYYY-MM-DD HH:mm:ss");
34823
+ var startTime = moment.utc(notification.startsAt).local().format('YYYY-MM-DD HH:mm:ss');
34552
34824
  var currentDate = new Date();
34553
34825
  if (new Date(startTime) > currentDate) {
34554
34826
  setListOfAllFirebaseNotifications(function (notifications) {
@@ -34659,7 +34931,7 @@ var AppBar = function AppBar(_ref) {
34659
34931
  if (history.location.pathname !== '/logout' && history.location.pathname !== '/login' && localStorage.getItem('login') && tileConfigAccess) {
34660
34932
  if (notificationsSource.includes('Nchan')) {
34661
34933
  fetchG2Notifications(updateNotifications, updateAllNotificationsList);
34662
- if (!(window.navigator.userAgent.includes("Chrome") && window.location.href.includes("localhost"))) {
34934
+ if (!(window.navigator.userAgent.includes('Chrome') && window.location.href.includes('localhost'))) {
34663
34935
  var client = startWebSocketConnection(updateNotifications, updateAllNotificationsList, reConnectSocket);
34664
34936
  var pingIntervalInSec = coreAppConfig.nchanPingIntervalInSec || 30;
34665
34937
  setPingInterval(setInterval(function () {
@@ -34769,7 +35041,7 @@ AppBar.defaultProps = {
34769
35041
  searchBarProps: {}
34770
35042
  };
34771
35043
 
34772
- var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n}";
35044
+ var css_248z$3 = ".utilities_ops-app-frame_AuthGuard_header--header {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}";
34773
35045
  styleInject(css_248z$3);
34774
35046
 
34775
35047
  var PASS_FOR_AUTHENTICATION_ROUTE = 'Route is /login or /logout.';
@@ -34811,8 +35083,8 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34811
35083
  key: "componentDidMount",
34812
35084
  value: function () {
34813
35085
  var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
34814
- var _window$toolkitEnv;
34815
- var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, tileConfigAccess;
35086
+ var _window$toolkitEnv, _window$toolkitEnv3;
35087
+ var disableRestrictions, appTile, _window$toolkitEnv2, appAuthName, stack, tileConfigAccess;
34816
35088
  return _regeneratorRuntime().wrap(function _callee$(_context) {
34817
35089
  while (1) switch (_context.prev = _context.next) {
34818
35090
  case 0:
@@ -34870,20 +35142,26 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34870
35142
  case 16:
34871
35143
  return _context.abrupt("return", this.allowAccess(PATH_NOT_FOUND));
34872
35144
  case 17:
34873
- if (!(process.env.STACK !== 'g')) {
34874
- _context.next = 23;
35145
+ // Fetch permissions for opsportal-core and the opsportal application
35146
+ // The app functions required for application visibility(when applicable)
35147
+ // will be part of opsportal-core permissions
35148
+ // Permissions for the opsportal-core and the opsportal application will be available in the
35149
+ // local storage
35150
+ stack = (_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
35151
+ if (!(stack !== 'g')) {
35152
+ _context.next = 24;
34875
35153
  break;
34876
35154
  }
34877
- _context.next = 20;
35155
+ _context.next = 21;
34878
35156
  return fetcher.getCoreAppPermissions();
34879
- case 20:
35157
+ case 21:
34880
35158
  if (!appTile.appAuthName) {
34881
- _context.next = 23;
35159
+ _context.next = 24;
34882
35160
  break;
34883
35161
  }
34884
- _context.next = 23;
34885
- return fetcher.getPermissions(appTile.appAuthName);
34886
- case 23:
35162
+ _context.next = 24;
35163
+ return fetcher.getPermissions(appTile.appAuthName, appTile.useAppScopes);
35164
+ case 24:
34887
35165
  // If there are rules, evaluate and act accordingly.
34888
35166
  tileConfigAccess = userHasAccess(appTile);
34889
35167
  if (tileConfigAccess) {
@@ -34891,7 +35169,7 @@ var AuthGuard = /*#__PURE__*/function (_React$PureComponent) {
34891
35169
  } else {
34892
35170
  this.denyAccess(NO_TILE_PERMISSION);
34893
35171
  }
34894
- case 25:
35172
+ case 26:
34895
35173
  case "end":
34896
35174
  return _context.stop();
34897
35175
  }
@@ -45352,7 +45630,7 @@ var formatNumber = function formatNumber(number) {
45352
45630
  return sign * Math.abs(number) + unitlist[unit];
45353
45631
  };
45354
45632
 
45355
- var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n background: #3A4454;\r\n min-width: 50px;\r\n max-width: 50px;\r\n height: 100%;\r\n color: #ffffff;\r\n font-size: 14px;\r\n z-index: 101;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n min-width: 100px;\r\n max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\r\n max-width: 500px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n flex: 1;\r\n overflow-y: auto;\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n display: flex;\r\n width: 100%;\r\n padding: 6px 12px 6px 12px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n color: #323130;\r\n background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n margin-left: auto;\r\n margin-right: 10px;\r\n min-width: none;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n min-width: 70px;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n background-color: #73A6FF;\r\n transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n margin-left: auto;\r\n font-size: 12px;\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n flex: 1;\r\n margin: 0 10px 0;\r\n text-align: right;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n min-width: 20px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n font-size: 14px;\r\n /* width: 20px; */\r\n color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 0px;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n margin-top: 2px;\r\n font-weight: 100;\r\n transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 2px 10px 0 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n max-width: 100%;\r\n margin: 0 5px 0 0;\r\n font-weight: 600;\r\n margin-left: 0px;\r\n cursor: auto;\r\n cursor: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n margin: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n display: flex;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n position: absolute;\r\n width: 10px;\r\n height: 95%;\r\n left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 13px;\r\n margin-left: 1px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n width: 100%;\r\n margin-left: 1px;\r\n}";
45633
+ var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\n display: flex;\n flex-direction: column;\n position: absolute;\n background: #3A4454;\n min-width: 50px;\n max-width: 50px;\n height: 100%;\n color: #ffffff;\n font-size: 14px;\n z-index: 101;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\n min-width: 100px;\n max-width: 100px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover {\n max-width: 500px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\n min-width: auto;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\n min-width: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\n flex: 1;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \n display: none;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n display: flex;\n width: 100%;\n padding: 6px 12px 6px 12px;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\n cursor: default;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\n color: #323130;\n background-color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n margin-left: auto;\n margin-right: 10px;\n min-width: none;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: 70px;\n text-align: right;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\n min-width: auto;\n text-align: auto;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\n background-color: #73A6FF;\n transition: background-color 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n margin-left: auto;\n font-size: 12px;\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\n margin: 0 10px 0 auto;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n min-width: 20px;\n display: flex;\n justify-content: center;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n font-size: 14px;\n /* width: 20px; */\n color: #fff;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n color: #323130;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 0px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\n font-size: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\n font-size: 12px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 0;\n overflow: hidden;\n white-space: nowrap;\n margin-top: 2px;\n font-weight: 100;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 2px 10px 0 10px;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n color: #A19F9D;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n max-width: 100%;\n margin: 0 5px 0 0;\n font-weight: 600;\n margin-left: 0px;\n cursor: auto;\n cursor: initial;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\n margin: 0;\n transition-delay: 0.25s;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\n margin-right: 0px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding-left: 12px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\n display: inline;\n display: initial;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\n display: flex;\n position: relative;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\n padding: 6px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\n position: absolute;\n width: 10px;\n height: 95%;\n left: -13px;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 13px;\n margin-left: 1px;\n transition: all 0.5s ease-in-out;\n}\n\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\n width: 100%;\n margin-left: 1px;\n transition-delay: 0.25s;\n}";
45356
45634
  styleInject(css_248z$2);
45357
45635
 
45358
45636
  var _styleModuleImportMap$1 = {
@@ -45365,6 +45643,7 @@ var _styleModuleImportMap$1 = {
45365
45643
  "NavItem": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem",
45366
45644
  "disabled": "utilities_ops-app-frame_NavigationBar_NavigationBar--disabled",
45367
45645
  "NavItemSelected": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected",
45646
+ "countsAvailable": "utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable",
45368
45647
  "expandedMenu": "utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu",
45369
45648
  "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
45370
45649
  "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
@@ -45428,7 +45707,7 @@ var validateConfig = function validateConfig(navItems) {
45428
45707
  if (!configItem.isLandingPage && mandatoryKeys.every(function (key) {
45429
45708
  return configItem.hasOwnProperty(key);
45430
45709
  }) === false) {
45431
- console.log("please check and update the navigation config");
45710
+ console.log('please check and update the navigation config');
45432
45711
  return false;
45433
45712
  }
45434
45713
  if (configItem.subMenuItems) {
@@ -45492,7 +45771,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45492
45771
  if (Array.isArray(navItems)) {
45493
45772
  var isValid = validateConfig(navItems);
45494
45773
  if (isValid) {
45495
- var updatedNavItems = updateRoutes(navItems, "");
45774
+ var updatedNavItems = updateRoutes(navItems, '');
45496
45775
  var depth = getDepth(navItems);
45497
45776
  var _getDefaultSelection = getDefaultSelection(updatedNavItems),
45498
45777
  selectedItem = _getDefaultSelection.selectedItem,
@@ -45519,7 +45798,7 @@ var NavigationBar = function NavigationBar(_ref2) {
45519
45798
  onMouseLeave: function onMouseLeave() {
45520
45799
  return setHover(false);
45521
45800
  },
45522
- className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : ''), _styleModuleImportMap$1, {
45801
+ className: _getClassName("NavBarContainer ".concat(activeSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : ''), _styleModuleImportMap$1, {
45523
45802
  "handleMissingStyleName": "warn"
45524
45803
  })
45525
45804
  }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -45550,21 +45829,21 @@ var NavigationMenu = function NavigationMenu(_ref3) {
45550
45829
  withCounts = _ref3.withCounts;
45551
45830
  var redirectUrl = window.location.pathname;
45552
45831
  React.useEffect(function () {
45553
- if (redirectUrl != "/") {
45554
- var splitUrl = redirectUrl.split("/");
45832
+ if (redirectUrl != '/') {
45833
+ var splitUrl = redirectUrl.split('/');
45555
45834
  if (!process.env.IS_CORE_APP) {
45556
45835
  splitUrl.shift();
45557
45836
  }
45558
45837
  // if (splitUrl.length - 1 === configDepth) {
45559
45838
  if (splitUrl.length - 1) {
45560
45839
  if (configDepth === 3) {
45561
- setActiveSubmenu("/" + splitUrl[1] + "/" + splitUrl[2]);
45562
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2] + "/" + splitUrl[3]);
45840
+ setActiveSubmenu('/' + splitUrl[1] + '/' + splitUrl[2]);
45841
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2] + '/' + splitUrl[3]);
45563
45842
  } else if (configDepth === 2) {
45564
- setActiveSubmenu("/" + splitUrl[1]);
45565
- setSelected("/" + splitUrl[1] + "/" + splitUrl[2]);
45843
+ setActiveSubmenu('/' + splitUrl[1]);
45844
+ setSelected('/' + splitUrl[1] + '/' + splitUrl[2]);
45566
45845
  } else {
45567
- setSelected("/" + splitUrl[1]);
45846
+ setSelected('/' + splitUrl[1]);
45568
45847
  }
45569
45848
  } else {
45570
45849
  setActiveSubmenu(null);
@@ -45619,7 +45898,7 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
45619
45898
  icon: navItem.icon
45620
45899
  })), /*#__PURE__*/React__default["default"].createElement("div", {
45621
45900
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem"
45622
- }, nameText), navItem.hasOwnProperty("count") && /*#__PURE__*/React__default["default"].createElement("div", {
45901
+ }, nameText), navItem.hasOwnProperty('count') && /*#__PURE__*/React__default["default"].createElement("div", {
45623
45902
  className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
45624
45903
  }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.map(function (subItem) {
45625
45904
  return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
@@ -45697,7 +45976,7 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
45697
45976
  animate: isMenuExpanded ? 'open' : 'closed'
45698
45977
  }, /*#__PURE__*/React__default["default"].createElement("div", {
45699
45978
  onClick: handleItemClick,
45700
- className: _getClassName("NavItem ".concat(isMenuExpanded ? "expandedMenu" : "", " ").concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45979
+ className: _getClassName("NavItem ".concat(isMenuExpanded ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45701
45980
  "handleMissingStyleName": "warn"
45702
45981
  })
45703
45982
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45771,7 +46050,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45771
46050
  onClick: function onClick() {
45772
46051
  return !isDisabled && navigateToItem(navItem);
45773
46052
  },
45774
- className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? "NavItemSelected" : "", " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
46053
+ className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
45775
46054
  "handleMissingStyleName": "warn"
45776
46055
  })
45777
46056
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45787,7 +46066,7 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
45787
46066
  }) : null, !countsLoading ? countText : null)));
45788
46067
  };
45789
46068
 
45790
- var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n background: var(--paleGray);\r\n background: var(--paleGray);\r\n height: 100vh;\r\n max-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n flex: 0 1 auto;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n flex: 1 1 auto;\r\n position: relative;\r\n}\r\n";
46069
+ var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\n background: var(--paleGray);\n background: var(--paleGray);\n height: 100vh;\n max-height: 100vh;\n display: flex;\n flex-direction: column;\n flex-basis: 0;\n}\n\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n}\n\n/* Wrapper that contains the app being developed. */\n\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\n flex: 1 1 auto;\n position: relative;\n}\n";
45791
46070
  styleInject(css_248z$1);
45792
46071
 
45793
46072
  if (!storage$1.activeYardNumber) {
@@ -45877,7 +46156,9 @@ var AppFrame = function AppFrame(props) {
45877
46156
  setShowNavigationCounts: setShowNavigationCounts
45878
46157
  }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
45879
46158
  style: {
45880
- marginLeft: props.showNavigation ? navigationWidth : '0px'
46159
+ marginLeft: props.showNavigation ? navigationWidth : '0px',
46160
+ height: '100%',
46161
+ transition: 'all 0.5s ease-in-out'
45881
46162
  }
45882
46163
  }, props.children))))));
45883
46164
  };
@@ -46072,18 +46353,18 @@ AutoRefresh.defaultProps = {
46072
46353
  version: ''
46073
46354
  };
46074
46355
 
46075
- var css_248z = ".utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet {\r\n padding: 5px;\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippet .utilities_ContextualHelp_ContextualHelp--snippet-arrow {\r\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--title {\r\n font-size: 24px;\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n color: #1d5ab9;\r\n border-top: 3px solid #ccc;\r\n margin-top: 10px;\r\n font-size: 14px;\r\n padding-top: 10px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p {\r\n cursor: pointer;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle p i {\r\n font-size: 10px;\r\n color: #1d5ab9;\r\n position: relative;\r\n top: -3px;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--linkedArticle.utilities_ContextualHelp_ContextualHelp--noLink {\r\n justify-content: flex-end;\r\n}\r\n.utilities_ContextualHelp_ContextualHelp--snippetContainer .utilities_ContextualHelp_ContextualHelp--snippetArticle {\r\n background-color: #fff;\r\n opacity: 1;\r\n z-index: 999;\r\n max-width: 400px;\r\n min-width: 250px;\r\n /* max-height: 500px; */\r\n min-height: 200px;\r\n overflow: auto;\r\n padding: 15px;\r\n}\r\n";
46356
+ var css_248z = ".utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet {\n padding: 5px;\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippet .utilities_contextualHelp_ContextualHelp--snippet-arrow {\n box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n.utilities_contextualHelp_ContextualHelp--title {\n font-size: 24px;\n color: #1d5ab9;\n font-weight: 600;\n margin-bottom: 5px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #1d5ab9;\n border-top: 3px solid #ccc;\n margin-top: 10px;\n font-size: 14px;\n padding-top: 10px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p {\n cursor: pointer;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle p i {\n font-size: 10px;\n color: #1d5ab9;\n position: relative;\n top: -3px;\n}\n.utilities_contextualHelp_ContextualHelp--linkedArticle.utilities_contextualHelp_ContextualHelp--noLink {\n justify-content: flex-end;\n}\n.utilities_contextualHelp_ContextualHelp--snippetContainer .utilities_contextualHelp_ContextualHelp--snippetArticle {\n background-color: #fff;\n opacity: 1;\n z-index: 999;\n max-width: 400px;\n min-width: 250px;\n /* max-height: 500px; */\n min-height: 200px;\n overflow: auto;\n padding: 15px;\n}\n";
46076
46357
  styleInject(css_248z);
46077
46358
 
46078
46359
  var _styleModuleImportMap = {
46079
46360
  "./ContextualHelp.css": {
46080
- "snippetContainer": "utilities_ContextualHelp_ContextualHelp--snippetContainer",
46081
- "snippet": "utilities_ContextualHelp_ContextualHelp--snippet",
46082
- "snippet-arrow": "utilities_ContextualHelp_ContextualHelp--snippet-arrow",
46083
- "title": "utilities_ContextualHelp_ContextualHelp--title",
46084
- "linkedArticle": "utilities_ContextualHelp_ContextualHelp--linkedArticle",
46085
- "noLink": "utilities_ContextualHelp_ContextualHelp--noLink",
46086
- "snippetArticle": "utilities_ContextualHelp_ContextualHelp--snippetArticle"
46361
+ "snippetContainer": "utilities_contextualHelp_ContextualHelp--snippetContainer",
46362
+ "snippet": "utilities_contextualHelp_ContextualHelp--snippet",
46363
+ "snippet-arrow": "utilities_contextualHelp_ContextualHelp--snippet-arrow",
46364
+ "title": "utilities_contextualHelp_ContextualHelp--title",
46365
+ "linkedArticle": "utilities_contextualHelp_ContextualHelp--linkedArticle",
46366
+ "noLink": "utilities_contextualHelp_ContextualHelp--noLink",
46367
+ "snippetArticle": "utilities_contextualHelp_ContextualHelp--snippetArticle"
46087
46368
  }
46088
46369
  };
46089
46370
  function Snippet(_ref) {
@@ -46116,10 +46397,10 @@ function Snippet(_ref) {
46116
46397
  color: 'rgba(224, 26, 26, 0.8)'
46117
46398
  }
46118
46399
  }, "Article Not Found") : /*#__PURE__*/React__default["default"].createElement("div", {
46119
- className: "utilities_ContextualHelp_ContextualHelp--snippetArticle",
46400
+ className: "utilities_contextualHelp_ContextualHelp--snippetArticle",
46120
46401
  ref: articleRef
46121
46402
  }, /*#__PURE__*/React__default["default"].createElement("div", {
46122
- className: "utilities_ContextualHelp_ContextualHelp--title"
46403
+ className: "utilities_contextualHelp_ContextualHelp--title"
46123
46404
  }, /*#__PURE__*/React__default["default"].createElement("span", {
46124
46405
  dangerouslySetInnerHTML: {
46125
46406
  __html: article.title
@@ -46266,12 +46547,21 @@ function getPaddingObject(padding) {
46266
46547
  };
46267
46548
  }
46268
46549
  function rectToClientRect(rect) {
46550
+ const {
46551
+ x,
46552
+ y,
46553
+ width,
46554
+ height
46555
+ } = rect;
46269
46556
  return {
46270
- ...rect,
46271
- top: rect.y,
46272
- left: rect.x,
46273
- right: rect.x + rect.width,
46274
- bottom: rect.y + rect.height
46557
+ width,
46558
+ height,
46559
+ top: y,
46560
+ left: x,
46561
+ right: x + width,
46562
+ bottom: y + height,
46563
+ x,
46564
+ y
46275
46565
  };
46276
46566
  }
46277
46567
 
@@ -46460,9 +46750,10 @@ async function detectOverflow(state, options) {
46460
46750
  strategy
46461
46751
  }));
46462
46752
  const rect = elementContext === 'floating' ? {
46463
- ...rects.floating,
46464
46753
  x,
46465
- y
46754
+ y,
46755
+ width: rects.floating.width,
46756
+ height: rects.floating.height
46466
46757
  } : rects.reference;
46467
46758
  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
46468
46759
  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -46999,6 +47290,8 @@ async function convertValueToCoords(state, options) {
46999
47290
  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
47000
47291
  const crossAxisMulti = rtl && isVertical ? -1 : 1;
47001
47292
  const rawValue = evaluate(options, state);
47293
+
47294
+ // eslint-disable-next-line prefer-const
47002
47295
  let {
47003
47296
  mainAxis,
47004
47297
  crossAxis,
@@ -47032,7 +47325,7 @@ async function convertValueToCoords(state, options) {
47032
47325
  * object may be passed.
47033
47326
  * @see https://floating-ui.com/docs/offset
47034
47327
  */
47035
- const offset = function (options) {
47328
+ const offset$1 = function (options) {
47036
47329
  if (options === void 0) {
47037
47330
  options = 0;
47038
47331
  }
@@ -47249,16 +47542,16 @@ const size = function (options) {
47249
47542
  widthSide = side;
47250
47543
  heightSide = alignment === 'end' ? 'top' : 'bottom';
47251
47544
  }
47252
- const overflowAvailableHeight = height - overflow[heightSide];
47253
- const overflowAvailableWidth = width - overflow[widthSide];
47545
+ const maximumClippingHeight = height - overflow.top - overflow.bottom;
47546
+ const maximumClippingWidth = width - overflow.left - overflow.right;
47547
+ const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
47548
+ const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
47254
47549
  const noShift = !state.middlewareData.shift;
47255
47550
  let availableHeight = overflowAvailableHeight;
47256
47551
  let availableWidth = overflowAvailableWidth;
47257
47552
  if (isYAxis) {
47258
- const maximumClippingWidth = width - overflow.left - overflow.right;
47259
47553
  availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
47260
47554
  } else {
47261
- const maximumClippingHeight = height - overflow.top - overflow.bottom;
47262
47555
  availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
47263
47556
  }
47264
47557
  if (noShift && !alignment) {
@@ -47347,9 +47640,8 @@ function getContainingBlock(element) {
47347
47640
  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
47348
47641
  if (isContainingBlock(currentNode)) {
47349
47642
  return currentNode;
47350
- } else {
47351
- currentNode = getParentNode(currentNode);
47352
47643
  }
47644
+ currentNode = getParentNode(currentNode);
47353
47645
  }
47354
47646
  return null;
47355
47647
  }
@@ -47540,10 +47832,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
47540
47832
  });
47541
47833
  }
47542
47834
  const topLayerSelectors = [':popover-open', ':modal'];
47543
- function isTopLayer(floating) {
47835
+ function isTopLayer(element) {
47544
47836
  return topLayerSelectors.some(selector => {
47545
47837
  try {
47546
- return floating.matches(selector);
47838
+ return element.matches(selector);
47547
47839
  } catch (e) {
47548
47840
  return false;
47549
47841
  }
@@ -47727,7 +48019,7 @@ function getClippingRect(_ref) {
47727
48019
  rootBoundary,
47728
48020
  strategy
47729
48021
  } = _ref;
47730
- const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
48022
+ const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
47731
48023
  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
47732
48024
  const firstClippingAncestor = clippingAncestors[0];
47733
48025
  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -47786,6 +48078,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
47786
48078
  height: rect.height
47787
48079
  };
47788
48080
  }
48081
+ function isStaticPositioned(element) {
48082
+ return getComputedStyle$1(element).position === 'static';
48083
+ }
47789
48084
  function getTrueOffsetParent(element, polyfill) {
47790
48085
  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
47791
48086
  return null;
@@ -47799,28 +48094,40 @@ function getTrueOffsetParent(element, polyfill) {
47799
48094
  // Gets the closest ancestor positioned element. Handles some edge cases,
47800
48095
  // such as table ancestors and cross browser bugs.
47801
48096
  function getOffsetParent(element, polyfill) {
47802
- const window = getWindow(element);
47803
- if (!isHTMLElement(element) || isTopLayer(element)) {
47804
- return window;
48097
+ const win = getWindow(element);
48098
+ if (isTopLayer(element)) {
48099
+ return win;
48100
+ }
48101
+ if (!isHTMLElement(element)) {
48102
+ let svgOffsetParent = getParentNode(element);
48103
+ while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
48104
+ if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
48105
+ return svgOffsetParent;
48106
+ }
48107
+ svgOffsetParent = getParentNode(svgOffsetParent);
48108
+ }
48109
+ return win;
47805
48110
  }
47806
48111
  let offsetParent = getTrueOffsetParent(element, polyfill);
47807
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
48112
+ while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
47808
48113
  offsetParent = getTrueOffsetParent(offsetParent, polyfill);
47809
48114
  }
47810
- if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
47811
- return window;
48115
+ if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
48116
+ return win;
47812
48117
  }
47813
- return offsetParent || getContainingBlock(element) || window;
48118
+ return offsetParent || getContainingBlock(element) || win;
47814
48119
  }
47815
48120
  const getElementRects = async function (data) {
47816
48121
  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
47817
48122
  const getDimensionsFn = this.getDimensions;
48123
+ const floatingDimensions = await getDimensionsFn(data.floating);
47818
48124
  return {
47819
48125
  reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
47820
48126
  floating: {
47821
48127
  x: 0,
47822
48128
  y: 0,
47823
- ...(await getDimensionsFn(data.floating))
48129
+ width: floatingDimensions.width,
48130
+ height: floatingDimensions.height
47824
48131
  }
47825
48132
  };
47826
48133
  };
@@ -47888,9 +48195,11 @@ function observeMove(element, onMove) {
47888
48195
  return refresh();
47889
48196
  }
47890
48197
  if (!ratio) {
48198
+ // If the reference is clipped, the ratio is 0. Throttle the refresh
48199
+ // to prevent an infinite loop of updates.
47891
48200
  timeoutId = setTimeout(() => {
47892
48201
  refresh(false, 1e-7);
47893
- }, 100);
48202
+ }, 1000);
47894
48203
  } else {
47895
48204
  refresh(false, ratio);
47896
48205
  }
@@ -47994,6 +48303,15 @@ function autoUpdate(reference, floating, update, options) {
47994
48303
  };
47995
48304
  }
47996
48305
 
48306
+ /**
48307
+ * Modifies the placement by translating the floating element along the
48308
+ * specified axes.
48309
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
48310
+ * object may be passed.
48311
+ * @see https://floating-ui.com/docs/offset
48312
+ */
48313
+ const offset = offset$1;
48314
+
47997
48315
  /**
47998
48316
  * Optimizes the visibility of the floating element by choosing the placement
47999
48317
  * that has the most space available automatically, without needing to specify a
@@ -48165,7 +48483,7 @@ function S({
48165
48483
  s = document.createElement("style");
48166
48484
  s.id = t, s.type = "text/css", "top" === c && i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s), s.styleSheet ? s.styleSheet.cssText = e : s.appendChild(document.createTextNode(e)), b[o] = !0;
48167
48485
  }
48168
- const g = async ({
48486
+ const E = async ({
48169
48487
  elementReference: e = null,
48170
48488
  tooltipReference: t = null,
48171
48489
  tooltipArrowReference: o = null,
@@ -48350,7 +48668,7 @@ const D = ({
48350
48668
  openOnClick: w = !1,
48351
48669
  positionStrategy: b = "absolute",
48352
48670
  middlewares: S,
48353
- wrapper: E,
48671
+ wrapper: g,
48354
48672
  delayShow: A = 0,
48355
48673
  delayHide: O = 0,
48356
48674
  float: k = !1,
@@ -48398,9 +48716,9 @@ const D = ({
48398
48716
  be = React.useRef(null),
48399
48717
  {
48400
48718
  anchorRefs: Se,
48401
- setActiveAnchor: Ee
48719
+ setActiveAnchor: ge
48402
48720
  } = I(r),
48403
- ge = React.useRef(!1),
48721
+ Ee = React.useRef(!1),
48404
48722
  [Ae, _e] = React.useState([]),
48405
48723
  Oe = React.useRef(!1),
48406
48724
  Te = w || h.includes("click"),
@@ -48497,17 +48815,17 @@ const D = ({
48497
48815
  },
48498
48816
  Ie = (e = O) => {
48499
48817
  se.current && clearTimeout(se.current), se.current = setTimeout(() => {
48500
- ge.current || xe(!1);
48818
+ Ee.current || xe(!1);
48501
48819
  }, e);
48502
48820
  },
48503
48821
  je = e => {
48504
48822
  var t;
48505
48823
  if (!e) return;
48506
48824
  const o = null !== (t = e.currentTarget) && void 0 !== t ? t : e.target;
48507
- if (!(null == o ? void 0 : o.isConnected)) return Q(null), void Ee({
48825
+ if (!(null == o ? void 0 : o.isConnected)) return Q(null), void ge({
48508
48826
  current: null
48509
48827
  });
48510
- A ? $e() : xe(!0), Q(o), Ee({
48828
+ A ? $e() : xe(!0), Q(o), ge({
48511
48829
  current: o
48512
48830
  }), se.current && clearTimeout(se.current);
48513
48831
  },
@@ -48531,7 +48849,7 @@ const D = ({
48531
48849
  bottom: t
48532
48850
  })
48533
48851
  };
48534
- g({
48852
+ E({
48535
48853
  place: null !== (o = null == ye ? void 0 : ye.place) && void 0 !== o ? o : v,
48536
48854
  offset: m,
48537
48855
  elementReference: r,
@@ -48572,7 +48890,7 @@ const D = ({
48572
48890
  Ve = React.useCallback(() => {
48573
48891
  var e, t;
48574
48892
  const o = null !== (e = null == ye ? void 0 : ye.position) && void 0 !== e ? e : V;
48575
- o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && g({
48893
+ o ? ze(o) : k ? be.current && ze(be.current) : (null == J ? void 0 : J.isConnected) && E({
48576
48894
  place: null !== (t = null == ye ? void 0 : ye.place) && void 0 !== t ? t : v,
48577
48895
  offset: m,
48578
48896
  elementReference: J,
@@ -48643,10 +48961,10 @@ const D = ({
48643
48961
  listener: De
48644
48962
  });
48645
48963
  const y = () => {
48646
- ge.current = !0;
48964
+ Ee.current = !0;
48647
48965
  },
48648
48966
  h = () => {
48649
- ge.current = !1, Be();
48967
+ Ee.current = !1, Be();
48650
48968
  };
48651
48969
  return N && !ke && (null === (e = ne.current) || void 0 === e || e.addEventListener("mouseenter", y), null === (t = ne.current) || void 0 === t || t.addEventListener("mouseleave", h)), a.forEach(({
48652
48970
  event: e,
@@ -48671,7 +48989,7 @@ const D = ({
48671
48989
  }, [J, Ve, me, Se, Ae, q, H, M, Te, A, O]), React.useEffect(() => {
48672
48990
  var e, t;
48673
48991
  let o = null !== (t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p) && void 0 !== t ? t : "";
48674
- !o && r && (o = `[data-tooltip-id='${r}']`);
48992
+ !o && r && (o = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`);
48675
48993
  const l = new MutationObserver(e => {
48676
48994
  const t = [],
48677
48995
  l = [];
@@ -48726,7 +49044,7 @@ const D = ({
48726
49044
  }), []), React.useEffect(() => {
48727
49045
  var e;
48728
49046
  let t = null !== (e = null == ye ? void 0 : ye.anchorSelect) && void 0 !== e ? e : p;
48729
- if (!t && r && (t = `[data-tooltip-id='${r}']`), t) try {
49047
+ if (!t && r && (t = `[data-tooltip-id='${r.replace(/'/g, "\\'")}']`), t) try {
48730
49048
  const e = Array.from(document.querySelectorAll(t));
48731
49049
  _e(e);
48732
49050
  } catch (e) {
@@ -48752,7 +49070,7 @@ const D = ({
48752
49070
  activeAnchor: J,
48753
49071
  place: ue.place,
48754
49072
  isOpen: Boolean(me && !R && Fe && Ke)
48755
- })), me && !R && Fe ? React__default["default"].createElement(E, {
49073
+ })), me && !R && Fe ? React__default["default"].createElement(g, {
48756
49074
  id: r,
48757
49075
  role: re,
48758
49076
  className: classnames("react-tooltip", B.tooltip, z.tooltip, z[u], c, `react-tooltip__place-${ue.place}`, B[Ke ? "show" : "closing"], Ke ? "react-tooltip__show" : "react-tooltip__closing", "fixed" === b && B.fixed, N && B.clickable),
@@ -48765,7 +49083,7 @@ const D = ({
48765
49083
  opacity: void 0 !== te && Ke ? te : void 0
48766
49084
  },
48767
49085
  ref: ne
48768
- }, Fe, React__default["default"].createElement(E, {
49086
+ }, Fe, React__default["default"].createElement(g, {
48769
49087
  className: classnames("react-tooltip-arrow", B.arrow, z.arrow, i, x && B.noArrow),
48770
49088
  style: {
48771
49089
  ...ue.tooltipArrowStyles,
@@ -48798,8 +49116,8 @@ const D = ({
48798
49116
  events: w = ["hover"],
48799
49117
  openOnClick: b = !1,
48800
49118
  positionStrategy: S = "absolute",
48801
- middlewares: E,
48802
- delayShow: g = 0,
49119
+ middlewares: g,
49120
+ delayShow: E = 0,
48803
49121
  delayHide: _ = 0,
48804
49122
  float: O = !1,
48805
49123
  hidden: T = !1,
@@ -48830,14 +49148,14 @@ const D = ({
48830
49148
  [oe, re] = React.useState(v),
48831
49149
  [le, ne] = React.useState(p),
48832
49150
  [ce, ie] = React.useState(m),
48833
- [se, ae] = React.useState(g),
49151
+ [se, ae] = React.useState(E),
48834
49152
  [ue, de] = React.useState(_),
48835
49153
  [pe, ve] = React.useState(O),
48836
49154
  [me, fe] = React.useState(T),
48837
49155
  [ye, he] = React.useState(f),
48838
49156
  [we, be] = React.useState(w),
48839
- [Se, Ee] = React.useState(S),
48840
- [ge, Ae] = React.useState(null),
49157
+ [Se, ge] = React.useState(S),
49158
+ [Ee, Ae] = React.useState(null),
48841
49159
  [_e, Oe] = React.useState(null),
48842
49160
  Te = React.useRef(P),
48843
49161
  {
@@ -48880,10 +49198,10 @@ const D = ({
48880
49198
  },
48881
49199
  "position-strategy": e => {
48882
49200
  var t;
48883
- Ee(null !== (t = e) && void 0 !== t ? t : S);
49201
+ ge(null !== (t = e) && void 0 !== t ? t : S);
48884
49202
  },
48885
49203
  "delay-show": e => {
48886
- ae(null === e ? g : Number(e));
49204
+ ae(null === e ? E : Number(e));
48887
49205
  },
48888
49206
  "delay-hide": e => {
48889
49207
  de(null === e ? _ : Number(e));
@@ -48914,15 +49232,15 @@ const D = ({
48914
49232
  }, [p]), React.useEffect(() => {
48915
49233
  ie(m);
48916
49234
  }, [m]), React.useEffect(() => {
48917
- ae(g);
48918
- }, [g]), React.useEffect(() => {
49235
+ ae(E);
49236
+ }, [E]), React.useEffect(() => {
48919
49237
  de(_);
48920
49238
  }, [_]), React.useEffect(() => {
48921
49239
  ve(O);
48922
49240
  }, [O]), React.useEffect(() => {
48923
49241
  fe(T);
48924
49242
  }, [T]), React.useEffect(() => {
48925
- Ee(S);
49243
+ ge(S);
48926
49244
  }, [S]), React.useEffect(() => {
48927
49245
  Te.current !== P && console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");
48928
49246
  }, [P]), React.useEffect(() => {
@@ -48936,7 +49254,7 @@ const D = ({
48936
49254
  var e;
48937
49255
  const o = new Set(ke);
48938
49256
  let l = n;
48939
- if (!l && t && (l = `[data-tooltip-id='${t}']`), l) try {
49257
+ if (!l && t && (l = `[data-tooltip-id='${t.replace(/'/g, "\\'")}']`), l) try {
48940
49258
  document.querySelectorAll(l).forEach(e => {
48941
49259
  o.add({
48942
49260
  current: e
@@ -48993,7 +49311,7 @@ const D = ({
48993
49311
  id: t,
48994
49312
  anchorId: r,
48995
49313
  anchorSelect: n,
48996
- className: classnames(u, ge),
49314
+ className: classnames(u, Ee),
48997
49315
  classNameArrow: d,
48998
49316
  content: xe,
48999
49317
  contentWrapperRef: Ne,
@@ -49004,7 +49322,7 @@ const D = ({
49004
49322
  events: we,
49005
49323
  openOnClick: b,
49006
49324
  positionStrategy: Se,
49007
- middlewares: E,
49325
+ middlewares: g,
49008
49326
  delayShow: se,
49009
49327
  delayHide: ue,
49010
49328
  float: pe,
@@ -49057,7 +49375,7 @@ function ContextualHelp(_ref) {
49057
49375
  article = _useState2[0],
49058
49376
  setArticle = _useState2[1];
49059
49377
  var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
49060
- var tileData = findAppData(coreAppConfig.tiles || []) || {};
49378
+ var tileData = findAppData(coreAppConfig.tiles, coreAppConfig.tileOverrides) || {};
49061
49379
  var mihelpAppPath = !isCoreRoute ? tileData.mihelpAppPath : null;
49062
49380
  var isMihelpEnabled;
49063
49381
  if (isCoreRoute) {
@@ -49125,7 +49443,7 @@ function ContextualHelp(_ref) {
49125
49443
  };
49126
49444
  }();
49127
49445
  return /*#__PURE__*/React__default["default"].createElement("div", {
49128
- className: "utilities_ContextualHelp_ContextualHelp--snippetContainer",
49446
+ className: "utilities_contextualHelp_ContextualHelp--snippetContainer",
49129
49447
  ref: snippetContainerRef
49130
49448
  }, /*#__PURE__*/React__default["default"].createElement("span", {
49131
49449
  id: "helpSnippet1",
@@ -49134,13 +49452,13 @@ function ContextualHelp(_ref) {
49134
49452
  name: "question-circle",
49135
49453
  variant: "solid",
49136
49454
  style: {
49137
- color: "#1d5ab9",
49138
- fontSize: "22px"
49455
+ color: '#1d5ab9',
49456
+ fontSize: '22px'
49139
49457
  }
49140
49458
  })), /*#__PURE__*/React__default["default"].createElement(H, {
49141
49459
  anchorSelect: "#helpSnippet1",
49142
49460
  clickable: true,
49143
- className: "utilities_ContextualHelp_ContextualHelp--snippet",
49461
+ className: "utilities_contextualHelp_ContextualHelp--snippet",
49144
49462
  classNameArrow: "snippet-arrow"
49145
49463
  }, /*#__PURE__*/React__default["default"].createElement(Snippet, {
49146
49464
  article: article,