@copart/ops-tool-kit 1.12.0-alpha.0 → 1.12.0-alpha.2
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.
- package/dist/ops-tool-kit.js +316 -654
- package/dist/ops-tool-kit.js.map +1 -1
- package/package.json +1 -1
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.
|
|
35
|
+
const version$7 = "1.12.0-alpha.2";
|
|
36
36
|
const main$1 = "dist/ops-tool-kit.js";
|
|
37
37
|
const style = "dist/ops-tool-kit.css";
|
|
38
38
|
const files = [
|
|
@@ -21281,7 +21281,7 @@ FeedbackDialog.defaultProps = {
|
|
|
21281
21281
|
}
|
|
21282
21282
|
};
|
|
21283
21283
|
|
|
21284
|
-
var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 3px 0 0 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px !important;\r\n position: relative;\r\n width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n width: auto;\r\n grid-gap: 4px;\r\n grid-gap: 4px;\r\n gap: 4px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n width: auto;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n color: #1D5AB9;\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n font-size: 14px;\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin: 0 8px;\r\n padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n font-size: 18px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 0px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 358px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n /* padding: 15px; */\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .searchIcon {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .searchIcon > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 22px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow {\r\n right: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n";
|
|
21284
|
+
var css_248z$k = ".utilities_ops-app-frame_AppBarComponent_AppBar--root {\r\n background-color: var(--blue);\r\n background-color: var(--blue);\r\n height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n white-space: nowrap;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--leftItems {\r\n width: 100%;\r\n display: flex;\r\n justify-content: start;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons {\r\n margin: 0 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin-left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 3px 0 0 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--moduleName {\r\n color: white;\r\n font-size: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items {\r\n color: white;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px !important;\r\n position: relative;\r\n width: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--logout {\r\n margin-right: 24px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items i {\r\n color: #fff;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon i {\r\n color: #ffff00;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--language {\r\n width: auto;\r\n grid-gap: 4px;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n display: flex;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard {\r\n width: auto;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n padding: 2px 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard span i {\r\n color: #1D5AB9;\r\n font-size: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--yard .utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber {\r\n font-size: 14px;\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid .utilities_ops-app-frame_AppBarComponent_AppBar--col svg {\r\n color: white;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n width: 6rem;\r\n margin-top: 0rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--text {\r\n margin-top: 0.6rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--iconText {\r\n margin-top: 0.4rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchBar,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv {\r\n margin-top: -0.2rem;\r\n margin-left: 2rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft > img.utilities_ops-app-frame_AppBarComponent_AppBar--logo {\r\n display: inline;\r\n display: initial;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Open Sans';\r\n font-style: italic;\r\n font-weight: 600;\r\n src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2)\r\n format('woff2');\r\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--appTitle {\r\n color: #fff;\r\n font-family: 'Open Sans', sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n font-size: 14px;\r\n position: relative;\r\n left: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--item {\r\n display: flex;\r\n color: white;\r\n font-size: 13px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon {\r\n /* margin-left: 10px;\r\n margin-right: 7px; */\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n color: #1D5AB9;\r\n font-weight: 600;\r\n border-radius: 4px;\r\n box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.4), 0px 1.6px 3.6px 0px rgba(0, 0, 0, 0.13), 0px 0.3px 0.9px 0px rgba(0, 0, 0, 0.10);\r\n font-size: 14px;\r\n grid-gap: 8px;\r\n gap: 8px;\r\n margin: 0 8px;\r\n padding: 6px 20px 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon span i {\r\n font-size: 18px;\r\n color: #1D5AB9;\r\n}\r\n\r\n/* .searchIcon > div {\r\n margin-left: 7px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper i {\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper span {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault {\r\n color: white;\r\n cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n margin: 5px;\r\n padding: 0px 10px;\r\n height: 25px;\r\n font-weight: bold;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--light {\r\n border: 1px solid #1d5ab9;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault {\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n background-color: white;\r\n border-radius: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable i {\r\n color: green;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline {\r\n color: red;\r\n margin: 5px 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline svg {\r\n margin-right: 5px;\r\n margin-left: 5px;\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper {\r\n margin-left: 5px;\r\n display: inline-flex;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i {\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i {\r\n line-height: unset;\r\n font-size: 16px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable {\r\n color: green;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable {\r\n color: red;\r\n}\r\n\r\n/* .userMenu {\r\n margin-left: 10px !important;\r\n margin-right: 5px !important;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 10px !important;\r\n margin-right: 10px !important;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 7px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--feedback {\r\n margin: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button {\r\n cursor: pointer;\r\n position: relative;\r\n top: -2px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button i {\r\n color: #fff;\r\n font-size: 22px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot {\r\n background-color: #ef5350;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 3px;\r\n left: 13px;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip{\r\n position: absolute;\r\n background: #fff;\r\n padding: 8px;\r\n right: 30px;\r\n top: -2px;\r\n border-radius: 2px;\r\n font-weight: 400;\r\n font-size: 12px;\r\n cursor: auto;\r\n color: #000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip::before{\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 100%;\r\n margin-top: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: transparent transparent transparent #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip i{\r\n color: #000;\r\n font-size: 12px;\r\n margin-left: 5px;\r\n position: relative;\r\n top: 1px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer {\r\n position: absolute;\r\n display: flex;\r\n height: calc(100vh - 48px);\r\n width: 100vw;\r\n bottom: 0;\r\n z-index: 10000;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide {\r\n background-color: rgba(0,0,0,.5);\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st0{fill:#0075E6;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st1{fill:#6A819C;}\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--st2{fill:#FFFFFF;}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: absolute;\r\n top: 2px;\r\n right: 358px;\r\n height: 38px;\r\n width: 38px;\r\n background-color: white;\r\n z-index: 11000;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--profile {\r\n padding: 5px 7px;\r\n background: #fff;\r\n border-radius: 50%;\r\n font-weight: 600;\r\n color: #1d5ab9;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer {\r\n background: rgba(255, 255, 255, 0.40);\r\n -webkit-backdrop-filter: blur(20px);\r\n backdrop-filter: blur(20px);\r\n position: absolute;\r\n top: 50px;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n /* padding: 15px; */\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable i,\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable svg {\r\n margin-right: 2px;\r\n }\r\n\r\n /* .searchIcon {\r\n margin-left: 5px;\r\n margin-right: 2px;\r\n }\r\n\r\n .searchIcon > div {\r\n margin-left: 2px;\r\n } */\r\n\r\n /* .userMenu {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n } */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag {\r\n margin-left: 3px !important;\r\n margin-right: 3px !important;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag > div {\r\n margin-left: 2px;\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper\r\n{\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv\r\n{\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: 100%;\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader{\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper{\r\n display: flex;\r\n flex-direction: column;\r\n grid-gap: 5px;\r\n gap: 5px;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n background-color: #ef5350;\r\n color: white;\r\n font-size: 12px;\r\n width: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -5px;\r\n left: 11px;\r\n height: 1rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--twoChars {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount.utilities_ops-app-frame_AppBarComponent_AppBar--threeChars {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items.utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper {\r\n cursor: pointer;\r\n margin-left: 12px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n width: 0px;\r\n height: 0px;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-bottom: 11px solid white;\r\n position: absolute;\r\n bottom: -13px;\r\n right: 5px;\r\n}\r\n\r\n/* .arrowTipContainer.ideaNoteArrow {\r\n right: 16px;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow {\r\n right: 3px;\r\n bottom: -9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer.utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow {\r\n bottom: -12px;\r\n right: 8px;\r\n border-left: 7px solid transparent;\r\n border-right: 7px solid transparent;\r\n border-bottom: 10px solid white;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv {\r\n width: 85%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount{\r\n left: 12px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer {\r\n right: 5px;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer iframe {\r\n width: 85% !important;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide .utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton {\r\n display: none;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper .utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar {\r\n width: 85%;\r\n }\r\n}";
|
|
21285
21285
|
styleInject(css_248z$k);
|
|
21286
21286
|
|
|
21287
21287
|
var LogOutMenu = function LogOutMenu(_ref) {
|
|
@@ -21308,10 +21308,68 @@ var LogOutMenu = function LogOutMenu(_ref) {
|
|
|
21308
21308
|
}));
|
|
21309
21309
|
};
|
|
21310
21310
|
|
|
21311
|
-
var css_248z$j = ".utilities_ops-app-
|
|
21311
|
+
var css_248z$j = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n padding: 24px 36px;\r\n flex-direction: column;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n padding: 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span {\r\n width: 100%;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton > span > button {\r\n width: 100%;\r\n }\r\n}";
|
|
21312
21312
|
styleInject(css_248z$j);
|
|
21313
21313
|
|
|
21314
|
-
var
|
|
21314
|
+
var ProfileDetails = function ProfileDetails(_ref) {
|
|
21315
|
+
var logout = _ref.logout;
|
|
21316
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21317
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
|
|
21318
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21319
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
|
|
21320
|
+
}, /*#__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", {
|
|
21321
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
|
|
21322
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
|
|
21323
|
+
primary: true,
|
|
21324
|
+
onClick: function onClick() {
|
|
21325
|
+
return logout({}, {
|
|
21326
|
+
key: 'logout'
|
|
21327
|
+
});
|
|
21328
|
+
}
|
|
21329
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
21330
|
+
name: "arrow-right-from-bracket",
|
|
21331
|
+
variant: "solid"
|
|
21332
|
+
}), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
|
|
21333
|
+
};
|
|
21334
|
+
|
|
21335
|
+
var css_248z$i = ".utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0,0,0,.5);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar {\r\n width: 85%;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem {\r\n width: 100%;\r\n padding: 7px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon {\r\n width: 25px;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem i {\r\n color: #323130;\r\n font-size: 20px;\r\n}\r\n\r\n/* .mobileMenuSidebarWrapper .mobileMenuSidebar .mobileMenuItem.lightbulb i {\r\n color: #ffff00;\r\n} */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName {\r\n display: flex;\r\n grid-gap: 15px;\r\n gap: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem .utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName p {\r\n font-size: 16px;\r\n}";
|
|
21336
|
+
styleInject(css_248z$i);
|
|
21337
|
+
|
|
21338
|
+
var MobileMenu = function MobileMenu(props) {
|
|
21339
|
+
var closeSidebar = props.closeSidebar,
|
|
21340
|
+
logout = props.logout,
|
|
21341
|
+
items = props.items;
|
|
21342
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21343
|
+
className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebarWrapper",
|
|
21344
|
+
onClick: closeSidebar
|
|
21345
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21346
|
+
className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuSidebar"
|
|
21347
|
+
}, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
|
|
21348
|
+
logout: logout
|
|
21349
|
+
}), items.filter(function (item) {
|
|
21350
|
+
return item.render;
|
|
21351
|
+
}).map(function (item) {
|
|
21352
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21353
|
+
className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItem",
|
|
21354
|
+
onClick: item.clickHandler
|
|
21355
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21356
|
+
className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemName"
|
|
21357
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21358
|
+
className: "utilities_ops-app-frame_AppBarComponent_MobileMenu_MobileMenu--mobileMenuItemIcon"
|
|
21359
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
21360
|
+
name: item.icon,
|
|
21361
|
+
variant: "solid"
|
|
21362
|
+
})), /*#__PURE__*/React__default["default"].createElement("p", null, item.name)), /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
21363
|
+
name: "chevron-right",
|
|
21364
|
+
variant: "solid"
|
|
21365
|
+
}));
|
|
21366
|
+
})));
|
|
21367
|
+
};
|
|
21368
|
+
|
|
21369
|
+
var css_248z$h = ".utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo {\r\n max-width: 80px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew {\r\n max-width: 120px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--logoLink {\r\n line-height: 0;\r\n}\r\n";
|
|
21370
|
+
styleInject(css_248z$h);
|
|
21371
|
+
|
|
21372
|
+
var _styleModuleImportMap$7 = {
|
|
21315
21373
|
"./CopartLogo.css": {
|
|
21316
21374
|
"CopartLogo": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogo",
|
|
21317
21375
|
"CopartLogoNew": "utilities_ops-app-frame_AppBarComponent_CopartLogo_CopartLogo--CopartLogoNew",
|
|
@@ -21327,7 +21385,7 @@ var CopartLogo = function CopartLogo() {
|
|
|
21327
21385
|
href: "/"
|
|
21328
21386
|
}, /*#__PURE__*/React__namespace.createElement("img", {
|
|
21329
21387
|
src: imageSrc,
|
|
21330
|
-
className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$
|
|
21388
|
+
className: _getClassName(enableNewToolkitFeatures ? "CopartLogoNew" : "CopartLogo", _styleModuleImportMap$7, {
|
|
21331
21389
|
"handleMissingStyleName": "warn"
|
|
21332
21390
|
})
|
|
21333
21391
|
}));
|
|
@@ -21529,10 +21587,10 @@ var unEscapeChars = function unEscapeChars(str) {
|
|
|
21529
21587
|
}) : null;
|
|
21530
21588
|
};
|
|
21531
21589
|
|
|
21532
|
-
var css_248z$i = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 50px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n";
|
|
21533
|
-
styleInject(css_248z$
|
|
21590
|
+
var css_248z$g = ".utilities_ops-app-frame_Help_Help--backdrop {\r\n position: absolute;\r\n z-index: 10000;\r\n height: 100vh;\r\n top: 48px;\r\n width: 100vw;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 400px;\r\n max-width: 400px;\r\n position: absolute;\r\n right: 0;\r\n height: calc(100vh - 48px);\r\n padding: 15px;\r\n background-color: white;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n color: #323130;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--title {\r\n font-weight: 600;\r\n font-size: 28px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header {\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--header .utilities_ops-app-frame_Help_Help--close i,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close i {\r\n font-size: 14px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeader {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle {\r\n font-weight: 600;\r\n font-size: 20px;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--subHeaderTitle .utilities_ops-app-frame_Help_Help--back {\r\n color: #1d5ab9;\r\n margin-right: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--link i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -5px;\r\n left: 3px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper {\r\n margin-top: 20px;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper h3 i {\r\n color: #1d5ab9;\r\n font-size: 10px;\r\n position: relative;\r\n top: -8px;\r\n cursor: pointer;\r\n left: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul {\r\n list-style: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li {\r\n font-weight: 400;\r\n font-size: 14px;\r\n margin: 6px 0;\r\n display: flex;\r\n cursor: pointer;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n align-items: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li:hover,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper ul li img,\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper ul li img {\r\n width: 17px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpResourcesWrapper .utilities_ops-app-frame_Help_Help--viewMore {\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper {\r\n width: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchWrapper span {\r\n position: absolute;\r\n width: 29px;\r\n height: 29px;\r\n background: #f3f2f1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n bottom: 1.5px;\r\n right: 2px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--mihelpSearch {\r\n width: 100%;\r\n margin-top: 15px;\r\n padding: 0px 10px;\r\n height: 32px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult {\r\n width: 100%;\r\n margin-top: 20px;\r\n border-bottom: 1px solid #dcdcdc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchResultsWrapper .utilities_ops-app-frame_Help_Help--searchResult p {\r\n margin-top: 13px;\r\n margin-bottom: 30px;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper {\r\n position: absolute;\r\n background: rgba(0, 0, 0, 0.5);\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--spinnerWrapper svg {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--overFlowHidden {\r\n overflow: hidden;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitlewrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeswrapper {\r\n color: #cbcbcb;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like {\r\n margin-left: 10px;\r\n font-size: 10px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--like i {\r\n font-size: 14px;\r\n margin-right: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle {\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle img {\r\n width: 18px;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--searchTitle span:hover {\r\n color: #1d5ab9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper {\r\n width: 100%;\r\n margin-top: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper h3 {\r\n font-weight: 300;\r\n font-size: 34px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--faqsList {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--faqContentWrapper .utilities_ops-app-frame_Help_Help--category h3 {\r\n color: #1d5ab9;\r\n font-weight: 600;\r\n font-size: 24px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian {\r\n border-top: 1px solid #dcdcdc;\r\n padding-top: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question {\r\n font-weight: 400;\r\n font-size: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--question span {\r\n transition: all 0.2s ease-out;\r\n display: flex;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--accordian .utilities_ops-app-frame_Help_Help--answer {\r\n font-weight: 400;\r\n font-size: 14px;\r\n height: auto;\r\n max-height: 0;\r\n transition: max-height 0.2s ease-out;\r\n overflow: hidden;\r\n margin-top: 13px;\r\n white-space: normal;\r\n}\r\n\r\n/* .accordian .answer span {\r\n white-space: break-spaces;\r\n } */\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNote .utilities_ops-app-frame_Help_Help--releaseNoteContent {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle {\r\n width: 100%;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n margin-top: 13px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--helpArticle .utilities_ops-app-frame_Help_Help--helpArticleWrapper {\r\n margin-top: 10px;\r\n white-space: normal;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--articleFooter {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 30px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--likeTxt {\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--thanksText {\r\n color: rgb(45, 206, 137);\r\n font-weight: bold;\r\n font-size: 16px;\r\n margin-left: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper textarea {\r\n width: 300px;\r\n height: 100px;\r\n resize: none;\r\n display: block;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper h5 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likeWrapper .utilities_ops-app-frame_Help_Help--feedbackWrapper span {\r\n background-color: rgb(29, 90, 185);\r\n color: #fff;\r\n padding: 6px 12px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #2dce89;\r\n margin-right: 6px;\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg {\r\n border: 1px solid #2dce89 !important;\r\n padding: 5px;\r\n height: 30px;\r\n width: 30px;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover {\r\n background-color: #2dce89;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper.utilities_ops-app-frame_Help_Help--active svg path,\r\n.utilities_ops-app-frame_Help_Help--likebtnWrapper svg:hover path {\r\n fill: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike {\r\n color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike svg {\r\n border: 1px solid #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dislike.utilities_ops-app-frame_Help_Help--active svg,\r\n.utilities_ops-app-frame_Help_Help--dislike svg:hover {\r\n background-color: #f5365c !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper {\r\n font-style: italic;\r\n /* font-weight: 700; */\r\n font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper b {\r\n font-weight: 700;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--dateWrapper span {\r\n font-weight: 400;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper {\r\n width: 100%;\r\n border-top: 1px solid #edebe9;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--relatedResourcesWrapper h3 {\r\n font-weight: 400;\r\n font-size: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper {\r\n width: 100%;\r\n border: 1px solid #dcdcdc;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 50px;\r\n position: relative;\r\n text-align: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper.utilities_ops-app-frame_Help_Help--noFlex {\r\n display: block;\r\n text-align: left;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h2 {\r\n font-size: 34px !important;\r\n margin-bottom: 6px !important;\r\n margin-top: 0 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p {\r\n font-size: 14px !important;\r\n margin-bottom: 3px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper p img {\r\n position: relative;\r\n top: 2px;\r\n margin-left: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn {\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n padding: 6px 12px;\r\n font-weight: 600;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin-top: 7px;\r\n border-radius: 2px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--submitBtn.utilities_ops-app-frame_Help_Help--disable {\r\n pointer-events: none;\r\n cursor: default;\r\n background-color: #ccc;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--close {\r\n position: absolute;\r\n top: 0px;\r\n right: 10px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper h3 {\r\n font-weight: 800 !important;\r\n font-size: 20px !important;\r\n line-height: 27px !important;\r\n color: #1d5ab9 !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--CategoryWrapper label,\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper label {\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: #000100;\r\n margin: 10px 0;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--questionWrapper textarea {\r\n resize: none;\r\n height: 125px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--highlightRed {\r\n font-weight: 600;\r\n color: #f5365c;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--submitQuestionWrapper .utilities_ops-app-frame_Help_Help--successMsg {\r\n color: #1d5ab9;\r\n font-size: 20px !important;\r\n margin-top: 12px;\r\n margin-bottom: 20px !important;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent {\r\n max-width: 700px;\r\n min-width: 600px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n background: #edebe9;\r\n padding: 10px 20px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogBody {\r\n padding: 20px 20px 30px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader h3 {\r\n font-weight: 600;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span {\r\n font-weight: 600;\r\n font-size: 14px;\r\n -webkit-text-decoration-line: underline;\r\n text-decoration-line: underline;\r\n color: #1d5ab9;\r\n cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseDialogContent .utilities_ops-app-frame_Help_Help--releaseDialogHeader span i {\r\n font-size: 10px;\r\n position: relative;\r\n top: -6px;\r\n right: -1px;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive {\r\n padding: 22px;\r\n background-color: #1d5ab9;\r\n color: #fff;\r\n font-size: 32px !important;\r\n width: 100% !important;\r\n border-radius: 10px;\r\n align-items: center !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive:hover{\r\n color: #fff !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive img {\r\n width: 65px !important;\r\n margin-right: 25px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--releaseTitle {\r\n flex: 1;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_Help--releaseNoteActive .utilities_ops-app-frame_Help_Help--checkNow {\r\n font-weight: 700;\r\n font-size: 14px;\r\n align-self: end;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_Help--miHelpSideBar {\r\n width: 85%;\r\n }\r\n}\r\n";
|
|
21591
|
+
styleInject(css_248z$g);
|
|
21534
21592
|
|
|
21535
|
-
var _styleModuleImportMap$
|
|
21593
|
+
var _styleModuleImportMap$6 = {
|
|
21536
21594
|
"../Help.css": {
|
|
21537
21595
|
"backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
|
|
21538
21596
|
"miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
|
|
@@ -21619,7 +21677,7 @@ var ArticleSection = function ArticleSection(_ref) {
|
|
|
21619
21677
|
onClick: function onClick() {
|
|
21620
21678
|
return clickhandler(viewMapper[articleDetails.type], article);
|
|
21621
21679
|
},
|
|
21622
|
-
className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$
|
|
21680
|
+
className: _getClassName(highlightRelease ? 'releaseNoteActive' : '', _styleModuleImportMap$6, {
|
|
21623
21681
|
"handleMissingStyleName": "warn"
|
|
21624
21682
|
})
|
|
21625
21683
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
@@ -21730,19 +21788,19 @@ var SearchResults = function SearchResults(_ref) {
|
|
|
21730
21788
|
})));
|
|
21731
21789
|
};
|
|
21732
21790
|
|
|
21733
|
-
var css_248z$h = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
|
|
21734
|
-
styleInject(css_248z$h);
|
|
21735
|
-
|
|
21736
|
-
var css_248z$g = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
|
|
21737
|
-
styleInject(css_248z$g);
|
|
21738
|
-
|
|
21739
|
-
var css_248z$f = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
|
|
21791
|
+
var css_248z$f = "/*!\r\n\tTheme Name: Hello Elementor\r\n\tTheme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash\r\n\tDescription: A plain-vanilla & lightweight theme for Elementor page builder\r\n\tAuthor: Elementor Team\r\n\tAuthor URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash\r\n\tVersion: 2.4.1\r\n\tStable tag: 2.4.1\r\n\tRequires at least: 4.7\r\n\tTested up to: 5.6\r\n\tRequires PHP: 5.6\r\n\tLicense: GNU General Public License v3 or later.\r\n\tLicense URI: https://www.gnu.org/licenses/gpl-3.0.html\r\n\tText Domain: hello-elementor\r\n\tTags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready\r\n*/\r\n/*!\r\n * Based on Normalize.css v8.0.0, HTML5 Boilerplate v6.1.0, & Bootstrap Reboot v4.1.0 | Under MIT License\r\n*/\r\n/* html {\r\n line-height: 1.15;\r\n -webkit-text-size-adjust: 100%\r\n}\r\n\r\n*,:after,:before {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box\r\n} */\r\n\r\n/* body {\r\n margin: 0;\r\n font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #333;\r\n background-color: #fff;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale\r\n} */\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n margin-top: .5rem;\r\n margin-bottom: 1rem;\r\n font-family: inherit;\r\n font-weight: 500;\r\n line-height: 1.2;\r\n color: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h1 {\r\n font-size: 2.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h2 {\r\n font-size: 2rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h3 {\r\n font-size: 1.75rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h4 {\r\n font-size: 1.5rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h5 {\r\n font-size: 1.25rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent h6 {\r\n font-size: 1rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent p {\r\n margin-top: 0;\r\n margin-bottom: .9rem\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent hr {\r\n box-sizing: content-box;\r\n height: 0;\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent pre {\r\n font-family: monospace,monospace;\r\n font-size: 1em;\r\n white-space: pre-wrap\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a {\r\n background-color: transparent;\r\n text-decoration: none;\r\n color: var(--e-global-color-text);\r\n color: var(--e-global-color-text )\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:active,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:hover {\r\n color: #1d5ab9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):hover {\r\n color: inherit;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent a:not([href]):not([tabindex]):focus {\r\n outline: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent abbr[title] {\r\n border-bottom: none;\r\n -webkit-text-decoration: underline dotted;\r\n text-decoration: underline dotted\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent b,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent strong {\r\n font-weight: bolder\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent code,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent kbd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent samp {\r\n font-family: monospace,monospace;\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent small {\r\n font-size: 80%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sub {\r\n bottom: -.25em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent sup {\r\n top: -.5em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent img {\r\n border-style: none;\r\n height: auto;\r\n max-width: 100%\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent details {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent summary {\r\n display: list-item\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent figcaption {\r\n font-size: 16px;\r\n color: #333;\r\n line-height: 1.4;\r\n font-style: italic;\r\n font-weight: 400\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [hidden],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent template {\r\n display: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent .utilities_ops-app-frame_Help_wordpressStyles--sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent label {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent optgroup,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n font-family: inherit;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n width: 100%;\r\n border: 1px solid #666;\r\n border-radius: 3px;\r\n padding: .5rem 1rem;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=date]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=email]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=number]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=password]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=search]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=tel]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=text]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input[type=url]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea:focus {\r\n border-color: #333;\r\n outline: 0 none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent input {\r\n overflow: visible\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n text-transform: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n width: auto;\r\n -webkit-appearance: button\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]::-moz-focus-inner,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=reset]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:-moz-focusring,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:-moz-focusring {\r\n outline: 1px dotted ButtonText\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button {\r\n display: inline-block;\r\n font-weight: 400;\r\n color: #c36;\r\n text-align: center;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n background-color: transparent;\r\n border: 1px solid #c36;\r\n padding: .5rem 1rem;\r\n font-size: 1rem;\r\n border-radius: 3px;\r\n transition: all .3s\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus {\r\n outline: 5px auto -webkit-focus-ring-color\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:hover,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:focus,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:hover {\r\n color: #fff;\r\n background-color: #c36;\r\n text-decoration: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=button]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=submit]:not(:disabled),.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent button:not(:disabled) {\r\n cursor: pointer\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent fieldset {\r\n padding: .35em .75em .625em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent legend {\r\n box-sizing: border-box;\r\n color: inherit;\r\n display: table;\r\n max-width: 100%;\r\n padding: 0;\r\n white-space: normal\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent progress {\r\n vertical-align: baseline\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent textarea {\r\n overflow: auto;\r\n resize: vertical\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=checkbox],.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=radio] {\r\n box-sizing: border-box;\r\n padding: 0\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-inner-spin-button,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=number]::-webkit-outer-spin-button {\r\n height: auto\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search] {\r\n -webkit-appearance: textfield;\r\n outline-offset: -2px\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent [type=search]::-webkit-search-decoration {\r\n -webkit-appearance: none\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ::-webkit-file-upload-button {\r\n -webkit-appearance: button;\r\n font: inherit\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent select {\r\n display: block\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table {\r\n background-color: transparent;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n font-size: .9em;\r\n border-spacing: 0;\r\n border-collapse: collapse\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n padding: 15px;\r\n line-height: 1.5;\r\n vertical-align: top;\r\n border: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table th {\r\n font-weight: 700\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tfoot th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead th {\r\n font-size: 1em\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table caption+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table colgroup+thead tr:first-child th,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table thead:first-child tr:first-child th {\r\n border-top: 1px solid #ccc\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody>tr:nth-child(odd)>th {\r\n background-color: #f7f7f7\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody tr:hover>th {\r\n background-color: #e9e9e9\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table tbody+tbody {\r\n border-top: 2px solid #ccc\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table {\r\n font-size:.8em\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table td,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n padding: 7px;\r\n line-height: 1.3\r\n }\r\n\r\n .utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent table table th {\r\n font-weight: 400\r\n }\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dd,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dl,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent dt,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent li,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ol,.utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent ul {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n border: 0;\r\n outline: 0;\r\n font-size: 100%;\r\n vertical-align: baseline;\r\n background: transparent\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--helpArticle{\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_Help_wordpressStyles--nonInteractive {\r\n opacity: 0.3;\r\n pointer-events: none;\r\n }\r\n";
|
|
21740
21792
|
styleInject(css_248z$f);
|
|
21741
21793
|
|
|
21742
|
-
var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#
|
|
21794
|
+
var css_248z$e = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
|
|
21743
21795
|
styleInject(css_248z$e);
|
|
21744
21796
|
|
|
21745
|
-
var _styleModuleImportMap$6 = {
|
|
21797
|
+
var css_248z$d = "@charset \"UTF-8\";\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-archives-dropdown label {\n display: block;\n}\n\n.wp-block-audio {\n margin: 0 0 1em 0;\n}\n.wp-block-audio figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-audio audio {\n width: 100%;\n min-width: 300px;\n}\n\n.wp-block-button__link {\n color: #fff;\n background-color: #32373c;\n border-radius: 9999px;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n font-size: 1.125em;\n padding: calc(0.667em + 2px) calc(1.333em + 2px);\n text-align: center;\n text-decoration: none;\n word-wrap: break-word;\n box-sizing: border-box;\n}\n.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {\n color: #fff;\n}\n.wp-block-button__link.aligncenter {\n text-align: center;\n}\n.wp-block-button__link.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n\n.wp-block-buttons > .wp-block-button.has-custom-width {\n max-width: none;\n}\n.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {\n width: 100%;\n}\n.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {\n font-size: inherit;\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: calc(100% - 0.5em);\n}\n.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {\n margin-right: 0;\n width: 100%;\n}\n\n@supports ((-webkit-column-gap: 0.5em) or (-moz-column-gap: 0.5em) or (column-gap: 0.5em)) {\n .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {\n margin-right: 0;\n margin-left: 0;\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {\n width: calc(25% - 0.375em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {\n width: calc(50% - 0.25em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {\n width: calc(75% - 0.125em);\n }\n .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {\n width: auto;\n flex-basis: 100%;\n }\n}\n.wp-block-button.is-style-squared,\n.wp-block-button__link.wp-block-button.is-style-squared {\n border-radius: 0;\n}\n\n.wp-block-button.no-border-radius,\n.wp-block-button__link.no-border-radius {\n border-radius: 0 !important;\n}\n\n.is-style-outline > .wp-block-button__link,\n.wp-block-button__link.is-style-outline {\n border: 2px solid currentColor;\n padding: 0.667em 1.333em;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-text-color),\n.wp-block-button__link.is-style-outline:not(.has-text-color) {\n color: currentColor;\n}\n\n.is-style-outline > .wp-block-button__link:not(.has-background),\n.wp-block-button__link.is-style-outline:not(.has-background) {\n background-color: transparent;\n}\n\n.wp-block-buttons {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n grid-column-gap: 0.5em;\n -webkit-column-gap: 0.5em;\n -moz-column-gap: 0.5em;\n column-gap: 0.5em;\n /* stylelint-disable indentation */\n}\n.wp-block-buttons.is-vertical {\n flex-direction: column;\n}\n.wp-block-buttons.is-vertical > .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-vertical > .wp-block-button:last-child {\n margin-bottom: 0;\n}\n.wp-block-buttons > .wp-block-button {\n display: inline-block;\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-buttons > .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-left {\n justify-content: flex-start;\n}\n.wp-block-buttons.is-content-justification-left.is-vertical {\n align-items: flex-start;\n}\n.wp-block-buttons.is-content-justification-center {\n justify-content: center;\n}\n.wp-block-buttons.is-content-justification-center.is-vertical {\n align-items: center;\n}\n.wp-block-buttons.is-content-justification-right {\n justify-content: flex-end;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0.5em;\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons.is-content-justification-right.is-vertical {\n align-items: flex-end;\n}\n.wp-block-buttons.is-content-justification-space-between {\n justify-content: space-between;\n}\n.wp-block-buttons.aligncenter {\n text-align: center;\n}\n.wp-block-buttons.alignleft .wp-block-button {\n /*rtl:ignore*/\n margin-left: 0;\n /*rtl:ignore*/\n margin-right: 0.5em;\n}\n.wp-block-buttons.alignleft .wp-block-button:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n.wp-block-buttons.alignright .wp-block-button {\n /*rtl:ignore*/\n margin-right: 0;\n /*rtl:ignore*/\n margin-left: 0.5em;\n}\n.wp-block-buttons.alignright .wp-block-button:first-child {\n /*rtl:ignore*/\n margin-left: 0;\n}\n.wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter {\n /* stylelint-enable indentation */\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 0.5em;\n width: 100%;\n}\n\n.wp-block-button.aligncenter {\n text-align: center;\n}\n\n.wp-block-calendar {\n text-align: center;\n}\n.wp-block-calendar th,\n.wp-block-calendar tbody td {\n padding: 0.25em;\n border: 1px solid #ddd;\n}\n.wp-block-calendar tfoot td {\n border: none;\n}\n.wp-block-calendar table {\n width: 100%;\n border-collapse: collapse;\n}\n.wp-block-calendar table th {\n font-weight: 400;\n background: #ddd;\n}\n.wp-block-calendar a {\n text-decoration: underline;\n}\n.wp-block-calendar table tbody,\n.wp-block-calendar table caption {\n color: #40464d;\n}\n\n.wp-block-categories.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-categories.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n\n.wp-block-code code {\n display: block;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.wp-block-columns {\n display: flex;\n margin-bottom: 1.75em;\n box-sizing: border-box;\n flex-wrap: wrap;\n /**\n * All Columns Alignment\n */\n}\n@media (min-width: 782px) {\n .wp-block-columns {\n flex-wrap: nowrap;\n }\n}\n.wp-block-columns.has-background {\n padding: 1.25em 2.375em;\n}\n.wp-block-columns.are-vertically-aligned-top {\n align-items: flex-start;\n}\n.wp-block-columns.are-vertically-aligned-center {\n align-items: center;\n}\n.wp-block-columns.are-vertically-aligned-bottom {\n align-items: flex-end;\n}\n@media (max-width: 599px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 100% !important;\n }\n}\n@media (min-width: 600px) and (max-width: 781px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {\n flex-basis: calc(50% - 1em) !important;\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {\n margin-left: 2em;\n }\n}\n@media (min-width: 782px) {\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n }\n .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n }\n}\n.wp-block-columns.is-not-stacked-on-mobile {\n flex-wrap: nowrap;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {\n flex-basis: 0;\n flex-grow: 1;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {\n flex-grow: 0;\n}\n.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {\n margin-left: 2em;\n}\n\n.wp-block-column {\n flex-grow: 1;\n min-width: 0;\n word-break: break-word;\n word-wrap: break-word;\n /**\n * Individual Column Alignment\n */\n}\n.wp-block-column.is-vertically-aligned-top {\n align-self: flex-start;\n}\n.wp-block-column.is-vertically-aligned-center {\n align-self: center;\n}\n.wp-block-column.is-vertically-aligned-bottom {\n align-self: flex-end;\n}\n.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {\n width: 100%;\n}\n\n.wp-block-cover-image,\n.wp-block-cover {\n position: relative;\n background-size: cover;\n background-position: center center;\n min-height: 430px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1em;\n box-sizing: border-box;\n /**\n * Set a default background color for has-background-dim _unless_ it includes another\n * background-color class (e.g. has-green-background-color). The presence of another\n * background-color class implies that another style will provide the background color\n * for the overlay.\n *\n * See:\n * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545\n * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545\n */\n}\n.wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: fixed;\n}\n@supports (-webkit-overflow-scrolling: touch) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-cover-image.has-parallax,\n.wp-block-cover.has-parallax {\n background-attachment: scroll;\n }\n}\n.wp-block-cover-image.is-repeated,\n.wp-block-cover.is-repeated {\n background-repeat: repeat;\n background-size: auto;\n}\n.wp-block-cover-image.has-background-dim:not([class*=-background-color]),\n.wp-block-cover.has-background-dim:not([class*=-background-color]) {\n background-color: #000;\n}\n.wp-block-cover-image.has-background-dim::before,\n.wp-block-cover.has-background-dim::before {\n content: \"\";\n background-color: inherit;\n}\n.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover-image .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,\n.wp-block-cover .wp-block-cover__gradient-background {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 1;\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {\n opacity: 0.1;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {\n opacity: 0.2;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {\n opacity: 0.3;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {\n opacity: 0.4;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {\n opacity: 0.5;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {\n opacity: 0.6;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {\n opacity: 0.7;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {\n opacity: 0.8;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {\n opacity: 0.9;\n}\n.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,\n.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,\n.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {\n opacity: 1;\n}\n.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-cover-image::after,\n.wp-block-cover::after {\n display: block;\n content: \"\";\n font-size: 0;\n min-height: inherit;\n}\n@supports (position: sticky) {\n .wp-block-cover-image::after,\n.wp-block-cover::after {\n content: none;\n }\n}\n.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,\n.wp-block-cover.aligncenter,\n.wp-block-cover.alignleft,\n.wp-block-cover.alignright {\n display: flex;\n}\n.wp-block-cover-image .wp-block-cover__inner-container,\n.wp-block-cover .wp-block-cover__inner-container {\n width: 100%;\n z-index: 1;\n color: #fff;\n}\n.wp-block-cover-image p:not(.has-text-color),\n.wp-block-cover-image h1:not(.has-text-color),\n.wp-block-cover-image h2:not(.has-text-color),\n.wp-block-cover-image h3:not(.has-text-color),\n.wp-block-cover-image h4:not(.has-text-color),\n.wp-block-cover-image h5:not(.has-text-color),\n.wp-block-cover-image h6:not(.has-text-color),\n.wp-block-cover p:not(.has-text-color),\n.wp-block-cover h1:not(.has-text-color),\n.wp-block-cover h2:not(.has-text-color),\n.wp-block-cover h3:not(.has-text-color),\n.wp-block-cover h4:not(.has-text-color),\n.wp-block-cover h5:not(.has-text-color),\n.wp-block-cover h6:not(.has-text-color) {\n color: inherit;\n}\n.wp-block-cover-image.is-position-top-left,\n.wp-block-cover.is-position-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-top-center,\n.wp-block-cover.is-position-top-center {\n align-items: flex-start;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-top-right,\n.wp-block-cover.is-position-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-center-left,\n.wp-block-cover.is-position-center-left {\n align-items: center;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-center-center,\n.wp-block-cover.is-position-center-center {\n align-items: center;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-center-right,\n.wp-block-cover.is-position-center-right {\n align-items: center;\n justify-content: flex-end;\n}\n.wp-block-cover-image.is-position-bottom-left,\n.wp-block-cover.is-position-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n}\n.wp-block-cover-image.is-position-bottom-center,\n.wp-block-cover.is-position-bottom-center {\n align-items: flex-end;\n justify-content: center;\n}\n.wp-block-cover-image.is-position-bottom-right,\n.wp-block-cover.is-position-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n}\n.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,\n.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {\n margin: 0;\n width: auto;\n}\n.wp-block-cover-image img.wp-block-cover__image-background,\n.wp-block-cover-image video.wp-block-cover__video-background,\n.wp-block-cover img.wp-block-cover__image-background,\n.wp-block-cover video.wp-block-cover__video-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n -o-object-fit: cover;\n object-fit: cover;\n outline: none;\n border: none;\n box-shadow: none;\n}\n\n.wp-block-cover__video-background {\n z-index: 0;\n}\n\n.wp-block-cover__image-background {\n z-index: 0;\n}\n\nsection.wp-block-cover-image h2,\n.wp-block-cover-image-text,\n.wp-block-cover-text {\n color: #fff;\n}\nsection.wp-block-cover-image h2 a,\nsection.wp-block-cover-image h2 a:hover,\nsection.wp-block-cover-image h2 a:focus,\nsection.wp-block-cover-image h2 a:active,\n.wp-block-cover-image-text a,\n.wp-block-cover-image-text a:hover,\n.wp-block-cover-image-text a:focus,\n.wp-block-cover-image-text a:active,\n.wp-block-cover-text a,\n.wp-block-cover-text a:hover,\n.wp-block-cover-text a:focus,\n.wp-block-cover-text a:active {\n color: #fff;\n}\n\n.wp-block-cover-image .wp-block-cover.has-left-content {\n justify-content: flex-start;\n}\n.wp-block-cover-image .wp-block-cover.has-right-content {\n justify-content: flex-end;\n}\n\nsection.wp-block-cover-image.has-left-content > h2,\n.wp-block-cover-image.has-left-content .wp-block-cover-image-text,\n.wp-block-cover.has-left-content .wp-block-cover-text {\n margin-left: 0;\n text-align: left;\n}\n\nsection.wp-block-cover-image.has-right-content > h2,\n.wp-block-cover-image.has-right-content .wp-block-cover-image-text,\n.wp-block-cover.has-right-content .wp-block-cover-text {\n margin-right: 0;\n text-align: right;\n}\n\nsection.wp-block-cover-image > h2,\n.wp-block-cover-image .wp-block-cover-image-text,\n.wp-block-cover .wp-block-cover-text {\n font-size: 2em;\n line-height: 1.25;\n z-index: 1;\n margin-bottom: 0;\n max-width: 840px;\n padding: 0.44em;\n text-align: center;\n}\n\n.wp-block[data-align=left] > [data-type=\"core/embed\"],\n.wp-block[data-align=right] > [data-type=\"core/embed\"],\n.wp-block-embed.alignleft,\n.wp-block-embed.alignright {\n max-width: 360px;\n width: 100%;\n}\n.wp-block[data-align=left] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block[data-align=right] > [data-type=\"core/embed\"] .wp-block-embed__wrapper,\n.wp-block-embed.alignleft .wp-block-embed__wrapper,\n.wp-block-embed.alignright .wp-block-embed__wrapper {\n min-width: 280px;\n}\n\n.wp-block-cover .wp-block-embed {\n min-width: 320px;\n min-height: 240px;\n}\n\n.wp-block-embed {\n margin: 0 0 1em 0;\n}\n.wp-block-embed figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-embed iframe {\n max-width: 100%;\n}\n\n.wp-block-embed__wrapper {\n position: relative;\n}\n\n.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {\n content: \"\";\n display: block;\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-has-aspect-ratio iframe {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n\n.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {\n padding-top: 42.85%;\n}\n.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {\n padding-top: 50%;\n}\n.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {\n padding-top: 56.25%;\n}\n.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {\n padding-top: 75%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {\n padding-top: 100%;\n}\n.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {\n padding-top: 177.77%;\n}\n.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {\n padding-top: 200%;\n}\n\n.wp-block-file {\n margin-bottom: 1.5em;\n}\n.wp-block-file.aligncenter {\n text-align: center;\n}\n.wp-block-file.alignright {\n /*rtl:ignore*/\n text-align: right;\n}\n.wp-block-file .wp-block-file__embed {\n margin-bottom: 1em;\n}\n.wp-block-file .wp-block-file__button {\n background: #32373c;\n border-radius: 2em;\n color: #fff;\n font-size: 0.8em;\n padding: 0.5em 1em;\n}\n.wp-block-file a.wp-block-file__button {\n text-decoration: none;\n}\n.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {\n box-shadow: none;\n color: #fff;\n opacity: 0.85;\n text-decoration: none;\n}\n.wp-block-file * + .wp-block-file__button {\n margin-left: 0.75em;\n}\n\n.wp-block-gallery,\n.blocks-gallery-grid {\n display: flex;\n flex-wrap: wrap;\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image,\n.wp-block-gallery .blocks-gallery-item,\n.blocks-gallery-grid .blocks-gallery-image,\n.blocks-gallery-grid .blocks-gallery-item {\n margin: 0 1em 1em 0;\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n justify-content: center;\n position: relative;\n align-self: flex-start;\n width: calc(50% - 1em);\n}\n.wp-block-gallery .blocks-gallery-image:nth-of-type(even),\n.wp-block-gallery .blocks-gallery-item:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),\n.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {\n margin-right: 0;\n}\n.wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n margin: 0;\n height: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image figure,\n.wp-block-gallery .blocks-gallery-item figure,\n.blocks-gallery-grid .blocks-gallery-image figure,\n.blocks-gallery-grid .blocks-gallery-item figure {\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n }\n}\n.wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n display: block;\n max-width: 100%;\n height: auto;\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery .blocks-gallery-image img,\n.wp-block-gallery .blocks-gallery-item img,\n.blocks-gallery-grid .blocks-gallery-image img,\n.blocks-gallery-grid .blocks-gallery-item img {\n width: auto;\n }\n}\n.wp-block-gallery .blocks-gallery-image figcaption,\n.wp-block-gallery .blocks-gallery-item figcaption,\n.blocks-gallery-grid .blocks-gallery-image figcaption,\n.blocks-gallery-grid .blocks-gallery-item figcaption {\n position: absolute;\n bottom: 0;\n width: 100%;\n max-height: 100%;\n overflow: auto;\n padding: 3em 0.77em 0.7em;\n color: #fff;\n text-align: center;\n font-size: 0.8em;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);\n box-sizing: border-box;\n margin: 0;\n}\n.wp-block-gallery .blocks-gallery-image figcaption img,\n.wp-block-gallery .blocks-gallery-item figcaption img,\n.blocks-gallery-grid .blocks-gallery-image figcaption img,\n.blocks-gallery-grid .blocks-gallery-item figcaption img {\n display: inline;\n}\n.wp-block-gallery figcaption,\n.blocks-gallery-grid figcaption {\n flex-grow: 1;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item {\n align-self: inherit;\n}\n.wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-gallery.is-cropped .blocks-gallery-image a,\n.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,\n.wp-block-gallery.is-cropped .blocks-gallery-item img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-image img,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item a,\n.blocks-gallery-grid.is-cropped .blocks-gallery-item img {\n height: 100%;\n flex: 1;\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,\n.blocks-gallery-grid.columns-1 .blocks-gallery-image,\n.blocks-gallery-grid.columns-1 .blocks-gallery-item {\n width: 100%;\n margin-right: 0;\n}\n@media (min-width: 600px) {\n .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,\n.blocks-gallery-grid.columns-3 .blocks-gallery-image,\n.blocks-gallery-grid.columns-3 .blocks-gallery-item {\n width: calc(33.3333333333% - 0.6666666667em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,\n.blocks-gallery-grid.columns-4 .blocks-gallery-image,\n.blocks-gallery-grid.columns-4 .blocks-gallery-item {\n width: calc(25% - 0.75em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,\n.blocks-gallery-grid.columns-5 .blocks-gallery-image,\n.blocks-gallery-grid.columns-5 .blocks-gallery-item {\n width: calc(20% - 0.8em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,\n.blocks-gallery-grid.columns-6 .blocks-gallery-image,\n.blocks-gallery-grid.columns-6 .blocks-gallery-item {\n width: calc(16.6666666667% - 0.8333333333em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,\n.blocks-gallery-grid.columns-7 .blocks-gallery-image,\n.blocks-gallery-grid.columns-7 .blocks-gallery-item {\n width: calc(14.2857142857% - 0.8571428571em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,\n.blocks-gallery-grid.columns-8 .blocks-gallery-image,\n.blocks-gallery-grid.columns-8 .blocks-gallery-item {\n width: calc(12.5% - 0.875em);\n margin-right: 1em;\n }\n .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),\n.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),\n.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),\n.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),\n.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),\n.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),\n.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),\n.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {\n margin-right: 0;\n }\n .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),\n.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {\n margin-right: 0;\n }\n}\n.wp-block-gallery .blocks-gallery-image:last-child,\n.wp-block-gallery .blocks-gallery-item:last-child,\n.blocks-gallery-grid .blocks-gallery-image:last-child,\n.blocks-gallery-grid .blocks-gallery-item:last-child {\n margin-right: 0;\n}\n.wp-block-gallery.alignleft, .wp-block-gallery.alignright,\n.blocks-gallery-grid.alignleft,\n.blocks-gallery-grid.alignright {\n max-width: 420px;\n width: 100%;\n}\n.wp-block-gallery.aligncenter .blocks-gallery-item figure,\n.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {\n justify-content: center;\n}\n\n.wp-block-group {\n box-sizing: border-box;\n}\n\nh1.has-background,\nh2.has-background,\nh3.has-background,\nh4.has-background,\nh5.has-background,\nh6.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-image {\n margin: 0 0 1em 0;\n}\n.wp-block-image img {\n max-width: 100%;\n}\n.wp-block-image:not(.is-style-rounded) img {\n border-radius: inherit;\n}\n.wp-block-image.aligncenter {\n text-align: center;\n}\n.wp-block-image.alignfull img, .wp-block-image.alignwide img {\n width: 100%;\n}\n.wp-block-image .alignleft,\n.wp-block-image .alignright,\n.wp-block-image .aligncenter {\n display: table;\n}\n.wp-block-image .alignleft > figcaption,\n.wp-block-image .alignright > figcaption,\n.wp-block-image .aligncenter > figcaption {\n display: table-caption;\n caption-side: bottom;\n}\n.wp-block-image .alignleft {\n /*rtl:ignore*/\n float: left;\n /*rtl:ignore*/\n margin-left: 0;\n margin-right: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .alignright {\n /*rtl:ignore*/\n float: right;\n /*rtl:ignore*/\n margin-right: 0;\n margin-left: 1em;\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-image .aligncenter {\n margin-left: auto;\n margin-right: auto;\n}\n.wp-block-image figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.wp-block-image.is-style-rounded img {\n border-radius: 9999px;\n}\n.wp-block-image.is-style-circle-mask img {\n border-radius: 9999px;\n}\n@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {\n .wp-block-image.is-style-circle-mask img {\n /* stylelint-disable */\n -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n mask-image: url('data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"50\"/></svg>');\n /* stylelint-enable */\n mask-mode: alpha;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n border-radius: 0;\n }\n}\n\n.wp-block-image figure {\n margin: 0;\n}\n\nol.wp-block-latest-comments {\n margin-left: 0;\n}\n\n.wp-block-latest-comments .wp-block-latest-comments {\n padding-left: 0;\n}\n\n.wp-block-latest-comments__comment {\n line-height: 1.1;\n list-style: none;\n margin-bottom: 1em;\n}\n.has-avatars .wp-block-latest-comments__comment {\n min-height: 2.25em;\n list-style: none;\n}\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,\n.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {\n margin-left: 3.25em;\n}\n.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {\n line-height: 1.5;\n}\n\n.wp-block-latest-comments__comment-excerpt p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n\n.wp-block-latest-comments__comment-date {\n display: block;\n font-size: 0.75em;\n}\n\n.wp-block-latest-comments .avatar,\n.wp-block-latest-comments__comment-avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n\n.wp-block-latest-posts.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\n.wp-block-latest-posts.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list {\n list-style: none;\n padding-left: 0;\n}\n.wp-block-latest-posts.wp-block-latest-posts__list li {\n clear: both;\n}\n.wp-block-latest-posts.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n}\n.wp-block-latest-posts.is-grid li {\n margin: 0 1.25em 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-latest-posts.columns-2 li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-latest-posts.columns-2 li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-3 li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-latest-posts.columns-3 li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-4 li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-latest-posts.columns-4 li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-5 li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-latest-posts.columns-5 li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-latest-posts.columns-6 li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-latest-posts.columns-6 li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-latest-posts__post-date,\n.wp-block-latest-posts__post-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-latest-posts__post-excerpt {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-latest-posts__featured-image a {\n display: inline-block;\n}\n.wp-block-latest-posts__featured-image img {\n height: auto;\n width: auto;\n max-width: 100%;\n}\n.wp-block-latest-posts__featured-image.alignleft {\n /*rtl:ignore*/\n margin-right: 1em;\n}\n.wp-block-latest-posts__featured-image.alignright {\n /*rtl:ignore*/\n margin-left: 1em;\n}\n.wp-block-latest-posts__featured-image.aligncenter {\n margin-bottom: 1em;\n text-align: center;\n}\n\n.block-editor-image-alignment-control__row .components-base-control__field {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {\n margin-bottom: 0;\n}\n\nol.has-background,\nul.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-media-text {\n /*!rtl:begin:ignore*/\n direction: ltr;\n /*!rtl:end:ignore*/\n display: grid;\n grid-template-columns: 50% 1fr;\n grid-template-rows: auto;\n}\n.wp-block-media-text.has-media-on-the-right {\n grid-template-columns: 1fr 50%;\n}\n\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {\n align-self: start;\n}\n\n.wp-block-media-text .wp-block-media-text__content,\n.wp-block-media-text .wp-block-media-text__media,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media {\n align-self: center;\n}\n\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,\n.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {\n align-self: end;\n}\n\n.wp-block-media-text .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n margin: 0;\n}\n\n.wp-block-media-text .wp-block-media-text__content {\n direction: ltr;\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n padding: 0 8% 0 8%;\n word-break: break-word;\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {\n /*!rtl:begin:ignore*/\n grid-column: 2;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {\n /*!rtl:begin:ignore*/\n grid-column: 1;\n grid-row: 1;\n /*!rtl:end:ignore*/\n}\n\n.wp-block-media-text__media img,\n.wp-block-media-text__media video {\n max-width: unset;\n width: 100%;\n vertical-align: middle;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media {\n height: 100%;\n min-height: 250px;\n background-size: cover;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {\n display: block;\n height: 100%;\n}\n\n.wp-block-media-text.is-image-fill .wp-block-media-text__media img {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n}\n\n/*\n* Here we here not able to use a mobile first CSS approach.\n* Custom widths are set using inline styles, and on mobile,\n* we need 100% width, so we use important to overwrite the inline style.\n* If the style were set on mobile first, on desktop styles,\n* we would have no way of setting the style again to the inline style.\n*/\n@media (max-width: 600px) {\n .wp-block-media-text.is-stacked-on-mobile {\n grid-template-columns: 100% !important;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {\n grid-column: 1;\n grid-row: 1;\n }\n .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {\n grid-column: 1;\n grid-row: 2;\n }\n}\n.wp-block-navigation {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.wp-block-navigation.is-vertical {\n flex-direction: column;\n align-items: flex-start;\n}\n.wp-block-navigation ul,\n.wp-block-navigation ul li {\n list-style: none;\n padding: 0;\n}\n.wp-block-navigation .wp-block-pages-list__item,\n.wp-block-navigation .wp-block-navigation-link {\n display: flex;\n align-items: center;\n position: relative;\n}\n.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty,\n.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty {\n display: none;\n}\n.wp-block-navigation.wp-block-navigation a {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,\n.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) a {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {\n text-decoration: none;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon {\n height: inherit;\n margin-left: 6px;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .wp-block-navigation-link__submenu-icon svg {\n stroke: currentColor;\n}\n\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) {\n background-color: inherit;\n color: inherit;\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n align-items: normal;\n min-width: 200px;\n opacity: 0;\n transition: opacity 0.1s linear;\n visibility: hidden;\n left: -1em;\n top: 100%;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a {\n display: flex;\n flex-grow: 1;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-pages-list__item > a .wp-block-navigation-link__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-page-list__submenu-icon,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) > .wp-block-navigation-link > a .wp-block-navigation-link__submenu-icon {\n margin-right: 0;\n margin-left: auto;\n}\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) a {\n margin: 0;\n}\n@media (min-width: 782px) {\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container {\n left: 100%;\n top: -1px;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .submenu-container::before,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__container::before {\n content: \"\";\n position: absolute;\n right: 100%;\n height: 100%;\n display: block;\n width: 0.5em;\n background: transparent;\n }\n .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-page-list__submenu-icon svg,\n.wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) .wp-block-navigation-link__submenu-icon svg {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n }\n}\n.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:hover {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:hover > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child[focus-within] {\n cursor: pointer;\n}\n.wp-block-navigation .has-child:focus-within {\n cursor: pointer;\n}\n.wp-block-navigation .has-child[focus-within] > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n.wp-block-navigation .has-child:focus-within > .submenu-container {\n visibility: visible;\n opacity: 1;\n}\n\n.wp-block-navigation.has-background .has-child .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {\n left: 0;\n top: 100%;\n}\n@media (min-width: 782px) {\n .wp-block-navigation.has-background .has-child .submenu-container .submenu-container,\n.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: 100%;\n top: 0;\n }\n}\n\n/**\n * Margins\n * @todo: refactor this to use gap.\n */\n.wp-block-page-list,\n.wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 2em 0 0;\n}\n.wp-block-page-list:last-child,\n.wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin-right: 0;\n}\n\n.wp-block-navigation:where(.has-background) .wp-block-page-list,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link {\n margin: 0 0.5em 0 0;\n}\n.wp-block-navigation:where(.has-background) .wp-block-page-list:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-page-list > .wp-block-pages-list__item:last-child,\n.wp-block-navigation:where(.has-background) .wp-block-navigation__container > .wp-block-navigation-link:last-child {\n margin: 0;\n}\n\n/**\n * Paddings\n */\n.wp-block-navigation a {\n padding: 0;\n}\n\n.wp-block-navigation:where(.has-background) a {\n padding: 0.5em 1em;\n}\n\n.wp-block-navigation :where(.submenu-container, .wp-block-navigation-link__container) a {\n padding: 0.5em 1em;\n}\n\n/**\n * Justifications.\n */\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container {\n left: auto;\n right: 0;\n}\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,\n.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {\n left: auto;\n right: 100%;\n}\n\n.wp-block-navigation:not(.has-background) .submenu-container,\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.wp-block-navigation__container {\n align-items: center;\n list-style: none;\n margin: 0;\n padding-left: 0;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-navigation__container .is-responsive {\n display: none;\n}\n.is-vertical .wp-block-navigation__container {\n display: block;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.items-justified-center .wp-block-navigation__container {\n justify-content: center;\n}\n\n.items-justified-right .wp-block-navigation__container {\n justify-content: flex-end;\n}\n\n.items-justified-space-between .wp-block-navigation__container {\n justify-content: space-between;\n}\n\n.is-vertical.items-justified-center > ul {\n align-items: center;\n}\n\n.is-vertical.items-justified-right > ul {\n align-items: flex-end;\n}\n.is-vertical.items-justified-right > ul .wp-block-navigation-link,\n.is-vertical.items-justified-right > ul .wp-block-pages-list__item {\n margin-right: 0;\n justify-content: flex-end;\n}\n\n/**\n * Mobile menu.\n */\n.wp-block-navigation__responsive-container {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.wp-block-navigation__responsive-container.is-menu-open {\n display: flex;\n flex-direction: column;\n overflow: auto;\n z-index: 100000;\n padding: 24px;\n background-color: inherit;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {\n display: flex;\n flex-direction: column;\n margin-left: auto;\n margin-right: auto;\n align-items: flex-start;\n line-height: 48px;\n padding: 0;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {\n flex-direction: column;\n}\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link {\n color: inherit !important;\n background: transparent !important;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container:not(.is-menu-open) {\n display: flex;\n flex-direction: row;\n position: relative;\n background-color: inherit;\n }\n .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {\n display: none;\n }\n .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,\n.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {\n left: 0;\n }\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {\n background-color: #fff;\n color: #000;\n}\n\n.wp-block-navigation__responsive-container-open,\n.wp-block-navigation__responsive-container-close {\n vertical-align: middle;\n cursor: pointer;\n color: currentColor;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-navigation__responsive-container-open svg,\n.wp-block-navigation__responsive-container-close svg {\n fill: currentColor;\n pointer-events: none;\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.wp-block-navigation__responsive-container-open {\n display: flex;\n}\n@media (min-width: 600px) {\n .wp-block-navigation__responsive-container-open {\n display: none;\n }\n}\n.items-justified-left .wp-block-navigation__responsive-container-open {\n margin-left: 0;\n margin-right: auto;\n}\n.items-justified-center .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: auto;\n}\n.items-justified-right .wp-block-navigation__responsive-container-open {\n margin-left: auto;\n margin-right: 0;\n}\n\n.wp-block-navigation__responsive-container-close {\n position: absolute;\n top: 24px;\n right: 24px;\n z-index: 2;\n}\n\n.wp-block-navigation__responsive-close {\n width: 100%;\n}\n\n.is-menu-open .wp-block-navigation__responsive-close,\n.is-menu-open .wp-block-navigation__responsive-dialog,\n.is-menu-open .wp-block-navigation__responsive-container-content {\n width: 100%;\n height: 100%;\n}\n\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon {\n display: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {\n position: relative;\n opacity: 1;\n visibility: visible;\n padding: 0 0 0 32px;\n border: none;\n}\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,\n.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {\n flex-direction: column;\n align-items: flex-start;\n}\n\nhtml.has-modal-open {\n overflow: hidden;\n}\n\n.wp-block-navigation .wp-block-navigation-link__label {\n word-break: normal;\n word-wrap: break-word;\n}\n\n.wp-block-navigation .wp-block-home-link__content {\n color: inherit;\n display: block;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {\n text-decoration: inherit;\n}\n.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {\n text-decoration: inherit;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {\n text-decoration: none;\n}\n.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {\n text-decoration: none;\n}\n\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {\n background-color: #fff;\n color: #000;\n border: 1px solid rgba(0, 0, 0, 0.15);\n}\n.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {\n top: -1px;\n}\n\n.wp-block-navigation .wp-block-page-list {\n display: flex;\n flex-wrap: wrap;\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-pages-list__item {\n background-color: inherit;\n}\n.wp-block-navigation .wp-block-page-list__submenu-icon {\n display: none;\n}\n.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {\n display: inline-block;\n}\n\n.is-vertical .wp-block-navigation__container .wp-block-page-list,\n.is-open .wp-block-navigation__container .wp-block-page-list {\n display: block;\n}\n\n@media (min-width: 480px) {\n .is-open .wp-block-navigation__container .wp-block-page-list {\n display: flex;\n }\n}\n\n.items-justified-space-between .wp-block-page-list {\n display: contents;\n}\n\n.is-small-text {\n font-size: 0.875em;\n}\n\n.is-regular-text {\n font-size: 1em;\n}\n\n.is-large-text {\n font-size: 2.25em;\n}\n\n.is-larger-text {\n font-size: 3em;\n}\n\n.has-drop-cap:not(:focus)::first-letter {\n float: left;\n font-size: 8.4em;\n line-height: 0.68;\n font-weight: 100;\n margin: 0.05em 0.1em 0 0;\n text-transform: uppercase;\n font-style: normal;\n}\n\np.has-drop-cap.has-background {\n overflow: hidden;\n}\n\np.has-background {\n padding: 1.25em 2.375em;\n}\n\np.has-text-color a {\n color: inherit;\n}\n\n.wp-block-post-author {\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-author__byline {\n width: 100%;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 0.5em;\n}\n.wp-block-post-author__avatar {\n margin-right: 1em;\n}\n.wp-block-post-author__bio {\n margin-bottom: 0.7em;\n font-size: 0.7em;\n}\n.wp-block-post-author__content {\n flex-grow: 1;\n flex-basis: 0;\n}\n.wp-block-post-author__name {\n font-weight: bold;\n margin: 0;\n}\n\n.wp-block-post-comments .commentlist {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .commentlist .comment {\n min-height: 2.25em;\n padding-left: 3.25em;\n}\n.wp-block-post-comments .commentlist .comment p {\n font-size: 0.875em;\n line-height: 1.8;\n margin: 0.36em 0 1.4em;\n}\n.wp-block-post-comments .commentlist .children {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.wp-block-post-comments .comment-author {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-author .avatar {\n border-radius: 1.5em;\n display: block;\n float: left;\n height: 2.5em;\n margin-right: 0.75em;\n width: 2.5em;\n}\n.wp-block-post-comments .comment-author cite {\n font-style: normal;\n}\n.wp-block-post-comments .comment-meta {\n line-height: 1.5;\n margin-left: -3.25em;\n}\n.wp-block-post-comments .comment-body .commentmetadata {\n font-size: 0.75em;\n}\n.wp-block-post-comments .comment-form-comment label,\n.wp-block-post-comments .comment-form-author label,\n.wp-block-post-comments .comment-form-email label,\n.wp-block-post-comments .comment-form-url label {\n display: block;\n}\n.wp-block-post-comments .comment-form-comment textarea {\n box-sizing: border-box;\n width: 100%;\n}\n.wp-block-post-comments .reply {\n font-size: 0.75em;\n margin-bottom: 1.4em;\n}\n.wp-block-post-comments textarea,\n.wp-block-post-comments input {\n border: 1px solid #949494;\n}\n\n.wp-block-post-comments-form input[type=submit] {\n border: none;\n box-shadow: none;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n word-wrap: break-word;\n}\n\n.wp-block-post-excerpt__more-link {\n display: inline-block;\n}\n\n.wp-block-post-terms__separator {\n white-space: pre-wrap;\n}\n\n.wp-block-post-title a {\n display: inline-block;\n}\n\n.wp-block-preformatted {\n white-space: pre-wrap;\n}\n\n.wp-block-preformatted.has-background {\n padding: 1.25em 2.375em;\n}\n\n.wp-block-pullquote {\n margin: 0 0 1em 0;\n padding: 3em 0;\n text-align: center;\n}\n.wp-block-pullquote p,\n.wp-block-pullquote blockquote,\n.wp-block-pullquote cite {\n color: inherit;\n}\n.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {\n max-width: 420px;\n}\n.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {\n font-size: 1.25em;\n}\n.wp-block-pullquote p {\n font-size: 1.75em;\n line-height: 1.6;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer {\n position: relative;\n}\n.wp-block-pullquote .has-text-color a {\n color: inherit;\n}\n\n.wp-block-pullquote.has-text-align-left blockquote {\n text-align: left;\n}\n\n.wp-block-pullquote.has-text-align-right blockquote {\n text-align: right;\n}\n\n.wp-block-pullquote:not(.is-style-solid-color) {\n background: none;\n}\n\n.wp-block-pullquote.is-style-solid-color {\n border: none;\n}\n.wp-block-pullquote.is-style-solid-color blockquote {\n margin-left: auto;\n margin-right: auto;\n max-width: 60%;\n}\n.wp-block-pullquote.is-style-solid-color blockquote p {\n margin-top: 0;\n margin-bottom: 0;\n font-size: 2em;\n}\n.wp-block-pullquote.is-style-solid-color blockquote cite {\n text-transform: none;\n font-style: normal;\n}\n\n.wp-block-pullquote cite {\n color: inherit;\n}\n\n.wp-block-post-template,\n.wp-block-query-loop {\n max-width: 100%;\n list-style: none;\n padding: 0;\n}\n.wp-block-post-template li,\n.wp-block-query-loop li {\n clear: both;\n}\n.wp-block-post-template.is-flex-container,\n.wp-block-query-loop.is-flex-container {\n flex-direction: row;\n display: flex;\n flex-wrap: wrap;\n}\n.wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin: 0 0 1.25em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n .wp-block-post-template.is-flex-container li,\n.wp-block-query-loop.is-flex-container li {\n margin-right: 1.25em;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {\n width: calc((100% / 2) - 1.25em + (1.25em / 2));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {\n width: calc((100% / 3) - 1.25em + (1.25em / 3));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {\n width: calc((100% / 4) - 1.25em + (1.25em / 4));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {\n width: calc((100% / 5) - 1.25em + (1.25em / 5));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {\n margin-right: 0;\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {\n width: calc((100% / 6) - 1.25em + (1.25em / 6));\n }\n .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),\n.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {\n margin-right: 0;\n }\n}\n\n.wp-block-query-pagination {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next,\n.wp-block-query-pagination > .wp-block-query-pagination-previous,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers {\n display: inline-block;\n /*rtl:ignore*/\n margin-right: 0.5em;\n margin-bottom: 0.5em;\n}\n.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,\n.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {\n /*rtl:ignore*/\n margin-right: 0;\n}\n\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n margin-bottom: 1em;\n padding: 0 1em;\n}\n.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {\n font-size: 1.5em;\n font-style: italic;\n line-height: 1.6;\n}\n.wp-block-quote.is-style-large cite,\n.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,\n.wp-block-quote.is-large footer {\n font-size: 1.125em;\n text-align: right;\n}\n\nul.wp-block-rss {\n list-style: none;\n padding: 0;\n}\nul.wp-block-rss.wp-block-rss {\n box-sizing: border-box;\n}\nul.wp-block-rss.alignleft {\n /*rtl:ignore*/\n margin-right: 2em;\n}\nul.wp-block-rss.alignright {\n /*rtl:ignore*/\n margin-left: 2em;\n}\nul.wp-block-rss.is-grid {\n display: flex;\n flex-wrap: wrap;\n padding: 0;\n list-style: none;\n}\nul.wp-block-rss.is-grid li {\n margin: 0 1em 1em 0;\n width: 100%;\n}\n@media (min-width: 600px) {\n ul.wp-block-rss.columns-2 li {\n width: calc(( 100% / 2 ) - 1em);\n }\n ul.wp-block-rss.columns-3 li {\n width: calc(( 100% / 3 ) - 1em);\n }\n ul.wp-block-rss.columns-4 li {\n width: calc(( 100% / 4 ) - 1em);\n }\n ul.wp-block-rss.columns-5 li {\n width: calc(( 100% / 5 ) - 1em);\n }\n ul.wp-block-rss.columns-6 li {\n width: calc(( 100% / 6 ) - 1em);\n }\n}\n\n.wp-block-rss__item-publish-date,\n.wp-block-rss__item-author {\n display: block;\n font-size: 0.8125em;\n}\n\n.wp-block-search .wp-block-search__button {\n background: #f7f7f7;\n border: 1px solid #ccc;\n padding: 0.375em 0.625em;\n color: #32373c;\n margin-left: 0.625em;\n word-break: normal;\n}\n.wp-block-search .wp-block-search__button.has-icon {\n line-height: 0;\n}\n.wp-block-search .wp-block-search__button svg {\n min-width: 1.5em;\n min-height: 1.5em;\n fill: currentColor;\n}\n.wp-block-search .wp-block-search__inside-wrapper {\n display: flex;\n flex: auto;\n flex-wrap: nowrap;\n max-width: 100%;\n}\n.wp-block-search .wp-block-search__label {\n width: 100%;\n}\n.wp-block-search .wp-block-search__input {\n padding: 8px;\n flex-grow: 1;\n min-width: 3em;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-only .wp-block-search__button {\n margin-left: 0;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {\n padding: 4px;\n border: 1px solid #949494;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {\n border-radius: 0;\n border: none;\n padding: 0 0 0 0.25em;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {\n outline: none;\n}\n.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {\n padding: 0.125em 0.5em;\n}\n.wp-block-search.aligncenter .wp-block-search__inside-wrapper {\n margin: auto;\n}\n\n.wp-block-separator {\n border-top: 1px solid currentColor;\n border-bottom: 1px solid currentColor;\n}\n.wp-block-separator.is-style-wide {\n border-bottom-width: 1px;\n}\n.wp-block-separator.is-style-dots {\n background: none !important;\n border: none;\n text-align: center;\n width: none;\n line-height: 1;\n height: auto;\n}\n.wp-block-separator.is-style-dots::before {\n content: \"···\";\n color: currentColor;\n font-size: 1.5em;\n letter-spacing: 2em;\n /*rtl:ignore*/\n padding-left: 2em;\n font-family: serif;\n}\n\n.wp-block-site-logo {\n line-height: 0;\n}\n.wp-block-site-logo a {\n display: inline-block;\n}\n.wp-block-site-logo.is-default-size img {\n width: 120px;\n height: auto;\n}\n.wp-block-site-logo .aligncenter {\n display: table;\n}\n.wp-block-site-logo.is-style-rounded img {\n border-radius: 9999px;\n}\n\n.wp-block-social-links {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n padding-right: 0;\n text-indent: 0;\n margin-left: 0;\n}\n.wp-block-social-links .wp-social-link a,\n.wp-block-social-links .wp-social-link a:hover {\n text-decoration: none;\n border-bottom: 0;\n box-shadow: none;\n}\n.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {\n margin: 4px 8px 4px 0;\n}\n.wp-block-social-links .wp-social-link a {\n padding: 0.25em;\n}\n.wp-block-social-links .wp-social-link svg {\n width: 1em;\n height: 1em;\n}\n.wp-block-social-links.has-small-icon-size {\n font-size: 16px;\n}\n.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {\n font-size: 24px;\n}\n.wp-block-social-links.has-large-icon-size {\n font-size: 36px;\n}\n.wp-block-social-links.has-huge-icon-size {\n font-size: 48px;\n}\n.wp-block-social-links.aligncenter {\n justify-content: center;\n display: flex;\n}\n.wp-block-social-links.alignright {\n justify-content: flex-end;\n}\n\n.wp-block-social-link {\n display: block;\n border-radius: 9999px;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n height: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block-social-link {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.wp-block-social-link a {\n display: block;\n line-height: 0;\n transition: -webkit-transform 0.1s ease;\n transition: transform 0.1s ease;\n transition: transform 0.1s ease, -webkit-transform 0.1s ease;\n}\n.wp-block-social-link:hover {\n -webkit-transform: scale(1.1);\n transform: scale(1.1);\n}\n\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,\n.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {\n color: currentColor;\n fill: currentColor;\n}\n\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {\n background-color: #f0f0f0;\n color: #444;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {\n background-color: #f90;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {\n background-color: #1ea0c3;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {\n background-color: #0757fe;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {\n background-color: #1e1f26;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {\n background-color: #02e49b;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {\n background-color: #e94c89;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {\n background-color: #4280ff;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {\n background-color: #f45800;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {\n background-color: #1778f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {\n background-color: #0461dd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {\n background-color: #e65678;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {\n background-color: #24292d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {\n background-color: #eceadd;\n color: #382110;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {\n background-color: #ea4434;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {\n background-color: #f00075;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {\n background-color: #e21b24;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {\n background-color: #0d66c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {\n background-color: #3288d4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {\n background-color: #02ab6c;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {\n background-color: #f6405f;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {\n background-color: #ff424d;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {\n background-color: #e60122;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {\n background-color: #ef4155;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {\n background-color: #fe4500;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {\n background-color: #0478d7;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {\n background-color: #fefc00;\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {\n background-color: #ff5600;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {\n background-color: #1bd760;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {\n background-color: #2aabee;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {\n background-color: #000;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {\n background-color: #011835;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {\n background-color: #6440a4;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {\n background-color: #1da1f2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {\n background-color: #1eb7ea;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {\n background-color: #4680c2;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {\n background-color: #3499cd;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {\n background-color: #d32422;\n color: #fff;\n}\n.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {\n background-color: #f00;\n color: #fff;\n}\n\n.wp-block-social-links.is-style-logos-only .wp-social-link {\n background: none;\n padding: 4px;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {\n color: #f90;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {\n color: #1ea0c3;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-behance {\n color: #0757fe;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {\n color: #1e1f26;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {\n color: #02e49b;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {\n color: #e94c89;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {\n color: #4280ff;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {\n color: #f45800;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {\n color: #1778f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {\n color: #0461dd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {\n color: #e65678;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-github {\n color: #24292d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {\n color: #382110;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-google {\n color: #ea4434;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {\n color: #f00075;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {\n color: #e21b24;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {\n color: #0d66c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {\n color: #3288d4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-medium {\n color: #02ab6c;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {\n color: #f6405f;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {\n color: #ff424d;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {\n color: #e60122;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {\n color: #ef4155;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {\n color: #fe4500;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-skype {\n color: #0478d7;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {\n color: #fff;\n stroke: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {\n color: #ff5600;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {\n color: #1bd760;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {\n color: #2aabee;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {\n color: #000;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {\n color: #011835;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {\n color: #6440a4;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {\n color: #1da1f2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {\n color: #1eb7ea;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-vk {\n color: #4680c2;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {\n color: #3499cd;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {\n color: #d32422;\n}\n.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {\n color: #f00;\n}\n\n.wp-block-social-links.is-style-pill-shape .wp-social-link {\n width: auto;\n}\n.wp-block-social-links.is-style-pill-shape .wp-social-link a {\n padding-left: calc((2/3) * 1em);\n padding-right: calc((2/3) * 1em);\n}\n\n.wp-block-spacer {\n clear: both;\n}\n\n.wp-block-tag-cloud.aligncenter {\n text-align: center;\n}\n.wp-block-tag-cloud.alignfull {\n padding-left: 1em;\n padding-right: 1em;\n}\n.wp-block-tag-cloud a {\n display: inline-block;\n margin-right: 5px;\n}\n.wp-block-tag-cloud span {\n display: inline-block;\n margin-left: 5px;\n text-decoration: none;\n}\n\n.wp-block-table {\n margin: 0 0 1em 0;\n overflow-x: auto;\n}\n.wp-block-table table {\n border-collapse: collapse;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout {\n table-layout: fixed;\n width: 100%;\n}\n.wp-block-table .has-fixed-layout td,\n.wp-block-table .has-fixed-layout th {\n word-break: break-word;\n}\n.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {\n display: table;\n width: auto;\n}\n.wp-block-table.alignleft td,\n.wp-block-table.alignleft th, .wp-block-table.aligncenter td,\n.wp-block-table.aligncenter th, .wp-block-table.alignright td,\n.wp-block-table.alignright th {\n word-break: break-word;\n}\n.wp-block-table .has-subtle-light-gray-background-color {\n background-color: #f3f4f5;\n}\n.wp-block-table .has-subtle-pale-green-background-color {\n background-color: #e9fbe5;\n}\n.wp-block-table .has-subtle-pale-blue-background-color {\n background-color: #e7f5fe;\n}\n.wp-block-table .has-subtle-pale-pink-background-color {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes {\n border-spacing: 0;\n border-collapse: inherit;\n background-color: transparent;\n border-bottom: 1px solid #f0f0f0;\n}\n.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {\n background-color: #f0f0f0;\n}\n.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {\n background-color: #f3f4f5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {\n background-color: #e9fbe5;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {\n background-color: #e7f5fe;\n}\n.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {\n background-color: #fcf0ef;\n}\n.wp-block-table.is-style-stripes th,\n.wp-block-table.is-style-stripes td {\n border-color: transparent;\n}\n.wp-block-table .has-border-color > *,\n.wp-block-table .has-border-color tr,\n.wp-block-table .has-border-color th,\n.wp-block-table .has-border-color td {\n border-color: inherit;\n}\n.wp-block-table table[style*=border-style] > *,\n.wp-block-table table[style*=border-style] tr,\n.wp-block-table table[style*=border-style] th,\n.wp-block-table table[style*=border-style] td {\n border-style: inherit;\n}\n.wp-block-table table[style*=border-width] > *,\n.wp-block-table table[style*=border-width] tr,\n.wp-block-table table[style*=border-width] th,\n.wp-block-table table[style*=border-width] td {\n border-width: inherit;\n}\n\n.wp-block-text-columns {\n display: flex;\n}\n.wp-block-text-columns.aligncenter {\n display: flex;\n}\n.wp-block-text-columns .wp-block-column {\n margin: 0 1em;\n padding: 0;\n}\n.wp-block-text-columns .wp-block-column:first-child {\n margin-left: 0;\n}\n.wp-block-text-columns .wp-block-column:last-child {\n margin-right: 0;\n}\n.wp-block-text-columns.columns-2 .wp-block-column {\n width: calc(100% / 2);\n}\n.wp-block-text-columns.columns-3 .wp-block-column {\n width: calc(100% / 3);\n}\n.wp-block-text-columns.columns-4 .wp-block-column {\n width: calc(100% / 4);\n}\n\npre.wp-block-verse {\n font-family: inherit;\n overflow: auto;\n white-space: pre-wrap;\n}\n\n.wp-block-video {\n margin: 0 0 1em 0;\n}\n.wp-block-video video {\n width: 100%;\n}\n@supports (position: sticky) {\n .wp-block-video [poster] {\n -o-object-fit: cover;\n object-fit: cover;\n }\n}\n.wp-block-video.aligncenter {\n text-align: center;\n}\n.wp-block-video figcaption {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n\n.wp-block-post-featured-image {\n margin-left: 0;\n margin-right: 0;\n}\n.wp-block-post-featured-image a {\n display: inline-block;\n}\n.wp-block-post-featured-image img {\n max-width: 100%;\n width: 100%;\n height: auto;\n}\n.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {\n width: 100%;\n}\n\n:root {\n /* stylelint-disable function-comma-space-after */\n /* stylelint-enable function-comma-space-after */\n}\n:root .has-pale-pink-background-color {\n background-color: #f78da7;\n}\n:root .has-vivid-red-background-color {\n background-color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-background-color {\n background-color: #ff6900;\n}\n:root .has-luminous-vivid-amber-background-color {\n background-color: #fcb900;\n}\n:root .has-light-green-cyan-background-color {\n background-color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-background-color {\n background-color: #00d084;\n}\n:root .has-pale-cyan-blue-background-color {\n background-color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-background-color {\n background-color: #0693e3;\n}\n:root .has-vivid-purple-background-color {\n background-color: #9b51e0;\n}\n:root .has-white-background-color {\n background-color: #fff;\n}\n:root .has-very-light-gray-background-color {\n background-color: #eee;\n}\n:root .has-cyan-bluish-gray-background-color {\n background-color: #abb8c3;\n}\n:root .has-very-dark-gray-background-color {\n background-color: #313131;\n}\n:root .has-black-background-color {\n background-color: #000;\n}\n:root .has-pale-pink-color {\n color: #f78da7;\n}\n:root .has-vivid-red-color {\n color: #cf2e2e;\n}\n:root .has-luminous-vivid-orange-color {\n color: #ff6900;\n}\n:root .has-luminous-vivid-amber-color {\n color: #fcb900;\n}\n:root .has-light-green-cyan-color {\n color: #7bdcb5;\n}\n:root .has-vivid-green-cyan-color {\n color: #00d084;\n}\n:root .has-pale-cyan-blue-color {\n color: #8ed1fc;\n}\n:root .has-vivid-cyan-blue-color {\n color: #0693e3;\n}\n:root .has-vivid-purple-color {\n color: #9b51e0;\n}\n:root .has-white-color {\n color: #fff;\n}\n:root .has-very-light-gray-color {\n color: #eee;\n}\n:root .has-cyan-bluish-gray-color {\n color: #abb8c3;\n}\n:root .has-very-dark-gray-color {\n color: #313131;\n}\n:root .has-black-color {\n color: #000;\n}\n:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {\n background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);\n}\n:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);\n}\n:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {\n background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);\n}\n:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {\n background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);\n}\n:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {\n background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);\n}\n:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {\n background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%);\n}\n:root .has-cool-to-warm-spectrum-gradient-background {\n background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);\n}\n:root .has-blush-light-purple-gradient-background {\n background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);\n}\n:root .has-blush-bordeaux-gradient-background {\n background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);\n}\n:root .has-purple-crush-gradient-background {\n background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);\n}\n:root .has-luminous-dusk-gradient-background {\n background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);\n}\n:root .has-hazy-dawn-gradient-background {\n background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);\n}\n:root .has-pale-ocean-gradient-background {\n background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);\n}\n:root .has-electric-grass-gradient-background {\n background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);\n}\n:root .has-subdued-olive-gradient-background {\n background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);\n}\n:root .has-atomic-cream-gradient-background {\n background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);\n}\n:root .has-nightshade-gradient-background {\n background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);\n}\n:root .has-midnight-gradient-background {\n background: linear-gradient(135deg, #020381 0%, #2874fc 100%);\n}\n\n.has-small-font-size {\n font-size: 0.8125em;\n}\n\n.has-regular-font-size,\n.has-normal-font-size {\n font-size: 1em;\n}\n\n.has-medium-font-size {\n font-size: 1.25em;\n}\n\n.has-large-font-size {\n font-size: 2.25em;\n}\n\n.has-larger-font-size,\n.has-huge-font-size {\n font-size: 2.625em;\n}\n\n.has-text-align-center {\n text-align: center;\n}\n\n.has-text-align-left {\n /*rtl:ignore*/\n text-align: left;\n}\n\n.has-text-align-right {\n /*rtl:ignore*/\n text-align: right;\n}\n\n#end-resizable-editor-section {\n display: none;\n}\n\n.aligncenter {\n clear: both;\n}\n\n.items-justified-left {\n justify-content: flex-start;\n}\n\n.items-justified-center {\n justify-content: center;\n}\n\n.items-justified-right {\n justify-content: flex-end;\n}\n\n.items-justified-space-between {\n justify-content: space-between;\n}\n\n.screen-reader-text {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.screen-reader-text:focus {\n background-color: #ddd;\n clip: auto !important;\n -webkit-clip-path: none;\n clip-path: none;\n color: #444;\n display: block;\n font-size: 1em;\n height: auto;\n left: 5px;\n line-height: normal;\n padding: 15px 23px 14px;\n text-decoration: none;\n top: 5px;\n width: auto;\n z-index: 100000;\n}";
|
|
21798
|
+
styleInject(css_248z$d);
|
|
21799
|
+
|
|
21800
|
+
var css_248z$c = "/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Dimensions.\n */\n/**\n * Shadows.\n */\n/**\n * Editor widths.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Breakpoint mixins\n */\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n#start-resizable-editor-section {\n display: none;\n}\n\n.wp-block-audio figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-audio figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-code {\n font-family: Menlo, Consolas, monaco, monospace;\n color: #1e1e1e;\n padding: 0.8em 1em;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\n.wp-block-embed figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-embed figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.blocks-gallery-caption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .blocks-gallery-caption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-image figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-image figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-pullquote {\n border-top: 4px solid currentColor;\n border-bottom: 4px solid currentColor;\n margin-bottom: 1.75em;\n color: currentColor;\n}\n.wp-block-pullquote cite,\n.wp-block-pullquote footer, .wp-block-pullquote__citation {\n color: currentColor;\n text-transform: uppercase;\n font-size: 0.8125em;\n font-style: normal;\n}\n\n.wp-block-quote {\n border-left: 0.25em solid currentColor;\n margin: 0 0 1.75em 0;\n padding-left: 1em;\n}\n.wp-block-quote cite,\n.wp-block-quote footer {\n color: currentColor;\n font-size: 0.8125em;\n position: relative;\n font-style: normal;\n}\n.wp-block-quote.has-text-align-right {\n border-left: none;\n border-right: 0.25em solid currentColor;\n padding-left: 0;\n padding-right: 1em;\n}\n.wp-block-quote.has-text-align-center {\n border: none;\n padding-left: 0;\n}\n.wp-block-quote.is-style-large, .wp-block-quote.is-large {\n border: none;\n}\n\n.wp-block-search .wp-block-search__label {\n font-weight: bold;\n}\n\n.wp-block-group.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.wp-block-separator {\n border: none;\n border-bottom: 2px solid currentColor;\n margin-left: auto;\n margin-right: auto;\n opacity: 0.4;\n}\n.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {\n width: 100px;\n}\n.wp-block-separator.has-background:not(.is-style-dots) {\n border-bottom: none;\n height: 1px;\n}\n.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {\n height: 2px;\n}\n\n.wp-block-table thead {\n border-bottom: 3px solid;\n}\n.wp-block-table tfoot {\n border-top: 3px solid;\n}\n.wp-block-table td,\n.wp-block-table th {\n padding: 0.5em;\n border: 1px solid;\n word-break: normal;\n}\n.wp-block-table figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-table figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-video figcaption {\n color: #555;\n font-size: 13px;\n text-align: center;\n}\n.is-dark-theme .wp-block-video figcaption {\n color: rgba(255, 255, 255, 0.65);\n}\n\n.wp-block-template-part.has-background {\n padding: 1.25em 2.375em;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n#end-resizable-editor-section {\n display: none;\n}";
|
|
21801
|
+
styleInject(css_248z$c);
|
|
21802
|
+
|
|
21803
|
+
var _styleModuleImportMap$5 = {
|
|
21746
21804
|
"../wordpressStyles.css": {
|
|
21747
21805
|
"helpArticleContent": "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent",
|
|
21748
21806
|
"sr-only": "utilities_ops-app-frame_Help_wordpressStyles--sr-only",
|
|
@@ -21775,7 +21833,7 @@ function HelpArticleContent(_ref) {
|
|
|
21775
21833
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21776
21834
|
className: "utilities_ops-app-frame_Help_wordpressStyles--helpArticleContent"
|
|
21777
21835
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21778
|
-
className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$
|
|
21836
|
+
className: "elementor-kit-38 " + _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$5, {
|
|
21779
21837
|
"handleMissingStyleName": "warn"
|
|
21780
21838
|
})
|
|
21781
21839
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -21827,7 +21885,7 @@ var Dislike = function Dislike() {
|
|
|
21827
21885
|
}));
|
|
21828
21886
|
};
|
|
21829
21887
|
|
|
21830
|
-
var _styleModuleImportMap$
|
|
21888
|
+
var _styleModuleImportMap$4 = {
|
|
21831
21889
|
"../Help.css": {
|
|
21832
21890
|
"backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
|
|
21833
21891
|
"miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
|
|
@@ -21928,7 +21986,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21928
21986
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21929
21987
|
className: "utilities_ops-app-frame_Help_Help--helpArticle"
|
|
21930
21988
|
}, /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
21931
|
-
className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$
|
|
21989
|
+
className: _getClassName(showQuestionSection ? 'nonInteractive' : '', _styleModuleImportMap$4, {
|
|
21932
21990
|
"handleMissingStyleName": "warn"
|
|
21933
21991
|
})
|
|
21934
21992
|
}, currentArticle.title), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -21937,7 +21995,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21937
21995
|
article: currentArticle,
|
|
21938
21996
|
showQuestionSection: showQuestionSection
|
|
21939
21997
|
}, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21940
|
-
className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$
|
|
21998
|
+
className: _getClassName("articleFooter ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
|
|
21941
21999
|
"handleMissingStyleName": "warn"
|
|
21942
22000
|
})
|
|
21943
22001
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -21945,7 +22003,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21945
22003
|
}, !currentArticle.showFeedback ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !currentArticle.showThanksText ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21946
22004
|
className: "utilities_ops-app-frame_Help_Help--likeTxt"
|
|
21947
22005
|
}, "Was this useful?") : null, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21948
|
-
className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$
|
|
22006
|
+
className: _getClassName("likebtnWrapper ".concat(currentArticle.liked ? 'active' : ''), _styleModuleImportMap$4, {
|
|
21949
22007
|
"handleMissingStyleName": "warn"
|
|
21950
22008
|
})
|
|
21951
22009
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -21953,7 +22011,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21953
22011
|
return likeHandler(currentArticle);
|
|
21954
22012
|
}
|
|
21955
22013
|
}, /*#__PURE__*/React__default["default"].createElement(Like, null)), /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.likes)), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21956
|
-
className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$
|
|
22014
|
+
className: _getClassName("likebtnWrapper dislike ".concat(currentArticle.disliked ? 'active' : ''), _styleModuleImportMap$4, {
|
|
21957
22015
|
"handleMissingStyleName": "warn"
|
|
21958
22016
|
})
|
|
21959
22017
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -21981,7 +22039,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21981
22039
|
}, "Skip")))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
21982
22040
|
className: "utilities_ops-app-frame_Help_Help--dateWrapper"
|
|
21983
22041
|
}, /*#__PURE__*/React__default["default"].createElement("b", null, "Last updated on:"), ' ', /*#__PURE__*/React__default["default"].createElement("span", null, currentArticle.updatedDate ? formatPublishDate(currentArticle.updatedDate) : null))), currentArticle.relatedHelpResources && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21984
|
-
className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$
|
|
22042
|
+
className: _getClassName("relatedResourcesWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$4, {
|
|
21985
22043
|
"handleMissingStyleName": "warn"
|
|
21986
22044
|
})
|
|
21987
22045
|
}, /*#__PURE__*/React__default["default"].createElement("h3", null, "Related Help Resources"), /*#__PURE__*/React__default["default"].createElement("ul", null, currentArticle.relatedHelpResources.map(function (article) {
|
|
@@ -21994,7 +22052,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
21994
22052
|
}), article.post_title);
|
|
21995
22053
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
21996
22054
|
ref: questionSectionRef,
|
|
21997
|
-
className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$
|
|
22055
|
+
className: _getClassName("submitQuestionWrapper ".concat(showQuestionSection && !showSuccessSection ? 'noFlex' : ''), _styleModuleImportMap$4, {
|
|
21998
22056
|
"handleMissingStyleName": "warn"
|
|
21999
22057
|
})
|
|
22000
22058
|
}, !showQuestionSection ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("h2", null, "Got more questions?"), /*#__PURE__*/React__default["default"].createElement("p", null, "If these resources are not enough to satisfy your queries then"), /*#__PURE__*/React__default["default"].createElement("p", null, /*#__PURE__*/React__default["default"].createElement("b", null, "Feel free to submit your question here.")), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -22053,7 +22111,7 @@ var HelpArticle = function HelpArticle(_ref) {
|
|
|
22053
22111
|
}
|
|
22054
22112
|
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
22055
22113
|
onClick: questionSubmitHandler,
|
|
22056
|
-
className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$
|
|
22114
|
+
className: _getClassName("submitBtn ".concat(!question.length || category === 'selectCategory' ? 'disable' : ''), _styleModuleImportMap$4, {
|
|
22057
22115
|
"handleMissingStyleName": "warn"
|
|
22058
22116
|
})
|
|
22059
22117
|
}, "Submit")) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
@@ -22187,7 +22245,7 @@ var ReleaseNote = function ReleaseNote(_ref) {
|
|
|
22187
22245
|
})));
|
|
22188
22246
|
};
|
|
22189
22247
|
|
|
22190
|
-
var _styleModuleImportMap$
|
|
22248
|
+
var _styleModuleImportMap$3 = {
|
|
22191
22249
|
"./Help.css": {
|
|
22192
22250
|
"backdrop": "utilities_ops-app-frame_Help_Help--backdrop",
|
|
22193
22251
|
"miHelpSideBar": "utilities_ops-app-frame_Help_Help--miHelpSideBar",
|
|
@@ -22803,7 +22861,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
|
|
|
22803
22861
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22804
22862
|
// style={{ width: getNotificationWrapperWidth() }}
|
|
22805
22863
|
ref: mihelpRef,
|
|
22806
|
-
className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$
|
|
22864
|
+
className: _getClassName("miHelpSideBar ".concat(!helpContent || isChrome() && overFlowHidden || !isChrome() && showQuestionSection ? 'overFlowHidden' : ''), _styleModuleImportMap$3, {
|
|
22807
22865
|
"handleMissingStyleName": "warn"
|
|
22808
22866
|
})
|
|
22809
22867
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -22845,7 +22903,7 @@ var HelpSideBar = function HelpSideBar(_ref) {
|
|
|
22845
22903
|
name: "open_in_new",
|
|
22846
22904
|
variant: "material"
|
|
22847
22905
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
22848
|
-
className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$
|
|
22906
|
+
className: _getClassName("searchWrapper ".concat(showQuestionSection ? 'nonInteractive' : ''), _styleModuleImportMap$3, {
|
|
22849
22907
|
"handleMissingStyleName": "warn"
|
|
22850
22908
|
})
|
|
22851
22909
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
@@ -22873,8 +22931,8 @@ var HelpSideBar = function HelpSideBar(_ref) {
|
|
|
22873
22931
|
}))));
|
|
22874
22932
|
};
|
|
22875
22933
|
|
|
22876
|
-
var css_248z$
|
|
22877
|
-
styleInject(css_248z$
|
|
22934
|
+
var css_248z$b = ".utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton {\r\n cursor: pointer;\r\n}\r\n\r\nbutton.utilities_ops-app-frame_AppBarComponent_FeedbackDialog_FeedbackButton_FeedbackButton--FeedbackButton[type='button'] {\r\n /* materia-ui hack. */\r\n padding: 0 !important;\r\n}\r\n";
|
|
22935
|
+
styleInject(css_248z$b);
|
|
22878
22936
|
|
|
22879
22937
|
var FeedbackButton = function FeedbackButton(props) {
|
|
22880
22938
|
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
@@ -22887,213 +22945,30 @@ var FeedbackButton = function FeedbackButton(props) {
|
|
|
22887
22945
|
}));
|
|
22888
22946
|
};
|
|
22889
22947
|
|
|
22890
|
-
var _styleModuleImportMap$3 = {
|
|
22891
|
-
"../AppBar.css": {
|
|
22892
|
-
"root": "utilities_ops-app-frame_AppBarComponent_AppBar--root",
|
|
22893
|
-
"leftItems": "utilities_ops-app-frame_AppBarComponent_AppBar--leftItems",
|
|
22894
|
-
"appBarIcons": "utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons",
|
|
22895
|
-
"copartLogo": "utilities_ops-app-frame_AppBarComponent_AppBar--copartLogo",
|
|
22896
|
-
"copartLogoNew": "utilities_ops-app-frame_AppBarComponent_AppBar--copartLogoNew",
|
|
22897
|
-
"moduleName": "utilities_ops-app-frame_AppBarComponent_AppBar--moduleName",
|
|
22898
|
-
"flex-grid": "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid",
|
|
22899
|
-
"flex-grid-items": "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
22900
|
-
"logout": "utilities_ops-app-frame_AppBarComponent_AppBar--logout",
|
|
22901
|
-
"lightBulbIcon": "utilities_ops-app-frame_AppBarComponent_AppBar--lightBulbIcon",
|
|
22902
|
-
"language": "utilities_ops-app-frame_AppBarComponent_AppBar--language",
|
|
22903
|
-
"yard": "utilities_ops-app-frame_AppBarComponent_AppBar--yard",
|
|
22904
|
-
"yardNumber": "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber",
|
|
22905
|
-
"col": "utilities_ops-app-frame_AppBarComponent_AppBar--col",
|
|
22906
|
-
"logo": "utilities_ops-app-frame_AppBarComponent_AppBar--logo",
|
|
22907
|
-
"text": "utilities_ops-app-frame_AppBarComponent_AppBar--text",
|
|
22908
|
-
"iconText": "utilities_ops-app-frame_AppBarComponent_AppBar--iconText",
|
|
22909
|
-
"searchBar": "utilities_ops-app-frame_AppBarComponent_AppBar--searchBar",
|
|
22910
|
-
"placeholderDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--placeholderDiv",
|
|
22911
|
-
"appBarLeft": "utilities_ops-app-frame_AppBarComponent_AppBar--appBarLeft",
|
|
22912
|
-
"appTitle": "utilities_ops-app-frame_AppBarComponent_AppBar--appTitle",
|
|
22913
|
-
"item": "utilities_ops-app-frame_AppBarComponent_AppBar--item",
|
|
22914
|
-
"searchIcon": "utilities_ops-app-frame_AppBarComponent_AppBar--searchIcon",
|
|
22915
|
-
"searchWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--searchWrapper",
|
|
22916
|
-
"phoneDefault": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneDefault",
|
|
22917
|
-
"phoneAvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneAvailable",
|
|
22918
|
-
"phoneUnvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneUnvailable",
|
|
22919
|
-
"light": "utilities_ops-app-frame_AppBarComponent_AppBar--light",
|
|
22920
|
-
"lightDefault": "utilities_ops-app-frame_AppBarComponent_AppBar--lightDefault",
|
|
22921
|
-
"phoneOffline": "utilities_ops-app-frame_AppBarComponent_AppBar--phoneOffline",
|
|
22922
|
-
"lightAvailable": "utilities_ops-app-frame_AppBarComponent_AppBar--lightAvailable",
|
|
22923
|
-
"SpinnerWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper",
|
|
22924
|
-
"roleAndFlag": "utilities_ops-app-frame_AppBarComponent_AppBar--roleAndFlag",
|
|
22925
|
-
"feedback": "utilities_ops-app-frame_AppBarComponent_AppBar--feedback",
|
|
22926
|
-
"overflowItems": "utilities_ops-app-frame_AppBarComponent_AppBar--overflowItems",
|
|
22927
|
-
"mihelp_button": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelp_button",
|
|
22928
|
-
"mihelpDot": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpDot",
|
|
22929
|
-
"mihelpTooltip": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpTooltip",
|
|
22930
|
-
"ideaWidgetContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetContainer",
|
|
22931
|
-
"ideaWidgetHide": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHide",
|
|
22932
|
-
"st0": "utilities_ops-app-frame_AppBarComponent_AppBar--st0",
|
|
22933
|
-
"st1": "utilities_ops-app-frame_AppBarComponent_AppBar--st1",
|
|
22934
|
-
"st2": "utilities_ops-app-frame_AppBarComponent_AppBar--st2",
|
|
22935
|
-
"ideaWidgetHideButton": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaWidgetHideButton",
|
|
22936
|
-
"profile": "utilities_ops-app-frame_AppBarComponent_AppBar--profile",
|
|
22937
|
-
"searchContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--searchContainer",
|
|
22938
|
-
"settingsSidebarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebarWrapper",
|
|
22939
|
-
"settingsSidebar": "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar",
|
|
22940
|
-
"sideBarWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--sideBarWrapper",
|
|
22941
|
-
"innerNotificationDiv": "utilities_ops-app-frame_AppBarComponent_AppBar--innerNotificationDiv",
|
|
22942
|
-
"notificationsHeader": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsHeader",
|
|
22943
|
-
"notificationsWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationsWrapper",
|
|
22944
|
-
"notificationCount": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationCount",
|
|
22945
|
-
"twoChars": "utilities_ops-app-frame_AppBarComponent_AppBar--twoChars",
|
|
22946
|
-
"threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
|
|
22947
|
-
"notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
|
|
22948
|
-
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
22949
|
-
"ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
|
|
22950
|
-
"mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
|
|
22951
|
-
"profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
|
|
22952
|
-
}
|
|
22953
|
-
};
|
|
22954
|
-
var getPhoneStatusStyle = function getPhoneStatusStyle(status, theme) {
|
|
22955
|
-
if (status === PHONE_STATUS.Available) {
|
|
22956
|
-
return theme === 'light' ? 'flex-grid-items lightAvailable' : 'item phoneAvailable';
|
|
22957
|
-
} else if (status === PHONE_STATUS.Offline) {
|
|
22958
|
-
return theme !== 'light' ? 'item phoneUnvailable' : 'flex-grid-items phoneOffline';
|
|
22959
|
-
} else if (theme === 'light') {
|
|
22960
|
-
return 'flex-grid-items lightDefault';
|
|
22961
|
-
} else {
|
|
22962
|
-
return 'item phoneDefault';
|
|
22963
|
-
}
|
|
22964
|
-
};
|
|
22965
|
-
var PhoneAvailableIcon = function PhoneAvailableIcon(_ref) {
|
|
22966
|
-
var theme = _ref.theme;
|
|
22967
|
-
return /*#__PURE__*/React__default["default"].createElement(coreComponents.Icon, {
|
|
22968
|
-
name: "phone",
|
|
22969
|
-
variant: "material",
|
|
22970
|
-
style: theme === 'light' ? {
|
|
22971
|
-
fontSize: '24px',
|
|
22972
|
-
marginLeft: '5px',
|
|
22973
|
-
marginRight: '5px',
|
|
22974
|
-
color: '#1d5ab9'
|
|
22975
|
-
} : {}
|
|
22976
|
-
});
|
|
22977
|
-
};
|
|
22978
|
-
var PhoneUnavailableIcon = function PhoneUnavailableIcon(_ref2) {
|
|
22979
|
-
var _ref2$width = _ref2.width,
|
|
22980
|
-
width = _ref2$width === void 0 ? '14px' : _ref2$width,
|
|
22981
|
-
_ref2$height = _ref2.height,
|
|
22982
|
-
height = _ref2$height === void 0 ? '16px' : _ref2$height,
|
|
22983
|
-
_ref2$viewBox = _ref2.viewBox,
|
|
22984
|
-
viewBox = _ref2$viewBox === void 0 ? '0 0 18 18' : _ref2$viewBox;
|
|
22985
|
-
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
22986
|
-
width: width,
|
|
22987
|
-
height: height,
|
|
22988
|
-
viewBox: viewBox
|
|
22989
|
-
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
22990
|
-
id: "Cobalt---version-3.0",
|
|
22991
|
-
stroke: "none",
|
|
22992
|
-
strokeWidth: "1",
|
|
22993
|
-
fill: "none",
|
|
22994
|
-
fillRule: "evenodd"
|
|
22995
|
-
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
22996
|
-
id: "Portal---Phone-Unavailable",
|
|
22997
|
-
transform: "translate(-1142.000000, -22.000000)"
|
|
22998
|
-
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
22999
|
-
id: "Group-12",
|
|
23000
|
-
transform: "translate(1127.000000, 14.000000)"
|
|
23001
|
-
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
23002
|
-
id: "baseline-local_phone-24px",
|
|
23003
|
-
transform: "translate(12.000000, 6.000000)"
|
|
23004
|
-
}, /*#__PURE__*/React__default["default"].createElement("polygon", {
|
|
23005
|
-
id: "Path",
|
|
23006
|
-
points: "0 0 24 0 24 24 0 24"
|
|
23007
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23008
|
-
d: "M6.62,10.79 C8.06,13.62 10.38,15.93 13.21,17.38 L15.41,15.18 C15.68,14.91 16.08,14.82 16.43,14.94 C17.55,15.31 18.76,15.51 20,15.51 C20.55,15.51 21,15.96 21,16.51 L21,20 C21,20.55 20.55,21 20,21 C10.61,21 3,13.39 3,4 C3,3.45 3.45,3 4,3 L7.5,3 C8.05,3 8.5,3.45 8.5,4 C8.5,5.25 8.7,6.45 9.07,7.57 C9.18,7.92 9.1,8.31 8.82,8.59 L6.62,10.79 Z",
|
|
23009
|
-
id: "Path",
|
|
23010
|
-
fill: "#F71241"
|
|
23011
|
-
}), /*#__PURE__*/React__default["default"].createElement("polygon", {
|
|
23012
|
-
id: "Path",
|
|
23013
|
-
fill: "#F71241",
|
|
23014
|
-
points: "22 3 21 2 17 6 13 2 12 3 16 7 12 11 13 12 17 8 21 12 22 11 18 7"
|
|
23015
|
-
}))))));
|
|
23016
|
-
};
|
|
23017
|
-
var PhoneStatus = function PhoneStatus(_ref3) {
|
|
23018
|
-
_ref3.config;
|
|
23019
|
-
var phoneNumber = _ref3.phoneNumber,
|
|
23020
|
-
phoneStatusObject = _ref3.phoneStatusObject,
|
|
23021
|
-
togglePhoneAvailability = _ref3.togglePhoneAvailability,
|
|
23022
|
-
_ref3$theme = _ref3.theme,
|
|
23023
|
-
theme = _ref3$theme === void 0 ? 'dark' : _ref3$theme;
|
|
23024
|
-
var _phoneStatusObject$ph = phoneStatusObject.phoneStatus,
|
|
23025
|
-
phoneStatus = _phoneStatusObject$ph === void 0 ? '' : _phoneStatusObject$ph,
|
|
23026
|
-
_phoneStatusObject$ph2 = phoneStatusObject.phoneStatusProcessing,
|
|
23027
|
-
phoneStatusProcessing = _phoneStatusObject$ph2 === void 0 ? false : _phoneStatusObject$ph2;
|
|
23028
|
-
return /*#__PURE__*/React__default["default"].createElement(coreComponents.Tooltip, {
|
|
23029
|
-
content: phoneStatus
|
|
23030
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23031
|
-
onClick: function onClick() {
|
|
23032
|
-
if (!phoneStatusProcessing) togglePhoneAvailability();
|
|
23033
|
-
},
|
|
23034
|
-
className: _getClassName(getPhoneStatusStyle(phoneStatus, theme), _styleModuleImportMap$3, {
|
|
23035
|
-
"handleMissingStyleName": "warn"
|
|
23036
|
-
})
|
|
23037
|
-
}, phoneStatus === PHONE_STATUS.Available ? /*#__PURE__*/React__default["default"].createElement(PhoneAvailableIcon, {
|
|
23038
|
-
theme: theme
|
|
23039
|
-
}) : null, phoneStatus === PHONE_STATUS.Offline ? /*#__PURE__*/React__default["default"].createElement(PhoneUnavailableIcon, theme === 'light' ? {
|
|
23040
|
-
viewBox: '0 0 24 24',
|
|
23041
|
-
width: '24px',
|
|
23042
|
-
height: '24px'
|
|
23043
|
-
} : {}) : null, !phoneStatus ? /*#__PURE__*/React__default["default"].createElement(PhoneAvailableIcon, {
|
|
23044
|
-
theme: theme
|
|
23045
|
-
}) : null, /*#__PURE__*/React__default["default"].createElement("div", null, phoneNumber), phoneStatusProcessing === true ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23046
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--SpinnerWrapper"
|
|
23047
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
|
|
23048
|
-
size: "xxs"
|
|
23049
|
-
})) : null));
|
|
23050
|
-
};
|
|
23051
|
-
|
|
23052
|
-
var FLAG_URL_PREFIX = '/images/flag_icons/flag_';
|
|
23053
|
-
var HEIGHT_22PX = {
|
|
23054
|
-
height: '22px'
|
|
23055
|
-
};
|
|
23056
|
-
var HEIGHT_30PX = {
|
|
23057
|
-
height: '30px'
|
|
23058
|
-
};
|
|
23059
|
-
var COUNTRY_CODES = {
|
|
23060
|
-
ca: 'canada'
|
|
23061
|
-
};
|
|
23062
|
-
|
|
23063
|
-
var code = function code(countryCode) {
|
|
23064
|
-
return COUNTRY_CODES[countryCode] || countryCode;
|
|
23065
|
-
};
|
|
23066
|
-
var flagUrl = function flagUrl(countryCode) {
|
|
23067
|
-
return "".concat(FLAG_URL_PREFIX).concat((code(countryCode) || 'us').toLowerCase(), ".png");
|
|
23068
|
-
};
|
|
23069
|
-
var heightStyle = function heightStyle(type) {
|
|
23070
|
-
return type !== 'cas' ? HEIGHT_22PX : HEIGHT_30PX;
|
|
23071
|
-
};
|
|
23072
|
-
|
|
23073
|
-
var Flag$1 = function Flag(props) {
|
|
23074
|
-
return /*#__PURE__*/React__namespace.createElement("img", {
|
|
23075
|
-
"data-testid": "flag",
|
|
23076
|
-
alt: "Flag",
|
|
23077
|
-
src: flagUrl(props.countryCode),
|
|
23078
|
-
style: heightStyle(props.type),
|
|
23079
|
-
"data-e2e": "cc-Flag"
|
|
23080
|
-
});
|
|
23081
|
-
};
|
|
23082
|
-
|
|
23083
22948
|
var onRenderItem = function onRenderItem(item) {
|
|
23084
22949
|
return item.render();
|
|
23085
22950
|
};
|
|
23086
22951
|
var OverflowMenu = function OverflowMenu(props) {
|
|
22952
|
+
console.log('***props=', props);
|
|
23087
22953
|
var dataToRender = {
|
|
23088
22954
|
primary: props.items,
|
|
23089
22955
|
overflow: []
|
|
23090
22956
|
};
|
|
22957
|
+
var clickHandler = props.clickHandler;
|
|
23091
22958
|
var onReduceData = function onReduceData(currentData) {
|
|
22959
|
+
console.log('***currentData=', currentData);
|
|
23092
22960
|
if (currentData.primary.length === 0) {
|
|
23093
22961
|
return undefined;
|
|
23094
22962
|
}
|
|
23095
22963
|
var overflow = [].concat(_toConsumableArray(currentData.primary.slice(-1)), _toConsumableArray(currentData.overflow));
|
|
23096
|
-
|
|
22964
|
+
// const primary = currentData.primary.slice(0, -1)
|
|
22965
|
+
var primary = currentData.primary.filter(function (item) {
|
|
22966
|
+
return item.key === 'notifications';
|
|
22967
|
+
});
|
|
22968
|
+
console.log('***onReduceData', {
|
|
22969
|
+
primary: primary,
|
|
22970
|
+
overflow: overflow
|
|
22971
|
+
});
|
|
23097
22972
|
return {
|
|
23098
22973
|
primary: primary,
|
|
23099
22974
|
overflow: overflow
|
|
@@ -23105,19 +22980,33 @@ var OverflowMenu = function OverflowMenu(props) {
|
|
|
23105
22980
|
}
|
|
23106
22981
|
var overflow = currentData.overflow.slice(1);
|
|
23107
22982
|
var primary = [].concat(_toConsumableArray(currentData.primary), _toConsumableArray(currentData.overflow.slice(0, 1)));
|
|
22983
|
+
console.log('***onGrowData', {
|
|
22984
|
+
primary: primary,
|
|
22985
|
+
overflow: overflow
|
|
22986
|
+
});
|
|
23108
22987
|
return {
|
|
23109
22988
|
primary: primary,
|
|
23110
22989
|
overflow: overflow
|
|
23111
22990
|
};
|
|
23112
22991
|
};
|
|
23113
22992
|
var onRenderOverflowButton = function onRenderOverflowButton(overflowItems) {
|
|
23114
|
-
return
|
|
23115
|
-
|
|
23116
|
-
|
|
23117
|
-
|
|
23118
|
-
|
|
23119
|
-
|
|
23120
|
-
|
|
22993
|
+
return (
|
|
22994
|
+
/*#__PURE__*/
|
|
22995
|
+
// <IconDropdownMenu
|
|
22996
|
+
// role="menuitem"
|
|
22997
|
+
// items={overflowItems}
|
|
22998
|
+
// icon={props.overflowIcon}
|
|
22999
|
+
// iconStyle={props.overflowIconStyles}
|
|
23000
|
+
// position={'bottomCenter'}
|
|
23001
|
+
// />
|
|
23002
|
+
React__namespace.createElement("div", {
|
|
23003
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
23004
|
+
onClick: clickHandler
|
|
23005
|
+
}, /*#__PURE__*/React__namespace.createElement(coreComponents.IconV2, {
|
|
23006
|
+
name: "bars",
|
|
23007
|
+
variant: "regular"
|
|
23008
|
+
}))
|
|
23009
|
+
);
|
|
23121
23010
|
};
|
|
23122
23011
|
var onRenderData = function onRenderData(data) {
|
|
23123
23012
|
return /*#__PURE__*/React__namespace.createElement(OverflowSet, {
|
|
@@ -23137,32 +23026,32 @@ var OverflowMenu = function OverflowMenu(props) {
|
|
|
23137
23026
|
});
|
|
23138
23027
|
};
|
|
23139
23028
|
|
|
23140
|
-
var defaultAutoSelectProps
|
|
23029
|
+
var defaultAutoSelectProps = {
|
|
23141
23030
|
optionStyleProps: {
|
|
23142
23031
|
rowHeight: 40,
|
|
23143
23032
|
optionsMinHeight: 200
|
|
23144
23033
|
},
|
|
23145
23034
|
width: 200
|
|
23146
23035
|
};
|
|
23147
|
-
var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps
|
|
23036
|
+
var printerFields = [_objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
23148
23037
|
name: 'standard_printers',
|
|
23149
23038
|
label: 'Standard Printer'
|
|
23150
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps
|
|
23039
|
+
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
23151
23040
|
name: 'check_printers',
|
|
23152
23041
|
label: 'Check Printer'
|
|
23153
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps
|
|
23042
|
+
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
23154
23043
|
name: 'windshield_label_printers',
|
|
23155
23044
|
label: 'Wind Shield Printer'
|
|
23156
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps
|
|
23045
|
+
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
23157
23046
|
name: 'text_printers',
|
|
23158
23047
|
label: 'Dot Matrix Printers'
|
|
23159
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps
|
|
23048
|
+
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
23160
23049
|
name: 'barcode_label_printers',
|
|
23161
23050
|
label: 'Bar Code Printer'
|
|
23162
23051
|
})];
|
|
23163
23052
|
|
|
23164
|
-
var css_248z$
|
|
23165
|
-
styleInject(css_248z$
|
|
23053
|
+
var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--PrinterSettings {\r\n margin: 0 9px !important;\r\n padding-right: 0;\r\n width: 100% !important;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-2 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PrinterSettings_PrinterSettings--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n";
|
|
23054
|
+
styleInject(css_248z$a);
|
|
23166
23055
|
|
|
23167
23056
|
// Properly populate printer options before feeding to autoselect
|
|
23168
23057
|
var getPrinterOptions = function getPrinterOptions(printers) {
|
|
@@ -23297,8 +23186,8 @@ var getLanguages = function getLanguages() {
|
|
|
23297
23186
|
}[selectedCountry];
|
|
23298
23187
|
};
|
|
23299
23188
|
|
|
23300
|
-
var css_248z$b = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
|
|
23301
|
-
styleInject(css_248z$
|
|
23189
|
+
var css_248z$9 = "/* Simple Grid */\r\n[class*='col-'] {\r\n float: left;\r\n min-height: 1px;\r\n /* padding-right: 10px; */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n max-width: 1300px;\r\n min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */\r\n margin: 0 auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid:after {\r\n content: '';\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid-pad {\r\n padding-top: 20px;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-right {\r\n float: right;\r\n}\r\n\r\n/* Content Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-8-12 {\r\n width: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-6-12 {\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-12 {\r\n width: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-12 {\r\n width: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-5 {\r\n width: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-12 {\r\n width: 16.667%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-7 {\r\n width: 14.28%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-2-7 {\r\n width: 28.56%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-4 {\r\n width: 75%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-7 {\r\n width: 42.84%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-4-7 {\r\n width: 57.12%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-8 {\r\n width: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-9 {\r\n width: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-10 {\r\n width: 10%;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-3-10 {\r\n width: 30%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-11 {\r\n width: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-12 {\r\n width: 8.33%;\r\n}\r\n\r\n/* Layout Columns */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-11-12 {\r\n width: 91.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-10-12 {\r\n width: 83.333%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-9-12 {\r\n width: 75%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-5-12 {\r\n width: 41.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-7-12 {\r\n width: 58.33%;\r\n}\r\n\r\n/* Pushing blocks */\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-8-12 {\r\n margin-left: 66.66%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-2,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-6-12 {\r\n margin-left: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-3,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-4-12 {\r\n margin-left: 33.33%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-4,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-3-12 {\r\n margin-left: 25%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-5 {\r\n margin-left: 20%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-6,\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-2-12 {\r\n margin-left: 16.667%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-7 {\r\n margin-left: 14.28%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-8 {\r\n margin-left: 12.5%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-9 {\r\n margin-left: 11.1%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-10 {\r\n margin-left: 10%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-11 {\r\n margin-left: 9.09%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--push-1-12 {\r\n margin-left: 8.33%;\r\n}\r\n\r\n@media handheld, only screen and (max-width: 767px) {\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--grid {\r\n width: 100%;\r\n min-width: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n padding-left: 20px; /* grid-space to left */\r\n padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */\r\n }\r\n\r\n [class*='col-'] {\r\n width: auto;\r\n float: none;\r\n margin: 0;\r\n padding-left: 0;\r\n /* padding-right: 10px; */\r\n }\r\n\r\n /* Mobile Layout */\r\n\r\n [class*='mobile-col-'] {\r\n float: left;\r\n margin: 0 0 10px;\r\n padding-left: 0;\r\n padding-right: 10px; /* column-space */\r\n padding-bottom: 0;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-1 {\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-8-12 {\r\n width: 66.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-2,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-6-12 {\r\n width: 50%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-3,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-4-12 {\r\n width: 33.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-4,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-3-12 {\r\n width: 25%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-5 {\r\n width: 20%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-6,\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-2-12 {\r\n width: 16.667%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-7 {\r\n width: 14.28%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-8 {\r\n width: 12.5%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-9 {\r\n width: 11.1%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-10 {\r\n width: 10%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-11 {\r\n width: 9.09%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-1-12 {\r\n width: 8.33%;\r\n }\r\n\r\n /* Layout Columns */\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-11-12 {\r\n width: 91.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-10-12 {\r\n width: 83.333%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-9-12 {\r\n width: 75%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-5-12 {\r\n width: 41.66%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--mobile-col-7-12 {\r\n width: 58.33%;\r\n }\r\n\r\n .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--hide-on-mobile {\r\n display: none !important;\r\n width: 0;\r\n height: 0;\r\n }\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--SettingsView {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 0 20px 20px;\r\n margin-top: 65px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm {\r\n width: 100%;\r\n max-width: 1300px;\r\n /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; */\r\n max-width: 800px;\r\n margin: 0 auto;\r\n height: 100%;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm form {\r\n margin: 0 15px;\r\n height: 70%;\r\n overflow-y: auto;\r\n scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader {\r\n display: flex;\r\n align-items: end;\r\n margin: 16px 0 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader i{\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader p {\r\n font-size: 18px;\r\n font-weight: 400;\r\n margin-left: 15px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--header {\r\n width: 100%;\r\n height: 40px;\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: center;\r\n background: var(--primaryBlue);\r\n background: var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n outline: 1px solid var(--primaryBlue);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n font-size: 15.9px;\r\n font-weight: 500;\r\n color: var(--white);\r\n color: var(--white);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle {\r\n font-weight: 500;\r\n margin-top: 8px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--body {\r\n padding: 16px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: center;\r\n position: absolute;\r\n bottom: 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span {\r\n width: 80%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button {\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span i {\r\n color: #fff;\r\n font-size: 18px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox span button span .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--saveTxt {\r\n font-size: 16px;\r\n font-weight: 600;\r\n width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n padding-right: 0px;\r\n width: 100%;\r\n margin: 0 9px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--labeledGhost {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings {\r\n padding-right: 0px;\r\n width: 100%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n font-weight: 500;\r\n color: black;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo {\r\n margin-top: 2px;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-start;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow .utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField {\r\n position: relative;\r\n width: 50%;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop{\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n left:0;\r\n top:0;\r\n background-color: rgba(0,0,0,0.1);\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner{\r\n position: fixed;\r\n z-index: 500;\r\n left: calc(50% - 30px);\r\n top: calc(50% - 30px);\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr{\r\n padding: 10px;\r\n margin-bottom: 5px;\r\n width: 100%;\r\n outline: none;\r\n border: none;\r\n border-bottom: 1px solid #ddd;\r\n overflow: auto;\r\n}";
|
|
23190
|
+
styleInject(css_248z$9);
|
|
23302
23191
|
|
|
23303
23192
|
var getDescription$1 = function getDescription(languageOptions) {
|
|
23304
23193
|
return function (code) {
|
|
@@ -23514,30 +23403,6 @@ var YardNumberContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
23514
23403
|
return YardNumberContainer;
|
|
23515
23404
|
}(React__namespace.Component);
|
|
23516
23405
|
|
|
23517
|
-
var css_248z$a = ".utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails {\r\n width: 100%;\r\n display: flex;\r\n padding: 36px 48px;\r\n border-bottom: 1px solid #EDEBE9;\r\n margin-bottom: 12px;\r\n grid-gap: 24px;\r\n gap: 24px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details h3 {\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details p {\r\n font-size: 12px;\r\n font-style: normal;\r\n font-weight: 350;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton {\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 20px;\r\n grid-gap: 6px;\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton i {\r\n color: #FFF;\r\n font-size: 20px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button {\r\n padding: 7px 25px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails .utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton span button span {\r\n grid-gap: 6px;\r\n gap: 6px;\r\n}";
|
|
23518
|
-
styleInject(css_248z$a);
|
|
23519
|
-
|
|
23520
|
-
var ProfileDetails = function ProfileDetails(_ref) {
|
|
23521
|
-
var logout = _ref.logout;
|
|
23522
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23523
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--profileDetails"
|
|
23524
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23525
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--details"
|
|
23526
|
-
}, /*#__PURE__*/React__default["default"].createElement("h3", null, storage$1.userName), /*#__PURE__*/React__default["default"].createElement("p", null, storage$1.userEmail)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
23527
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_ProfileDetails_ProfileDetails--logoutButton"
|
|
23528
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
|
|
23529
|
-
primary: true,
|
|
23530
|
-
onClick: function onClick() {
|
|
23531
|
-
return logout({}, {
|
|
23532
|
-
key: 'logout'
|
|
23533
|
-
});
|
|
23534
|
-
}
|
|
23535
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
23536
|
-
name: "arrow-right-from-bracket",
|
|
23537
|
-
variant: "solid"
|
|
23538
|
-
}), /*#__PURE__*/React__default["default"].createElement("span", null, "Logout"))));
|
|
23539
|
-
};
|
|
23540
|
-
|
|
23541
23406
|
var getRCExtensionStatus = /*#__PURE__*/function () {
|
|
23542
23407
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
23543
23408
|
var _storage$getItem$endp;
|
|
@@ -23670,190 +23535,8 @@ var getActivePrinters = (function (printersData) {
|
|
|
23670
23535
|
return reduceToObject(chooseActive)(toPairs$1(defaultPrinters));
|
|
23671
23536
|
});
|
|
23672
23537
|
|
|
23673
|
-
var
|
|
23674
|
-
|
|
23675
|
-
var _super = _createSuper(Container);
|
|
23676
|
-
function Container() {
|
|
23677
|
-
var _this;
|
|
23678
|
-
_classCallCheck$2(this, Container);
|
|
23679
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
23680
|
-
args[_key] = arguments[_key];
|
|
23681
|
-
}
|
|
23682
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
23683
|
-
_defineProperty$1(_assertThisInitialized(_this), "state", {
|
|
23684
|
-
number: _this.props.phoneNumber.substr(1),
|
|
23685
|
-
result: 'none',
|
|
23686
|
-
status: 'idle'
|
|
23687
|
-
});
|
|
23688
|
-
_defineProperty$1(_assertThisInitialized(_this), "setResult", function (result) {
|
|
23689
|
-
return _this.setState({
|
|
23690
|
-
result: result
|
|
23691
|
-
});
|
|
23692
|
-
});
|
|
23693
|
-
_defineProperty$1(_assertThisInitialized(_this), "setStatus", function (status) {
|
|
23694
|
-
return _this.setState({
|
|
23695
|
-
status: status
|
|
23696
|
-
});
|
|
23697
|
-
});
|
|
23698
|
-
_defineProperty$1(_assertThisInitialized(_this), "setNumber", function (event, value) {
|
|
23699
|
-
var number = shouldAllowInputValue(value) ? value : _this.state.number;
|
|
23700
|
-
var updatePhoneNumber = function updatePhoneNumber() {
|
|
23701
|
-
return _this.props.updatePhoneNumber("8".concat(number));
|
|
23702
|
-
};
|
|
23703
|
-
return _this.setState({
|
|
23704
|
-
number: number,
|
|
23705
|
-
status: 'idle',
|
|
23706
|
-
result: 'none'
|
|
23707
|
-
}, updatePhoneNumber);
|
|
23708
|
-
});
|
|
23709
|
-
_defineProperty$1(_assertThisInitialized(_this), "testCall", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
23710
|
-
var yardNumber, extension, testCallUrl, _yield$fetcher$get, data;
|
|
23711
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
23712
|
-
while (1) switch (_context.prev = _context.next) {
|
|
23713
|
-
case 0:
|
|
23714
|
-
_this.setStatus('calling');
|
|
23715
|
-
// TODO: Validation && clean up.
|
|
23716
|
-
yardNumber = Math.floor(Number(_this.state.number.substring(0, 4)));
|
|
23717
|
-
extension = _this.state.number.substr(4);
|
|
23718
|
-
testCallUrl = generateTestCallUrl({
|
|
23719
|
-
yardNumber: yardNumber,
|
|
23720
|
-
extension: extension
|
|
23721
|
-
});
|
|
23722
|
-
_context.prev = 4;
|
|
23723
|
-
_context.next = 7;
|
|
23724
|
-
return fetcher.get(testCallUrl);
|
|
23725
|
-
case 7:
|
|
23726
|
-
_yield$fetcher$get = _context.sent;
|
|
23727
|
-
data = _yield$fetcher$get.data;
|
|
23728
|
-
if (!(_this.state.status === 'idle')) {
|
|
23729
|
-
_context.next = 11;
|
|
23730
|
-
break;
|
|
23731
|
-
}
|
|
23732
|
-
return _context.abrupt("return");
|
|
23733
|
-
case 11:
|
|
23734
|
-
_this.handleTestCallResponse(data);
|
|
23735
|
-
_context.next = 19;
|
|
23736
|
-
break;
|
|
23737
|
-
case 14:
|
|
23738
|
-
_context.prev = 14;
|
|
23739
|
-
_context.t0 = _context["catch"](4);
|
|
23740
|
-
console.error('Failed to test call:', {
|
|
23741
|
-
error: _context.t0
|
|
23742
|
-
});
|
|
23743
|
-
_this.setResult('fail');
|
|
23744
|
-
_this.setStatus('idle');
|
|
23745
|
-
case 19:
|
|
23746
|
-
case "end":
|
|
23747
|
-
return _context.stop();
|
|
23748
|
-
}
|
|
23749
|
-
}, _callee, null, [[4, 14]]);
|
|
23750
|
-
})));
|
|
23751
|
-
_defineProperty$1(_assertThisInitialized(_this), "handleTestCallResponse", function (data) {
|
|
23752
|
-
if (data.result === 'Success') {
|
|
23753
|
-
_this.setResult('pass');
|
|
23754
|
-
_this.setStatus('idle');
|
|
23755
|
-
}
|
|
23756
|
-
if (data.result === 'Failure') {
|
|
23757
|
-
_this.setResult('fail');
|
|
23758
|
-
_this.setStatus('idle');
|
|
23759
|
-
// This.props.updatePhoneNumber(this.state.number)
|
|
23760
|
-
}
|
|
23761
|
-
});
|
|
23762
|
-
return _this;
|
|
23763
|
-
}
|
|
23764
|
-
_createClass$2(Container, [{
|
|
23765
|
-
key: "componentWillReceiveProps",
|
|
23766
|
-
value: function componentWillReceiveProps(newProps) {
|
|
23767
|
-
this.setStatus('idle');
|
|
23768
|
-
this.setState(function (state) {
|
|
23769
|
-
return {
|
|
23770
|
-
number: newProps.phoneNumber.substr(1)
|
|
23771
|
-
};
|
|
23772
|
-
});
|
|
23773
|
-
}
|
|
23774
|
-
}, {
|
|
23775
|
-
key: "render",
|
|
23776
|
-
value: function render() {
|
|
23777
|
-
return this.props.children({
|
|
23778
|
-
status: this.state.status,
|
|
23779
|
-
result: this.state.result,
|
|
23780
|
-
number: this.state.number,
|
|
23781
|
-
setNumber: this.setNumber,
|
|
23782
|
-
testCall: this.testCall,
|
|
23783
|
-
ringCentralEnabled: this.props.ringCentralEnabled
|
|
23784
|
-
});
|
|
23785
|
-
}
|
|
23786
|
-
}]);
|
|
23787
|
-
return Container;
|
|
23788
|
-
}(React__namespace.Component);
|
|
23789
|
-
Container.defaultProps = {
|
|
23790
|
-
number: '',
|
|
23791
|
-
phoneNumber: ''
|
|
23792
|
-
};
|
|
23793
|
-
var shouldAllowInputValue = function shouldAllowInputValue(value) {
|
|
23794
|
-
return /^\d{0,8}$/.test(value);
|
|
23795
|
-
};
|
|
23796
|
-
var generateTestCallUrl = function generateTestCallUrl(_ref2) {
|
|
23797
|
-
var _storage$getLocalItem;
|
|
23798
|
-
var yardNumber = _ref2.yardNumber,
|
|
23799
|
-
extension = _ref2.extension;
|
|
23800
|
-
var id = (_storage$getLocalItem = storage$1.getLocalItem('login')) === null || _storage$getLocalItem === void 0 ? void 0 : _storage$getLocalItem.userData.entity_id;
|
|
23801
|
-
var url = storage$1.getItem('config').endpoints.testCall;
|
|
23802
|
-
return frontEndUtils.string.substitute(url, {
|
|
23803
|
-
yardNumber: yardNumber,
|
|
23804
|
-
extension: extension,
|
|
23805
|
-
id: id
|
|
23806
|
-
});
|
|
23807
|
-
};
|
|
23808
|
-
|
|
23809
|
-
var css_248z$9 = ".utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title {\r\n font-weight: 500;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow {\r\n display: flex;\r\n width: 100%;\r\n align-items: flex-end;\r\n position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow .ms-TextField-errorMessage {\r\n position: absolute;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField {\r\n position: relative;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix {\r\n margin: 5px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton {\r\n margin-left: 12px;\r\n}\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix8 {\r\n margin: auto 2px auto 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings input {\r\n margin-right: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo {\r\n margin-top: 2px;\r\n opacity: 0.5;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator {\r\n position: absolute;\r\n right: 5px;\r\n height: 30px;\r\n display: flex;\r\n bottom: 1px;\r\n align-items: center;\r\n}\r\n\r\n.utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings .utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator .ms-Spinner-circle {\r\n max-width: 20px !important;\r\n max-height: 20px !important;\r\n right: 5px;\r\n}\r\n\r\nmaterial-icon[name='check'] {\r\n color: rgb(100, 181, 10);\r\n font-size: 12px;\r\n}\r\n\r\nmaterial-icon[name='error_outline'] {\r\n color: #a80000;\r\n font-size: 12px;\r\n}\r\n";
|
|
23810
|
-
styleInject(css_248z$9);
|
|
23811
|
-
|
|
23812
|
-
var PhoneNumberSettings = function PhoneNumberSettings(props) {
|
|
23813
|
-
return /*#__PURE__*/React__namespace.createElement(Container, props, function (store) {
|
|
23814
|
-
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
23815
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--PhoneNumberSettings"
|
|
23816
|
-
}, /*#__PURE__*/React__namespace.createElement("p", {
|
|
23817
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--title"
|
|
23818
|
-
}, "Phone Number"), /*#__PURE__*/React__namespace.createElement("small", {
|
|
23819
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--smallInfo"
|
|
23820
|
-
}, /*#__PURE__*/React__namespace.createElement("i", null, "Required to enable click to dial feature.")), /*#__PURE__*/React__namespace.createElement("div", {
|
|
23821
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--inputRow"
|
|
23822
|
-
}, /*#__PURE__*/React__namespace.createElement("span", {
|
|
23823
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--textField"
|
|
23824
|
-
}, /*#__PURE__*/React__namespace.createElement("span", {
|
|
23825
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--prefix"
|
|
23826
|
-
}, "8"), /*#__PURE__*/React__namespace.createElement(coreComponents.Input, {
|
|
23827
|
-
required: true,
|
|
23828
|
-
id: "phoneNumber",
|
|
23829
|
-
name: "phoneNumber",
|
|
23830
|
-
placeholder: "xxxxxxx",
|
|
23831
|
-
label: "Phone Number",
|
|
23832
|
-
value: store.number,
|
|
23833
|
-
onChange: store.setNumber,
|
|
23834
|
-
maxLength: "8",
|
|
23835
|
-
onGetErrorMessage: validator
|
|
23836
|
-
}), /*#__PURE__*/React__namespace.createElement("span", {
|
|
23837
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--statusIndicator"
|
|
23838
|
-
}, store.status === 'calling' ? /*#__PURE__*/React__namespace.createElement(coreComponents.Spinner, null) : store.result === 'pass' ? /*#__PURE__*/React__namespace.createElement("material-icon", {
|
|
23839
|
-
name: "check",
|
|
23840
|
-
size: "sm"
|
|
23841
|
-
}) : store.result === 'fail' ? /*#__PURE__*/React__namespace.createElement("material-icon", {
|
|
23842
|
-
name: "error_outline",
|
|
23843
|
-
size: "sm"
|
|
23844
|
-
}) : null)), /*#__PURE__*/React__namespace.createElement("span", {
|
|
23845
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_PhoneNumberSettings_styles_PhoneNumberSettings--testCallButton"
|
|
23846
|
-
}, /*#__PURE__*/React__namespace.createElement(coreComponents.Button, {
|
|
23847
|
-
disabled: store.number.length < 7,
|
|
23848
|
-
onClick: store.number.length && store.testCall
|
|
23849
|
-
}, "Test call"))));
|
|
23850
|
-
});
|
|
23851
|
-
};
|
|
23852
|
-
var validator = function validator(value) {
|
|
23853
|
-
// TODO: More detailed error messages.
|
|
23854
|
-
|
|
23855
|
-
return /^\d{8}$/.test(value) ? 'Maximum digits reached.' : '';
|
|
23856
|
-
};
|
|
23538
|
+
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";
|
|
23539
|
+
styleInject(css_248z$8);
|
|
23857
23540
|
|
|
23858
23541
|
var EMPTY_PRINTERS$1 = {
|
|
23859
23542
|
barcode_label_printers: '',
|
|
@@ -24225,7 +23908,7 @@ var SettingsView$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
24225
23908
|
value: function render() {
|
|
24226
23909
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24227
23910
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
|
|
24228
|
-
}, /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
|
|
23911
|
+
}, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
|
|
24229
23912
|
logout: this.props.onLogoutItemClicked
|
|
24230
23913
|
}), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24231
23914
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
|
|
@@ -24293,7 +23976,7 @@ var RoleSelector = function RoleSelector(_ref) {
|
|
|
24293
23976
|
required = _ref$required === void 0 ? true : _ref$required;
|
|
24294
23977
|
_ref.selectedYard;
|
|
24295
23978
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24296
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-
|
|
23979
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
|
|
24297
23980
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, {
|
|
24298
23981
|
name: "role",
|
|
24299
23982
|
label: "Role",
|
|
@@ -24386,7 +24069,7 @@ var HierarchySelector = function HierarchySelector(_ref) {
|
|
|
24386
24069
|
value = _ref.value,
|
|
24387
24070
|
onChange = _ref.onChange;
|
|
24388
24071
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24389
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-
|
|
24072
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
|
|
24390
24073
|
}, options.length === 0 ? /*#__PURE__*/React__default["default"].createElement(coreComponents.Input, {
|
|
24391
24074
|
label: "Hierarchy",
|
|
24392
24075
|
name: "Hierarchy",
|
|
@@ -24427,7 +24110,7 @@ var YardNumberMenu = function YardNumberMenu(_ref) {
|
|
|
24427
24110
|
var disabled = _ref.disabled,
|
|
24428
24111
|
otherProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
24429
24112
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24430
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-
|
|
24113
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--col-1-1"
|
|
24431
24114
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.AutoSelect, _extends$1({}, otherProps, {
|
|
24432
24115
|
name: "selectedYard",
|
|
24433
24116
|
value: value,
|
|
@@ -24456,28 +24139,6 @@ var EMPTY_PRINTERS = {
|
|
|
24456
24139
|
text_printers: ''
|
|
24457
24140
|
};
|
|
24458
24141
|
|
|
24459
|
-
//RC info in settings page
|
|
24460
|
-
var RingCentralInfo = function RingCentralInfo(_ref) {
|
|
24461
|
-
var phoneNumber = _ref.phoneNumber;
|
|
24462
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24463
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--RCPhoneNumberSettings"
|
|
24464
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24465
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--title"
|
|
24466
|
-
}, "Phone Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24467
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--smallInfo"
|
|
24468
|
-
}, /*#__PURE__*/React__default["default"].createElement("i", null, "Required to enable click to dial feature.")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24469
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow"
|
|
24470
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24471
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--textField"
|
|
24472
|
-
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Input, {
|
|
24473
|
-
id: "rcNumber",
|
|
24474
|
-
name: "rcNumber",
|
|
24475
|
-
label: "Ring Central Phone Number",
|
|
24476
|
-
value: phoneNumber,
|
|
24477
|
-
disabled: true
|
|
24478
|
-
}))));
|
|
24479
|
-
};
|
|
24480
|
-
|
|
24481
24142
|
// Handles changes to all inputs.
|
|
24482
24143
|
var handleInputChange = function handleInputChange(self) {
|
|
24483
24144
|
var handleChange = function handleChange(name) {
|
|
@@ -24967,11 +24628,14 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
|
|
|
24967
24628
|
var disableYardDropDown = propOr$1('country', 'level', selectedHierarchy) === 'yard';
|
|
24968
24629
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24969
24630
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsForm"
|
|
24970
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
24971
|
-
|
|
24972
|
-
}, /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("
|
|
24973
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--
|
|
24974
|
-
},
|
|
24631
|
+
}, this.props.width > 760 && /*#__PURE__*/React__default["default"].createElement(ProfileDetails, {
|
|
24632
|
+
logout: this.props.onLogoutItemClicked
|
|
24633
|
+
}), /*#__PURE__*/React__default["default"].createElement("form", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24634
|
+
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settingsHeader"
|
|
24635
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
24636
|
+
name: "gear",
|
|
24637
|
+
variant: "solid"
|
|
24638
|
+
}), /*#__PURE__*/React__default["default"].createElement("p", null, "Settings")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24975
24639
|
className: "col-1-1 utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--inputRow",
|
|
24976
24640
|
"data-e2e": "LocationAndLanguageRow"
|
|
24977
24641
|
}, /*#__PURE__*/React__default["default"].createElement(RoleSelector, {
|
|
@@ -24988,33 +24652,20 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
|
|
|
24988
24652
|
disabled: disableYardDropDown,
|
|
24989
24653
|
value: this.state.selectedYardNumber,
|
|
24990
24654
|
handleChange: this.handleInputChange.selectedYardNumber
|
|
24991
|
-
})), /*#__PURE__*/React__default["default"].createElement(
|
|
24992
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
|
|
24993
|
-
}), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24994
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--sectionTitle"
|
|
24995
|
-
}, "Printers"), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
|
|
24655
|
+
})), /*#__PURE__*/React__default["default"].createElement(PrinterSettings, {
|
|
24996
24656
|
activePrinters: this.activePrinters,
|
|
24997
24657
|
setPrinterData: this.setPrinterData,
|
|
24998
24658
|
selectedYard: this.state.selectedYardNumber,
|
|
24999
24659
|
selectedPrinterData: this.selectedPrinterData,
|
|
25000
24660
|
printersData: this.state.printersData
|
|
25001
|
-
})), /*#__PURE__*/React__default["default"].createElement("
|
|
25002
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
|
|
25003
|
-
}), this.state.ringCentralEnabled === false ? /*#__PURE__*/React__default["default"].createElement(PhoneNumberSettings, {
|
|
25004
|
-
phoneNumber: this.state.phoneNumber,
|
|
25005
|
-
updatePhoneNumber: this.updatePhoneNumber
|
|
25006
|
-
}) : this.state.ringCentralEnabled === true ? /*#__PURE__*/React__default["default"].createElement(RingCentralInfo, {
|
|
25007
|
-
phoneNumber: this.state.phoneNumber
|
|
25008
|
-
}) : null, /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
25009
|
-
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--settings-hr"
|
|
25010
|
-
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24661
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25011
24662
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--buttonBox",
|
|
25012
24663
|
"data-e2e": "saveButton"
|
|
25013
24664
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.Button, {
|
|
25014
24665
|
primary: true,
|
|
25015
24666
|
type: "submit",
|
|
25016
24667
|
onClick: this.saveSettings
|
|
25017
|
-
}, "Save"))
|
|
24668
|
+
}, "Save")), this.state.showLoading && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25018
24669
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--backdrop"
|
|
25019
24670
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25020
24671
|
className: "utilities_ops-app-frame_AppBarComponent_Settings_SettingsView--spinner"
|
|
@@ -25026,8 +24677,8 @@ var SettingsView = /*#__PURE__*/function (_React$Component) {
|
|
|
25026
24677
|
return SettingsView;
|
|
25027
24678
|
}(React__default["default"].Component);
|
|
25028
24679
|
|
|
25029
|
-
var css_248z$
|
|
25030
|
-
styleInject(css_248z$
|
|
24680
|
+
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";
|
|
24681
|
+
styleInject(css_248z$7);
|
|
25031
24682
|
|
|
25032
24683
|
var _nodeResolve_empty = {};
|
|
25033
24684
|
|
|
@@ -31808,7 +31459,6 @@ var _styleModuleImportMap$2 = {
|
|
|
31808
31459
|
"threeChars": "utilities_ops-app-frame_AppBarComponent_AppBar--threeChars",
|
|
31809
31460
|
"notificationIconWrapper": "utilities_ops-app-frame_AppBarComponent_AppBar--notificationIconWrapper",
|
|
31810
31461
|
"arrowTipContainer": "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer",
|
|
31811
|
-
"ideaNoteArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--ideaNoteArrow",
|
|
31812
31462
|
"mihelpArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--mihelpArrow",
|
|
31813
31463
|
"profileArrow": "utilities_ops-app-frame_AppBarComponent_AppBar--profileArrow"
|
|
31814
31464
|
}
|
|
@@ -31875,22 +31525,21 @@ var overflowIconStyles = {
|
|
|
31875
31525
|
var generateAppBarElements = function generateAppBarElements(props, showCallout) {
|
|
31876
31526
|
props.countryCode;
|
|
31877
31527
|
props.role;
|
|
31878
|
-
var yardNumber = props.yardNumber
|
|
31879
|
-
|
|
31880
|
-
|
|
31881
|
-
|
|
31882
|
-
|
|
31883
|
-
|
|
31884
|
-
|
|
31885
|
-
config = props.config,
|
|
31528
|
+
var yardNumber = props.yardNumber;
|
|
31529
|
+
props.phoneNumber;
|
|
31530
|
+
props.phoneStatusObject;
|
|
31531
|
+
props.togglePhoneAvailability;
|
|
31532
|
+
var handleHelpClick = props.handleHelpClick;
|
|
31533
|
+
props.type;
|
|
31534
|
+
var config = props.config,
|
|
31886
31535
|
_props$navigateTo = props.navigateTo,
|
|
31887
31536
|
navigateTo = _props$navigateTo === void 0 ? function (url) {} : _props$navigateTo,
|
|
31888
31537
|
isMihelpEnabled = props.isMihelpEnabled,
|
|
31889
31538
|
isIdeaNoteEnabled = props.isIdeaNoteEnabled,
|
|
31890
31539
|
_props$notifications = props.notifications,
|
|
31891
|
-
notifications = _props$notifications === void 0 ? [] : _props$notifications
|
|
31892
|
-
|
|
31893
|
-
setNotificationsVisible = props.setNotificationsVisible,
|
|
31540
|
+
notifications = _props$notifications === void 0 ? [] : _props$notifications;
|
|
31541
|
+
props.width;
|
|
31542
|
+
var setNotificationsVisible = props.setNotificationsVisible,
|
|
31894
31543
|
notificationsVisible = props.notificationsVisible,
|
|
31895
31544
|
mihelpVisible = props.mihelpVisible,
|
|
31896
31545
|
setMihelpVisible = props.setMihelpVisible,
|
|
@@ -31904,7 +31553,8 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
31904
31553
|
settingsVisible = props.settingsVisible;
|
|
31905
31554
|
props.setSettingsVisible;
|
|
31906
31555
|
var handleIconClick = props.handleIconClick,
|
|
31907
|
-
ideaNoteVisible = props.ideaNoteVisible
|
|
31556
|
+
ideaNoteVisible = props.ideaNoteVisible,
|
|
31557
|
+
mobileMenuVisible = props.mobileMenuVisible;
|
|
31908
31558
|
var coreAppConfig = storage$1.getLocalItem('opsportal-core:config');
|
|
31909
31559
|
var enableNewToolkitFeatures = coreAppConfig.enableNewToolkitFeatures,
|
|
31910
31560
|
showSettingsMenuByTileConfig = coreAppConfig.showSettingsMenuByTileConfig;
|
|
@@ -31955,13 +31605,6 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
31955
31605
|
};
|
|
31956
31606
|
return languageMapper[language];
|
|
31957
31607
|
};
|
|
31958
|
-
var getCountryByLanguage = function getCountryByLanguage(language) {
|
|
31959
|
-
var countryMapper = {
|
|
31960
|
-
en: 'US',
|
|
31961
|
-
fr: 'CA'
|
|
31962
|
-
};
|
|
31963
|
-
return countryMapper[language];
|
|
31964
|
-
};
|
|
31965
31608
|
var items = [{
|
|
31966
31609
|
key: 'search',
|
|
31967
31610
|
name: 'Search',
|
|
@@ -32075,10 +31718,17 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
32075
31718
|
name: "lightbulb",
|
|
32076
31719
|
variant: "solid"
|
|
32077
31720
|
})), ideaNoteVisible && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32078
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer
|
|
31721
|
+
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
|
|
32079
31722
|
}));
|
|
32080
31723
|
}
|
|
32081
|
-
},
|
|
31724
|
+
},
|
|
31725
|
+
// width >= 760 && {
|
|
31726
|
+
// key: 'notifications',
|
|
31727
|
+
// name: 'Notifications',
|
|
31728
|
+
// renderIf: true,
|
|
31729
|
+
// render: () => (notificationIconComp({notifications, setNotificationsVisible, notificationsVisible, mihelpVisible, marginStyle: {marginLeft: '0'}, showSearchContainer, settingsVisible, handleIconClick, ideaNoteVisible}))
|
|
31730
|
+
// },
|
|
31731
|
+
{
|
|
32082
31732
|
key: 'notifications',
|
|
32083
31733
|
name: 'Notifications',
|
|
32084
31734
|
renderIf: true,
|
|
@@ -32094,22 +31744,23 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
32094
31744
|
showSearchContainer: showSearchContainer,
|
|
32095
31745
|
settingsVisible: settingsVisible,
|
|
32096
31746
|
handleIconClick: handleIconClick,
|
|
32097
|
-
ideaNoteVisible: ideaNoteVisible
|
|
31747
|
+
ideaNoteVisible: ideaNoteVisible,
|
|
31748
|
+
mobileMenuVisible: mobileMenuVisible
|
|
32098
31749
|
});
|
|
32099
31750
|
}
|
|
32100
31751
|
}, {
|
|
32101
31752
|
key: 'language',
|
|
32102
31753
|
name: 'Language',
|
|
32103
|
-
renderIf:
|
|
31754
|
+
renderIf: process.env.STACK === 'c',
|
|
32104
31755
|
render: function render() {
|
|
32105
31756
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32106
31757
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items utilities_ops-app-frame_AppBarComponent_AppBar--language",
|
|
32107
31758
|
onClick: function onClick() {
|
|
32108
31759
|
return handleIconClick(ICONS.SETTINGS);
|
|
32109
31760
|
}
|
|
32110
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
32111
|
-
|
|
32112
|
-
|
|
31761
|
+
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
31762
|
+
name: "earth-americas",
|
|
31763
|
+
variant: "regular"
|
|
32113
31764
|
}), " ", /*#__PURE__*/React__default["default"].createElement("span", null, getLanguage(storage$1.activeLanguage)));
|
|
32114
31765
|
}
|
|
32115
31766
|
}, {
|
|
@@ -32138,7 +31789,7 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
32138
31789
|
} : navigateTo('/settings')
|
|
32139
31790
|
}, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
|
|
32140
31791
|
name: "buildings",
|
|
32141
|
-
variant: "
|
|
31792
|
+
variant: "regular"
|
|
32142
31793
|
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32143
31794
|
"data-testid": "yardNumber",
|
|
32144
31795
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--yardNumber"
|
|
@@ -32146,33 +31797,34 @@ var generateAppBarElements = function generateAppBarElements(props, showCallout)
|
|
|
32146
31797
|
}
|
|
32147
31798
|
},
|
|
32148
31799
|
// add margin 0 12px to all icons in the right
|
|
31800
|
+
// {
|
|
31801
|
+
// key: 'phoneStatus',
|
|
31802
|
+
// name: phoneNumber,
|
|
31803
|
+
// onRender: (_, dismissMenu) => (
|
|
31804
|
+
// <PhoneStatus
|
|
31805
|
+
// config={config}
|
|
31806
|
+
// theme="light"
|
|
31807
|
+
// phoneNumber={phoneNumber}
|
|
31808
|
+
// phoneStatusObject={phoneStatusObject}
|
|
31809
|
+
// togglePhoneAvailability={() => {
|
|
31810
|
+
// togglePhoneAvailability()
|
|
31811
|
+
// dismissMenu()
|
|
31812
|
+
// }}
|
|
31813
|
+
// />
|
|
31814
|
+
// ),
|
|
31815
|
+
// renderIf: config.includes('phone') && phoneNumber,
|
|
31816
|
+
// render: () => (
|
|
31817
|
+
// <span styleName='appBarIcons'>
|
|
31818
|
+
// <PhoneStatus
|
|
31819
|
+
// config={config}
|
|
31820
|
+
// phoneNumber={phoneNumber}
|
|
31821
|
+
// phoneStatusObject={phoneStatusObject}
|
|
31822
|
+
// togglePhoneAvailability={togglePhoneAvailability}
|
|
31823
|
+
// />
|
|
31824
|
+
// </span>
|
|
31825
|
+
// )
|
|
31826
|
+
// },
|
|
32149
31827
|
{
|
|
32150
|
-
key: 'phoneStatus',
|
|
32151
|
-
name: phoneNumber,
|
|
32152
|
-
onRender: function onRender(_, dismissMenu) {
|
|
32153
|
-
return /*#__PURE__*/React__default["default"].createElement(PhoneStatus, {
|
|
32154
|
-
config: config,
|
|
32155
|
-
theme: "light",
|
|
32156
|
-
phoneNumber: phoneNumber,
|
|
32157
|
-
phoneStatusObject: phoneStatusObject,
|
|
32158
|
-
togglePhoneAvailability: function togglePhoneAvailability() {
|
|
32159
|
-
_togglePhoneAvailability();
|
|
32160
|
-
dismissMenu();
|
|
32161
|
-
}
|
|
32162
|
-
});
|
|
32163
|
-
},
|
|
32164
|
-
renderIf: config.includes('phone') && phoneNumber,
|
|
32165
|
-
render: function render() {
|
|
32166
|
-
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
32167
|
-
className: "utilities_ops-app-frame_AppBarComponent_AppBar--appBarIcons"
|
|
32168
|
-
}, /*#__PURE__*/React__default["default"].createElement(PhoneStatus, {
|
|
32169
|
-
config: config,
|
|
32170
|
-
phoneNumber: phoneNumber,
|
|
32171
|
-
phoneStatusObject: phoneStatusObject,
|
|
32172
|
-
togglePhoneAvailability: _togglePhoneAvailability
|
|
32173
|
-
}));
|
|
32174
|
-
}
|
|
32175
|
-
}, {
|
|
32176
31828
|
key: 'logout',
|
|
32177
31829
|
name: 'Logout',
|
|
32178
31830
|
renderIf: true,
|
|
@@ -32239,7 +31891,8 @@ var notificationIconComp = function notificationIconComp(_ref3) {
|
|
|
32239
31891
|
settingsVisible = _ref3.settingsVisible,
|
|
32240
31892
|
handleIconClick = _ref3.handleIconClick,
|
|
32241
31893
|
ideaNoteVisible = _ref3.ideaNoteVisible,
|
|
32242
|
-
mihelpVisible = _ref3.mihelpVisible
|
|
31894
|
+
mihelpVisible = _ref3.mihelpVisible,
|
|
31895
|
+
mobileMenuVisible = _ref3.mobileMenuVisible;
|
|
32243
31896
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32244
31897
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--flex-grid-items",
|
|
32245
31898
|
style: _objectSpread2({}, marginStyle),
|
|
@@ -32257,7 +31910,7 @@ var notificationIconComp = function notificationIconComp(_ref3) {
|
|
|
32257
31910
|
style: {
|
|
32258
31911
|
fontSize: '10px'
|
|
32259
31912
|
}
|
|
32260
|
-
}, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
31913
|
+
}, notifications.length)), notifications && notifications.length > 0 && (!mihelpVisible && !showSearchContainer && !settingsVisible && !ideaNoteVisible && !mobileMenuVisible || notificationsVisible) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32261
31914
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--arrowTipContainer"
|
|
32262
31915
|
}));
|
|
32263
31916
|
};
|
|
@@ -32266,7 +31919,8 @@ var ICONS = {
|
|
|
32266
31919
|
NOTIFICATIONS: 'NOTIFICATIONS',
|
|
32267
31920
|
IDEANOTE: 'IDEANOTE',
|
|
32268
31921
|
SETTINGS: 'SETTINGS',
|
|
32269
|
-
MIHELP: 'MIHELP'
|
|
31922
|
+
MIHELP: 'MIHELP',
|
|
31923
|
+
MOBILE_MENU: 'MOBILE_MENU'
|
|
32270
31924
|
};
|
|
32271
31925
|
var AppBar$1 = function AppBar(props) {
|
|
32272
31926
|
var _window$toolkitEnv3;
|
|
@@ -32305,10 +31959,14 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32305
31959
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
32306
31960
|
mihelpVisible = _useState16[0],
|
|
32307
31961
|
setMihelpVisible = _useState16[1];
|
|
32308
|
-
var _useState17 = React.useState(
|
|
31962
|
+
var _useState17 = React.useState(false),
|
|
32309
31963
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
32310
|
-
|
|
32311
|
-
|
|
31964
|
+
mobileMenuVisible = _useState18[0],
|
|
31965
|
+
setMobileMenuVisible = _useState18[1];
|
|
31966
|
+
var _useState19 = React.useState(null),
|
|
31967
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
31968
|
+
ideaNoteToken = _useState20[0],
|
|
31969
|
+
setIdeaNoteToken = _useState20[1];
|
|
32312
31970
|
var isLoggedOn = props.isLoggedOn,
|
|
32313
31971
|
moduleName = props.moduleName,
|
|
32314
31972
|
forceUpdate = props.forceUpdate,
|
|
@@ -32322,16 +31980,19 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32322
31980
|
saveActionComponentState = props.saveActionComponentState,
|
|
32323
31981
|
onLogoutItemClicked = props.onLogoutItemClicked,
|
|
32324
31982
|
mihelpAppPath = props.mihelpAppPath,
|
|
32325
|
-
showMihelpDot = props.showMihelpDot
|
|
31983
|
+
showMihelpDot = props.showMihelpDot,
|
|
31984
|
+
isMihelpEnabled = props.isMihelpEnabled,
|
|
31985
|
+
isIdeaNoteEnabled = props.isIdeaNoteEnabled;
|
|
32326
31986
|
var _useWindowSize = useWindowSize(),
|
|
32327
31987
|
width = _useWindowSize.width;
|
|
32328
31988
|
_useWindowSize.height;
|
|
32329
|
-
var
|
|
32330
|
-
|
|
32331
|
-
count =
|
|
32332
|
-
setCount =
|
|
31989
|
+
var _useState21 = React.useState(0),
|
|
31990
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
31991
|
+
count = _useState22[0],
|
|
31992
|
+
setCount = _useState22[1];
|
|
32333
31993
|
var mihelpRef = React.useRef(null);
|
|
32334
31994
|
var mihelpIconRef = React.useRef(null);
|
|
31995
|
+
console.log("***mobileMenuVisible=", mobileMenuVisible);
|
|
32335
31996
|
React.useLayoutEffect(function () {
|
|
32336
31997
|
setCount(count + 1);
|
|
32337
31998
|
}, [width]);
|
|
@@ -32399,6 +32060,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32399
32060
|
setIdeaNoteVisible(false);
|
|
32400
32061
|
setSettingsVisible(false);
|
|
32401
32062
|
setMihelpVisible(false);
|
|
32063
|
+
setMobileMenuVisible(false);
|
|
32402
32064
|
break;
|
|
32403
32065
|
case ICONS.NOTIFICATIONS:
|
|
32404
32066
|
setNotificationsVisible(function (notificationsVisible) {
|
|
@@ -32408,6 +32070,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32408
32070
|
setSettingsVisible(false);
|
|
32409
32071
|
setShowSearchContainer(false);
|
|
32410
32072
|
setMihelpVisible(false);
|
|
32073
|
+
setMobileMenuVisible(false);
|
|
32411
32074
|
break;
|
|
32412
32075
|
case ICONS.SETTINGS:
|
|
32413
32076
|
setSettingsVisible(function (settingsVisible) {
|
|
@@ -32417,6 +32080,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32417
32080
|
setIdeaNoteVisible(false);
|
|
32418
32081
|
setShowSearchContainer(false);
|
|
32419
32082
|
setMihelpVisible(false);
|
|
32083
|
+
setMobileMenuVisible(false);
|
|
32420
32084
|
break;
|
|
32421
32085
|
case ICONS.IDEANOTE:
|
|
32422
32086
|
setIdeaNoteVisible(function (ideaNoteVisible) {
|
|
@@ -32426,6 +32090,17 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32426
32090
|
setNotificationsVisible(false);
|
|
32427
32091
|
setShowSearchContainer(false);
|
|
32428
32092
|
setMihelpVisible(false);
|
|
32093
|
+
setMobileMenuVisible(false);
|
|
32094
|
+
break;
|
|
32095
|
+
case ICONS.MOBILE_MENU:
|
|
32096
|
+
setMobileMenuVisible(function (mobileMenuVisible) {
|
|
32097
|
+
return !mobileMenuVisible;
|
|
32098
|
+
});
|
|
32099
|
+
setSettingsVisible(false);
|
|
32100
|
+
setNotificationsVisible(false);
|
|
32101
|
+
setShowSearchContainer(false);
|
|
32102
|
+
setMihelpVisible(false);
|
|
32103
|
+
setIdeaNoteVisible(false);
|
|
32429
32104
|
break;
|
|
32430
32105
|
case ICONS.MIHELP:
|
|
32431
32106
|
setMihelpVisible(function (mihelpVisible) {
|
|
@@ -32435,6 +32110,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32435
32110
|
setSettingsVisible(false);
|
|
32436
32111
|
setNotificationsVisible(false);
|
|
32437
32112
|
setShowSearchContainer(false);
|
|
32113
|
+
setMobileMenuVisible(false);
|
|
32438
32114
|
break;
|
|
32439
32115
|
default:
|
|
32440
32116
|
return;
|
|
@@ -32512,8 +32188,33 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32512
32188
|
if (e.target.className.includes("settingsSidebarWrapper")) {
|
|
32513
32189
|
setSettingsVisible(false);
|
|
32514
32190
|
}
|
|
32191
|
+
if (e.target.className.includes("mobileMenuSidebarWrapper")) {
|
|
32192
|
+
setMobileMenuVisible(false);
|
|
32193
|
+
}
|
|
32515
32194
|
};
|
|
32516
32195
|
(_window$toolkitEnv3 = window.toolkitEnv) !== null && _window$toolkitEnv3 !== void 0 && _window$toolkitEnv3.STACK ? window.toolkitEnv.STACK : process.env.STACK;
|
|
32196
|
+
var mobileMenuItems = [{
|
|
32197
|
+
name: 'Help',
|
|
32198
|
+
icon: 'question-circle',
|
|
32199
|
+
render: isMihelpEnabled,
|
|
32200
|
+
clickHandler: function clickHandler() {
|
|
32201
|
+
return handleIconClick(ICONS.MIHELP);
|
|
32202
|
+
}
|
|
32203
|
+
}, {
|
|
32204
|
+
name: 'InnoV8',
|
|
32205
|
+
icon: 'lightbulb',
|
|
32206
|
+
render: isIdeaNoteEnabled,
|
|
32207
|
+
clickHandler: function clickHandler() {
|
|
32208
|
+
return handleIconClick(ICONS.IDEANOTE);
|
|
32209
|
+
}
|
|
32210
|
+
}, {
|
|
32211
|
+
name: 'Settings',
|
|
32212
|
+
icon: 'gear',
|
|
32213
|
+
render: true,
|
|
32214
|
+
clickHandler: function clickHandler() {
|
|
32215
|
+
return handleIconClick(ICONS.SETTINGS);
|
|
32216
|
+
}
|
|
32217
|
+
}];
|
|
32517
32218
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
32518
32219
|
"data-e2e": "cc-AppBar",
|
|
32519
32220
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--root"
|
|
@@ -32546,23 +32247,18 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32546
32247
|
settingsVisible: settingsVisible,
|
|
32547
32248
|
setSettingsVisible: setSettingsVisible,
|
|
32548
32249
|
handleIconClick: handleIconClick,
|
|
32549
|
-
ideaNoteVisible: ideaNoteVisible
|
|
32250
|
+
ideaNoteVisible: ideaNoteVisible,
|
|
32251
|
+
mobileMenuVisible: mobileMenuVisible
|
|
32550
32252
|
})),
|
|
32551
32253
|
overflowSetStyles: overflowSetStyles,
|
|
32552
32254
|
overflowIcon: "CollapseMenu",
|
|
32553
|
-
overflowIconStyles: overflowIconStyles
|
|
32554
|
-
|
|
32555
|
-
|
|
32556
|
-
|
|
32557
|
-
|
|
32558
|
-
|
|
32559
|
-
|
|
32560
|
-
showSearchContainer: showSearchContainer,
|
|
32561
|
-
settingsVisible: settingsVisible,
|
|
32562
|
-
handleIconClick: handleIconClick,
|
|
32563
|
-
ideaNoteVisible: ideaNoteVisible,
|
|
32564
|
-
mihelpVisible: mihelpVisible
|
|
32565
|
-
}), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
|
|
32255
|
+
overflowIconStyles: overflowIconStyles,
|
|
32256
|
+
setMobileMenuVisible: setMobileMenuVisible,
|
|
32257
|
+
mobileMenuVisible: mobileMenuVisible,
|
|
32258
|
+
clickHandler: function clickHandler() {
|
|
32259
|
+
return handleIconClick(ICONS.MOBILE_MENU);
|
|
32260
|
+
}
|
|
32261
|
+
}) : null), /*#__PURE__*/React__default["default"].createElement(FeedbackDialog, _extends$1({}, props, {
|
|
32566
32262
|
open: openFeedbackDialog,
|
|
32567
32263
|
closeDialog: function closeDialog() {
|
|
32568
32264
|
return toggleFeedbackDialog(false);
|
|
@@ -32594,6 +32290,7 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32594
32290
|
right: '0',
|
|
32595
32291
|
height: '100%',
|
|
32596
32292
|
width: '400px',
|
|
32293
|
+
maxWidth: '400px',
|
|
32597
32294
|
backgroundColor: 'white'
|
|
32598
32295
|
},
|
|
32599
32296
|
src: ideaNoteToken === "TOKEN_ERROR" ? ideaNoteUri : "".concat(ideaNoteUri, "&auth.jwt=").concat(ideaNoteToken)
|
|
@@ -32642,24 +32339,25 @@ var AppBar$1 = function AppBar(props) {
|
|
|
32642
32339
|
className: "utilities_ops-app-frame_AppBarComponent_AppBar--settingsSidebar"
|
|
32643
32340
|
}, !process.env.STACK || process.env.STACK === 'c' ? /*#__PURE__*/React__default["default"].createElement(SettingsView$1, {
|
|
32644
32341
|
onSave: onSave,
|
|
32645
|
-
onLogoutItemClicked: onLogoutItemClicked
|
|
32342
|
+
onLogoutItemClicked: onLogoutItemClicked,
|
|
32343
|
+
width: width
|
|
32646
32344
|
}) : null, process.env.STACK === 'uk' ? /*#__PURE__*/React__default["default"].createElement(SettingsView, {
|
|
32647
32345
|
onSave: onSave,
|
|
32648
|
-
onLogoutItemClicked: onLogoutItemClicked
|
|
32649
|
-
|
|
32346
|
+
onLogoutItemClicked: onLogoutItemClicked,
|
|
32347
|
+
width: width
|
|
32348
|
+
}) : null)), mobileMenuVisible && /*#__PURE__*/React__default["default"].createElement(MobileMenu, {
|
|
32349
|
+
closeSidebar: closeSidebar,
|
|
32350
|
+
logout: onLogoutItemClicked,
|
|
32351
|
+
items: mobileMenuItems
|
|
32352
|
+
}));
|
|
32650
32353
|
};
|
|
32651
32354
|
AppBar$1.defaultProps = {
|
|
32652
32355
|
config: ['flag', 'role', 'yard'],
|
|
32653
32356
|
role: ''
|
|
32654
32357
|
};
|
|
32655
32358
|
|
|
32656
|
-
var
|
|
32657
|
-
|
|
32658
|
-
Offline: 'Offline'
|
|
32659
|
-
};
|
|
32660
|
-
|
|
32661
|
-
var css_248z$7 = ".utilities_ops-app-frame_Flag_Flag--Flag {\r\n margin-right: 12px;\r\n height: 22px;\r\n /* border-radius: 20px; */\r\n}\r\n\r\n/* HACK: ALL OF THIS CSS IS COMPLETELY UNSTABLE, BUT I HAVE TO SUBMIT A\r\n PR TO CORE-COMPONENTS TO MAKE IT MORE STABLE WHICH IS A LOT OF WORK\r\n SO LETS JUST NOT INLINE STYLES ANYMORE K?\r\n*/\r\n\r\n[class*='AppBar-roleAndFlag'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-roleAndFlag'] > .text.role {\r\n margin: 0 !important;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] {\r\n align-items: center;\r\n}\r\n\r\n[class*='AppBar-yardNumber'] > .yardNumber {\r\n margin-left: 8px;\r\n margin-top: 0px !important;\r\n}\r\n";
|
|
32662
|
-
styleInject(css_248z$7);
|
|
32359
|
+
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";
|
|
32360
|
+
styleInject(css_248z$6);
|
|
32663
32361
|
|
|
32664
32362
|
var getFlagUri = function getFlagUri() {
|
|
32665
32363
|
var countryCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'US';
|
|
@@ -32673,8 +32371,8 @@ var Flag = function Flag(props) {
|
|
|
32673
32371
|
});
|
|
32674
32372
|
};
|
|
32675
32373
|
|
|
32676
|
-
var css_248z$
|
|
32677
|
-
styleInject(css_248z$
|
|
32374
|
+
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}";
|
|
32375
|
+
styleInject(css_248z$5);
|
|
32678
32376
|
|
|
32679
32377
|
var tabbable_1 = createCommonjsModule(function (module, exports) {
|
|
32680
32378
|
|
|
@@ -34134,35 +33832,6 @@ ReactModal.setAppElement('*');
|
|
|
34134
33832
|
|
|
34135
33833
|
storage$1.flexLoaded;
|
|
34136
33834
|
|
|
34137
|
-
var defaultAutoSelectProps = {
|
|
34138
|
-
optionStyleProps: {
|
|
34139
|
-
rowHeight: 40,
|
|
34140
|
-
optionsMinHeight: 200
|
|
34141
|
-
},
|
|
34142
|
-
width: 200
|
|
34143
|
-
};
|
|
34144
|
-
[_objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
34145
|
-
name: 'barcode_label_printers',
|
|
34146
|
-
label: 'Bar Code Printer'
|
|
34147
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
34148
|
-
name: 'check_printers',
|
|
34149
|
-
label: 'Check Printer'
|
|
34150
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
34151
|
-
name: 'standard_printers',
|
|
34152
|
-
label: 'Standard Printer'
|
|
34153
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
34154
|
-
name: 'windshield_label_printers',
|
|
34155
|
-
label: 'Wind Shield Printer'
|
|
34156
|
-
}), _objectSpread2(_objectSpread2({}, defaultAutoSelectProps), {}, {
|
|
34157
|
-
name: 'text_printers',
|
|
34158
|
-
label: 'Dot Matrix Printers'
|
|
34159
|
-
})];
|
|
34160
|
-
|
|
34161
|
-
propEq$1('is_default', true);
|
|
34162
|
-
|
|
34163
|
-
var css_248z$5 = ".utilities_ops-app-frame_PrinterDialog_PrinterDialog--printerSettings {\r\n width: 700px;\r\n padding: 10px;\r\n background: #f1f1f1;\r\n}\r\n\r\n.utilities_ops-app-frame_PrinterDialog_PrinterDialog--buttonBox {\r\n display: flex;\r\n width: 100%;\r\n justify-content: flex-end;\r\n padding-top: 5px;\r\n}";
|
|
34164
|
-
styleInject(css_248z$5);
|
|
34165
|
-
|
|
34166
33835
|
function LatestReleaseDialog(_ref) {
|
|
34167
33836
|
var release = _ref.release,
|
|
34168
33837
|
handleClose = _ref.handleClose,
|
|
@@ -34716,22 +34385,18 @@ var AppBar = function AppBar(_ref) {
|
|
|
34716
34385
|
_useState2 = _slicedToArray(_useState, 2);
|
|
34717
34386
|
_useState2[0];
|
|
34718
34387
|
var setMounted = _useState2[1];
|
|
34719
|
-
var _useState3 = React.useState(
|
|
34720
|
-
_useState4 = _slicedToArray(_useState3, 2)
|
|
34721
|
-
_useState4[0]
|
|
34722
|
-
|
|
34723
|
-
var _useState5 = React.useState(
|
|
34388
|
+
var _useState3 = React.useState(null),
|
|
34389
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
34390
|
+
latestRelease = _useState4[0],
|
|
34391
|
+
setLatestRelease = _useState4[1];
|
|
34392
|
+
var _useState5 = React.useState(false),
|
|
34724
34393
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
34725
|
-
|
|
34726
|
-
|
|
34394
|
+
showMihelpDot = _useState6[0],
|
|
34395
|
+
setShowMihelpDot = _useState6[1];
|
|
34727
34396
|
var _useState7 = React.useState(false),
|
|
34728
34397
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
34729
|
-
|
|
34730
|
-
|
|
34731
|
-
var _useState9 = React.useState(false),
|
|
34732
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
34733
|
-
showMihelpTooltip = _useState10[0],
|
|
34734
|
-
setShowMihelpTooltip = _useState10[1];
|
|
34398
|
+
showMihelpTooltip = _useState8[0],
|
|
34399
|
+
setShowMihelpTooltip = _useState8[1];
|
|
34735
34400
|
var tileData = findAppData(coreAppConfig.tiles || []) || {};
|
|
34736
34401
|
var mihelpAppPath = isCoreRoute && !window.location.pathname.includes('embedded') ? null : tileData.mihelpAppPath;
|
|
34737
34402
|
var isMihelpEnabled;
|
|
@@ -34881,9 +34546,6 @@ var AppBar = function AppBar(_ref) {
|
|
|
34881
34546
|
var isCoreApp = (_window$toolkitEnv = window.toolkitEnv) !== null && _window$toolkitEnv !== void 0 && _window$toolkitEnv.IS_CORE_APP ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
|
|
34882
34547
|
return isCoreApp ? history.push('/settings') : window.location.assign('/settings');
|
|
34883
34548
|
}
|
|
34884
|
-
if (item.key === 'printers') {
|
|
34885
|
-
setPrinterDialogOpen(true);
|
|
34886
|
-
}
|
|
34887
34549
|
if (item.key === 'logout') {
|
|
34888
34550
|
var _cookies2 = browserCookies.all();
|
|
34889
34551
|
Object.keys(_cookies2).forEach(function (cookieKey) {
|
|
@@ -34917,32 +34579,32 @@ var AppBar = function AppBar(_ref) {
|
|
|
34917
34579
|
var event = new Event('togglePhoneAvailability');
|
|
34918
34580
|
window.dispatchEvent(event);
|
|
34919
34581
|
};
|
|
34582
|
+
var _useState9 = React.useState([]),
|
|
34583
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
34584
|
+
notifications = _useState10[0],
|
|
34585
|
+
setNotifications = _useState10[1];
|
|
34920
34586
|
var _useState11 = React.useState([]),
|
|
34921
34587
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
34922
|
-
|
|
34923
|
-
|
|
34588
|
+
listOfAllNotifications = _useState12[0],
|
|
34589
|
+
setListOfAllNotifications = _useState12[1];
|
|
34924
34590
|
var _useState13 = React.useState([]),
|
|
34925
34591
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
34926
|
-
|
|
34927
|
-
|
|
34928
|
-
var _useState15 = React.useState(
|
|
34592
|
+
listOfAllFirebaseNotifications = _useState14[0],
|
|
34593
|
+
setListOfAllFirebaseNotifications = _useState14[1];
|
|
34594
|
+
var _useState15 = React.useState(),
|
|
34929
34595
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
34930
|
-
|
|
34931
|
-
|
|
34932
|
-
var _useState17 = React.useState(),
|
|
34596
|
+
socketClient = _useState16[0],
|
|
34597
|
+
setSocketClient = _useState16[1];
|
|
34598
|
+
var _useState17 = React.useState(false),
|
|
34933
34599
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
34934
|
-
|
|
34935
|
-
|
|
34936
|
-
var _useState19 = React.useState(false),
|
|
34937
|
-
_useState20 = _slicedToArray(_useState19, 2),
|
|
34938
|
-
firebaseInitialized = _useState20[0],
|
|
34939
|
-
setFirebaseinitialized = _useState20[1];
|
|
34600
|
+
firebaseInitialized = _useState18[0],
|
|
34601
|
+
setFirebaseinitialized = _useState18[1];
|
|
34940
34602
|
var listOfAllNotificationsRef = React.useRef(listOfAllNotifications);
|
|
34941
34603
|
var socketRetryCountRef = React.useRef(0);
|
|
34942
|
-
var
|
|
34943
|
-
|
|
34944
|
-
pingInterval =
|
|
34945
|
-
setPingInterval =
|
|
34604
|
+
var _useState19 = React.useState(null),
|
|
34605
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
34606
|
+
pingInterval = _useState20[0],
|
|
34607
|
+
setPingInterval = _useState20[1];
|
|
34946
34608
|
React.useEffect(function () {
|
|
34947
34609
|
listOfAllNotificationsRef.current = listOfAllNotifications;
|
|
34948
34610
|
}, [listOfAllNotifications]);
|