From cd92c16980f893b1e9e4e58e640771bab771e492 Mon Sep 17 00:00:00 2001 From: Ashritha Date: Mon, 9 Jan 2023 09:59:03 +0530 Subject: [PATCH 01/27] Created base script to display a help button --- build/index.asset.php | 2 +- build/index.css | 18 ++++ build/index.css.map | 1 + build/index.js | 190 ++++++++++++++++++++++++++++++++++- build/index.js.map | 1 + includes/HelpCenter.php | 8 +- src/components/HelpCenter.js | 11 ++ src/icons/question.svg | 3 + src/index.js | 11 +- styles.scss | 13 +++ 10 files changed, 254 insertions(+), 4 deletions(-) create mode 100644 build/index.css create mode 100644 build/index.css.map create mode 100644 build/index.js.map create mode 100644 src/components/HelpCenter.js create mode 100644 src/icons/question.svg create mode 100644 styles.scss diff --git a/build/index.asset.php b/build/index.asset.php index 8fe90a9..bfdde7e 100644 --- a/build/index.asset.php +++ b/build/index.asset.php @@ -1 +1 @@ - array('wp-element'), 'version' => 'a3b5dba2d1201f830657'); + array('react', 'wp-element'), 'version' => 'be37f2ae7a064c3f570b'); diff --git a/build/index.css b/build/index.css new file mode 100644 index 0000000..26149b5 --- /dev/null +++ b/build/index.css @@ -0,0 +1,18 @@ +/*!************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./styles.scss ***! + \************************************************************************************************************************************************************************************************************************************/ +#helpCenterContainer { + float: right; + padding: 0 40px 20px 0; +} + +.help-center { + width: 101px; + height: 40px; + background-color: #196bde; + color: white; + border-radius: 20px; + border: 1px solid #196bde; +} + +/*# sourceMappingURL=index.css.map*/ \ No newline at end of file diff --git a/build/index.css.map b/build/index.css.map new file mode 100644 index 0000000..9688630 --- /dev/null +++ b/build/index.css.map @@ -0,0 +1 @@ +{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF,C","sources":["webpack://@newfold-labs/wp-module-help-center/./styles.scss"],"sourcesContent":["#helpCenterContainer {\n float: right;\n padding: 0 40px 20px 0;\n}\n\n.help-center {\n width: 101px;\n height: 40px;\n background-color: #196bde;\n color: white;\n border-radius: 20px;\n border: 1px solid #196bde;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/index.js b/build/index.js index 6699ab4..52de738 100644 --- a/build/index.js +++ b/build/index.js @@ -1 +1,189 @@ -(()=>{"use strict";window.wp.element})(); \ No newline at end of file +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ var __webpack_modules__ = ({ + +/***/ "./src/icons/question.svg": +/*!********************************!*\ + !*** ./src/icons/question.svg ***! + \********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgQuestion), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _path; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgQuestion = function SvgQuestion(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 22, + height: 22, + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + d: "M11 2.542a8.458 8.458 0 1 0 0 16.916 8.458 8.458 0 0 0 0-16.916ZM.792 11a10.208 10.208 0 1 1 20.416 0A10.208 10.208 0 0 1 .792 11ZM11 7.208a1.75 1.75 0 0 1 .195 3.489c-.543.06-1.07.513-1.07 1.178v1.458h1.75v-.986A3.5 3.5 0 1 0 7.5 8.959h1.75A1.75 1.75 0 0 1 11 7.208Zm-.875 7.292v1.75h1.75V14.5h-1.75Z", + fill: "#fff" + }))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); + +/***/ }), + +/***/ "./src/components/HelpCenter.js": +/*!**************************************!*\ + !*** ./src/components/HelpCenter.js ***! + \**************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _icons_question_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icons/question.svg */ "./src/icons/question.svg"); + + +const HelpCenter = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", { + className: "help-center" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_question_svg__WEBPACK_IMPORTED_MODULE_1__.ReactComponent, { + style: { + verticalAlign: "middle" + } + }), " Help"); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HelpCenter); + +/***/ }), + +/***/ "./styles.scss": +/*!*********************!*\ + !*** ./styles.scss ***! + \*********************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +// extracted by mini-css-extract-plugin + + +/***/ }), + +/***/ "react": +/*!************************!*\ + !*** external "React" ***! + \************************/ +/***/ ((module) => { + +module.exports = window["React"]; + +/***/ }), + +/***/ "@wordpress/element": +/*!*********************************!*\ + !*** external ["wp","element"] ***! + \*********************************/ +/***/ ((module) => { + +module.exports = window["wp"]["element"]; + +/***/ }) + +/******/ }); +/************************************************************************/ +/******/ // The module cache +/******/ var __webpack_module_cache__ = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ // Check if module is in cache +/******/ var cachedModule = __webpack_module_cache__[moduleId]; +/******/ if (cachedModule !== undefined) { +/******/ return cachedModule.exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = __webpack_module_cache__[moduleId] = { +/******/ // no module.id needed +/******/ // no module.loaded needed +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/************************************************************************/ +/******/ /* webpack/runtime/compat get default export */ +/******/ (() => { +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = (module) => { +/******/ var getter = module && module.__esModule ? +/******/ () => (module['default']) : +/******/ () => (module); +/******/ __webpack_require__.d(getter, { a: getter }); +/******/ return getter; +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/define property getters */ +/******/ (() => { +/******/ // define getter functions for harmony exports +/******/ __webpack_require__.d = (exports, definition) => { +/******/ for(var key in definition) { +/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { +/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); +/******/ } +/******/ } +/******/ }; +/******/ })(); +/******/ +/******/ /* webpack/runtime/hasOwnProperty shorthand */ +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); +/******/ +/******/ /* webpack/runtime/make namespace object */ +/******/ (() => { +/******/ // define __esModule on exports +/******/ __webpack_require__.r = (exports) => { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ })(); +/******/ +/************************************************************************/ +var __webpack_exports__ = {}; +// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk. +(() => { +/*!**********************!*\ + !*** ./src/index.js ***! + \**********************/ +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _components_HelpCenter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/HelpCenter */ "./src/components/HelpCenter.js"); +/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles.scss */ "./styles.scss"); + + + + +let helpContainer = document.createElement("div"); +helpContainer.id = "helpCenterContainer"; +document.body.appendChild(helpContainer); +const DOM_TARGET = document.getElementById("helpCenterContainer"); +(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render)((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_HelpCenter__WEBPACK_IMPORTED_MODULE_1__["default"], null), DOM_TARGET); +})(); + +/******/ })() +; +//# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/build/index.js.map b/build/index.js.map new file mode 100644 index 0000000..1197f19 --- /dev/null +++ b/build/index.js.map @@ -0,0 +1 @@ +{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA,sBAAsB,sEAAsE,gBAAgB,sBAAsB,OAAO,2BAA2B,0BAA0B,yDAAyD,iCAAiC,kBAAkB;AAC3Q;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AACyC;AACzC,iEAAe,oBAAoB,o+EAAo+E;;;;;;;;;;;;;;;;;;ACfp8E;AAEnE,MAAME,UAAU,GAAG,MAAM;EACvB,OACE;IAAQ,SAAS,EAAC;EAAa,GAC7B,kEAAC,+DAAQ;IAAC,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAS;EAAE,EAAG,UACzC;AAEb,CAAC;AAED,iEAAeD,UAAU;;;;;;;;;;;ACVzB;;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;ACNmD;AACF;AACzB;AAExB,IAAII,aAAa,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;AACjDF,aAAa,CAACG,EAAE,GAAG,qBAAqB;AACxCF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,aAAa,CAAC;AAExC,MAAMM,UAAU,GAAGL,QAAQ,CAACM,cAAc,CAAC,qBAAqB,CAAC;AACjER,0DAAM,CAAC,kEAAC,8DAAU,OAAG,EAAEO,UAAU,CAAC,C","sources":["webpack://@newfold-labs/wp-module-help-center/./src/icons/question.svg","webpack://@newfold-labs/wp-module-help-center/./src/components/HelpCenter.js","webpack://@newfold-labs/wp-module-help-center/./styles.scss","webpack://@newfold-labs/wp-module-help-center/external window \"React\"","webpack://@newfold-labs/wp-module-help-center/external window [\"wp\",\"element\"]","webpack://@newfold-labs/wp-module-help-center/webpack/bootstrap","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/compat get default export","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/define property getters","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/hasOwnProperty shorthand","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/make namespace object","webpack://@newfold-labs/wp-module-help-center/./src/index.js"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgQuestion = function SvgQuestion(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 2.542a8.458 8.458 0 1 0 0 16.916 8.458 8.458 0 0 0 0-16.916ZM.792 11a10.208 10.208 0 1 1 20.416 0A10.208 10.208 0 0 1 .792 11ZM11 7.208a1.75 1.75 0 0 1 .195 3.489c-.543.06-1.07.513-1.07 1.178v1.458h1.75v-.986A3.5 3.5 0 1 0 7.5 8.959h1.75A1.75 1.75 0 0 1 11 7.208Zm-.875 7.292v1.75h1.75V14.5h-1.75Z\",\n fill: \"#fff\"\n })));\n};\nexport { SvgQuestion as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\";","import { ReactComponent as Question } from \"../icons/question.svg\";\n\nconst HelpCenter = () => {\n return (\n \n );\n};\n\nexport default HelpCenter;\n","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"wp\"][\"element\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { render } from \"@wordpress/element\";\nimport HelpCenter from \"./components/HelpCenter\";\nimport \"../styles.scss\";\n\nlet helpContainer = document.createElement(\"div\");\nhelpContainer.id = \"helpCenterContainer\";\ndocument.body.appendChild(helpContainer);\n\nconst DOM_TARGET = document.getElementById(\"helpCenterContainer\");\nrender(, DOM_TARGET);\n"],"names":["ReactComponent","Question","HelpCenter","verticalAlign","React","render","helpContainer","document","createElement","id","body","appendChild","DOM_TARGET","getElementById"],"sourceRoot":""} \ No newline at end of file diff --git a/includes/HelpCenter.php b/includes/HelpCenter.php index 77811de..e38f7dd 100644 --- a/includes/HelpCenter.php +++ b/includes/HelpCenter.php @@ -37,7 +37,13 @@ public function register_assets() { 'nfd-helpcenter-dependency', NFD_HELPCENTER_PLUGIN_URL . 'vendor/newfold-labs/wp-module-help-center/build/index.js', array_merge( $asset['dependencies'], array() ), - $asset_file + $asset_file, + true + ); + \wp_enqueue_style( + 'stylesheet', + NFD_HELPCENTER_PLUGIN_URL . 'vendor/newfold-labs/wp-module-help-center/build/index.css', + null, '1', 'screen' ); } } diff --git a/src/components/HelpCenter.js b/src/components/HelpCenter.js new file mode 100644 index 0000000..54f407e --- /dev/null +++ b/src/components/HelpCenter.js @@ -0,0 +1,11 @@ +import { ReactComponent as Question } from "../icons/question.svg"; + +const HelpCenter = () => { + return ( + + ); +}; + +export default HelpCenter; diff --git a/src/icons/question.svg b/src/icons/question.svg new file mode 100644 index 0000000..e100f89 --- /dev/null +++ b/src/icons/question.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/index.js b/src/index.js index 4b031b8..039e110 100644 --- a/src/index.js +++ b/src/index.js @@ -1 +1,10 @@ -import React from "@wordpress/element"; +import React, { render } from "@wordpress/element"; +import HelpCenter from "./components/HelpCenter"; +import "../styles.scss"; + +let helpContainer = document.createElement("div"); +helpContainer.id = "helpCenterContainer"; +document.body.appendChild(helpContainer); + +const DOM_TARGET = document.getElementById("helpCenterContainer"); +render(, DOM_TARGET); diff --git a/styles.scss b/styles.scss new file mode 100644 index 0000000..1f835d4 --- /dev/null +++ b/styles.scss @@ -0,0 +1,13 @@ +#helpCenterContainer { + float: right; + padding: 0 40px 20px 0; +} + +.help-center { + width: 101px; + height: 40px; + background-color: #196bde; + color: white; + border-radius: 20px; + border: 1px solid #196bde; +} From d43f8d5b7c6e8c68310923b9f2f26effbce6c11f Mon Sep 17 00:00:00 2001 From: Ashritha Date: Mon, 9 Jan 2023 11:29:06 +0530 Subject: [PATCH 02/27] Nested the css styles --- build/index.asset.php | 2 +- build/index.css | 5 ++--- build/index.css.map | 2 +- build/index.js | 4 ++-- build/index.js.map | 2 +- src/index.js | 5 ++--- styles.scss | 18 +++++++++--------- 7 files changed, 18 insertions(+), 20 deletions(-) diff --git a/build/index.asset.php b/build/index.asset.php index bfdde7e..4279dbc 100644 --- a/build/index.asset.php +++ b/build/index.asset.php @@ -1 +1 @@ - array('react', 'wp-element'), 'version' => 'be37f2ae7a064c3f570b'); + array('react', 'wp-element'), 'version' => '1cbe8c642e4e3dc0a166'); diff --git a/build/index.css b/build/index.css index 26149b5..1dc78f5 100644 --- a/build/index.css +++ b/build/index.css @@ -1,12 +1,11 @@ /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./styles.scss ***! \************************************************************************************************************************************************************************************************************************************/ -#helpCenterContainer { +#nfd-help-center { float: right; padding: 0 40px 20px 0; } - -.help-center { +#nfd-help-center .help-center { width: 101px; height: 40px; background-color: #196bde; diff --git a/build/index.css.map b/build/index.css.map index 9688630..b2f7902 100644 --- a/build/index.css.map +++ b/build/index.css.map @@ -1 +1 @@ -{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF,C","sources":["webpack://@newfold-labs/wp-module-help-center/./styles.scss"],"sourcesContent":["#helpCenterContainer {\n float: right;\n padding: 0 40px 20px 0;\n}\n\n.help-center {\n width: 101px;\n height: 40px;\n background-color: #196bde;\n color: white;\n border-radius: 20px;\n border: 1px solid #196bde;\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;AACF;AACE;EACE;EACA;EACA;EACA;EACA;EACA;AACJ,C","sources":["webpack://@newfold-labs/wp-module-help-center/./styles.scss"],"sourcesContent":["#nfd-help-center {\n float: right;\n padding: 0 40px 20px 0;\n\n .help-center {\n width: 101px;\n height: 40px;\n background-color: #196bde;\n color: white;\n border-radius: 20px;\n border: 1px solid #196bde;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/index.js b/build/index.js index 52de738..4e24cf0 100644 --- a/build/index.js +++ b/build/index.js @@ -178,9 +178,9 @@ __webpack_require__.r(__webpack_exports__); let helpContainer = document.createElement("div"); -helpContainer.id = "helpCenterContainer"; +helpContainer.id = "nfd-help-center"; document.body.appendChild(helpContainer); -const DOM_TARGET = document.getElementById("helpCenterContainer"); +const DOM_TARGET = document.getElementById("nfd-help-center"); (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.render)((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_components_HelpCenter__WEBPACK_IMPORTED_MODULE_1__["default"], null), DOM_TARGET); })(); diff --git a/build/index.js.map b/build/index.js.map index 1197f19..c13bc22 100644 --- a/build/index.js.map +++ b/build/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA,sBAAsB,sEAAsE,gBAAgB,sBAAsB,OAAO,2BAA2B,0BAA0B,yDAAyD,iCAAiC,kBAAkB;AAC3Q;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AACyC;AACzC,iEAAe,oBAAoB,o+EAAo+E;;;;;;;;;;;;;;;;;;ACfp8E;AAEnE,MAAME,UAAU,GAAG,MAAM;EACvB,OACE;IAAQ,SAAS,EAAC;EAAa,GAC7B,kEAAC,+DAAQ;IAAC,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAS;EAAE,EAAG,UACzC;AAEb,CAAC;AAED,iEAAeD,UAAU;;;;;;;;;;;ACVzB;;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;ACNmD;AACF;AACzB;AAExB,IAAII,aAAa,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;AACjDF,aAAa,CAACG,EAAE,GAAG,qBAAqB;AACxCF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,aAAa,CAAC;AAExC,MAAMM,UAAU,GAAGL,QAAQ,CAACM,cAAc,CAAC,qBAAqB,CAAC;AACjER,0DAAM,CAAC,kEAAC,8DAAU,OAAG,EAAEO,UAAU,CAAC,C","sources":["webpack://@newfold-labs/wp-module-help-center/./src/icons/question.svg","webpack://@newfold-labs/wp-module-help-center/./src/components/HelpCenter.js","webpack://@newfold-labs/wp-module-help-center/./styles.scss","webpack://@newfold-labs/wp-module-help-center/external window \"React\"","webpack://@newfold-labs/wp-module-help-center/external window [\"wp\",\"element\"]","webpack://@newfold-labs/wp-module-help-center/webpack/bootstrap","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/compat get default export","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/define property getters","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/hasOwnProperty shorthand","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/make namespace object","webpack://@newfold-labs/wp-module-help-center/./src/index.js"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgQuestion = function SvgQuestion(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 2.542a8.458 8.458 0 1 0 0 16.916 8.458 8.458 0 0 0 0-16.916ZM.792 11a10.208 10.208 0 1 1 20.416 0A10.208 10.208 0 0 1 .792 11ZM11 7.208a1.75 1.75 0 0 1 .195 3.489c-.543.06-1.07.513-1.07 1.178v1.458h1.75v-.986A3.5 3.5 0 1 0 7.5 8.959h1.75A1.75 1.75 0 0 1 11 7.208Zm-.875 7.292v1.75h1.75V14.5h-1.75Z\",\n fill: \"#fff\"\n })));\n};\nexport { SvgQuestion as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\";","import { ReactComponent as Question } from \"../icons/question.svg\";\n\nconst HelpCenter = () => {\n return (\n \n );\n};\n\nexport default HelpCenter;\n","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"wp\"][\"element\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { render } from \"@wordpress/element\";\nimport HelpCenter from \"./components/HelpCenter\";\nimport \"../styles.scss\";\n\nlet helpContainer = document.createElement(\"div\");\nhelpContainer.id = \"helpCenterContainer\";\ndocument.body.appendChild(helpContainer);\n\nconst DOM_TARGET = document.getElementById(\"helpCenterContainer\");\nrender(, DOM_TARGET);\n"],"names":["ReactComponent","Question","HelpCenter","verticalAlign","React","render","helpContainer","document","createElement","id","body","appendChild","DOM_TARGET","getElementById"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA,sBAAsB,sEAAsE,gBAAgB,sBAAsB,OAAO,2BAA2B,0BAA0B,yDAAyD,iCAAiC,kBAAkB;AAC3Q;AAC/B;AACA,sBAAsB,gDAAmB;AACzC;AACA;AACA;AACA;AACA,GAAG,yCAAyC,gDAAmB;AAC/D;AACA;AACA,GAAG;AACH;AACyC;AACzC,iEAAe,oBAAoB,o+EAAo+E;;;;;;;;;;;;;;;;;;ACfp8E;AAEnE,MAAME,UAAU,GAAG,MAAM;EACvB,OACE;IAAQ,SAAS,EAAC;EAAa,GAC7B,kEAAC,+DAAQ;IAAC,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAS;EAAE,EAAG,UACzC;AAEb,CAAC;AAED,iEAAeD,UAAU;;;;;;;;;;;ACVzB;;;;;;;;;;;ACAA;;;;;;;;;;ACAA;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;;ACNmD;AACF;AACzB;AAExB,IAAII,aAAa,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;AACjDF,aAAa,CAACG,EAAE,GAAG,iBAAiB;AACpCF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACL,aAAa,CAAC;AACxC,MAAMM,UAAU,GAAGL,QAAQ,CAACM,cAAc,CAAC,iBAAiB,CAAC;AAC7DR,0DAAM,CAAC,kEAAC,8DAAU,OAAG,EAAEO,UAAU,CAAC,C","sources":["webpack://@newfold-labs/wp-module-help-center/./src/icons/question.svg","webpack://@newfold-labs/wp-module-help-center/./src/components/HelpCenter.js","webpack://@newfold-labs/wp-module-help-center/./styles.scss","webpack://@newfold-labs/wp-module-help-center/external window \"React\"","webpack://@newfold-labs/wp-module-help-center/external window [\"wp\",\"element\"]","webpack://@newfold-labs/wp-module-help-center/webpack/bootstrap","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/compat get default export","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/define property getters","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/hasOwnProperty shorthand","webpack://@newfold-labs/wp-module-help-center/webpack/runtime/make namespace object","webpack://@newfold-labs/wp-module-help-center/./src/index.js"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nvar SvgQuestion = function SvgQuestion(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 22,\n height: 22,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M11 2.542a8.458 8.458 0 1 0 0 16.916 8.458 8.458 0 0 0 0-16.916ZM.792 11a10.208 10.208 0 1 1 20.416 0A10.208 10.208 0 0 1 .792 11ZM11 7.208a1.75 1.75 0 0 1 .195 3.489c-.543.06-1.07.513-1.07 1.178v1.458h1.75v-.986A3.5 3.5 0 1 0 7.5 8.959h1.75A1.75 1.75 0 0 1 11 7.208Zm-.875 7.292v1.75h1.75V14.5h-1.75Z\",\n fill: \"#fff\"\n })));\n};\nexport { SvgQuestion as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\";","import { ReactComponent as Question } from \"../icons/question.svg\";\n\nconst HelpCenter = () => {\n return (\n \n );\n};\n\nexport default HelpCenter;\n","// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"wp\"][\"element\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { render } from \"@wordpress/element\";\nimport HelpCenter from \"./components/HelpCenter\";\nimport \"../styles.scss\";\n\nlet helpContainer = document.createElement(\"div\");\nhelpContainer.id = \"nfd-help-center\";\ndocument.body.appendChild(helpContainer);\nconst DOM_TARGET = document.getElementById(\"nfd-help-center\");\nrender(, DOM_TARGET);\n"],"names":["ReactComponent","Question","HelpCenter","verticalAlign","React","render","helpContainer","document","createElement","id","body","appendChild","DOM_TARGET","getElementById"],"sourceRoot":""} \ No newline at end of file diff --git a/src/index.js b/src/index.js index 039e110..ea8ccbd 100644 --- a/src/index.js +++ b/src/index.js @@ -3,8 +3,7 @@ import HelpCenter from "./components/HelpCenter"; import "../styles.scss"; let helpContainer = document.createElement("div"); -helpContainer.id = "helpCenterContainer"; +helpContainer.id = "nfd-help-center"; document.body.appendChild(helpContainer); - -const DOM_TARGET = document.getElementById("helpCenterContainer"); +const DOM_TARGET = document.getElementById("nfd-help-center"); render(, DOM_TARGET); diff --git a/styles.scss b/styles.scss index 1f835d4..f2b1c99 100644 --- a/styles.scss +++ b/styles.scss @@ -1,13 +1,13 @@ -#helpCenterContainer { +#nfd-help-center { float: right; padding: 0 40px 20px 0; -} -.help-center { - width: 101px; - height: 40px; - background-color: #196bde; - color: white; - border-radius: 20px; - border: 1px solid #196bde; + .help-center { + width: 101px; + height: 40px; + background-color: #196bde; + color: white; + border-radius: 20px; + border: 1px solid #196bde; + } } From 900ecc29133d9a5f6d5d500205157203877166f4 Mon Sep 17 00:00:00 2001 From: Ashritha Date: Mon, 23 Jan 2023 19:22:58 +0530 Subject: [PATCH 03/27] Added routes and basic functionalities for the model --- build/index.asset.php | 2 +- build/index.css | 110 +- build/index.css.map | 2 +- build/index.js | 5665 +++++++++++++++++++++++++++++++++- build/index.js.map | 2 +- modal.scss | 95 + package-lock.json | 65 +- package.json | 1 + src/components/HelpCenter.js | 19 +- src/components/Modal.js | 218 ++ src/icons/back-arrow.svg | 3 + src/icons/close.svg | 3 + src/icons/loader.svg | 26 + src/icons/no-result.svg | 9 + src/icons/search.svg | 4 + src/icons/video.svg | 9 + styles.scss | 37 +- 17 files changed, 6242 insertions(+), 28 deletions(-) create mode 100644 modal.scss create mode 100644 src/components/Modal.js create mode 100644 src/icons/back-arrow.svg create mode 100644 src/icons/close.svg create mode 100644 src/icons/loader.svg create mode 100644 src/icons/no-result.svg create mode 100644 src/icons/search.svg create mode 100644 src/icons/video.svg diff --git a/build/index.asset.php b/build/index.asset.php index 4279dbc..d23e612 100644 --- a/build/index.asset.php +++ b/build/index.asset.php @@ -1 +1 @@ - array('react', 'wp-element'), 'version' => '1cbe8c642e4e3dc0a166'); + array('react', 'wp-element'), 'version' => '6ca68ab6e5a80f232cc7'); diff --git a/build/index.css b/build/index.css index 1dc78f5..2362378 100644 --- a/build/index.css +++ b/build/index.css @@ -1,17 +1,117 @@ /*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./styles.scss ***! \************************************************************************************************************************************************************************************************************************************/ +.modal { + min-height: 270px; + min-width: 399px; + border: 1px solid #dce2ea; + border-radius: 20px 20px 0 20px; + background-color: #ffffff; + margin-bottom: 12px; +} +.modal .modal-content { + padding: 16px; +} +.modal .modal-content .modal-header .heading { + display: flex; + align-items: center; +} +.modal .modal-content .modal-body .article-list-container .video { + display: grid; + grid-template-columns: min-content; + -moz-column-gap: 8px; + column-gap: 8px; +} +.modal .modal-content .modal-body .article-list-container .video .video-icon { + grid-area: 1/1; +} +.modal .modal-content .modal-body .article-list-container .video .video-summary { + grid-column: 2; +} +.modal .modal-content .modal-body .article-list-container .video .description, +.modal .modal-content .modal-body .article-list-container .article .description { + line-height: 1.2em; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + margin: 8px 0; +} +.modal .modal-content .modal-body .article-list-container .video:hover, +.modal .modal-content .modal-body .article-list-container .article:hover { + background: rgba(57, 172, 229, 0.1); +} +.modal .modal-content .modal-body .article-container[data-variant=video] { + width: 532px; + min-height: 280px; +} +.modal .modal-content .modal-body .article-container[data-variant=video] iframe { + width: 500px; + height: 280px; +} +.modal .modal-content .modal-body .article-container[data-variant=article] { + max-height: 456px; + overflow-y: auto; + width: 399px; +} +.modal .modal-content .modal-body .search-container { + display: flex; + justify-content: space-between; + width: 367px; + height: 32px; + border: 1px solid black; + margin: 16px 0px; +} +.modal .modal-content .modal-body .search-container input { + border: none; +} +.modal .modal-content .modal-body .search-container input:focus { + outline: none !important; + box-shadow: none !important; +} +.modal .modal-content .modal-body .search-container button { + box-shadow: none; + border: none; + background: transparent; +} +.modal .modal-content .modal-footer { + display: flex; + justify-content: space-between; +} +.modal .modal-content .modal-footer a { + text-decoration: none; + color: #3c434a; +} + #nfd-help-center { - float: right; padding: 0 40px 20px 0; } -#nfd-help-center .help-center { - width: 101px; - height: 40px; +#nfd-help-center h4, +#nfd-help-center h3 { + margin: 0 0 !important; +} +#nfd-help-center .nfd-help-center-setup .nfd-help-center-button { + width: 44px; + height: 44px; background-color: #196bde; color: white; - border-radius: 20px; + border-radius: 50%; border: 1px solid #196bde; + float: right; +} +#nfd-help-center .modal-open { + position: fixed; + bottom: 0; + right: 0; + margin-right: 40px; + z-index: 1000; +} + +@media (max-width: 782px) { + #wpbody-content { + padding-bottom: 0px; + } } /*# sourceMappingURL=index.css.map*/ \ No newline at end of file diff --git a/build/index.css.map b/build/index.css.map index b2f7902..5a087ba 100644 --- a/build/index.css.map +++ b/build/index.css.map @@ -1 +1 @@ -{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;AACF;AACE;EACE;EACA;EACA;EACA;EACA;EACA;AACJ,C","sources":["webpack://@newfold-labs/wp-module-help-center/./styles.scss"],"sourcesContent":["#nfd-help-center {\n float: right;\n padding: 0 40px 20px 0;\n\n .help-center {\n width: 101px;\n height: 40px;\n background-color: #196bde;\n color: white;\n border-radius: 20px;\n border: 1px solid #196bde;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.css","mappings":";;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;ACCF;ADCE;EACE;ACCJ;ADEM;EACE;EACA;ACAR;ADMQ;EACE;EACA;EACA;OAAA;ACJV;ADKU;EACE;ACHZ;ADKU;EACE;ACHZ;ADQU;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACLZ;ADOU;;EACE;ACJZ;ADSM;EACE;EACA;ACPR;ADQQ;EACE;EACA;ACNV;ADUM;EACE;EACA;EACA;ACRR;ADWM;EACE;EACA;EACA;EACA;EACA;EACA;ACTR;ADUQ;EACE;ACRV;ADSU;EACE;EACA;ACPZ;ADUQ;EACE;EACA;EACA;ACRV;ADaI;EACE;EACA;ACXN;ADYM;EACE;EACA;ACVR;;AA9EA;EACE;AAiFF;AA/EE;;EAEE;AAiFJ;AA9EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAgFN;AA7EE;EACE;EACA;EACA;EACA;EACA;AA+EJ;;AA3EA;EACE;IACE;EA8EF;AACF,C","sources":["webpack://@newfold-labs/wp-module-help-center/./modal.scss","webpack://@newfold-labs/wp-module-help-center/./styles.scss"],"sourcesContent":[".modal {\n min-height: 270px;\n min-width: 399px;\n border: 1px solid #dce2ea;\n border-radius: 20px 20px 0 20px;\n background-color: #ffffff;\n margin-bottom: 12px;\n\n .modal-content {\n padding: 16px;\n\n .modal-header {\n .heading {\n display: flex;\n align-items: center;\n }\n }\n\n .modal-body {\n .article-list-container {\n .video {\n display: grid;\n grid-template-columns: min-content;\n column-gap: 8px;\n .video-icon {\n grid-area: 1/1;\n }\n .video-summary {\n grid-column: 2;\n }\n }\n .video,\n .article {\n .description {\n line-height: 1.2em;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 8px 0;\n }\n &:hover {\n background: rgb(57, 172, 229, 0.1);\n }\n }\n }\n\n .article-container[data-variant=\"video\"] {\n width: 532px;\n min-height: 280px;\n iframe {\n width: 500px;\n height: 280px;\n }\n }\n\n .article-container[data-variant=\"article\"] {\n max-height: 456px;\n overflow-y: auto;\n width: 399px;\n }\n\n .search-container {\n display: flex;\n justify-content: space-between;\n width: 367px;\n height: 32px;\n border: 1px solid black;\n margin: 16px 0px;\n input {\n border: none;\n &:focus {\n outline: none !important;\n box-shadow: none !important;\n }\n }\n button {\n box-shadow: none;\n border: none;\n background: transparent;\n }\n }\n }\n\n .modal-footer {\n display: flex;\n justify-content: space-between;\n a {\n text-decoration: none;\n color: #3c434a;\n }\n }\n }\n}\n","@import \"./modal.scss\";\n\n#nfd-help-center {\n padding: 0 40px 20px 0;\n\n h4,\n h3 {\n margin: 0 0 !important;\n }\n .nfd-help-center-setup {\n .nfd-help-center-button {\n width: 44px;\n height: 44px;\n background-color: #196bde;\n color: white;\n border-radius: 50%;\n border: 1px solid #196bde;\n float: right;\n }\n }\n .modal-open {\n position: fixed;\n bottom: 0;\n right: 0;\n margin-right: 40px;\n z-index: 1000;\n }\n}\n\n@media (max-width: 782px) {\n #wpbody-content {\n padding-bottom: 0px;\n }\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/build/index.js b/build/index.js index 4e24cf0..4f9f1e2 100644 --- a/build/index.js +++ b/build/index.js @@ -2,6 +2,3943 @@ /******/ "use strict"; /******/ var __webpack_modules__ = ({ +/***/ "./node_modules/@remix-run/router/dist/router.js": +/*!*******************************************************!*\ + !*** ./node_modules/@remix-run/router/dist/router.js ***! + \*******************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "AbortedDeferredError": () => (/* binding */ AbortedDeferredError), +/* harmony export */ "Action": () => (/* binding */ Action), +/* harmony export */ "ErrorResponse": () => (/* binding */ ErrorResponse), +/* harmony export */ "IDLE_FETCHER": () => (/* binding */ IDLE_FETCHER), +/* harmony export */ "IDLE_NAVIGATION": () => (/* binding */ IDLE_NAVIGATION), +/* harmony export */ "UNSAFE_convertRoutesToDataRoutes": () => (/* binding */ convertRoutesToDataRoutes), +/* harmony export */ "UNSAFE_getPathContributingMatches": () => (/* binding */ getPathContributingMatches), +/* harmony export */ "createBrowserHistory": () => (/* binding */ createBrowserHistory), +/* harmony export */ "createHashHistory": () => (/* binding */ createHashHistory), +/* harmony export */ "createMemoryHistory": () => (/* binding */ createMemoryHistory), +/* harmony export */ "createPath": () => (/* binding */ createPath), +/* harmony export */ "createRouter": () => (/* binding */ createRouter), +/* harmony export */ "createStaticHandler": () => (/* binding */ createStaticHandler), +/* harmony export */ "defer": () => (/* binding */ defer), +/* harmony export */ "generatePath": () => (/* binding */ generatePath), +/* harmony export */ "getStaticContextFromError": () => (/* binding */ getStaticContextFromError), +/* harmony export */ "getToPathname": () => (/* binding */ getToPathname), +/* harmony export */ "invariant": () => (/* binding */ invariant), +/* harmony export */ "isRouteErrorResponse": () => (/* binding */ isRouteErrorResponse), +/* harmony export */ "joinPaths": () => (/* binding */ joinPaths), +/* harmony export */ "json": () => (/* binding */ json), +/* harmony export */ "matchPath": () => (/* binding */ matchPath), +/* harmony export */ "matchRoutes": () => (/* binding */ matchRoutes), +/* harmony export */ "normalizePathname": () => (/* binding */ normalizePathname), +/* harmony export */ "parsePath": () => (/* binding */ parsePath), +/* harmony export */ "redirect": () => (/* binding */ redirect), +/* harmony export */ "resolvePath": () => (/* binding */ resolvePath), +/* harmony export */ "resolveTo": () => (/* binding */ resolveTo), +/* harmony export */ "stripBasename": () => (/* binding */ stripBasename), +/* harmony export */ "warning": () => (/* binding */ warning) +/* harmony export */ }); +/** + * @remix-run/router v1.2.1 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */ +function _extends() { + _extends = Object.assign ? Object.assign.bind() : function (target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; + + for (var key in source) { + if (Object.prototype.hasOwnProperty.call(source, key)) { + target[key] = source[key]; + } + } + } + + return target; + }; + return _extends.apply(this, arguments); +} + +//////////////////////////////////////////////////////////////////////////////// +//#region Types and Constants +//////////////////////////////////////////////////////////////////////////////// + +/** + * Actions represent the type of change to a location value. + */ +var Action; + +(function (Action) { + /** + * A POP indicates a change to an arbitrary index in the history stack, such + * as a back or forward navigation. It does not describe the direction of the + * navigation, only that the current index changed. + * + * Note: This is the default action for newly created history objects. + */ + Action["Pop"] = "POP"; + /** + * A PUSH indicates a new entry being added to the history stack, such as when + * a link is clicked and a new page loads. When this happens, all subsequent + * entries in the stack are lost. + */ + + Action["Push"] = "PUSH"; + /** + * A REPLACE indicates the entry at the current index in the history stack + * being replaced by a new one. + */ + + Action["Replace"] = "REPLACE"; +})(Action || (Action = {})); + +const PopStateEventType = "popstate"; +/** + * Memory history stores the current location in memory. It is designed for use + * in stateful non-browser environments like tests and React Native. + */ + +function createMemoryHistory(options) { + if (options === void 0) { + options = {}; + } + + let { + initialEntries = ["/"], + initialIndex, + v5Compat = false + } = options; + let entries; // Declare so we can access from createMemoryLocation + + entries = initialEntries.map((entry, index) => createMemoryLocation(entry, typeof entry === "string" ? null : entry.state, index === 0 ? "default" : undefined)); + let index = clampIndex(initialIndex == null ? entries.length - 1 : initialIndex); + let action = Action.Pop; + let listener = null; + + function clampIndex(n) { + return Math.min(Math.max(n, 0), entries.length - 1); + } + + function getCurrentLocation() { + return entries[index]; + } + + function createMemoryLocation(to, state, key) { + if (state === void 0) { + state = null; + } + + let location = createLocation(entries ? getCurrentLocation().pathname : "/", to, state, key); + warning$1(location.pathname.charAt(0) === "/", "relative pathnames are not supported in memory history: " + JSON.stringify(to)); + return location; + } + + let history = { + get index() { + return index; + }, + + get action() { + return action; + }, + + get location() { + return getCurrentLocation(); + }, + + createHref(to) { + return typeof to === "string" ? to : createPath(to); + }, + + encodeLocation(to) { + let path = typeof to === "string" ? parsePath(to) : to; + return { + pathname: path.pathname || "", + search: path.search || "", + hash: path.hash || "" + }; + }, + + push(to, state) { + action = Action.Push; + let nextLocation = createMemoryLocation(to, state); + index += 1; + entries.splice(index, entries.length, nextLocation); + + if (v5Compat && listener) { + listener({ + action, + location: nextLocation + }); + } + }, + + replace(to, state) { + action = Action.Replace; + let nextLocation = createMemoryLocation(to, state); + entries[index] = nextLocation; + + if (v5Compat && listener) { + listener({ + action, + location: nextLocation + }); + } + }, + + go(delta) { + action = Action.Pop; + index = clampIndex(index + delta); + + if (listener) { + listener({ + action, + location: getCurrentLocation() + }); + } + }, + + listen(fn) { + listener = fn; + return () => { + listener = null; + }; + } + + }; + return history; +} +/** + * Browser history stores the location in regular URLs. This is the standard for + * most web apps, but it requires some configuration on the server to ensure you + * serve the same app at multiple URLs. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory + */ + +function createBrowserHistory(options) { + if (options === void 0) { + options = {}; + } + + function createBrowserLocation(window, globalHistory) { + let { + pathname, + search, + hash + } = window.location; + return createLocation("", { + pathname, + search, + hash + }, // state defaults to `null` because `window.history.state` does + globalHistory.state && globalHistory.state.usr || null, globalHistory.state && globalHistory.state.key || "default"); + } + + function createBrowserHref(window, to) { + return typeof to === "string" ? to : createPath(to); + } + + return getUrlBasedHistory(createBrowserLocation, createBrowserHref, null, options); +} +/** + * Hash history stores the location in window.location.hash. This makes it ideal + * for situations where you don't want to send the location to the server for + * some reason, either because you do cannot configure it or the URL space is + * reserved for something else. + * + * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory + */ + +function createHashHistory(options) { + if (options === void 0) { + options = {}; + } + + function createHashLocation(window, globalHistory) { + let { + pathname = "/", + search = "", + hash = "" + } = parsePath(window.location.hash.substr(1)); + return createLocation("", { + pathname, + search, + hash + }, // state defaults to `null` because `window.history.state` does + globalHistory.state && globalHistory.state.usr || null, globalHistory.state && globalHistory.state.key || "default"); + } + + function createHashHref(window, to) { + let base = window.document.querySelector("base"); + let href = ""; + + if (base && base.getAttribute("href")) { + let url = window.location.href; + let hashIndex = url.indexOf("#"); + href = hashIndex === -1 ? url : url.slice(0, hashIndex); + } + + return href + "#" + (typeof to === "string" ? to : createPath(to)); + } + + function validateHashLocation(location, to) { + warning$1(location.pathname.charAt(0) === "/", "relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")"); + } + + return getUrlBasedHistory(createHashLocation, createHashHref, validateHashLocation, options); +} +function invariant(value, message) { + if (value === false || value === null || typeof value === "undefined") { + throw new Error(message); + } +} + +function warning$1(cond, message) { + if (!cond) { + // eslint-disable-next-line no-console + if (typeof console !== "undefined") console.warn(message); + + try { + // Welcome to debugging history! + // + // This error is thrown as a convenience so you can more easily + // find the source for a warning that appears in the console by + // enabling "pause on exceptions" in your JavaScript debugger. + throw new Error(message); // eslint-disable-next-line no-empty + } catch (e) {} + } +} + +function createKey() { + return Math.random().toString(36).substr(2, 8); +} +/** + * For browser-based histories, we combine the state and key into an object + */ + + +function getHistoryState(location) { + return { + usr: location.state, + key: location.key + }; +} +/** + * Creates a Location object with a unique key from the given Path + */ + + +function createLocation(current, to, state, key) { + if (state === void 0) { + state = null; + } + + let location = _extends({ + pathname: typeof current === "string" ? current : current.pathname, + search: "", + hash: "" + }, typeof to === "string" ? parsePath(to) : to, { + state, + // TODO: This could be cleaned up. push/replace should probably just take + // full Locations now and avoid the need to run through this flow at all + // But that's a pretty big refactor to the current test suite so going to + // keep as is for the time being and just let any incoming keys take precedence + key: to && to.key || key || createKey() + }); + + return location; +} +/** + * Creates a string URL path from the given pathname, search, and hash components. + */ + +function createPath(_ref) { + let { + pathname = "/", + search = "", + hash = "" + } = _ref; + if (search && search !== "?") pathname += search.charAt(0) === "?" ? search : "?" + search; + if (hash && hash !== "#") pathname += hash.charAt(0) === "#" ? hash : "#" + hash; + return pathname; +} +/** + * Parses a string URL path into its separate pathname, search, and hash components. + */ + +function parsePath(path) { + let parsedPath = {}; + + if (path) { + let hashIndex = path.indexOf("#"); + + if (hashIndex >= 0) { + parsedPath.hash = path.substr(hashIndex); + path = path.substr(0, hashIndex); + } + + let searchIndex = path.indexOf("?"); + + if (searchIndex >= 0) { + parsedPath.search = path.substr(searchIndex); + path = path.substr(0, searchIndex); + } + + if (path) { + parsedPath.pathname = path; + } + } + + return parsedPath; +} +function createClientSideURL(location) { + // window.location.origin is "null" (the literal string value) in Firefox + // under certain conditions, notably when serving from a local HTML file + // See https://bugzilla.mozilla.org/show_bug.cgi?id=878297 + let base = typeof window !== "undefined" && typeof window.location !== "undefined" && window.location.origin !== "null" ? window.location.origin : window.location.href; + let href = typeof location === "string" ? location : createPath(location); + invariant(base, "No window.location.(origin|href) available to create URL for href: " + href); + return new URL(href, base); +} + +function getUrlBasedHistory(getLocation, createHref, validateLocation, options) { + if (options === void 0) { + options = {}; + } + + let { + window = document.defaultView, + v5Compat = false + } = options; + let globalHistory = window.history; + let action = Action.Pop; + let listener = null; + + function handlePop() { + action = Action.Pop; + + if (listener) { + listener({ + action, + location: history.location + }); + } + } + + function push(to, state) { + action = Action.Push; + let location = createLocation(history.location, to, state); + if (validateLocation) validateLocation(location, to); + let historyState = getHistoryState(location); + let url = history.createHref(location); // try...catch because iOS limits us to 100 pushState calls :/ + + try { + globalHistory.pushState(historyState, "", url); + } catch (error) { + // They are going to lose state here, but there is no real + // way to warn them about it since the page will refresh... + window.location.assign(url); + } + + if (v5Compat && listener) { + listener({ + action, + location: history.location + }); + } + } + + function replace(to, state) { + action = Action.Replace; + let location = createLocation(history.location, to, state); + if (validateLocation) validateLocation(location, to); + let historyState = getHistoryState(location); + let url = history.createHref(location); + globalHistory.replaceState(historyState, "", url); + + if (v5Compat && listener) { + listener({ + action, + location: history.location + }); + } + } + + let history = { + get action() { + return action; + }, + + get location() { + return getLocation(window, globalHistory); + }, + + listen(fn) { + if (listener) { + throw new Error("A history only accepts one active listener"); + } + + window.addEventListener(PopStateEventType, handlePop); + listener = fn; + return () => { + window.removeEventListener(PopStateEventType, handlePop); + listener = null; + }; + }, + + createHref(to) { + return createHref(window, to); + }, + + encodeLocation(to) { + // Encode a Location the same way window.location would + let url = createClientSideURL(typeof to === "string" ? to : createPath(to)); + return { + pathname: url.pathname, + search: url.search, + hash: url.hash + }; + }, + + push, + replace, + + go(n) { + return globalHistory.go(n); + } + + }; + return history; +} //#endregion + +var ResultType; + +(function (ResultType) { + ResultType["data"] = "data"; + ResultType["deferred"] = "deferred"; + ResultType["redirect"] = "redirect"; + ResultType["error"] = "error"; +})(ResultType || (ResultType = {})); + +function isIndexRoute(route) { + return route.index === true; +} // Walk the route tree generating unique IDs where necessary so we are working +// solely with AgnosticDataRouteObject's within the Router + + +function convertRoutesToDataRoutes(routes, parentPath, allIds) { + if (parentPath === void 0) { + parentPath = []; + } + + if (allIds === void 0) { + allIds = new Set(); + } + + return routes.map((route, index) => { + let treePath = [...parentPath, index]; + let id = typeof route.id === "string" ? route.id : treePath.join("-"); + invariant(route.index !== true || !route.children, "Cannot specify children on an index route"); + invariant(!allIds.has(id), "Found a route id collision on id \"" + id + "\". Route " + "id's must be globally unique within Data Router usages"); + allIds.add(id); + + if (isIndexRoute(route)) { + let indexRoute = _extends({}, route, { + id + }); + + return indexRoute; + } else { + let pathOrLayoutRoute = _extends({}, route, { + id, + children: route.children ? convertRoutesToDataRoutes(route.children, treePath, allIds) : undefined + }); + + return pathOrLayoutRoute; + } + }); +} +/** + * Matches the given routes to a location and returns the match data. + * + * @see https://reactrouter.com/utils/match-routes + */ + +function matchRoutes(routes, locationArg, basename) { + if (basename === void 0) { + basename = "/"; + } + + let location = typeof locationArg === "string" ? parsePath(locationArg) : locationArg; + let pathname = stripBasename(location.pathname || "/", basename); + + if (pathname == null) { + return null; + } + + let branches = flattenRoutes(routes); + rankRouteBranches(branches); + let matches = null; + + for (let i = 0; matches == null && i < branches.length; ++i) { + matches = matchRouteBranch(branches[i], // Incoming pathnames are generally encoded from either window.location + // or from router.navigate, but we want to match against the unencoded + // paths in the route definitions. Memory router locations won't be + // encoded here but there also shouldn't be anything to decode so this + // should be a safe operation. This avoids needing matchRoutes to be + // history-aware. + safelyDecodeURI(pathname)); + } + + return matches; +} + +function flattenRoutes(routes, branches, parentsMeta, parentPath) { + if (branches === void 0) { + branches = []; + } + + if (parentsMeta === void 0) { + parentsMeta = []; + } + + if (parentPath === void 0) { + parentPath = ""; + } + + let flattenRoute = (route, index, relativePath) => { + let meta = { + relativePath: relativePath === undefined ? route.path || "" : relativePath, + caseSensitive: route.caseSensitive === true, + childrenIndex: index, + route + }; + + if (meta.relativePath.startsWith("/")) { + invariant(meta.relativePath.startsWith(parentPath), "Absolute route path \"" + meta.relativePath + "\" nested under path " + ("\"" + parentPath + "\" is not valid. An absolute child route path ") + "must start with the combined path of all its parent routes."); + meta.relativePath = meta.relativePath.slice(parentPath.length); + } + + let path = joinPaths([parentPath, meta.relativePath]); + let routesMeta = parentsMeta.concat(meta); // Add the children before adding this route to the array so we traverse the + // route tree depth-first and child routes appear before their parents in + // the "flattened" version. + + if (route.children && route.children.length > 0) { + invariant( // Our types know better, but runtime JS may not! + // @ts-expect-error + route.index !== true, "Index routes must not have child routes. Please remove " + ("all child routes from route path \"" + path + "\".")); + flattenRoutes(route.children, branches, routesMeta, path); + } // Routes without a path shouldn't ever match by themselves unless they are + // index routes, so don't add them to the list of possible branches. + + + if (route.path == null && !route.index) { + return; + } + + branches.push({ + path, + score: computeScore(path, route.index), + routesMeta + }); + }; + + routes.forEach((route, index) => { + var _route$path; + + // coarse-grain check for optional params + if (route.path === "" || !((_route$path = route.path) != null && _route$path.includes("?"))) { + flattenRoute(route, index); + } else { + for (let exploded of explodeOptionalSegments(route.path)) { + flattenRoute(route, index, exploded); + } + } + }); + return branches; +} +/** + * Computes all combinations of optional path segments for a given path, + * excluding combinations that are ambiguous and of lower priority. + * + * For example, `/one/:two?/three/:four?/:five?` explodes to: + * - `/one/three` + * - `/one/:two/three` + * - `/one/three/:four` + * - `/one/three/:five` + * - `/one/:two/three/:four` + * - `/one/:two/three/:five` + * - `/one/three/:four/:five` + * - `/one/:two/three/:four/:five` + */ + + +function explodeOptionalSegments(path) { + let segments = path.split("/"); + if (segments.length === 0) return []; + let [first, ...rest] = segments; // Optional path segments are denoted by a trailing `?` + + let isOptional = first.endsWith("?"); // Compute the corresponding required segment: `foo?` -> `foo` + + let required = first.replace(/\?$/, ""); + + if (rest.length === 0) { + // Intepret empty string as omitting an optional segment + // `["one", "", "three"]` corresponds to omitting `:two` from `/one/:two?/three` -> `/one/three` + return isOptional ? [required, ""] : [required]; + } + + let restExploded = explodeOptionalSegments(rest.join("/")); + let result = []; // All child paths with the prefix. Do this for all children before the + // optional version for all children so we get consistent ordering where the + // parent optional aspect is preferred as required. Otherwise, we can get + // child sections interspersed where deeper optional segments are higher than + // parent optional segments, where for example, /:two would explodes _earlier_ + // then /:one. By always including the parent as required _for all children_ + // first, we avoid this issue + + result.push(...restExploded.map(subpath => subpath === "" ? required : [required, subpath].join("/"))); // Then if this is an optional value, add all child versions without + + if (isOptional) { + result.push(...restExploded); + } // for absolute paths, ensure `/` instead of empty segment + + + return result.map(exploded => path.startsWith("/") && exploded === "" ? "/" : exploded); +} + +function rankRouteBranches(branches) { + branches.sort((a, b) => a.score !== b.score ? b.score - a.score // Higher score first + : compareIndexes(a.routesMeta.map(meta => meta.childrenIndex), b.routesMeta.map(meta => meta.childrenIndex))); +} + +const paramRe = /^:\w+$/; +const dynamicSegmentValue = 3; +const indexRouteValue = 2; +const emptySegmentValue = 1; +const staticSegmentValue = 10; +const splatPenalty = -2; + +const isSplat = s => s === "*"; + +function computeScore(path, index) { + let segments = path.split("/"); + let initialScore = segments.length; + + if (segments.some(isSplat)) { + initialScore += splatPenalty; + } + + if (index) { + initialScore += indexRouteValue; + } + + return segments.filter(s => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore); +} + +function compareIndexes(a, b) { + let siblings = a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]); + return siblings ? // If two routes are siblings, we should try to match the earlier sibling + // first. This allows people to have fine-grained control over the matching + // behavior by simply putting routes with identical paths in the order they + // want them tried. + a[a.length - 1] - b[b.length - 1] : // Otherwise, it doesn't really make sense to rank non-siblings by index, + // so they sort equally. + 0; +} + +function matchRouteBranch(branch, pathname) { + let { + routesMeta + } = branch; + let matchedParams = {}; + let matchedPathname = "/"; + let matches = []; + + for (let i = 0; i < routesMeta.length; ++i) { + let meta = routesMeta[i]; + let end = i === routesMeta.length - 1; + let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/"; + let match = matchPath({ + path: meta.relativePath, + caseSensitive: meta.caseSensitive, + end + }, remainingPathname); + if (!match) return null; + Object.assign(matchedParams, match.params); + let route = meta.route; + matches.push({ + // TODO: Can this as be avoided? + params: matchedParams, + pathname: joinPaths([matchedPathname, match.pathname]), + pathnameBase: normalizePathname(joinPaths([matchedPathname, match.pathnameBase])), + route + }); + + if (match.pathnameBase !== "/") { + matchedPathname = joinPaths([matchedPathname, match.pathnameBase]); + } + } + + return matches; +} +/** + * Returns a path with params interpolated. + * + * @see https://reactrouter.com/utils/generate-path + */ + + +function generatePath(originalPath, params) { + if (params === void 0) { + params = {}; + } + + let path = originalPath; + + if (path.endsWith("*") && path !== "*" && !path.endsWith("/*")) { + warning(false, "Route path \"" + path + "\" will be treated as if it were " + ("\"" + path.replace(/\*$/, "/*") + "\" because the `*` character must ") + "always follow a `/` in the pattern. To get rid of this warning, " + ("please change the route path to \"" + path.replace(/\*$/, "/*") + "\".")); + path = path.replace(/\*$/, "/*"); + } + + return path.replace(/^:(\w+)/g, (_, key) => { + invariant(params[key] != null, "Missing \":" + key + "\" param"); + return params[key]; + }).replace(/\/:(\w+)/g, (_, key) => { + invariant(params[key] != null, "Missing \":" + key + "\" param"); + return "/" + params[key]; + }).replace(/(\/?)\*/, (_, prefix, __, str) => { + const star = "*"; + + if (params[star] == null) { + // If no splat was provided, trim the trailing slash _unless_ it's + // the entire path + return str === "/*" ? "/" : ""; + } // Apply the splat + + + return "" + prefix + params[star]; + }); +} +/** + * Performs pattern matching on a URL pathname and returns information about + * the match. + * + * @see https://reactrouter.com/utils/match-path + */ + +function matchPath(pattern, pathname) { + if (typeof pattern === "string") { + pattern = { + path: pattern, + caseSensitive: false, + end: true + }; + } + + let [matcher, paramNames] = compilePath(pattern.path, pattern.caseSensitive, pattern.end); + let match = pathname.match(matcher); + if (!match) return null; + let matchedPathname = match[0]; + let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1"); + let captureGroups = match.slice(1); + let params = paramNames.reduce((memo, paramName, index) => { + // We need to compute the pathnameBase here using the raw splat value + // instead of using params["*"] later because it will be decoded then + if (paramName === "*") { + let splatValue = captureGroups[index] || ""; + pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1"); + } + + memo[paramName] = safelyDecodeURIComponent(captureGroups[index] || "", paramName); + return memo; + }, {}); + return { + params, + pathname: matchedPathname, + pathnameBase, + pattern + }; +} + +function compilePath(path, caseSensitive, end) { + if (caseSensitive === void 0) { + caseSensitive = false; + } + + if (end === void 0) { + end = true; + } + + warning(path === "*" || !path.endsWith("*") || path.endsWith("/*"), "Route path \"" + path + "\" will be treated as if it were " + ("\"" + path.replace(/\*$/, "/*") + "\" because the `*` character must ") + "always follow a `/` in the pattern. To get rid of this warning, " + ("please change the route path to \"" + path.replace(/\*$/, "/*") + "\".")); + let paramNames = []; + let regexpSource = "^" + path.replace(/\/*\*?$/, "") // Ignore trailing / and /*, we'll handle it below + .replace(/^\/*/, "/") // Make sure it has a leading / + .replace(/[\\.*+^$?{}|()[\]]/g, "\\$&") // Escape special regex chars + .replace(/\/:(\w+)/g, (_, paramName) => { + paramNames.push(paramName); + return "/([^\\/]+)"; + }); + + if (path.endsWith("*")) { + paramNames.push("*"); + regexpSource += path === "*" || path === "/*" ? "(.*)$" // Already matched the initial /, just match the rest + : "(?:\\/(.+)|\\/*)$"; // Don't include the / in params["*"] + } else if (end) { + // When matching to the end, ignore trailing slashes + regexpSource += "\\/*$"; + } else if (path !== "" && path !== "/") { + // If our path is non-empty and contains anything beyond an initial slash, + // then we have _some_ form of path in our regex so we should expect to + // match only if we find the end of this path segment. Look for an optional + // non-captured trailing slash (to match a portion of the URL) or the end + // of the path (if we've matched to the end). We used to do this with a + // word boundary but that gives false positives on routes like + // /user-preferences since `-` counts as a word boundary. + regexpSource += "(?:(?=\\/|$))"; + } else ; + + let matcher = new RegExp(regexpSource, caseSensitive ? undefined : "i"); + return [matcher, paramNames]; +} + +function safelyDecodeURI(value) { + try { + return decodeURI(value); + } catch (error) { + warning(false, "The URL path \"" + value + "\" could not be decoded because it is is a " + "malformed URL segment. This is probably due to a bad percent " + ("encoding (" + error + ").")); + return value; + } +} + +function safelyDecodeURIComponent(value, paramName) { + try { + return decodeURIComponent(value); + } catch (error) { + warning(false, "The value for the URL param \"" + paramName + "\" will not be decoded because" + (" the string \"" + value + "\" is a malformed URL segment. This is probably") + (" due to a bad percent encoding (" + error + ").")); + return value; + } +} +/** + * @private + */ + + +function stripBasename(pathname, basename) { + if (basename === "/") return pathname; + + if (!pathname.toLowerCase().startsWith(basename.toLowerCase())) { + return null; + } // We want to leave trailing slash behavior in the user's control, so if they + // specify a basename with a trailing slash, we should support it + + + let startIndex = basename.endsWith("/") ? basename.length - 1 : basename.length; + let nextChar = pathname.charAt(startIndex); + + if (nextChar && nextChar !== "/") { + // pathname does not start with basename/ + return null; + } + + return pathname.slice(startIndex) || "/"; +} +/** + * @private + */ + +function warning(cond, message) { + if (!cond) { + // eslint-disable-next-line no-console + if (typeof console !== "undefined") console.warn(message); + + try { + // Welcome to debugging React Router! + // + // This error is thrown as a convenience so you can more easily + // find the source for a warning that appears in the console by + // enabling "pause on exceptions" in your JavaScript debugger. + throw new Error(message); // eslint-disable-next-line no-empty + } catch (e) {} + } +} +/** + * Returns a resolved path object relative to the given pathname. + * + * @see https://reactrouter.com/utils/resolve-path + */ + +function resolvePath(to, fromPathname) { + if (fromPathname === void 0) { + fromPathname = "/"; + } + + let { + pathname: toPathname, + search = "", + hash = "" + } = typeof to === "string" ? parsePath(to) : to; + let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname(toPathname, fromPathname) : fromPathname; + return { + pathname, + search: normalizeSearch(search), + hash: normalizeHash(hash) + }; +} + +function resolvePathname(relativePath, fromPathname) { + let segments = fromPathname.replace(/\/+$/, "").split("/"); + let relativeSegments = relativePath.split("/"); + relativeSegments.forEach(segment => { + if (segment === "..") { + // Keep the root "" segment so the pathname starts at / + if (segments.length > 1) segments.pop(); + } else if (segment !== ".") { + segments.push(segment); + } + }); + return segments.length > 1 ? segments.join("/") : "/"; +} + +function getInvalidPathError(char, field, dest, path) { + return "Cannot include a '" + char + "' character in a manually specified " + ("`to." + field + "` field [" + JSON.stringify(path) + "]. Please separate it out to the ") + ("`to." + dest + "` field. Alternatively you may provide the full path as ") + "a string in and the router will parse it for you."; +} +/** + * @private + * + * When processing relative navigation we want to ignore ancestor routes that + * do not contribute to the path, such that index/pathless layout routes don't + * interfere. + * + * For example, when moving a route element into an index route and/or a + * pathless layout route, relative link behavior contained within should stay + * the same. Both of the following examples should link back to the root: + * + * + * + * + * + * + * + * }> // <-- Does not contribute + * // <-- Does not contribute + * + * + */ + + +function getPathContributingMatches(matches) { + return matches.filter((match, index) => index === 0 || match.route.path && match.route.path.length > 0); +} +/** + * @private + */ + +function resolveTo(toArg, routePathnames, locationPathname, isPathRelative) { + if (isPathRelative === void 0) { + isPathRelative = false; + } + + let to; + + if (typeof toArg === "string") { + to = parsePath(toArg); + } else { + to = _extends({}, toArg); + invariant(!to.pathname || !to.pathname.includes("?"), getInvalidPathError("?", "pathname", "search", to)); + invariant(!to.pathname || !to.pathname.includes("#"), getInvalidPathError("#", "pathname", "hash", to)); + invariant(!to.search || !to.search.includes("#"), getInvalidPathError("#", "search", "hash", to)); + } + + let isEmptyPath = toArg === "" || to.pathname === ""; + let toPathname = isEmptyPath ? "/" : to.pathname; + let from; // Routing is relative to the current pathname if explicitly requested. + // + // If a pathname is explicitly provided in `to`, it should be relative to the + // route context. This is explained in `Note on `` values` in our + // migration guide from v5 as a means of disambiguation between `to` values + // that begin with `/` and those that do not. However, this is problematic for + // `to` values that do not provide a pathname. `to` can simply be a search or + // hash string, in which case we should assume that the navigation is relative + // to the current location's pathname and *not* the route pathname. + + if (isPathRelative || toPathname == null) { + from = locationPathname; + } else { + let routePathnameIndex = routePathnames.length - 1; + + if (toPathname.startsWith("..")) { + let toSegments = toPathname.split("/"); // Each leading .. segment means "go up one route" instead of "go up one + // URL segment". This is a key difference from how works and a + // major reason we call this a "to" value instead of a "href". + + while (toSegments[0] === "..") { + toSegments.shift(); + routePathnameIndex -= 1; + } + + to.pathname = toSegments.join("/"); + } // If there are more ".." segments than parent routes, resolve relative to + // the root / URL. + + + from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/"; + } + + let path = resolvePath(to, from); // Ensure the pathname has a trailing slash if the original "to" had one + + let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/"); // Or if this was a link to the current path which has a trailing slash + + let hasCurrentTrailingSlash = (isEmptyPath || toPathname === ".") && locationPathname.endsWith("/"); + + if (!path.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) { + path.pathname += "/"; + } + + return path; +} +/** + * @private + */ + +function getToPathname(to) { + // Empty strings should be treated the same as / paths + return to === "" || to.pathname === "" ? "/" : typeof to === "string" ? parsePath(to).pathname : to.pathname; +} +/** + * @private + */ + +const joinPaths = paths => paths.join("/").replace(/\/\/+/g, "/"); +/** + * @private + */ + +const normalizePathname = pathname => pathname.replace(/\/+$/, "").replace(/^\/*/, "/"); +/** + * @private + */ + +const normalizeSearch = search => !search || search === "?" ? "" : search.startsWith("?") ? search : "?" + search; +/** + * @private + */ + +const normalizeHash = hash => !hash || hash === "#" ? "" : hash.startsWith("#") ? hash : "#" + hash; +/** + * This is a shortcut for creating `application/json` responses. Converts `data` + * to JSON and sets the `Content-Type` header. + */ + +const json = function json(data, init) { + if (init === void 0) { + init = {}; + } + + let responseInit = typeof init === "number" ? { + status: init + } : init; + let headers = new Headers(responseInit.headers); + + if (!headers.has("Content-Type")) { + headers.set("Content-Type", "application/json; charset=utf-8"); + } + + return new Response(JSON.stringify(data), _extends({}, responseInit, { + headers + })); +}; +class AbortedDeferredError extends Error {} +class DeferredData { + constructor(data) { + this.pendingKeys = new Set(); + this.subscriber = undefined; + invariant(data && typeof data === "object" && !Array.isArray(data), "defer() only accepts plain objects"); // Set up an AbortController + Promise we can race against to exit early + // cancellation + + let reject; + this.abortPromise = new Promise((_, r) => reject = r); + this.controller = new AbortController(); + + let onAbort = () => reject(new AbortedDeferredError("Deferred data aborted")); + + this.unlistenAbortSignal = () => this.controller.signal.removeEventListener("abort", onAbort); + + this.controller.signal.addEventListener("abort", onAbort); + this.data = Object.entries(data).reduce((acc, _ref) => { + let [key, value] = _ref; + return Object.assign(acc, { + [key]: this.trackPromise(key, value) + }); + }, {}); + } + + trackPromise(key, value) { + if (!(value instanceof Promise)) { + return value; + } + + this.pendingKeys.add(key); // We store a little wrapper promise that will be extended with + // _data/_error props upon resolve/reject + + let promise = Promise.race([value, this.abortPromise]).then(data => this.onSettle(promise, key, null, data), error => this.onSettle(promise, key, error)); // Register rejection listeners to avoid uncaught promise rejections on + // errors or aborted deferred values + + promise.catch(() => {}); + Object.defineProperty(promise, "_tracked", { + get: () => true + }); + return promise; + } + + onSettle(promise, key, error, data) { + if (this.controller.signal.aborted && error instanceof AbortedDeferredError) { + this.unlistenAbortSignal(); + Object.defineProperty(promise, "_error", { + get: () => error + }); + return Promise.reject(error); + } + + this.pendingKeys.delete(key); + + if (this.done) { + // Nothing left to abort! + this.unlistenAbortSignal(); + } + + const subscriber = this.subscriber; + + if (error) { + Object.defineProperty(promise, "_error", { + get: () => error + }); + subscriber && subscriber(false); + return Promise.reject(error); + } + + Object.defineProperty(promise, "_data", { + get: () => data + }); + subscriber && subscriber(false); + return data; + } + + subscribe(fn) { + this.subscriber = fn; + } + + cancel() { + this.controller.abort(); + this.pendingKeys.forEach((v, k) => this.pendingKeys.delete(k)); + let subscriber = this.subscriber; + subscriber && subscriber(true); + } + + async resolveData(signal) { + let aborted = false; + + if (!this.done) { + let onAbort = () => this.cancel(); + + signal.addEventListener("abort", onAbort); + aborted = await new Promise(resolve => { + this.subscribe(aborted => { + signal.removeEventListener("abort", onAbort); + + if (aborted || this.done) { + resolve(aborted); + } + }); + }); + } + + return aborted; + } + + get done() { + return this.pendingKeys.size === 0; + } + + get unwrappedData() { + invariant(this.data !== null && this.done, "Can only unwrap data on initialized and settled deferreds"); + return Object.entries(this.data).reduce((acc, _ref2) => { + let [key, value] = _ref2; + return Object.assign(acc, { + [key]: unwrapTrackedPromise(value) + }); + }, {}); + } + +} + +function isTrackedPromise(value) { + return value instanceof Promise && value._tracked === true; +} + +function unwrapTrackedPromise(value) { + if (!isTrackedPromise(value)) { + return value; + } + + if (value._error) { + throw value._error; + } + + return value._data; +} + +function defer(data) { + return new DeferredData(data); +} +/** + * A redirect response. Sets the status code and the `Location` header. + * Defaults to "302 Found". + */ + +const redirect = function redirect(url, init) { + if (init === void 0) { + init = 302; + } + + let responseInit = init; + + if (typeof responseInit === "number") { + responseInit = { + status: responseInit + }; + } else if (typeof responseInit.status === "undefined") { + responseInit.status = 302; + } + + let headers = new Headers(responseInit.headers); + headers.set("Location", url); + return new Response(null, _extends({}, responseInit, { + headers + })); +}; +/** + * @private + * Utility class we use to hold auto-unwrapped 4xx/5xx Response bodies + */ + +class ErrorResponse { + constructor(status, statusText, data, internal) { + if (internal === void 0) { + internal = false; + } + + this.status = status; + this.statusText = statusText || ""; + this.internal = internal; + + if (data instanceof Error) { + this.data = data.toString(); + this.error = data; + } else { + this.data = data; + } + } + +} +/** + * Check if the given error is an ErrorResponse generated from a 4xx/5xx + * Response throw from an action/loader + */ + +function isRouteErrorResponse(e) { + return e instanceof ErrorResponse; +} + +const validMutationMethodsArr = ["post", "put", "patch", "delete"]; +const validMutationMethods = new Set(validMutationMethodsArr); +const validRequestMethodsArr = ["get", ...validMutationMethodsArr]; +const validRequestMethods = new Set(validRequestMethodsArr); +const redirectStatusCodes = new Set([301, 302, 303, 307, 308]); +const redirectPreserveMethodStatusCodes = new Set([307, 308]); +const IDLE_NAVIGATION = { + state: "idle", + location: undefined, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined +}; +const IDLE_FETCHER = { + state: "idle", + data: undefined, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined +}; +const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined"; +const isServer = !isBrowser; //#endregion +//////////////////////////////////////////////////////////////////////////////// +//#region createRouter +//////////////////////////////////////////////////////////////////////////////// + +/** + * Create a router and listen to history POP navigations + */ + +function createRouter(init) { + invariant(init.routes.length > 0, "You must provide a non-empty routes array to createRouter"); + let dataRoutes = convertRoutesToDataRoutes(init.routes); // Cleanup function for history + + let unlistenHistory = null; // Externally-provided functions to call on all state changes + + let subscribers = new Set(); // Externally-provided object to hold scroll restoration locations during routing + + let savedScrollPositions = null; // Externally-provided function to get scroll restoration keys + + let getScrollRestorationKey = null; // Externally-provided function to get current scroll position + + let getScrollPosition = null; // One-time flag to control the initial hydration scroll restoration. Because + // we don't get the saved positions from until _after_ + // the initial render, we need to manually trigger a separate updateState to + // send along the restoreScrollPosition + // Set to true if we have `hydrationData` since we assume we were SSR'd and that + // SSR did the initial scroll restoration. + + let initialScrollRestored = init.hydrationData != null; + let initialMatches = matchRoutes(dataRoutes, init.history.location, init.basename); + let initialErrors = null; + + if (initialMatches == null) { + // If we do not match a user-provided-route, fall back to the root + // to allow the error boundary to take over + let error = getInternalRouterError(404, { + pathname: init.history.location.pathname + }); + let { + matches, + route + } = getShortCircuitMatches(dataRoutes); + initialMatches = matches; + initialErrors = { + [route.id]: error + }; + } + + let initialized = !initialMatches.some(m => m.route.loader) || init.hydrationData != null; + let router; + let state = { + historyAction: init.history.action, + location: init.history.location, + matches: initialMatches, + initialized, + navigation: IDLE_NAVIGATION, + // Don't restore on initial updateState() if we were SSR'd + restoreScrollPosition: init.hydrationData != null ? false : null, + preventScrollReset: false, + revalidation: "idle", + loaderData: init.hydrationData && init.hydrationData.loaderData || {}, + actionData: init.hydrationData && init.hydrationData.actionData || null, + errors: init.hydrationData && init.hydrationData.errors || initialErrors, + fetchers: new Map() + }; // -- Stateful internal variables to manage navigations -- + // Current navigation in progress (to be committed in completeNavigation) + + let pendingAction = Action.Pop; // Should the current navigation prevent the scroll reset if scroll cannot + // be restored? + + let pendingPreventScrollReset = false; // AbortController for the active navigation + + let pendingNavigationController; // We use this to avoid touching history in completeNavigation if a + // revalidation is entirely uninterrupted + + let isUninterruptedRevalidation = false; // Use this internal flag to force revalidation of all loaders: + // - submissions (completed or interrupted) + // - useRevalidate() + // - X-Remix-Revalidate (from redirect) + + let isRevalidationRequired = false; // Use this internal array to capture routes that require revalidation due + // to a cancelled deferred on action submission + + let cancelledDeferredRoutes = []; // Use this internal array to capture fetcher loads that were cancelled by an + // action navigation and require revalidation + + let cancelledFetcherLoads = []; // AbortControllers for any in-flight fetchers + + let fetchControllers = new Map(); // Track loads based on the order in which they started + + let incrementingLoadId = 0; // Track the outstanding pending navigation data load to be compared against + // the globally incrementing load when a fetcher load lands after a completed + // navigation + + let pendingNavigationLoadId = -1; // Fetchers that triggered data reloads as a result of their actions + + let fetchReloadIds = new Map(); // Fetchers that triggered redirect navigations from their actions + + let fetchRedirectIds = new Set(); // Most recent href/match for fetcher.load calls for fetchers + + let fetchLoadMatches = new Map(); // Store DeferredData instances for active route matches. When a + // route loader returns defer() we stick one in here. Then, when a nested + // promise resolves we update loaderData. If a new navigation starts we + // cancel active deferreds for eliminated routes. + + let activeDeferreds = new Map(); // Initialize the router, all side effects should be kicked off from here. + // Implemented as a Fluent API for ease of: + // let router = createRouter(init).initialize(); + + function initialize() { + // If history informs us of a POP navigation, start the navigation but do not update + // state. We'll update our own state once the navigation completes + unlistenHistory = init.history.listen(_ref => { + let { + action: historyAction, + location + } = _ref; + return startNavigation(historyAction, location); + }); // Kick off initial data load if needed. Use Pop to avoid modifying history + + if (!state.initialized) { + startNavigation(Action.Pop, state.location); + } + + return router; + } // Clean up a router and it's side effects + + + function dispose() { + if (unlistenHistory) { + unlistenHistory(); + } + + subscribers.clear(); + pendingNavigationController && pendingNavigationController.abort(); + state.fetchers.forEach((_, key) => deleteFetcher(key)); + } // Subscribe to state updates for the router + + + function subscribe(fn) { + subscribers.add(fn); + return () => subscribers.delete(fn); + } // Update our state and notify the calling context of the change + + + function updateState(newState) { + state = _extends({}, state, newState); + subscribers.forEach(subscriber => subscriber(state)); + } // Complete a navigation returning the state.navigation back to the IDLE_NAVIGATION + // and setting state.[historyAction/location/matches] to the new route. + // - Location is a required param + // - Navigation will always be set to IDLE_NAVIGATION + // - Can pass any other state in newState + + + function completeNavigation(location, newState) { + var _location$state; + + // Deduce if we're in a loading/actionReload state: + // - We have committed actionData in the store + // - The current navigation was a mutation submission + // - We're past the submitting state and into the loading state + // - The location being loaded is not the result of a redirect + let isActionReload = state.actionData != null && state.navigation.formMethod != null && isMutationMethod(state.navigation.formMethod) && state.navigation.state === "loading" && ((_location$state = location.state) == null ? void 0 : _location$state._isRedirect) !== true; + let actionData; + + if (newState.actionData) { + if (Object.keys(newState.actionData).length > 0) { + actionData = newState.actionData; + } else { + // Empty actionData -> clear prior actionData due to an action error + actionData = null; + } + } else if (isActionReload) { + // Keep the current data if we're wrapping up the action reload + actionData = state.actionData; + } else { + // Clear actionData on any other completed navigations + actionData = null; + } // Always preserve any existing loaderData from re-used routes + + + let loaderData = newState.loaderData ? mergeLoaderData(state.loaderData, newState.loaderData, newState.matches || [], newState.errors) : state.loaderData; + updateState(_extends({}, newState, { + actionData, + loaderData, + historyAction: pendingAction, + location, + initialized: true, + navigation: IDLE_NAVIGATION, + revalidation: "idle", + // Don't restore on submission navigations + restoreScrollPosition: state.navigation.formData ? false : getSavedScrollPosition(location, newState.matches || state.matches), + preventScrollReset: pendingPreventScrollReset + })); + + if (isUninterruptedRevalidation) ; else if (pendingAction === Action.Pop) ; else if (pendingAction === Action.Push) { + init.history.push(location, location.state); + } else if (pendingAction === Action.Replace) { + init.history.replace(location, location.state); + } // Reset stateful navigation vars + + + pendingAction = Action.Pop; + pendingPreventScrollReset = false; + isUninterruptedRevalidation = false; + isRevalidationRequired = false; + cancelledDeferredRoutes = []; + cancelledFetcherLoads = []; + } // Trigger a navigation event, which can either be a numerical POP or a PUSH + // replace with an optional submission + + + async function navigate(to, opts) { + if (typeof to === "number") { + init.history.go(to); + return; + } + + let { + path, + submission, + error + } = normalizeNavigateOptions(to, opts); + let location = createLocation(state.location, path, opts && opts.state); // When using navigate as a PUSH/REPLACE we aren't reading an already-encoded + // URL from window.location, so we need to encode it here so the behavior + // remains the same as POP and non-data-router usages. new URL() does all + // the same encoding we'd get from a history.pushState/window.location read + // without having to touch history + + location = _extends({}, location, init.history.encodeLocation(location)); + let userReplace = opts && opts.replace != null ? opts.replace : undefined; + let historyAction = Action.Push; + + if (userReplace === true) { + historyAction = Action.Replace; + } else if (userReplace === false) ; else if (submission != null && isMutationMethod(submission.formMethod) && submission.formAction === state.location.pathname + state.location.search) { + // By default on submissions to the current location we REPLACE so that + // users don't have to double-click the back button to get to the prior + // location. If the user redirects to a different location from the + // action/loader this will be ignored and the redirect will be a PUSH + historyAction = Action.Replace; + } + + let preventScrollReset = opts && "preventScrollReset" in opts ? opts.preventScrollReset === true : undefined; + return await startNavigation(historyAction, location, { + submission, + // Send through the formData serialization error if we have one so we can + // render at the right error boundary after we match routes + pendingError: error, + preventScrollReset, + replace: opts && opts.replace + }); + } // Revalidate all current loaders. If a navigation is in progress or if this + // is interrupted by a navigation, allow this to "succeed" by calling all + // loaders during the next loader round + + + function revalidate() { + interruptActiveLoads(); + updateState({ + revalidation: "loading" + }); // If we're currently submitting an action, we don't need to start a new + // navigation, we'll just let the follow up loader execution call all loaders + + if (state.navigation.state === "submitting") { + return; + } // If we're currently in an idle state, start a new navigation for the current + // action/location and mark it as uninterrupted, which will skip the history + // update in completeNavigation + + + if (state.navigation.state === "idle") { + startNavigation(state.historyAction, state.location, { + startUninterruptedRevalidation: true + }); + return; + } // Otherwise, if we're currently in a loading state, just start a new + // navigation to the navigation.location but do not trigger an uninterrupted + // revalidation so that history correctly updates once the navigation completes + + + startNavigation(pendingAction || state.historyAction, state.navigation.location, { + overrideNavigation: state.navigation + }); + } // Start a navigation to the given action/location. Can optionally provide a + // overrideNavigation which will override the normalLoad in the case of a redirect + // navigation + + + async function startNavigation(historyAction, location, opts) { + // Abort any in-progress navigations and start a new one. Unset any ongoing + // uninterrupted revalidations unless told otherwise, since we want this + // new navigation to update history normally + pendingNavigationController && pendingNavigationController.abort(); + pendingNavigationController = null; + pendingAction = historyAction; + isUninterruptedRevalidation = (opts && opts.startUninterruptedRevalidation) === true; // Save the current scroll position every time we start a new navigation, + // and track whether we should reset scroll on completion + + saveScrollPosition(state.location, state.matches); + pendingPreventScrollReset = (opts && opts.preventScrollReset) === true; + let loadingNavigation = opts && opts.overrideNavigation; + let matches = matchRoutes(dataRoutes, location, init.basename); // Short circuit with a 404 on the root error boundary if we match nothing + + if (!matches) { + let error = getInternalRouterError(404, { + pathname: location.pathname + }); + let { + matches: notFoundMatches, + route + } = getShortCircuitMatches(dataRoutes); // Cancel all pending deferred on 404s since we don't keep any routes + + cancelActiveDeferreds(); + completeNavigation(location, { + matches: notFoundMatches, + loaderData: {}, + errors: { + [route.id]: error + } + }); + return; + } // Short circuit if it's only a hash change + + + if (isHashChangeOnly(state.location, location)) { + completeNavigation(location, { + matches + }); + return; + } // Create a controller/Request for this navigation + + + pendingNavigationController = new AbortController(); + let request = createClientSideRequest(location, pendingNavigationController.signal, opts && opts.submission); + let pendingActionData; + let pendingError; + + if (opts && opts.pendingError) { + // If we have a pendingError, it means the user attempted a GET submission + // with binary FormData so assign here and skip to handleLoaders. That + // way we handle calling loaders above the boundary etc. It's not really + // different from an actionError in that sense. + pendingError = { + [findNearestBoundary(matches).route.id]: opts.pendingError + }; + } else if (opts && opts.submission && isMutationMethod(opts.submission.formMethod)) { + // Call action if we received an action submission + let actionOutput = await handleAction(request, location, opts.submission, matches, { + replace: opts.replace + }); + + if (actionOutput.shortCircuited) { + return; + } + + pendingActionData = actionOutput.pendingActionData; + pendingError = actionOutput.pendingActionError; + + let navigation = _extends({ + state: "loading", + location + }, opts.submission); + + loadingNavigation = navigation; // Create a GET request for the loaders + + request = new Request(request.url, { + signal: request.signal + }); + } // Call loaders + + + let { + shortCircuited, + loaderData, + errors + } = await handleLoaders(request, location, matches, loadingNavigation, opts && opts.submission, opts && opts.replace, pendingActionData, pendingError); + + if (shortCircuited) { + return; + } // Clean up now that the action/loaders have completed. Don't clean up if + // we short circuited because pendingNavigationController will have already + // been assigned to a new controller for the next navigation + + + pendingNavigationController = null; + completeNavigation(location, _extends({ + matches + }, pendingActionData ? { + actionData: pendingActionData + } : {}, { + loaderData, + errors + })); + } // Call the action matched by the leaf route for this navigation and handle + // redirects/errors + + + async function handleAction(request, location, submission, matches, opts) { + interruptActiveLoads(); // Put us in a submitting state + + let navigation = _extends({ + state: "submitting", + location + }, submission); + + updateState({ + navigation + }); // Call our action and get the result + + let result; + let actionMatch = getTargetMatch(matches, location); + + if (!actionMatch.route.action) { + result = { + type: ResultType.error, + error: getInternalRouterError(405, { + method: request.method, + pathname: location.pathname, + routeId: actionMatch.route.id + }) + }; + } else { + result = await callLoaderOrAction("action", request, actionMatch, matches, router.basename); + + if (request.signal.aborted) { + return { + shortCircuited: true + }; + } + } + + if (isRedirectResult(result)) { + let replace; + + if (opts && opts.replace != null) { + replace = opts.replace; + } else { + // If the user didn't explicity indicate replace behavior, replace if + // we redirected to the exact same location we're currently at to avoid + // double back-buttons + replace = result.location === state.location.pathname + state.location.search; + } + + await startRedirectNavigation(state, result, { + submission, + replace + }); + return { + shortCircuited: true + }; + } + + if (isErrorResult(result)) { + // Store off the pending error - we use it to determine which loaders + // to call and will commit it when we complete the navigation + let boundaryMatch = findNearestBoundary(matches, actionMatch.route.id); // By default, all submissions are REPLACE navigations, but if the + // action threw an error that'll be rendered in an errorElement, we fall + // back to PUSH so that the user can use the back button to get back to + // the pre-submission form location to try again + + if ((opts && opts.replace) !== true) { + pendingAction = Action.Push; + } + + return { + // Send back an empty object we can use to clear out any prior actionData + pendingActionData: {}, + pendingActionError: { + [boundaryMatch.route.id]: result.error + } + }; + } + + if (isDeferredResult(result)) { + throw new Error("defer() is not supported in actions"); + } + + return { + pendingActionData: { + [actionMatch.route.id]: result.data + } + }; + } // Call all applicable loaders for the given matches, handling redirects, + // errors, etc. + + + async function handleLoaders(request, location, matches, overrideNavigation, submission, replace, pendingActionData, pendingError) { + // Figure out the right navigation we want to use for data loading + let loadingNavigation = overrideNavigation; + + if (!loadingNavigation) { + let navigation = _extends({ + state: "loading", + location, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined + }, submission); + + loadingNavigation = navigation; + } // If this was a redirect from an action we don't have a "submission" but + // we have it on the loading navigation so use that if available + + + let activeSubmission = submission ? submission : loadingNavigation.formMethod && loadingNavigation.formAction && loadingNavigation.formData && loadingNavigation.formEncType ? { + formMethod: loadingNavigation.formMethod, + formAction: loadingNavigation.formAction, + formData: loadingNavigation.formData, + formEncType: loadingNavigation.formEncType + } : undefined; + let [matchesToLoad, revalidatingFetchers] = getMatchesToLoad(state, matches, activeSubmission, location, isRevalidationRequired, cancelledDeferredRoutes, cancelledFetcherLoads, pendingActionData, pendingError, fetchLoadMatches); // Cancel pending deferreds for no-longer-matched routes or routes we're + // about to reload. Note that if this is an action reload we would have + // already cancelled all pending deferreds so this would be a no-op + + cancelActiveDeferreds(routeId => !(matches && matches.some(m => m.route.id === routeId)) || matchesToLoad && matchesToLoad.some(m => m.route.id === routeId)); // Short circuit if we have no loaders to run + + if (matchesToLoad.length === 0 && revalidatingFetchers.length === 0) { + completeNavigation(location, _extends({ + matches, + loaderData: {}, + // Commit pending error if we're short circuiting + errors: pendingError || null + }, pendingActionData ? { + actionData: pendingActionData + } : {})); + return { + shortCircuited: true + }; + } // If this is an uninterrupted revalidation, we remain in our current idle + // state. If not, we need to switch to our loading state and load data, + // preserving any new action data or existing action data (in the case of + // a revalidation interrupting an actionReload) + + + if (!isUninterruptedRevalidation) { + revalidatingFetchers.forEach(_ref2 => { + let [key] = _ref2; + let fetcher = state.fetchers.get(key); + let revalidatingFetcher = { + state: "loading", + data: fetcher && fetcher.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(key, revalidatingFetcher); + }); + let actionData = pendingActionData || state.actionData; + updateState(_extends({ + navigation: loadingNavigation + }, actionData ? Object.keys(actionData).length === 0 ? { + actionData: null + } : { + actionData + } : {}, revalidatingFetchers.length > 0 ? { + fetchers: new Map(state.fetchers) + } : {})); + } + + pendingNavigationLoadId = ++incrementingLoadId; + revalidatingFetchers.forEach(_ref3 => { + let [key] = _ref3; + return fetchControllers.set(key, pendingNavigationController); + }); + let { + results, + loaderResults, + fetcherResults + } = await callLoadersAndMaybeResolveData(state.matches, matches, matchesToLoad, revalidatingFetchers, request); + + if (request.signal.aborted) { + return { + shortCircuited: true + }; + } // Clean up _after_ loaders have completed. Don't clean up if we short + // circuited because fetchControllers would have been aborted and + // reassigned to new controllers for the next navigation + + + revalidatingFetchers.forEach(_ref4 => { + let [key] = _ref4; + return fetchControllers.delete(key); + }); // If any loaders returned a redirect Response, start a new REPLACE navigation + + let redirect = findRedirect(results); + + if (redirect) { + await startRedirectNavigation(state, redirect, { + replace + }); + return { + shortCircuited: true + }; + } // Process and commit output from loaders + + + let { + loaderData, + errors + } = processLoaderData(state, matches, matchesToLoad, loaderResults, pendingError, revalidatingFetchers, fetcherResults, activeDeferreds); // Wire up subscribers to update loaderData as promises settle + + activeDeferreds.forEach((deferredData, routeId) => { + deferredData.subscribe(aborted => { + // Note: No need to updateState here since the TrackedPromise on + // loaderData is stable across resolve/reject + // Remove this instance if we were aborted or if promises have settled + if (aborted || deferredData.done) { + activeDeferreds.delete(routeId); + } + }); + }); + markFetchRedirectsDone(); + let didAbortFetchLoads = abortStaleFetchLoads(pendingNavigationLoadId); + return _extends({ + loaderData, + errors + }, didAbortFetchLoads || revalidatingFetchers.length > 0 ? { + fetchers: new Map(state.fetchers) + } : {}); + } + + function getFetcher(key) { + return state.fetchers.get(key) || IDLE_FETCHER; + } // Trigger a fetcher load/submit for the given fetcher key + + + function fetch(key, routeId, href, opts) { + if (isServer) { + throw new Error("router.fetch() was called during the server render, but it shouldn't be. " + "You are likely calling a useFetcher() method in the body of your component. " + "Try moving it to a useEffect or a callback."); + } + + if (fetchControllers.has(key)) abortFetcher(key); + let matches = matchRoutes(dataRoutes, href, init.basename); + + if (!matches) { + setFetcherError(key, routeId, getInternalRouterError(404, { + pathname: href + })); + return; + } + + let { + path, + submission + } = normalizeNavigateOptions(href, opts, true); + let match = getTargetMatch(matches, path); + + if (submission && isMutationMethod(submission.formMethod)) { + handleFetcherAction(key, routeId, path, match, matches, submission); + return; + } // Store off the match so we can call it's shouldRevalidate on subsequent + // revalidations + + + fetchLoadMatches.set(key, [path, match, matches]); + handleFetcherLoader(key, routeId, path, match, matches, submission); + } // Call the action for the matched fetcher.submit(), and then handle redirects, + // errors, and revalidation + + + async function handleFetcherAction(key, routeId, path, match, requestMatches, submission) { + interruptActiveLoads(); + fetchLoadMatches.delete(key); + + if (!match.route.action) { + let error = getInternalRouterError(405, { + method: submission.formMethod, + pathname: path, + routeId: routeId + }); + setFetcherError(key, routeId, error); + return; + } // Put this fetcher into it's submitting state + + + let existingFetcher = state.fetchers.get(key); + + let fetcher = _extends({ + state: "submitting" + }, submission, { + data: existingFetcher && existingFetcher.data, + " _hasFetcherDoneAnything ": true + }); + + state.fetchers.set(key, fetcher); + updateState({ + fetchers: new Map(state.fetchers) + }); // Call the action for the fetcher + + let abortController = new AbortController(); + let fetchRequest = createClientSideRequest(path, abortController.signal, submission); + fetchControllers.set(key, abortController); + let actionResult = await callLoaderOrAction("action", fetchRequest, match, requestMatches, router.basename); + + if (fetchRequest.signal.aborted) { + // We can delete this so long as we weren't aborted by ou our own fetcher + // re-submit which would have put _new_ controller is in fetchControllers + if (fetchControllers.get(key) === abortController) { + fetchControllers.delete(key); + } + + return; + } + + if (isRedirectResult(actionResult)) { + fetchControllers.delete(key); + fetchRedirectIds.add(key); + + let loadingFetcher = _extends({ + state: "loading" + }, submission, { + data: undefined, + " _hasFetcherDoneAnything ": true + }); + + state.fetchers.set(key, loadingFetcher); + updateState({ + fetchers: new Map(state.fetchers) + }); + return startRedirectNavigation(state, actionResult, { + isFetchActionRedirect: true + }); + } // Process any non-redirect errors thrown + + + if (isErrorResult(actionResult)) { + setFetcherError(key, routeId, actionResult.error); + return; + } + + if (isDeferredResult(actionResult)) { + invariant(false, "defer() is not supported in actions"); + } // Start the data load for current matches, or the next location if we're + // in the middle of a navigation + + + let nextLocation = state.navigation.location || state.location; + let revalidationRequest = createClientSideRequest(nextLocation, abortController.signal); + let matches = state.navigation.state !== "idle" ? matchRoutes(dataRoutes, state.navigation.location, init.basename) : state.matches; + invariant(matches, "Didn't find any matches after fetcher action"); + let loadId = ++incrementingLoadId; + fetchReloadIds.set(key, loadId); + + let loadFetcher = _extends({ + state: "loading", + data: actionResult.data + }, submission, { + " _hasFetcherDoneAnything ": true + }); + + state.fetchers.set(key, loadFetcher); + let [matchesToLoad, revalidatingFetchers] = getMatchesToLoad(state, matches, submission, nextLocation, isRevalidationRequired, cancelledDeferredRoutes, cancelledFetcherLoads, { + [match.route.id]: actionResult.data + }, undefined, // No need to send through errors since we short circuit above + fetchLoadMatches); // Put all revalidating fetchers into the loading state, except for the + // current fetcher which we want to keep in it's current loading state which + // contains it's action submission info + action data + + revalidatingFetchers.filter(_ref5 => { + let [staleKey] = _ref5; + return staleKey !== key; + }).forEach(_ref6 => { + let [staleKey] = _ref6; + let existingFetcher = state.fetchers.get(staleKey); + let revalidatingFetcher = { + state: "loading", + data: existingFetcher && existingFetcher.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(staleKey, revalidatingFetcher); + fetchControllers.set(staleKey, abortController); + }); + updateState({ + fetchers: new Map(state.fetchers) + }); + let { + results, + loaderResults, + fetcherResults + } = await callLoadersAndMaybeResolveData(state.matches, matches, matchesToLoad, revalidatingFetchers, revalidationRequest); + + if (abortController.signal.aborted) { + return; + } + + fetchReloadIds.delete(key); + fetchControllers.delete(key); + revalidatingFetchers.forEach(_ref7 => { + let [staleKey] = _ref7; + return fetchControllers.delete(staleKey); + }); + let redirect = findRedirect(results); + + if (redirect) { + return startRedirectNavigation(state, redirect); + } // Process and commit output from loaders + + + let { + loaderData, + errors + } = processLoaderData(state, state.matches, matchesToLoad, loaderResults, undefined, revalidatingFetchers, fetcherResults, activeDeferreds); + let doneFetcher = { + state: "idle", + data: actionResult.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(key, doneFetcher); + let didAbortFetchLoads = abortStaleFetchLoads(loadId); // If we are currently in a navigation loading state and this fetcher is + // more recent than the navigation, we want the newer data so abort the + // navigation and complete it with the fetcher data + + if (state.navigation.state === "loading" && loadId > pendingNavigationLoadId) { + invariant(pendingAction, "Expected pending action"); + pendingNavigationController && pendingNavigationController.abort(); + completeNavigation(state.navigation.location, { + matches, + loaderData, + errors, + fetchers: new Map(state.fetchers) + }); + } else { + // otherwise just update with the fetcher data, preserving any existing + // loaderData for loaders that did not need to reload. We have to + // manually merge here since we aren't going through completeNavigation + updateState(_extends({ + errors, + loaderData: mergeLoaderData(state.loaderData, loaderData, matches, errors) + }, didAbortFetchLoads ? { + fetchers: new Map(state.fetchers) + } : {})); + isRevalidationRequired = false; + } + } // Call the matched loader for fetcher.load(), handling redirects, errors, etc. + + + async function handleFetcherLoader(key, routeId, path, match, matches, submission) { + let existingFetcher = state.fetchers.get(key); // Put this fetcher into it's loading state + + let loadingFetcher = _extends({ + state: "loading", + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined + }, submission, { + data: existingFetcher && existingFetcher.data, + " _hasFetcherDoneAnything ": true + }); + + state.fetchers.set(key, loadingFetcher); + updateState({ + fetchers: new Map(state.fetchers) + }); // Call the loader for this fetcher route match + + let abortController = new AbortController(); + let fetchRequest = createClientSideRequest(path, abortController.signal); + fetchControllers.set(key, abortController); + let result = await callLoaderOrAction("loader", fetchRequest, match, matches, router.basename); // Deferred isn't supported or fetcher loads, await everything and treat it + // as a normal load. resolveDeferredData will return undefined if this + // fetcher gets aborted, so we just leave result untouched and short circuit + // below if that happens + + if (isDeferredResult(result)) { + result = (await resolveDeferredData(result, fetchRequest.signal, true)) || result; + } // We can delete this so long as we weren't aborted by ou our own fetcher + // re-load which would have put _new_ controller is in fetchControllers + + + if (fetchControllers.get(key) === abortController) { + fetchControllers.delete(key); + } + + if (fetchRequest.signal.aborted) { + return; + } // If the loader threw a redirect Response, start a new REPLACE navigation + + + if (isRedirectResult(result)) { + await startRedirectNavigation(state, result); + return; + } // Process any non-redirect errors thrown + + + if (isErrorResult(result)) { + let boundaryMatch = findNearestBoundary(state.matches, routeId); + state.fetchers.delete(key); // TODO: In remix, this would reset to IDLE_NAVIGATION if it was a catch - + // do we need to behave any differently with our non-redirect errors? + // What if it was a non-redirect Response? + + updateState({ + fetchers: new Map(state.fetchers), + errors: { + [boundaryMatch.route.id]: result.error + } + }); + return; + } + + invariant(!isDeferredResult(result), "Unhandled fetcher deferred data"); // Put the fetcher back into an idle state + + let doneFetcher = { + state: "idle", + data: result.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(key, doneFetcher); + updateState({ + fetchers: new Map(state.fetchers) + }); + } + /** + * Utility function to handle redirects returned from an action or loader. + * Normally, a redirect "replaces" the navigation that triggered it. So, for + * example: + * + * - user is on /a + * - user clicks a link to /b + * - loader for /b redirects to /c + * + * In a non-JS app the browser would track the in-flight navigation to /b and + * then replace it with /c when it encountered the redirect response. In + * the end it would only ever update the URL bar with /c. + * + * In client-side routing using pushState/replaceState, we aim to emulate + * this behavior and we also do not update history until the end of the + * navigation (including processed redirects). This means that we never + * actually touch history until we've processed redirects, so we just use + * the history action from the original navigation (PUSH or REPLACE). + */ + + + async function startRedirectNavigation(state, redirect, _temp) { + var _window; + + let { + submission, + replace, + isFetchActionRedirect + } = _temp === void 0 ? {} : _temp; + + if (redirect.revalidate) { + isRevalidationRequired = true; + } + + let redirectLocation = createLocation(state.location, redirect.location, // TODO: This can be removed once we get rid of useTransition in Remix v2 + _extends({ + _isRedirect: true + }, isFetchActionRedirect ? { + _isFetchActionRedirect: true + } : {})); + invariant(redirectLocation, "Expected a location on the redirect navigation"); // Check if this an external redirect that goes to a new origin + + if (typeof ((_window = window) == null ? void 0 : _window.location) !== "undefined") { + let newOrigin = createClientSideURL(redirect.location).origin; + + if (window.location.origin !== newOrigin) { + if (replace) { + window.location.replace(redirect.location); + } else { + window.location.assign(redirect.location); + } + + return; + } + } // There's no need to abort on redirects, since we don't detect the + // redirect until the action/loaders have settled + + + pendingNavigationController = null; + let redirectHistoryAction = replace === true ? Action.Replace : Action.Push; // Use the incoming submission if provided, fallback on the active one in + // state.navigation + + let { + formMethod, + formAction, + formEncType, + formData + } = state.navigation; + + if (!submission && formMethod && formAction && formData && formEncType) { + submission = { + formMethod, + formAction, + formEncType, + formData + }; + } // If this was a 307/308 submission we want to preserve the HTTP method and + // re-submit the GET/POST/PUT/PATCH/DELETE as a submission navigation to the + // redirected location + + + if (redirectPreserveMethodStatusCodes.has(redirect.status) && submission && isMutationMethod(submission.formMethod)) { + await startNavigation(redirectHistoryAction, redirectLocation, { + submission: _extends({}, submission, { + formAction: redirect.location + }) + }); + } else { + // Otherwise, we kick off a new loading navigation, preserving the + // submission info for the duration of this navigation + await startNavigation(redirectHistoryAction, redirectLocation, { + overrideNavigation: { + state: "loading", + location: redirectLocation, + formMethod: submission ? submission.formMethod : undefined, + formAction: submission ? submission.formAction : undefined, + formEncType: submission ? submission.formEncType : undefined, + formData: submission ? submission.formData : undefined + } + }); + } + } + + async function callLoadersAndMaybeResolveData(currentMatches, matches, matchesToLoad, fetchersToLoad, request) { + // Call all navigation loaders and revalidating fetcher loaders in parallel, + // then slice off the results into separate arrays so we can handle them + // accordingly + let results = await Promise.all([...matchesToLoad.map(match => callLoaderOrAction("loader", request, match, matches, router.basename)), ...fetchersToLoad.map(_ref8 => { + let [, href, match, fetchMatches] = _ref8; + return callLoaderOrAction("loader", createClientSideRequest(href, request.signal), match, fetchMatches, router.basename); + })]); + let loaderResults = results.slice(0, matchesToLoad.length); + let fetcherResults = results.slice(matchesToLoad.length); + await Promise.all([resolveDeferredResults(currentMatches, matchesToLoad, loaderResults, request.signal, false, state.loaderData), resolveDeferredResults(currentMatches, fetchersToLoad.map(_ref9 => { + let [,, match] = _ref9; + return match; + }), fetcherResults, request.signal, true)]); + return { + results, + loaderResults, + fetcherResults + }; + } + + function interruptActiveLoads() { + // Every interruption triggers a revalidation + isRevalidationRequired = true; // Cancel pending route-level deferreds and mark cancelled routes for + // revalidation + + cancelledDeferredRoutes.push(...cancelActiveDeferreds()); // Abort in-flight fetcher loads + + fetchLoadMatches.forEach((_, key) => { + if (fetchControllers.has(key)) { + cancelledFetcherLoads.push(key); + abortFetcher(key); + } + }); + } + + function setFetcherError(key, routeId, error) { + let boundaryMatch = findNearestBoundary(state.matches, routeId); + deleteFetcher(key); + updateState({ + errors: { + [boundaryMatch.route.id]: error + }, + fetchers: new Map(state.fetchers) + }); + } + + function deleteFetcher(key) { + if (fetchControllers.has(key)) abortFetcher(key); + fetchLoadMatches.delete(key); + fetchReloadIds.delete(key); + fetchRedirectIds.delete(key); + state.fetchers.delete(key); + } + + function abortFetcher(key) { + let controller = fetchControllers.get(key); + invariant(controller, "Expected fetch controller: " + key); + controller.abort(); + fetchControllers.delete(key); + } + + function markFetchersDone(keys) { + for (let key of keys) { + let fetcher = getFetcher(key); + let doneFetcher = { + state: "idle", + data: fetcher.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(key, doneFetcher); + } + } + + function markFetchRedirectsDone() { + let doneKeys = []; + + for (let key of fetchRedirectIds) { + let fetcher = state.fetchers.get(key); + invariant(fetcher, "Expected fetcher: " + key); + + if (fetcher.state === "loading") { + fetchRedirectIds.delete(key); + doneKeys.push(key); + } + } + + markFetchersDone(doneKeys); + } + + function abortStaleFetchLoads(landedId) { + let yeetedKeys = []; + + for (let [key, id] of fetchReloadIds) { + if (id < landedId) { + let fetcher = state.fetchers.get(key); + invariant(fetcher, "Expected fetcher: " + key); + + if (fetcher.state === "loading") { + abortFetcher(key); + fetchReloadIds.delete(key); + yeetedKeys.push(key); + } + } + } + + markFetchersDone(yeetedKeys); + return yeetedKeys.length > 0; + } + + function cancelActiveDeferreds(predicate) { + let cancelledRouteIds = []; + activeDeferreds.forEach((dfd, routeId) => { + if (!predicate || predicate(routeId)) { + // Cancel the deferred - but do not remove from activeDeferreds here - + // we rely on the subscribers to do that so our tests can assert proper + // cleanup via _internalActiveDeferreds + dfd.cancel(); + cancelledRouteIds.push(routeId); + activeDeferreds.delete(routeId); + } + }); + return cancelledRouteIds; + } // Opt in to capturing and reporting scroll positions during navigations, + // used by the component + + + function enableScrollRestoration(positions, getPosition, getKey) { + savedScrollPositions = positions; + getScrollPosition = getPosition; + + getScrollRestorationKey = getKey || (location => location.key); // Perform initial hydration scroll restoration, since we miss the boat on + // the initial updateState() because we've not yet rendered + // and therefore have no savedScrollPositions available + + + if (!initialScrollRestored && state.navigation === IDLE_NAVIGATION) { + initialScrollRestored = true; + let y = getSavedScrollPosition(state.location, state.matches); + + if (y != null) { + updateState({ + restoreScrollPosition: y + }); + } + } + + return () => { + savedScrollPositions = null; + getScrollPosition = null; + getScrollRestorationKey = null; + }; + } + + function saveScrollPosition(location, matches) { + if (savedScrollPositions && getScrollRestorationKey && getScrollPosition) { + let userMatches = matches.map(m => createUseMatchesMatch(m, state.loaderData)); + let key = getScrollRestorationKey(location, userMatches) || location.key; + savedScrollPositions[key] = getScrollPosition(); + } + } + + function getSavedScrollPosition(location, matches) { + if (savedScrollPositions && getScrollRestorationKey && getScrollPosition) { + let userMatches = matches.map(m => createUseMatchesMatch(m, state.loaderData)); + let key = getScrollRestorationKey(location, userMatches) || location.key; + let y = savedScrollPositions[key]; + + if (typeof y === "number") { + return y; + } + } + + return null; + } + + router = { + get basename() { + return init.basename; + }, + + get state() { + return state; + }, + + get routes() { + return dataRoutes; + }, + + initialize, + subscribe, + enableScrollRestoration, + navigate, + fetch, + revalidate, + // Passthrough to history-aware createHref used by useHref so we get proper + // hash-aware URLs in DOM paths + createHref: to => init.history.createHref(to), + encodeLocation: to => init.history.encodeLocation(to), + getFetcher, + deleteFetcher, + dispose, + _internalFetchControllers: fetchControllers, + _internalActiveDeferreds: activeDeferreds + }; + return router; +} //#endregion +//////////////////////////////////////////////////////////////////////////////// +//#region createStaticHandler +//////////////////////////////////////////////////////////////////////////////// + +function createStaticHandler(routes, opts) { + invariant(routes.length > 0, "You must provide a non-empty routes array to createStaticHandler"); + let dataRoutes = convertRoutesToDataRoutes(routes); + let basename = (opts ? opts.basename : null) || "/"; + /** + * The query() method is intended for document requests, in which we want to + * call an optional action and potentially multiple loaders for all nested + * routes. It returns a StaticHandlerContext object, which is very similar + * to the router state (location, loaderData, actionData, errors, etc.) and + * also adds SSR-specific information such as the statusCode and headers + * from action/loaders Responses. + * + * It _should_ never throw and should report all errors through the + * returned context.errors object, properly associating errors to their error + * boundary. Additionally, it tracks _deepestRenderedBoundaryId which can be + * used to emulate React error boundaries during SSr by performing a second + * pass only down to the boundaryId. + * + * The one exception where we do not return a StaticHandlerContext is when a + * redirect response is returned or thrown from any action/loader. We + * propagate that out and return the raw Response so the HTTP server can + * return it directly. + */ + + async function query(request, _temp2) { + let { + requestContext + } = _temp2 === void 0 ? {} : _temp2; + let url = new URL(request.url); + let method = request.method.toLowerCase(); + let location = createLocation("", createPath(url), null, "default"); + let matches = matchRoutes(dataRoutes, location, basename); // SSR supports HEAD requests while SPA doesn't + + if (!isValidMethod(method) && method !== "head") { + let error = getInternalRouterError(405, { + method + }); + let { + matches: methodNotAllowedMatches, + route + } = getShortCircuitMatches(dataRoutes); + return { + basename, + location, + matches: methodNotAllowedMatches, + loaderData: {}, + actionData: null, + errors: { + [route.id]: error + }, + statusCode: error.status, + loaderHeaders: {}, + actionHeaders: {} + }; + } else if (!matches) { + let error = getInternalRouterError(404, { + pathname: location.pathname + }); + let { + matches: notFoundMatches, + route + } = getShortCircuitMatches(dataRoutes); + return { + basename, + location, + matches: notFoundMatches, + loaderData: {}, + actionData: null, + errors: { + [route.id]: error + }, + statusCode: error.status, + loaderHeaders: {}, + actionHeaders: {} + }; + } + + let result = await queryImpl(request, location, matches, requestContext); + + if (isResponse(result)) { + return result; + } // When returning StaticHandlerContext, we patch back in the location here + // since we need it for React Context. But this helps keep our submit and + // loadRouteData operating on a Request instead of a Location + + + return _extends({ + location, + basename + }, result); + } + /** + * The queryRoute() method is intended for targeted route requests, either + * for fetch ?_data requests or resource route requests. In this case, we + * are only ever calling a single action or loader, and we are returning the + * returned value directly. In most cases, this will be a Response returned + * from the action/loader, but it may be a primitive or other value as well - + * and in such cases the calling context should handle that accordingly. + * + * We do respect the throw/return differentiation, so if an action/loader + * throws, then this method will throw the value. This is important so we + * can do proper boundary identification in Remix where a thrown Response + * must go to the Catch Boundary but a returned Response is happy-path. + * + * One thing to note is that any Router-initiated Errors that make sense + * to associate with a status code will be thrown as an ErrorResponse + * instance which include the raw Error, such that the calling context can + * serialize the error as they see fit while including the proper response + * code. Examples here are 404 and 405 errors that occur prior to reaching + * any user-defined loaders. + */ + + + async function queryRoute(request, _temp3) { + let { + routeId, + requestContext + } = _temp3 === void 0 ? {} : _temp3; + let url = new URL(request.url); + let method = request.method.toLowerCase(); + let location = createLocation("", createPath(url), null, "default"); + let matches = matchRoutes(dataRoutes, location, basename); // SSR supports HEAD requests while SPA doesn't + + if (!isValidMethod(method) && method !== "head") { + throw getInternalRouterError(405, { + method + }); + } else if (!matches) { + throw getInternalRouterError(404, { + pathname: location.pathname + }); + } + + let match = routeId ? matches.find(m => m.route.id === routeId) : getTargetMatch(matches, location); + + if (routeId && !match) { + throw getInternalRouterError(403, { + pathname: location.pathname, + routeId + }); + } else if (!match) { + // This should never hit I don't think? + throw getInternalRouterError(404, { + pathname: location.pathname + }); + } + + let result = await queryImpl(request, location, matches, requestContext, match); + + if (isResponse(result)) { + return result; + } + + let error = result.errors ? Object.values(result.errors)[0] : undefined; + + if (error !== undefined) { + // If we got back result.errors, that means the loader/action threw + // _something_ that wasn't a Response, but it's not guaranteed/required + // to be an `instanceof Error` either, so we have to use throw here to + // preserve the "error" state outside of queryImpl. + throw error; + } // Pick off the right state value to return + + + let routeData = [result.actionData, result.loaderData].find(v => v); + return Object.values(routeData || {})[0]; + } + + async function queryImpl(request, location, matches, requestContext, routeMatch) { + invariant(request.signal, "query()/queryRoute() requests must contain an AbortController signal"); + + try { + if (isMutationMethod(request.method.toLowerCase())) { + let result = await submit(request, matches, routeMatch || getTargetMatch(matches, location), requestContext, routeMatch != null); + return result; + } + + let result = await loadRouteData(request, matches, requestContext, routeMatch); + return isResponse(result) ? result : _extends({}, result, { + actionData: null, + actionHeaders: {} + }); + } catch (e) { + // If the user threw/returned a Response in callLoaderOrAction, we throw + // it to bail out and then return or throw here based on whether the user + // returned or threw + if (isQueryRouteResponse(e)) { + if (e.type === ResultType.error && !isRedirectResponse(e.response)) { + throw e.response; + } + + return e.response; + } // Redirects are always returned since they don't propagate to catch + // boundaries + + + if (isRedirectResponse(e)) { + return e; + } + + throw e; + } + } + + async function submit(request, matches, actionMatch, requestContext, isRouteRequest) { + let result; + + if (!actionMatch.route.action) { + let error = getInternalRouterError(405, { + method: request.method, + pathname: new URL(request.url).pathname, + routeId: actionMatch.route.id + }); + + if (isRouteRequest) { + throw error; + } + + result = { + type: ResultType.error, + error + }; + } else { + result = await callLoaderOrAction("action", request, actionMatch, matches, basename, true, isRouteRequest, requestContext); + + if (request.signal.aborted) { + let method = isRouteRequest ? "queryRoute" : "query"; + throw new Error(method + "() call aborted"); + } + } + + if (isRedirectResult(result)) { + // Uhhhh - this should never happen, we should always throw these from + // callLoaderOrAction, but the type narrowing here keeps TS happy and we + // can get back on the "throw all redirect responses" train here should + // this ever happen :/ + throw new Response(null, { + status: result.status, + headers: { + Location: result.location + } + }); + } + + if (isDeferredResult(result)) { + throw new Error("defer() is not supported in actions"); + } + + if (isRouteRequest) { + // Note: This should only be non-Response values if we get here, since + // isRouteRequest should throw any Response received in callLoaderOrAction + if (isErrorResult(result)) { + throw result.error; + } + + return { + matches: [actionMatch], + loaderData: {}, + actionData: { + [actionMatch.route.id]: result.data + }, + errors: null, + // Note: statusCode + headers are unused here since queryRoute will + // return the raw Response or value + statusCode: 200, + loaderHeaders: {}, + actionHeaders: {} + }; + } + + if (isErrorResult(result)) { + // Store off the pending error - we use it to determine which loaders + // to call and will commit it when we complete the navigation + let boundaryMatch = findNearestBoundary(matches, actionMatch.route.id); + let context = await loadRouteData(request, matches, requestContext, undefined, { + [boundaryMatch.route.id]: result.error + }); // action status codes take precedence over loader status codes + + return _extends({}, context, { + statusCode: isRouteErrorResponse(result.error) ? result.error.status : 500, + actionData: null, + actionHeaders: _extends({}, result.headers ? { + [actionMatch.route.id]: result.headers + } : {}) + }); + } // Create a GET request for the loaders + + + let loaderRequest = new Request(request.url, { + headers: request.headers, + redirect: request.redirect, + signal: request.signal + }); + let context = await loadRouteData(loaderRequest, matches, requestContext); + return _extends({}, context, result.statusCode ? { + statusCode: result.statusCode + } : {}, { + actionData: { + [actionMatch.route.id]: result.data + }, + actionHeaders: _extends({}, result.headers ? { + [actionMatch.route.id]: result.headers + } : {}) + }); + } + + async function loadRouteData(request, matches, requestContext, routeMatch, pendingActionError) { + let isRouteRequest = routeMatch != null; // Short circuit if we have no loaders to run (queryRoute()) + + if (isRouteRequest && !(routeMatch != null && routeMatch.route.loader)) { + throw getInternalRouterError(400, { + method: request.method, + pathname: new URL(request.url).pathname, + routeId: routeMatch == null ? void 0 : routeMatch.route.id + }); + } + + let requestMatches = routeMatch ? [routeMatch] : getLoaderMatchesUntilBoundary(matches, Object.keys(pendingActionError || {})[0]); + let matchesToLoad = requestMatches.filter(m => m.route.loader); // Short circuit if we have no loaders to run (query()) + + if (matchesToLoad.length === 0) { + return { + matches, + // Add a null for all matched routes for proper revalidation on the client + loaderData: matches.reduce((acc, m) => Object.assign(acc, { + [m.route.id]: null + }), {}), + errors: pendingActionError || null, + statusCode: 200, + loaderHeaders: {} + }; + } + + let results = await Promise.all([...matchesToLoad.map(match => callLoaderOrAction("loader", request, match, matches, basename, true, isRouteRequest, requestContext))]); + + if (request.signal.aborted) { + let method = isRouteRequest ? "queryRoute" : "query"; + throw new Error(method + "() call aborted"); + } + + let executedLoaders = new Set(); + results.forEach((result, i) => { + executedLoaders.add(matchesToLoad[i].route.id); // Can't do anything with these without the Remix side of things, so just + // cancel them for now + + if (isDeferredResult(result)) { + result.deferredData.cancel(); + } + }); // Process and commit output from loaders + + let context = processRouteLoaderData(matches, matchesToLoad, results, pendingActionError); // Add a null for any non-loader matches for proper revalidation on the client + + matches.forEach(match => { + if (!executedLoaders.has(match.route.id)) { + context.loaderData[match.route.id] = null; + } + }); + return _extends({}, context, { + matches + }); + } + + return { + dataRoutes, + query, + queryRoute + }; +} //#endregion +//////////////////////////////////////////////////////////////////////////////// +//#region Helpers +//////////////////////////////////////////////////////////////////////////////// + +/** + * Given an existing StaticHandlerContext and an error thrown at render time, + * provide an updated StaticHandlerContext suitable for a second SSR render + */ + +function getStaticContextFromError(routes, context, error) { + let newContext = _extends({}, context, { + statusCode: 500, + errors: { + [context._deepestRenderedBoundaryId || routes[0].id]: error + } + }); + + return newContext; +} + +function isSubmissionNavigation(opts) { + return opts != null && "formData" in opts; +} // Normalize navigation options by converting formMethod=GET formData objects to +// URLSearchParams so they behave identically to links with query params + + +function normalizeNavigateOptions(to, opts, isFetcher) { + if (isFetcher === void 0) { + isFetcher = false; + } + + let path = typeof to === "string" ? to : createPath(to); // Return location verbatim on non-submission navigations + + if (!opts || !isSubmissionNavigation(opts)) { + return { + path + }; + } + + if (opts.formMethod && !isValidMethod(opts.formMethod)) { + return { + path, + error: getInternalRouterError(405, { + method: opts.formMethod + }) + }; + } // Create a Submission on non-GET navigations + + + let submission; + + if (opts.formData) { + submission = { + formMethod: opts.formMethod || "get", + formAction: stripHashFromPath(path), + formEncType: opts && opts.formEncType || "application/x-www-form-urlencoded", + formData: opts.formData + }; + + if (isMutationMethod(submission.formMethod)) { + return { + path, + submission + }; + } + } // Flatten submission onto URLSearchParams for GET submissions + + + let parsedPath = parsePath(path); + + try { + let searchParams = convertFormDataToSearchParams(opts.formData); // Since fetcher GET submissions only run a single loader (as opposed to + // navigation GET submissions which run all loaders), we need to preserve + // any incoming ?index params + + if (isFetcher && parsedPath.search && hasNakedIndexQuery(parsedPath.search)) { + searchParams.append("index", ""); + } + + parsedPath.search = "?" + searchParams; + } catch (e) { + return { + path, + error: getInternalRouterError(400) + }; + } + + return { + path: createPath(parsedPath), + submission + }; +} // Filter out all routes below any caught error as they aren't going to +// render so we don't need to load them + + +function getLoaderMatchesUntilBoundary(matches, boundaryId) { + let boundaryMatches = matches; + + if (boundaryId) { + let index = matches.findIndex(m => m.route.id === boundaryId); + + if (index >= 0) { + boundaryMatches = matches.slice(0, index); + } + } + + return boundaryMatches; +} + +function getMatchesToLoad(state, matches, submission, location, isRevalidationRequired, cancelledDeferredRoutes, cancelledFetcherLoads, pendingActionData, pendingError, fetchLoadMatches) { + let actionResult = pendingError ? Object.values(pendingError)[0] : pendingActionData ? Object.values(pendingActionData)[0] : undefined; // Pick navigation matches that are net-new or qualify for revalidation + + let boundaryId = pendingError ? Object.keys(pendingError)[0] : undefined; + let boundaryMatches = getLoaderMatchesUntilBoundary(matches, boundaryId); + let navigationMatches = boundaryMatches.filter((match, index) => match.route.loader != null && (isNewLoader(state.loaderData, state.matches[index], match) || // If this route had a pending deferred cancelled it must be revalidated + cancelledDeferredRoutes.some(id => id === match.route.id) || shouldRevalidateLoader(state.location, state.matches[index], submission, location, match, isRevalidationRequired, actionResult))); // Pick fetcher.loads that need to be revalidated + + let revalidatingFetchers = []; + fetchLoadMatches && fetchLoadMatches.forEach((_ref10, key) => { + let [href, match, fetchMatches] = _ref10; + + // This fetcher was cancelled from a prior action submission - force reload + if (cancelledFetcherLoads.includes(key)) { + revalidatingFetchers.push([key, href, match, fetchMatches]); + } else if (isRevalidationRequired) { + let shouldRevalidate = shouldRevalidateLoader(href, match, submission, href, match, isRevalidationRequired, actionResult); + + if (shouldRevalidate) { + revalidatingFetchers.push([key, href, match, fetchMatches]); + } + } + }); + return [navigationMatches, revalidatingFetchers]; +} + +function isNewLoader(currentLoaderData, currentMatch, match) { + let isNew = // [a] -> [a, b] + !currentMatch || // [a, b] -> [a, c] + match.route.id !== currentMatch.route.id; // Handle the case that we don't have data for a re-used route, potentially + // from a prior error or from a cancelled pending deferred + + let isMissingData = currentLoaderData[match.route.id] === undefined; // Always load if this is a net-new route or we don't yet have data + + return isNew || isMissingData; +} + +function isNewRouteInstance(currentMatch, match) { + let currentPath = currentMatch.route.path; + return (// param change for this match, /users/123 -> /users/456 + currentMatch.pathname !== match.pathname || // splat param changed, which is not present in match.path + // e.g. /files/images/avatar.jpg -> files/finances.xls + currentPath && currentPath.endsWith("*") && currentMatch.params["*"] !== match.params["*"] + ); +} + +function shouldRevalidateLoader(currentLocation, currentMatch, submission, location, match, isRevalidationRequired, actionResult) { + let currentUrl = createClientSideURL(currentLocation); + let currentParams = currentMatch.params; + let nextUrl = createClientSideURL(location); + let nextParams = match.params; // This is the default implementation as to when we revalidate. If the route + // provides it's own implementation, then we give them full control but + // provide this value so they can leverage it if needed after they check + // their own specific use cases + // Note that fetchers always provide the same current/next locations so the + // URL-based checks here don't apply to fetcher shouldRevalidate calls + + let defaultShouldRevalidate = isNewRouteInstance(currentMatch, match) || // Clicked the same link, resubmitted a GET form + currentUrl.toString() === nextUrl.toString() || // Search params affect all loaders + currentUrl.search !== nextUrl.search || // Forced revalidation due to submission, useRevalidate, or X-Remix-Revalidate + isRevalidationRequired; + + if (match.route.shouldRevalidate) { + let routeChoice = match.route.shouldRevalidate(_extends({ + currentUrl, + currentParams, + nextUrl, + nextParams + }, submission, { + actionResult, + defaultShouldRevalidate + })); + + if (typeof routeChoice === "boolean") { + return routeChoice; + } + } + + return defaultShouldRevalidate; +} + +async function callLoaderOrAction(type, request, match, matches, basename, isStaticRequest, isRouteRequest, requestContext) { + if (basename === void 0) { + basename = "/"; + } + + if (isStaticRequest === void 0) { + isStaticRequest = false; + } + + if (isRouteRequest === void 0) { + isRouteRequest = false; + } + + let resultType; + let result; // Setup a promise we can race against so that abort signals short circuit + + let reject; + let abortPromise = new Promise((_, r) => reject = r); + + let onReject = () => reject(); + + request.signal.addEventListener("abort", onReject); + + try { + let handler = match.route[type]; + invariant(handler, "Could not find the " + type + " to run on the \"" + match.route.id + "\" route"); + result = await Promise.race([handler({ + request, + params: match.params, + context: requestContext + }), abortPromise]); + invariant(result !== undefined, "You defined " + (type === "action" ? "an action" : "a loader") + " for route " + ("\"" + match.route.id + "\" but didn't return anything from your `" + type + "` ") + "function. Please return a value or `null`."); + } catch (e) { + resultType = ResultType.error; + result = e; + } finally { + request.signal.removeEventListener("abort", onReject); + } + + if (isResponse(result)) { + let status = result.status; // Process redirects + + if (redirectStatusCodes.has(status)) { + let location = result.headers.get("Location"); + invariant(location, "Redirects returned/thrown from loaders/actions must have a Location header"); + let isAbsolute = /^[a-z+]+:\/\//i.test(location) || location.startsWith("//"); // Support relative routing in internal redirects + + if (!isAbsolute) { + let activeMatches = matches.slice(0, matches.indexOf(match) + 1); + let routePathnames = getPathContributingMatches(activeMatches).map(match => match.pathnameBase); + let resolvedLocation = resolveTo(location, routePathnames, new URL(request.url).pathname); + invariant(createPath(resolvedLocation), "Unable to resolve redirect location: " + location); // Prepend the basename to the redirect location if we have one + + if (basename) { + let path = resolvedLocation.pathname; + resolvedLocation.pathname = path === "/" ? basename : joinPaths([basename, path]); + } + + location = createPath(resolvedLocation); + } // Don't process redirects in the router during static requests requests. + // Instead, throw the Response and let the server handle it with an HTTP + // redirect. We also update the Location header in place in this flow so + // basename and relative routing is taken into account + + + if (isStaticRequest) { + result.headers.set("Location", location); + throw result; + } + + return { + type: ResultType.redirect, + status, + location, + revalidate: result.headers.get("X-Remix-Revalidate") !== null + }; + } // For SSR single-route requests, we want to hand Responses back directly + // without unwrapping. We do this with the QueryRouteResponse wrapper + // interface so we can know whether it was returned or thrown + + + if (isRouteRequest) { + // eslint-disable-next-line no-throw-literal + throw { + type: resultType || ResultType.data, + response: result + }; + } + + let data; + let contentType = result.headers.get("Content-Type"); // Check between word boundaries instead of startsWith() due to the last + // paragraph of https://httpwg.org/specs/rfc9110.html#field.content-type + + if (contentType && /\bapplication\/json\b/.test(contentType)) { + data = await result.json(); + } else { + data = await result.text(); + } + + if (resultType === ResultType.error) { + return { + type: resultType, + error: new ErrorResponse(status, result.statusText, data), + headers: result.headers + }; + } + + return { + type: ResultType.data, + data, + statusCode: result.status, + headers: result.headers + }; + } + + if (resultType === ResultType.error) { + return { + type: resultType, + error: result + }; + } + + if (result instanceof DeferredData) { + return { + type: ResultType.deferred, + deferredData: result + }; + } + + return { + type: ResultType.data, + data: result + }; +} // Utility method for creating the Request instances for loaders/actions during +// client-side navigations and fetches. During SSR we will always have a +// Request instance from the static handler (query/queryRoute) + + +function createClientSideRequest(location, signal, submission) { + let url = createClientSideURL(stripHashFromPath(location)).toString(); + let init = { + signal + }; + + if (submission && isMutationMethod(submission.formMethod)) { + let { + formMethod, + formEncType, + formData + } = submission; + init.method = formMethod.toUpperCase(); + init.body = formEncType === "application/x-www-form-urlencoded" ? convertFormDataToSearchParams(formData) : formData; + } // Content-Type is inferred (https://fetch.spec.whatwg.org/#dom-request) + + + return new Request(url, init); +} + +function convertFormDataToSearchParams(formData) { + let searchParams = new URLSearchParams(); + + for (let [key, value] of formData.entries()) { + invariant(typeof value === "string", 'File inputs are not supported with encType "application/x-www-form-urlencoded", ' + 'please use "multipart/form-data" instead.'); + searchParams.append(key, value); + } + + return searchParams; +} + +function processRouteLoaderData(matches, matchesToLoad, results, pendingError, activeDeferreds) { + // Fill in loaderData/errors from our loaders + let loaderData = {}; + let errors = null; + let statusCode; + let foundError = false; + let loaderHeaders = {}; // Process loader results into state.loaderData/state.errors + + results.forEach((result, index) => { + let id = matchesToLoad[index].route.id; + invariant(!isRedirectResult(result), "Cannot handle redirect results in processLoaderData"); + + if (isErrorResult(result)) { + // Look upwards from the matched route for the closest ancestor + // error boundary, defaulting to the root match + let boundaryMatch = findNearestBoundary(matches, id); + let error = result.error; // If we have a pending action error, we report it at the highest-route + // that throws a loader error, and then clear it out to indicate that + // it was consumed + + if (pendingError) { + error = Object.values(pendingError)[0]; + pendingError = undefined; + } + + errors = errors || {}; // Prefer higher error values if lower errors bubble to the same boundary + + if (errors[boundaryMatch.route.id] == null) { + errors[boundaryMatch.route.id] = error; + } // Clear our any prior loaderData for the throwing route + + + loaderData[id] = undefined; // Once we find our first (highest) error, we set the status code and + // prevent deeper status codes from overriding + + if (!foundError) { + foundError = true; + statusCode = isRouteErrorResponse(result.error) ? result.error.status : 500; + } + + if (result.headers) { + loaderHeaders[id] = result.headers; + } + } else if (isDeferredResult(result)) { + activeDeferreds && activeDeferreds.set(id, result.deferredData); + loaderData[id] = result.deferredData.data; // TODO: Add statusCode/headers once we wire up streaming in Remix + } else { + loaderData[id] = result.data; // Error status codes always override success status codes, but if all + // loaders are successful we take the deepest status code. + + if (result.statusCode != null && result.statusCode !== 200 && !foundError) { + statusCode = result.statusCode; + } + + if (result.headers) { + loaderHeaders[id] = result.headers; + } + } + }); // If we didn't consume the pending action error (i.e., all loaders + // resolved), then consume it here. Also clear out any loaderData for the + // throwing route + + if (pendingError) { + errors = pendingError; + loaderData[Object.keys(pendingError)[0]] = undefined; + } + + return { + loaderData, + errors, + statusCode: statusCode || 200, + loaderHeaders + }; +} + +function processLoaderData(state, matches, matchesToLoad, results, pendingError, revalidatingFetchers, fetcherResults, activeDeferreds) { + let { + loaderData, + errors + } = processRouteLoaderData(matches, matchesToLoad, results, pendingError, activeDeferreds); // Process results from our revalidating fetchers + + for (let index = 0; index < revalidatingFetchers.length; index++) { + let [key,, match] = revalidatingFetchers[index]; + invariant(fetcherResults !== undefined && fetcherResults[index] !== undefined, "Did not find corresponding fetcher result"); + let result = fetcherResults[index]; // Process fetcher non-redirect errors + + if (isErrorResult(result)) { + let boundaryMatch = findNearestBoundary(state.matches, match.route.id); + + if (!(errors && errors[boundaryMatch.route.id])) { + errors = _extends({}, errors, { + [boundaryMatch.route.id]: result.error + }); + } + + state.fetchers.delete(key); + } else if (isRedirectResult(result)) { + // Should never get here, redirects should get processed above, but we + // keep this to type narrow to a success result in the else + throw new Error("Unhandled fetcher revalidation redirect"); + } else if (isDeferredResult(result)) { + // Should never get here, deferred data should be awaited for fetchers + // in resolveDeferredResults + throw new Error("Unhandled fetcher deferred data"); + } else { + let doneFetcher = { + state: "idle", + data: result.data, + formMethod: undefined, + formAction: undefined, + formEncType: undefined, + formData: undefined, + " _hasFetcherDoneAnything ": true + }; + state.fetchers.set(key, doneFetcher); + } + } + + return { + loaderData, + errors + }; +} + +function mergeLoaderData(loaderData, newLoaderData, matches, errors) { + let mergedLoaderData = _extends({}, newLoaderData); + + for (let match of matches) { + let id = match.route.id; + + if (newLoaderData.hasOwnProperty(id)) { + if (newLoaderData[id] !== undefined) { + mergedLoaderData[id] = newLoaderData[id]; + } + } else if (loaderData[id] !== undefined) { + mergedLoaderData[id] = loaderData[id]; + } + + if (errors && errors.hasOwnProperty(id)) { + // Don't keep any loader data below the boundary + break; + } + } + + return mergedLoaderData; +} // Find the nearest error boundary, looking upwards from the leaf route (or the +// route specified by routeId) for the closest ancestor error boundary, +// defaulting to the root match + + +function findNearestBoundary(matches, routeId) { + let eligibleMatches = routeId ? matches.slice(0, matches.findIndex(m => m.route.id === routeId) + 1) : [...matches]; + return eligibleMatches.reverse().find(m => m.route.hasErrorBoundary === true) || matches[0]; +} + +function getShortCircuitMatches(routes) { + // Prefer a root layout route if present, otherwise shim in a route object + let route = routes.find(r => r.index || !r.path || r.path === "/") || { + id: "__shim-error-route__" + }; + return { + matches: [{ + params: {}, + pathname: "", + pathnameBase: "", + route + }], + route + }; +} + +function getInternalRouterError(status, _temp4) { + let { + pathname, + routeId, + method + } = _temp4 === void 0 ? {} : _temp4; + let statusText = "Unknown Server Error"; + let errorMessage = "Unknown @remix-run/router error"; + + if (status === 400) { + statusText = "Bad Request"; + + if (method && pathname && routeId) { + errorMessage = "You made a " + method + " request to \"" + pathname + "\" but " + ("did not provide a `loader` for route \"" + routeId + "\", ") + "so there is no way to handle the request."; + } else { + errorMessage = "Cannot submit binary form data using GET"; + } + } else if (status === 403) { + statusText = "Forbidden"; + errorMessage = "Route \"" + routeId + "\" does not match URL \"" + pathname + "\""; + } else if (status === 404) { + statusText = "Not Found"; + errorMessage = "No route matches URL \"" + pathname + "\""; + } else if (status === 405) { + statusText = "Method Not Allowed"; + + if (method && pathname && routeId) { + errorMessage = "You made a " + method.toUpperCase() + " request to \"" + pathname + "\" but " + ("did not provide an `action` for route \"" + routeId + "\", ") + "so there is no way to handle the request."; + } else if (method) { + errorMessage = "Invalid request method \"" + method.toUpperCase() + "\""; + } + } + + return new ErrorResponse(status || 500, statusText, new Error(errorMessage), true); +} // Find any returned redirect errors, starting from the lowest match + + +function findRedirect(results) { + for (let i = results.length - 1; i >= 0; i--) { + let result = results[i]; + + if (isRedirectResult(result)) { + return result; + } + } +} + +function stripHashFromPath(path) { + let parsedPath = typeof path === "string" ? parsePath(path) : path; + return createPath(_extends({}, parsedPath, { + hash: "" + })); +} + +function isHashChangeOnly(a, b) { + return a.pathname === b.pathname && a.search === b.search && a.hash !== b.hash; +} + +function isDeferredResult(result) { + return result.type === ResultType.deferred; +} + +function isErrorResult(result) { + return result.type === ResultType.error; +} + +function isRedirectResult(result) { + return (result && result.type) === ResultType.redirect; +} + +function isResponse(value) { + return value != null && typeof value.status === "number" && typeof value.statusText === "string" && typeof value.headers === "object" && typeof value.body !== "undefined"; +} + +function isRedirectResponse(result) { + if (!isResponse(result)) { + return false; + } + + let status = result.status; + let location = result.headers.get("Location"); + return status >= 300 && status <= 399 && location != null; +} + +function isQueryRouteResponse(obj) { + return obj && isResponse(obj.response) && (obj.type === ResultType.data || ResultType.error); +} + +function isValidMethod(method) { + return validRequestMethods.has(method); +} + +function isMutationMethod(method) { + return validMutationMethods.has(method); +} + +async function resolveDeferredResults(currentMatches, matchesToLoad, results, signal, isFetcher, currentLoaderData) { + for (let index = 0; index < results.length; index++) { + let result = results[index]; + let match = matchesToLoad[index]; + let currentMatch = currentMatches.find(m => m.route.id === match.route.id); + let isRevalidatingLoader = currentMatch != null && !isNewRouteInstance(currentMatch, match) && (currentLoaderData && currentLoaderData[match.route.id]) !== undefined; + + if (isDeferredResult(result) && (isFetcher || isRevalidatingLoader)) { + // Note: we do not have to touch activeDeferreds here since we race them + // against the signal in resolveDeferredData and they'll get aborted + // there if needed + await resolveDeferredData(result, signal, isFetcher).then(result => { + if (result) { + results[index] = result || results[index]; + } + }); + } + } +} + +async function resolveDeferredData(result, signal, unwrap) { + if (unwrap === void 0) { + unwrap = false; + } + + let aborted = await result.deferredData.resolveData(signal); + + if (aborted) { + return; + } + + if (unwrap) { + try { + return { + type: ResultType.data, + data: result.deferredData.unwrappedData + }; + } catch (e) { + // Handle any TrackedPromise._error values encountered while unwrapping + return { + type: ResultType.error, + error: e + }; + } + } + + return { + type: ResultType.data, + data: result.deferredData.data + }; +} + +function hasNakedIndexQuery(search) { + return new URLSearchParams(search).getAll("index").some(v => v === ""); +} // Note: This should match the format exported by useMatches, so if you change +// this please also change that :) Eventually we'll DRY this up + + +function createUseMatchesMatch(match, loaderData) { + let { + route, + pathname, + params + } = match; + return { + id: route.id, + pathname, + params, + data: loaderData[route.id], + handle: route.handle + }; +} + +function getTargetMatch(matches, location) { + let search = typeof location === "string" ? parsePath(location).search : location.search; + + if (matches[matches.length - 1].route.index && hasNakedIndexQuery(search || "")) { + // Return the leaf index route when index is present + return matches[matches.length - 1]; + } // Otherwise grab the deepest "path contributing" match (ignoring index and + // pathless layout routes) + + + let pathMatches = getPathContributingMatches(matches); + return pathMatches[pathMatches.length - 1]; +} //#endregion + + +//# sourceMappingURL=router.js.map + + +/***/ }), + +/***/ "./src/icons/back-arrow.svg": +/*!**********************************!*\ + !*** ./src/icons/back-arrow.svg ***! + \**********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgBackArrow), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _path; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgBackArrow = function SvgBackArrow(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 24, + height: 24, + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + d: "M20 10.8H6.7l4.1-4.5-1.1-1.1-5.8 6.3 5.8 5.8 1.1-1.1-4-3.9H20v-1.5Z", + fill: "#196BDE" + }))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEwLjhINi43MDAwMkwxMC44IDYuMzAwMDFMOS43MDAwMiA1LjIwMDAxTDMuOTAwMDIgMTEuNUw5LjcwMDAyIDE3LjNMMTAuOCAxNi4yTDYuODAwMDIgMTIuM0gyMFYxMC44WiIgZmlsbD0iIzE5NkJERSIvPgo8L3N2Zz4K"); + +/***/ }), + +/***/ "./src/icons/close.svg": +/*!*****************************!*\ + !*** ./src/icons/close.svg ***! + \*****************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgClose), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _path; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgClose = function SvgClose(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 24, + height: 24, + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + d: "m13 11.8 6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1-6.5-6.7Z", + fill: "#fff" + }))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDExLjhMMTkuMSA1LjVMMTguMSA0LjVMMTIgMTAuN0w1LjkgNC41TDQuOSA1LjVMMTEgMTEuOEw0LjUgMTguNUw1LjUgMTkuNUwxMiAxMi45TDE4LjUgMTkuNUwxOS41IDE4LjVMMTMgMTEuOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); + +/***/ }), + +/***/ "./src/icons/loader.svg": +/*!******************************!*\ + !*** ./src/icons/loader.svg ***! + \******************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgLoader), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _rect, _rect2, _rect3, _rect4, _path, _defs; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgLoader = function SvgLoader(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 368, + height: 72, + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + width: 89, + height: 14, + rx: 7, + fill: "url(#loader_svg__a)" + })), _rect2 || (_rect2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + y: 22, + width: 233, + height: 10, + rx: 5, + fill: "url(#loader_svg__b)" + })), _rect3 || (_rect3 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + y: 38, + width: 305, + height: 10, + rx: 5, + fill: "url(#loader_svg__c)" + })), _rect4 || (_rect4 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + y: 54, + width: 281, + height: 10, + rx: 5, + fill: "url(#loader_svg__d)" + })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + stroke: "#EEE", + d: "M0 71.5h367.005" + })), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("linearGradient", { + id: "loader_svg__a", + x1: 89, + y1: 7, + x2: 0, + y2: 7, + gradientUnits: "userSpaceOnUse" + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + stopColor: "#D9D9D9" + }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + offset: 1, + stopColor: "#D9D9D9", + stopOpacity: 0.3 + })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("linearGradient", { + id: "loader_svg__b", + x1: 0, + y1: 27, + x2: 233, + y2: 27, + gradientUnits: "userSpaceOnUse" + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + stopColor: "#D9D9D9" + }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + offset: 1, + stopColor: "#D9D9D9", + stopOpacity: 0.3 + })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("linearGradient", { + id: "loader_svg__c", + x1: 0, + y1: 43, + x2: 303, + y2: 43, + gradientUnits: "userSpaceOnUse" + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + stopColor: "#D9D9D9" + }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + offset: 0.516, + stopColor: "#D9D9D9", + stopOpacity: 0.2 + }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + offset: 1, + stopColor: "#D9D9D9", + stopOpacity: 0.8 + })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("linearGradient", { + id: "loader_svg__d", + x1: 278.5, + y1: 59, + x2: 3, + y2: 59, + gradientUnits: "userSpaceOnUse" + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + stopColor: "#D9D9D9" + }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("stop", { + offset: 1, + stopColor: "#D9D9D9", + stopOpacity: 0.3 + }))))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMzY4IDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iODkiIGhlaWdodD0iMTQiIHJ4PSI3IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzEzXzE5MTYpIi8+CjxyZWN0IHk9IjIyIiB3aWR0aD0iMjMzIiBoZWlnaHQ9IjEwIiByeD0iNSIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzMxM18xOTE2KSIvPgo8cmVjdCB5PSIzOCIgd2lkdGg9IjMwNSIgaGVpZ2h0PSIxMCIgcng9IjUiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8zMTNfMTkxNikiLz4KPHJlY3QgeT0iNTQiIHdpZHRoPSIyODEiIGhlaWdodD0iMTAiIHJ4PSI1IiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXJfMzEzXzE5MTYpIi8+CjxsaW5lIHkxPSI3MS41IiB4Mj0iMzY3LjAwNSIgeTI9IjcxLjUiIHN0cm9rZT0iI0VFRUVFRSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzMxM18xOTE2IiB4MT0iODkiIHkxPSI3LjAwMDAxIiB4Mj0iMi40Njk0OWUtMDciIHkyPSI3LjAwMDAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDlEOUQ5IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMzEzXzE5MTYiIHgxPSIxLjQzNzYyZS0wNiIgeTE9IjI2Ljk5OTkiIHgyPSIyMzMiIHkyPSIyNi45OTk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDlEOUQ5IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMzEzXzE5MTYiIHgxPSItMS43OTMxMWUtMDYiIHkxPSI0Mi45OTk5IiB4Mj0iMzAzIiB5Mj0iNDIuOTk5OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRDlEOUQ5Ii8+CjxzdG9wIG9mZnNldD0iMC41MTU2MjUiIHN0b3AtY29sb3I9IiNEOUQ5RDkiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q5RDlEOSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzMxM18xOTE2IiB4MT0iMjc4LjUiIHkxPSI1OSIgeDI9IjMiIHkyPSI1OS4wMDAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOUQ5RDkiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDlEOUQ5IiBzdG9wLW9wYWNpdHk9IjAuMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo="); + +/***/ }), + +/***/ "./src/icons/no-result.svg": +/*!*********************************!*\ + !*** ./src/icons/no-result.svg ***! + \*********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgNoResult), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _path, _defs; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgNoResult = function SvgNoResult(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 302, + height: 186, + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + xmlnsXlink: "http://www.w3.org/1999/xlink" + }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + fill: "url(#no-result_svg__a)", + d: "M0 0h302v186H0z" + })), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("pattern", { + id: "no-result_svg__a", + patternContentUnits: "objectBoundingBox", + width: 1, + height: 1 + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { + xlinkHref: "#no-result_svg__b", + transform: "matrix(.0009 0 0 .00145 0 0)" + })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("image", { + id: "no-result_svg__b", + width: 1121, + height: 690, + xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABGEAAAKyCAYAAAB16sOJAAAACXBIWXMAAAsTAAALEwEAmpwYAABFUGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OWI0LCAyMDIyLzA2LzEzLTIyOjAxOjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczppbGx1c3RyYXRvcj0iaHR0cDovL25zLmFkb2JlLmNvbS9pbGx1c3RyYXRvci8xLjAvIiB4bWxuczp4bXBUUGc9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC90L3BnLyIgeG1sbnM6c3REaW09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9EaW1lbnNpb25zIyIgeG1sbnM6c3RGbnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9Gb250IyIgeG1sbnM6eG1wRz0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL2cvIiB4bWxuczpwZGY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGRmLzEuMy8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMTEtMTRUMTY6MTY6MTItMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTExLTE0VDE2OjE2OjEyLTA3OjAwIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMi0yMlQxMzoxMDowMi0wNzowMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBJbGx1c3RyYXRvciAyNS4yIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmNiMDdhMjNiLWJhNjgtNGQzMi1hN2RmLTMwYjRkYTk3YTE2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NjViZDYxOC1kMzU3LTRjMDMtODI0MS1jMDA2YjI0OWM1YzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06UmVuZGl0aW9uQ2xhc3M9InByb29mOnBkZiIgaWxsdXN0cmF0b3I6U3RhcnR1cFByb2ZpbGU9IlByaW50IiBpbGx1c3RyYXRvcjpDcmVhdG9yU3ViVG9vbD0iQUlSb2JpbiIgaWxsdXN0cmF0b3I6VHlwZT0iRG9jdW1lbnQiIHhtcFRQZzpIYXNWaXNpYmxlT3ZlcnByaW50PSJGYWxzZSIgeG1wVFBnOkhhc1Zpc2libGVUcmFuc3BhcmVuY3k9IlRydWUiIHhtcFRQZzpOUGFnZXM9IjEiIHBkZjpQcm9kdWNlcj0iQWRvYmUgUERGIGxpYnJhcnkgMTUuMDAiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8ZGM6dGl0bGU+IDxyZGY6QWx0PiA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPn5haS1hMzliYTc1MC04NzBjLTQ3NTgtYWZjNC02NzM5ZmJlNWNjMjJfPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6NWVmYTMxODktY2NmNS1mMzRhLWI5ZGUtMjU5YmY4ODYxNDUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2NWJkNjE4LWQzNTctNGMwMy04MjQxLWMwMDZiMjQ5YzVjNyIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiBzdFJlZjpyZW5kaXRpb25DbGFzcz0icHJvb2Y6cGRmIi8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1YjRlZDM3LThkMzItNGM0Ni05N2YwLTdiNjFlMzZhZmQ1MyIgc3RFdnQ6d2hlbj0iMjAxOC0xMC0zMFQxNjoyMzoyMi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgSWxsdXN0cmF0b3IgQ0MgMjIuMSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTY1YmQ2MTgtZDM1Ny00YzAzLTgyNDEtYzAwNmIyNDljNWM3IiBzdEV2dDp3aGVuPSIyMDIwLTA5LTE0VDE2OjIxOjQyLTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBJbGx1c3RyYXRvciAyNC4zIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vcGRmIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjNzg0MDY0NC1iZTAwLTQ0NGItYTdmZC1iYjUxMmQ4NTBlMTAiIHN0RXZ0OndoZW49IjIwMjItMTEtMTRUMTY6MTI6MjEtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy41IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjYjA3YTIzYi1iYTY4LTRkMzItYTdkZi0zMGI0ZGE5N2ExNjMiIHN0RXZ0OndoZW49IjIwMjItMTEtMTRUMTY6MTY6MTItMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy41IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wVFBnOk1heFBhZ2VTaXplIHN0RGltOnc9IjEyMjQuMDAwMDAwIiBzdERpbTpoPSI4OTcuNDg2NTY0IiBzdERpbTp1bml0PSJQb2ludHMiLz4gPHhtcFRQZzpGb250cz4gPHJkZjpCYWc+IDxyZGY6bGkgc3RGbnQ6Zm9udE5hbWU9Ik15cmlhZFByby1SZWd1bGFyIiBzdEZudDpmb250RmFtaWx5PSJNeXJpYWQgUHJvIiBzdEZudDpmb250RmFjZT0iUmVndWxhciIgc3RGbnQ6Zm9udFR5cGU9Ik9wZW4gVHlwZSIgc3RGbnQ6dmVyc2lvblN0cmluZz0iVmVyc2lvbiAyLjExNTtQUyAyLjAwMDtob3Rjb252IDEuMC44MTttYWtlb3RmLmxpYjIuNS42MzQwNiIgc3RGbnQ6Y29tcG9zaXRlPSJGYWxzZSIgc3RGbnQ6Zm9udEZpbGVOYW1lPSIuNjg1MS5vdGYiLz4gPHJkZjpsaSBzdEZudDpmb250TmFtZT0iT3BlblNhbnMtQm9sZCIgc3RGbnQ6Zm9udEZhbWlseT0iT3BlbiBTYW5zIiBzdEZudDpmb250RmFjZT0iQm9sZCIgc3RGbnQ6Zm9udFR5cGU9Ik9wZW4gVHlwZSIgc3RGbnQ6dmVyc2lvblN0cmluZz0iVmVyc2lvbiAxLjEwIiBzdEZudDpjb21wb3NpdGU9IkZhbHNlIiBzdEZudDpmb250RmlsZU5hbWU9Ik9wZW5TYW5zLUJvbGQudHRmIi8+IDwvcmRmOkJhZz4gPC94bXBUUGc6Rm9udHM+IDx4bXBUUGc6UGxhdGVOYW1lcz4gPHJkZjpTZXE+IDxyZGY6bGk+Q3lhbjwvcmRmOmxpPiA8cmRmOmxpPk1hZ2VudGE8L3JkZjpsaT4gPHJkZjpsaT5ZZWxsb3c8L3JkZjpsaT4gPHJkZjpsaT5CbGFjazwvcmRmOmxpPiA8L3JkZjpTZXE+IDwveG1wVFBnOlBsYXRlTmFtZXM+IDx4bXBUUGc6U3dhdGNoR3JvdXBzPiA8cmRmOlNlcT4gPHJkZjpsaT4gPHJkZjpEZXNjcmlwdGlvbiB4bXBHOmdyb3VwTmFtZT0iRGVmYXVsdCBTd2F0Y2ggR3JvdXAiIHhtcEc6Z3JvdXBUeXBlPSIwIj4gPHhtcEc6Q29sb3JhbnRzPiA8cmRmOlNlcT4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IldoaXRlIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjU1IiB4bXBHOmdyZWVuPSIyNTUiIHhtcEc6Ymx1ZT0iMjU1Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJCbGFjayIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjM1IiB4bXBHOmdyZWVuPSIzMSIgeG1wRzpibHVlPSIzMiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQ01ZSyBSZWQiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIyMzYiIHhtcEc6Z3JlZW49IjI4IiB4bXBHOmJsdWU9IjM2Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDTVlLIFllbGxvdyIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjI1NSIgeG1wRzpncmVlbj0iMjQxIiB4bXBHOmJsdWU9IjAiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkNNWUsgR3JlZW4iIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIwIiB4bXBHOmdyZWVuPSIxNjUiIHhtcEc6Ymx1ZT0iODEiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkNNWUsgQ3lhbiIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjAiIHhtcEc6Z3JlZW49IjE3MyIgeG1wRzpibHVlPSIyMzgiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkNNWUsgQmx1ZSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjQ2IiB4bXBHOmdyZWVuPSI0OSIgeG1wRzpibHVlPSIxNDUiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkNNWUsgTWFnZW50YSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjIzNSIgeG1wRzpncmVlbj0iMCIgeG1wRzpibHVlPSIxMzkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MTUgTT0xMDAgWT05MCBLPTEwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMTkwIiB4bXBHOmdyZWVuPSIzMCIgeG1wRzpibHVlPSI0NSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09OTAgWT04NSBLPTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIyMzgiIHhtcEc6Z3JlZW49IjY0IiB4bXBHOmJsdWU9IjU0Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTAgTT04MCBZPTk1IEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjI0MCIgeG1wRzpncmVlbj0iOTAiIHhtcEc6Ymx1ZT0iNDAiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MCBNPTUwIFk9MTAwIEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjI0NiIgeG1wRzpncmVlbj0iMTQ2IiB4bXBHOmJsdWU9IjMwIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTAgTT0zNSBZPTg1IEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjI1MCIgeG1wRzpncmVlbj0iMTc1IiB4bXBHOmJsdWU9IjY0Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTUgTT0wIFk9OTAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjQ5IiB4bXBHOmdyZWVuPSIyMzYiIHhtcEc6Ymx1ZT0iNDkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MjAgTT0wIFk9MTAwIEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjIxNCIgeG1wRzpncmVlbj0iMjIyIiB4bXBHOmJsdWU9IjM1Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTUwIE09MCBZPTEwMCBLPTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIxMzkiIHhtcEc6Z3JlZW49IjE5NyIgeG1wRzpibHVlPSI2MyIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz03NSBNPTAgWT0xMDAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iNTUiIHhtcEc6Z3JlZW49IjE3OSIgeG1wRzpibHVlPSI3NCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz04NSBNPTEwIFk9MTAwIEs9MTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIwIiB4bXBHOmdyZWVuPSIxNDciIHhtcEc6Ymx1ZT0iNjkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9OTAgTT0zMCBZPTk1IEs9MzAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIwIiB4bXBHOmdyZWVuPSIxMDQiIHhtcEc6Ymx1ZT0iNTYiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9NzUgTT0wIFk9NzUgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iNDEiIHhtcEc6Z3JlZW49IjE4MCIgeG1wRzpibHVlPSIxMTUiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9ODAgTT0xMCBZPTQ1IEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjAiIHhtcEc6Z3JlZW49IjE2NiIgeG1wRzpibHVlPSIxNTYiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9NzAgTT0xNSBZPTAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMzgiIHhtcEc6Z3JlZW49IjE2OSIgeG1wRzpibHVlPSIyMjQiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9ODUgTT01MCBZPTAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjciIHhtcEc6Z3JlZW49IjExNyIgeG1wRzpibHVlPSIxODciLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MTAwIE09OTUgWT01IEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjQzIiB4bXBHOmdyZWVuPSI1NiIgeG1wRzpibHVlPSIxNDMiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MTAwIE09MTAwIFk9MjUgSz0yNSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjM4IiB4bXBHOmdyZWVuPSIzNCIgeG1wRzpibHVlPSI5NyIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz03NSBNPTEwMCBZPTAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMTAxIiB4bXBHOmdyZWVuPSI0NSIgeG1wRzpibHVlPSIxNDQiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9NTAgTT0xMDAgWT0wIEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE0NCIgeG1wRzpncmVlbj0iMzkiIHhtcEc6Ymx1ZT0iMTQyIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTM1IE09MTAwIFk9MzUgSz0xMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE1OCIgeG1wRzpncmVlbj0iMzEiIHhtcEc6Ymx1ZT0iOTkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MTAgTT0xMDAgWT01MCBLPTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIyMTciIHhtcEc6Z3JlZW49IjI4IiB4bXBHOmJsdWU9IjkyIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTAgTT05NSBZPTIwIEs9MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjIzNiIgeG1wRzpncmVlbj0iNDEiIHhtcEc6Ymx1ZT0iMTIzIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTI1IE09MjUgWT00MCBLPTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIxOTMiIHhtcEc6Z3JlZW49IjE4MCIgeG1wRzpibHVlPSIxNTQiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9NDAgTT00NSBZPTUwIEs9NSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE1NCIgeG1wRzpncmVlbj0iMTMyIiB4bXBHOmJsdWU9IjEyMSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz01MCBNPTUwIFk9NjAgSz0yNSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjExMyIgeG1wRzpncmVlbj0iMTAxIiB4bXBHOmJsdWU9Ijg4Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTU1IE09NjAgWT02NSBLPTQwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iOTAiIHhtcEc6Z3JlZW49Ijc0IiB4bXBHOmJsdWU9IjY2Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTI1IE09NDAgWT02NSBLPTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIxOTUiIHhtcEc6Z3JlZW49IjE1MyIgeG1wRzpibHVlPSIxMDciLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9MzAgTT01MCBZPTc1IEs9MTAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIxNjgiIHhtcEc6Z3JlZW49IjEyNCIgeG1wRzpibHVlPSI3OSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0zNSBNPTYwIFk9ODAgSz0yNSIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjEzOCIgeG1wRzpncmVlbj0iOTMiIHhtcEc6Ymx1ZT0iNTkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IkM9NDAgTT02NSBZPTkwIEs9MzUiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6cmVkPSIxMTciIHhtcEc6Z3JlZW49Ijc2IiB4bXBHOmJsdWU9IjQwIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTQwIE09NzAgWT0xMDAgSz01MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9Ijk2IiB4bXBHOmdyZWVuPSI1NiIgeG1wRzpibHVlPSIxOSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz01MCBNPTcwIFk9ODAgSz03MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjU5IiB4bXBHOmdyZWVuPSIzNSIgeG1wRzpibHVlPSIyMCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz03MyBNPTQwIFk9MCBLPTAiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjcwIiB4bXBHOmdyZWVuPSIxMzQiIHhtcEc6Ymx1ZT0iMTk4Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTYwIEc9ODEgQj0xMzMiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjYwIiB4bXBHOmdyZWVuPSI4MSIgeG1wRzpibHVlPSIxMzMiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MTI2IEc9MTY3IEI9MjIzIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIxMjYiIHhtcEc6Z3JlZW49IjE2NSIgeG1wRzpibHVlPSIyMTUiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MTY1IEc9MjAzIEI9MjM5IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIxNjYiIHhtcEc6Z3JlZW49IjIwMiIgeG1wRzpibHVlPSIyMzUiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjA5IEc9MjI1IEI9MjQyIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyMDgiIHhtcEc6Z3JlZW49IjIyNSIgeG1wRzpibHVlPSIyNDEiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjQ1IEc9MjQ3IEI9MjQ5IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNDQiIHhtcEc6Z3JlZW49IjI0NiIgeG1wRzpibHVlPSIyNDgiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjQ3IEc9MTY2IEI9MTA2IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNDciIHhtcEc6Z3JlZW49IjE2NiIgeG1wRzpibHVlPSIxMDYiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjUgRz0yOCBCPTYwIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNCIgeG1wRzpncmVlbj0iMjciIHhtcEc6Ymx1ZT0iNTkiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9NzQgRz0xMDEgQj0xNjMiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9Ijc0IiB4bXBHOmdyZWVuPSIxMDEiIHhtcEc6Ymx1ZT0iMTYzIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTkzIEc9MTI1IEI9MTkwIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI5MyIgeG1wRzpncmVlbj0iMTI1IiB4bXBHOmJsdWU9IjE5MCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yNTUgRz0yMDUgQj0zMyIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iMjU1IiB4bXBHOmdyZWVuPSIyMDUiIHhtcEc6Ymx1ZT0iMzIiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjA5IEc9MjExIEI9MjEyIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyMDkiIHhtcEc6Z3JlZW49IjIxMSIgeG1wRzpibHVlPSIyMTEiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9Ikdsb2JhbCBDb2xvciIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iMjUxIiB4bXBHOmdyZWVuPSIyMDgiIHhtcEc6Ymx1ZT0iMjQiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MCBHPTc2IEI9MTE3IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIwIiB4bXBHOmdyZWVuPSI3NiIgeG1wRzpibHVlPSIxMTciLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MTA0IEc9MjA0IEI9MjI5IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIxMDUiIHhtcEc6Z3JlZW49IjIwMyIgeG1wRzpibHVlPSIyMjgiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MjUyIEc9MTc4IEI9MzEiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjI1MSIgeG1wRzpncmVlbj0iMTc4IiB4bXBHOmJsdWU9IjI4Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJQQU5UT05FIDI4MiBDIiB4bXBHOnR5cGU9IlNQT1QiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJMQUIiIHhtcEc6TD0iMTAuOTgwMzkyIiB4bXBHOkE9IjIiIHhtcEc6Qj0iLTI2Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJibHVzaCBjb3B5IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNDIiIHhtcEc6Z3JlZW49IjE1NiIgeG1wRzpibHVlPSIxNTYiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MTA1IEc9MjA5IEI9NTIiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjEwNSIgeG1wRzpncmVlbj0iMjA5IiB4bXBHOmJsdWU9IjUyIi8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTUgRz0xNjAgQj02OSIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iNSIgeG1wRzpncmVlbj0iMTYwIiB4bXBHOmJsdWU9IjY4Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTU1IEc9MTg4IEI9MTU1IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI1NCIgeG1wRzpncmVlbj0iMTg4IiB4bXBHOmJsdWU9IjE1NCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj00MSBHPTQxIEI9MTA1IGNvcHkiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjQwIiB4bXBHOmdyZWVuPSI0MCIgeG1wRzpibHVlPSIxMDUiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9NSBHPTE5NyBCPTIxOSIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iNSIgeG1wRzpncmVlbj0iMTk2IiB4bXBHOmJsdWU9IjIxOSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yNTUgRz03MyBCPTk5IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNTUiIHhtcEc6Z3JlZW49IjczIiB4bXBHOmJsdWU9Ijk4Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTI1NSBHPTIwMyBCPTEzOCIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iMjU1IiB4bXBHOmdyZWVuPSIyMDIiIHhtcEc6Ymx1ZT0iMTM3Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTYxIEc9MTA2IEI9MjA0IDQiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjYxIiB4bXBHOmdyZWVuPSIxMDUiIHhtcEc6Ymx1ZT0iMjA0Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJza2luIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNDQiIHhtcEc6Z3JlZW49IjIwNyIgeG1wRzpibHVlPSIxOTEiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9NDEgRz00MSBCPTEwNSIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iNDAiIHhtcEc6Z3JlZW49IjQwIiB4bXBHOmJsdWU9IjEwNSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yMTQgRz0xODQgQj0xNDEiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjIxNCIgeG1wRzpncmVlbj0iMTg0IiB4bXBHOmJsdWU9IjE0MCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yNDAgRz0xOTUgQj0xNjgiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjIzOSIgeG1wRzpncmVlbj0iMTk0IiB4bXBHOmJsdWU9IjE2NyIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj02MSBHPTEwNiBCPTIwNCIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iNjEiIHhtcEc6Z3JlZW49IjEwNSIgeG1wRzpibHVlPSIyMDQiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9ImJsdXNoIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSIyNDIiIHhtcEc6Z3JlZW49IjE1NiIgeG1wRzpibHVlPSIxNTYiLz4gPHJkZjpsaSB4bXBHOnN3YXRjaE5hbWU9IlI9MyBHPTIyNCBCPTE5NyIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iMyIgeG1wRzpncmVlbj0iMjIzIiB4bXBHOmJsdWU9IjE5NiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj01IEc9MTkzIEI9MjE0IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI0IiB4bXBHOmdyZWVuPSIxOTIiIHhtcEc6Ymx1ZT0iMjE0Ii8+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJSPTcwIEc9MTcyIEI9MTk1IiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI3MCIgeG1wRzpncmVlbj0iMTcyIiB4bXBHOmJsdWU9IjE5NSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yMyBHPTIzIEI9NTEiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzp0aW50PSIxMDAuMDAwMDAwIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzpyZWQ9IjIyIiB4bXBHOmdyZWVuPSIyMiIgeG1wRzpibHVlPSI1MSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj02MSBHPTEwNiBCPTIwNCAyIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI3MSIgeG1wRzpncmVlbj0iMTA1IiB4bXBHOmJsdWU9IjE3OCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj02MSBHPTEwNiBCPTIwNCAzIiB4bXBHOnR5cGU9IlBST0NFU1MiIHhtcEc6dGludD0iMTAwLjAwMDAwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6cmVkPSI3MSIgeG1wRzpncmVlbj0iMTA1IiB4bXBHOmJsdWU9IjE3OCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj00MSBHPTQxIEI9MTA1IGNvcHkgMiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iNDEiIHhtcEc6Z3JlZW49IjQyIiB4bXBHOmJsdWU9IjEwNCIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iUj0yNTAgRz0xNzYgQj0yOSIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnRpbnQ9IjEwMC4wMDAwMDAiIHhtcEc6bW9kZT0iUkdCIiB4bXBHOnJlZD0iMjUwIiB4bXBHOmdyZWVuPSIxNzYiIHhtcEc6Ymx1ZT0iMjkiLz4gPC9yZGY6U2VxPiA8L3htcEc6Q29sb3JhbnRzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6bGk+IDxyZGY6bGk+IDxyZGY6RGVzY3JpcHRpb24geG1wRzpncm91cE5hbWU9IkdyYXlzIiB4bXBHOmdyb3VwVHlwZT0iMSI+IDx4bXBHOkNvbG9yYW50cz4gPHJkZjpTZXE+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTAgTT0wIFk9MCBLPTEwMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjM1IiB4bXBHOmdyZWVuPSIzMSIgeG1wRzpibHVlPSIzMiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz05MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjY0IiB4bXBHOmdyZWVuPSI2NCIgeG1wRzpibHVlPSI2NSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz04MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9Ijg4IiB4bXBHOmdyZWVuPSI4OSIgeG1wRzpibHVlPSI5MSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz03MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjEwOSIgeG1wRzpncmVlbj0iMTEwIiB4bXBHOmJsdWU9IjExMiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz02MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjEyOCIgeG1wRzpncmVlbj0iMTI5IiB4bXBHOmJsdWU9IjEzMiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz01MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE0NiIgeG1wRzpncmVlbj0iMTQ4IiB4bXBHOmJsdWU9IjE1MSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz00MCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE2NiIgeG1wRzpncmVlbj0iMTY4IiB4bXBHOmJsdWU9IjE3MSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz0zMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjE4NyIgeG1wRzpncmVlbj0iMTg5IiB4bXBHOmJsdWU9IjE5MSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz0yMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjIwOCIgeG1wRzpncmVlbj0iMjEwIiB4bXBHOmJsdWU9IjIxMSIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz0xMCIgeG1wRzptb2RlPSJSR0IiIHhtcEc6dHlwZT0iUFJPQ0VTUyIgeG1wRzpyZWQ9IjIzMCIgeG1wRzpncmVlbj0iMjMxIiB4bXBHOmJsdWU9IjIzMiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09MCBZPTAgSz01IiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjQxIiB4bXBHOmdyZWVuPSIyNDEiIHhtcEc6Ymx1ZT0iMjQyIi8+IDwvcmRmOlNlcT4gPC94bXBHOkNvbG9yYW50cz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOmxpPiA8cmRmOmxpPiA8cmRmOkRlc2NyaXB0aW9uIHhtcEc6Z3JvdXBOYW1lPSJCcmlnaHRzIiB4bXBHOmdyb3VwVHlwZT0iMSI+IDx4bXBHOkNvbG9yYW50cz4gPHJkZjpTZXE+IDxyZGY6bGkgeG1wRzpzd2F0Y2hOYW1lPSJDPTAgTT0xMDAgWT0xMDAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjM2IiB4bXBHOmdyZWVuPSIyOCIgeG1wRzpibHVlPSIzNiIvPiA8cmRmOmxpIHhtcEc6c3dhdGNoTmFtZT0iQz0wIE09NzUgWT0xMDAgSz0wIiB4bXBHOm1vZGU9IlJHQiIgeG1wRzp0eXBlPSJQUk9DRVNTIiB4bXBHOnJlZD0iMjQx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" + })))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAyIiBoZWlnaHQ9IjE4NiIgdmlld0JveD0iMCAwIDMwMiAxODYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8cmVjdCB3aWR0aD0iMzAyIiBoZWlnaHQ9IjE4NiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMzEzXzIwNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwMDMwMjMzMikgc2NhbGUoMC4wMDA4OTI2IDAuMDAxNDQ5MjgpIi8+CjwvcGF0dGVybj4KPGltYWdlIGlkPSJpbWFnZTBfMzEzXzIwNDgiIHdpZHRoPSIxMTIxIiBoZWlnaHQ9IjY5MCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUJHRUFBQUt5Q0FZQUFBQjE2c09KQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQkZVR2xVV0hSWVRVdzZZMjl0TG1Ga2IySmxMbmh0Y0FBQUFBQUFQRDk0Y0dGamEyVjBJR0psWjJsdVBTTHZ1NzhpSUdsa1BTSlhOVTB3VFhCRFpXaHBTSHB5WlZONlRsUmplbXRqT1dRaVB6NGdQSGc2ZUcxd2JXVjBZU0I0Yld4dWN6cDRQU0poWkc5aVpUcHVjenB0WlhSaEx5SWdlRHA0YlhCMGF6MGlRV1J2WW1VZ1dFMVFJRU52Y21VZ055NHlMV013TURBZ056a3VNV0kyTldFM09XSTBMQ0F5TURJeUx6QTJMekV6TFRJeU9qQXhPakF4SUNBZ0lDQWdJQ0FpUGlBOGNtUm1PbEpFUmlCNGJXeHVjenB5WkdZOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6RTVPVGt2TURJdk1qSXRjbVJtTFhONWJuUmhlQzF1Y3lNaVBpQThjbVJtT2tSbGMyTnlhWEIwYVc5dUlISmtaanBoWW05MWREMGlJaUI0Yld4dWN6cGtZejBpYUhSMGNEb3ZMM0IxY213dWIzSm5MMlJqTDJWc1pXMWxiblJ6THpFdU1TOGlJSGh0Ykc1ek9uaHRjRDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3THlJZ2VHMXNibk02ZUcxd1RVMDlJbWgwZEhBNkx5OXVjeTVoWkc5aVpTNWpiMjB2ZUdGd0x6RXVNQzl0YlM4aUlIaHRiRzV6T25OMFVtVm1QU0pvZEhSd09pOHZibk11WVdSdlltVXVZMjl0TDNoaGNDOHhMakF2YzFSNWNHVXZVbVZ6YjNWeVkyVlNaV1lqSWlCNGJXeHVjenB6ZEVWMmREMGlhSFIwY0RvdkwyNXpMbUZrYjJKbExtTnZiUzk0WVhBdk1TNHdMM05VZVhCbEwxSmxjMjkxY21ObFJYWmxiblFqSWlCNGJXeHVjenBwYkd4MWMzUnlZWFJ2Y2owaWFIUjBjRG92TDI1ekxtRmtiMkpsTG1OdmJTOXBiR3gxYzNSeVlYUnZjaTh4TGpBdklpQjRiV3h1Y3pwNGJYQlVVR2M5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5MEwzQm5MeUlnZUcxc2JuTTZjM1JFYVcwOUltaDBkSEE2THk5dWN5NWhaRzlpWlM1amIyMHZlR0Z3THpFdU1DOXpWSGx3WlM5RWFXMWxibk5wYjI1ekl5SWdlRzFzYm5NNmMzUkdiblE5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdmVHRndMekV1TUM5elZIbHdaUzlHYjI1MEl5SWdlRzFzYm5NNmVHMXdSejBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5NFlYQXZNUzR3TDJjdklpQjRiV3h1Y3pwd1pHWTlJbWgwZEhBNkx5OXVjeTVoWkc5aVpTNWpiMjB2Y0dSbUx6RXVNeThpSUhodGJHNXpPbkJvYjNSdmMyaHZjRDBpYUhSMGNEb3ZMMjV6TG1Ga2IySmxMbU52YlM5d2FHOTBiM05vYjNBdk1TNHdMeUlnWkdNNlptOXliV0YwUFNKcGJXRm5aUzl3Ym1jaUlIaHRjRHBOWlhSaFpHRjBZVVJoZEdVOUlqSXdNakl0TVRFdE1UUlVNVFk2TVRZNk1USXRNRGM2TURBaUlIaHRjRHBOYjJScFpubEVZWFJsUFNJeU1ESXlMVEV4TFRFMFZERTJPakUyT2pFeUxUQTNPakF3SWlCNGJYQTZRM0psWVhSbFJHRjBaVDBpTWpBeU1TMHdNaTB5TWxReE16b3hNRG93TWkwd056b3dNQ0lnZUcxd09rTnlaV0YwYjNKVWIyOXNQU0pCWkc5aVpTQkpiR3gxYzNSeVlYUnZjaUF5TlM0eUlDaE5ZV05wYm5SdmMyZ3BJaUI0YlhCTlRUcEpibk4wWVc1alpVbEVQU0o0YlhBdWFXbGtPbU5pTURkaE1qTmlMV0poTmpndE5HUXpNaTFoTjJSbUxUTXdZalJrWVRrM1lURTJNeUlnZUcxd1RVMDZSRzlqZFcxbGJuUkpSRDBpZUcxd0xtUnBaRG8xTmpWaVpEWXhPQzFrTXpVM0xUUmpNRE10T0RJME1TMWpNREEyWWpJME9XTTFZemNpSUhodGNFMU5Pazl5YVdkcGJtRnNSRzlqZFcxbGJuUkpSRDBpZFhWcFpEbzFSREl3T0RreU5Ea3pRa1pFUWpFeE9URTBRVGcxT1RCRU16RTFNRGhET0NJZ2VHMXdUVTA2VW1WdVpHbDBhVzl1UTJ4aGMzTTlJbkJ5YjI5bU9uQmtaaUlnYVd4c2RYTjBjbUYwYjNJNlUzUmhjblIxY0ZCeWIyWnBiR1U5SWxCeWFXNTBJaUJwYkd4MWMzUnlZWFJ2Y2pwRGNtVmhkRzl5VTNWaVZHOXZiRDBpUVVsU2IySnBiaUlnYVd4c2RYTjBjbUYwYjNJNlZIbHdaVDBpUkc5amRXMWxiblFpSUhodGNGUlFaenBJWVhOV2FYTnBZbXhsVDNabGNuQnlhVzUwUFNKR1lXeHpaU0lnZUcxd1ZGQm5Pa2hoYzFacGMybGliR1ZVY21GdWMzQmhjbVZ1WTNrOUlsUnlkV1VpSUhodGNGUlFaenBPVUdGblpYTTlJakVpSUhCa1pqcFFjbTlrZFdObGNqMGlRV1J2WW1VZ1VFUkdJR3hwWW5KaGNua2dNVFV1TURBaUlIQm9iM1J2YzJodmNEcERiMnh2Y2sxdlpHVTlJak1pUGlBOFpHTTZkR2wwYkdVK0lEeHlaR1k2UVd4MFBpQThjbVJtT214cElIaHRiRHBzWVc1blBTSjRMV1JsWm1GMWJIUWlQbjVoYVMxaE16bGlZVGMxTUMwNE56QmpMVFEzTlRndFlXWmpOQzAyTnpNNVptSmxOV05qTWpKZlBDOXlaR1k2YkdrK0lEd3ZjbVJtT2tGc2RENGdQQzlrWXpwMGFYUnNaVDRnUEhodGNFMU5Pa1JsY21sMlpXUkdjbTl0SUhOMFVtVm1PbWx1YzNSaGJtTmxTVVE5SW5WMWFXUTZOV1ZtWVRNeE9Ea3RZMk5tTlMxbU16UmhMV0k1WkdVdE1qVTVZbVk0T0RZeE5EVXpJaUJ6ZEZKbFpqcGtiMk4xYldWdWRFbEVQU0o0YlhBdVpHbGtPalUyTldKa05qRTRMV1F6TlRjdE5HTXdNeTA0TWpReExXTXdNRFppTWpRNVl6VmpOeUlnYzNSU1pXWTZiM0pwWjJsdVlXeEViMk4xYldWdWRFbEVQU0oxZFdsa09qVkVNakE0T1RJME9UTkNSa1JDTVRFNU1UUkJPRFU1TUVRek1UVXdPRU00SWlCemRGSmxaanB5Wlc1a2FYUnBiMjVEYkdGemN6MGljSEp2YjJZNmNHUm1JaTgrSUR4NGJYQk5UVHBJYVhOMGIzSjVQaUE4Y21SbU9sTmxjVDRnUEhKa1pqcHNhU0J6ZEVWMmREcGhZM1JwYjI0OUluTmhkbVZrSWlCemRFVjJkRHBwYm5OMFlXNWpaVWxFUFNKNGJYQXVhV2xrT2pBMVlqUmxaRE0zTFRoa016SXROR00wTmkwNU4yWXdMVGRpTmpGbE16WmhabVExTXlJZ2MzUkZkblE2ZDJobGJqMGlNakF4T0MweE1DMHpNRlF4TmpveU16b3lNaTB3Tmpvd01DSWdjM1JGZG5RNmMyOW1kSGRoY21WQloyVnVkRDBpUVdSdlltVWdTV3hzZFhOMGNtRjBiM0lnUTBNZ01qSXVNU0FvVFdGamFXNTBiM05vS1NJZ2MzUkZkblE2WTJoaGJtZGxaRDBpTHlJdlBpQThjbVJtT214cElITjBSWFowT21GamRHbHZiajBpYzJGMlpXUWlJSE4wUlhaME9tbHVjM1JoYm1ObFNVUTlJbmh0Y0M1cGFXUTZOVFkxWW1RMk1UZ3RaRE0xTnkwMFl6QXpMVGd5TkRFdFl6QXdObUl5TkRsak5XTTNJaUJ6ZEVWMmREcDNhR1Z1UFNJeU1ESXdMVEE1TFRFMFZERTJPakl4T2pReUxUQTJPakF3SWlCemRFVjJkRHB6YjJaMGQyRnlaVUZuWlc1MFBTSkJaRzlpWlNCSmJHeDFjM1J5WVhSdmNpQXlOQzR6SUNoTllXTnBiblJ2YzJncElpQnpkRVYyZERwamFHRnVaMlZrUFNJdklpOCtJRHh5WkdZNmJHa2djM1JGZG5RNllXTjBhVzl1UFNKamIyNTJaWEowWldRaUlITjBSWFowT25CaGNtRnRaWFJsY25NOUltWnliMjBnWVhCd2JHbGpZWFJwYjI0dmNHUm1JSFJ2SUdGd2NHeHBZMkYwYVc5dUwzWnVaQzVoWkc5aVpTNXdhRzkwYjNOb2IzQWlMejRnUEhKa1pqcHNhU0J6ZEVWMmREcGhZM1JwYjI0OUltUmxjbWwyWldRaUlITjBSWFowT25CaGNtRnRaWFJsY25NOUltTnZiblpsY25SbFpDQm1jbTl0SUdGd2NHeHBZMkYwYVc5dUwzWnVaQzVoWkc5aVpTNXdhRzkwYjNOb2IzQWdkRzhnYVcxaFoyVXZjRzVuSWk4K0lEeHlaR1k2YkdrZ2MzUkZkblE2WVdOMGFXOXVQU0p6WVhabFpDSWdjM1JGZG5RNmFXNXpkR0Z1WTJWSlJEMGllRzF3TG1scFpEcGpOemcwTURZME5DMWlaVEF3TFRRME5HSXRZVGRtWkMxaVlqVXhNbVE0TlRCbE1UQWlJSE4wUlhaME9uZG9aVzQ5SWpJd01qSXRNVEV0TVRSVU1UWTZNVEk2TWpFdE1EYzZNREFpSUhOMFJYWjBPbk52Wm5SM1lYSmxRV2RsYm5ROUlrRmtiMkpsSUZCb2IzUnZjMmh2Y0NBeU15NDFJQ2hOWVdOcGJuUnZjMmdwSWlCemRFVjJkRHBqYUdGdVoyVmtQU0l2SWk4K0lEeHlaR1k2YkdrZ2MzUkZkblE2WVdOMGFXOXVQU0p6WVhabFpDSWdjM1JGZG5RNmFXNXpkR0Z1WTJWSlJEMGllRzF3TG1scFpEcGpZakEzWVRJellpMWlZVFk0TFRSa016SXRZVGRrWmkwek1HSTBaR0U1TjJFeE5qTWlJSE4wUlhaME9uZG9aVzQ5SWpJd01qSXRNVEV0TVRSVU1UWTZNVFk2TVRJdE1EYzZNREFpSUhOMFJYWjBPbk52Wm5SM1lYSmxRV2RsYm5ROUlrRmtiMkpsSUZCb2IzUnZjMmh2Y0NBeU15NDFJQ2hOWVdOcGJuUnZjMmdwSWlCemRFVjJkRHBqYUdGdVoyVmtQU0l2SWk4K0lEd3ZjbVJtT2xObGNUNGdQQzk0YlhCTlRUcElhWE4wYjNKNVBpQThlRzF3VkZCbk9rMWhlRkJoWjJWVGFYcGxJSE4wUkdsdE9uYzlJakV5TWpRdU1EQXdNREF3SWlCemRFUnBiVHBvUFNJNE9UY3VORGcyTlRZMElpQnpkRVJwYlRwMWJtbDBQU0pRYjJsdWRITWlMejRnUEhodGNGUlFaenBHYjI1MGN6NGdQSEprWmpwQ1lXYytJRHh5WkdZNmJHa2djM1JHYm5RNlptOXVkRTVoYldVOUlrMTVjbWxoWkZCeWJ5MVNaV2QxYkdGeUlpQnpkRVp1ZERwbWIyNTBSbUZ0YVd4NVBTSk5lWEpwWVdRZ1VISnZJaUJ6ZEVadWREcG1iMjUwUm1GalpUMGlVbVZuZFd4aGNpSWdjM1JHYm5RNlptOXVkRlI1Y0dVOUlrOXdaVzRnVkhsd1pTSWdjM1JHYm5RNmRtVnljMmx2YmxOMGNtbHVaejBpVm1WeWMybHZiaUF5TGpFeE5UdFFVeUF5TGpBd01EdG9iM1JqYjI1MklERXVNQzQ0TVR0dFlXdGxiM1JtTG14cFlqSXVOUzQyTXpRd05pSWdjM1JHYm5RNlkyOXRjRzl6YVhSbFBTSkdZV3h6WlNJZ2MzUkdiblE2Wm05dWRFWnBiR1ZPWVcxbFBTSXVOamcxTVM1dmRHWWlMejRnUEhKa1pqcHNhU0J6ZEVadWREcG1iMjUwVG1GdFpUMGlUM0JsYmxOaGJuTXRRbTlzWkNJZ2MzUkdiblE2Wm05dWRFWmhiV2xzZVQwaVQzQmxiaUJUWVc1eklpQnpkRVp1ZERwbWIyNTBSbUZqWlQwaVFtOXNaQ0lnYzNSR2JuUTZabTl1ZEZSNWNHVTlJazl3Wlc0Z1ZIbHdaU0lnYzNSR2JuUTZkbVZ5YzJsdmJsTjBjbWx1WnowaVZtVnljMmx2YmlBeExqRXdJaUJ6ZEVadWREcGpiMjF3YjNOcGRHVTlJa1poYkhObElpQnpkRVp1ZERwbWIyNTBSbWxzWlU1aGJXVTlJazl3Wlc1VFlXNXpMVUp2YkdRdWRIUm1JaTgrSUR3dmNtUm1Pa0poWno0Z1BDOTRiWEJVVUdjNlJtOXVkSE0rSUR4NGJYQlVVR2M2VUd4aGRHVk9ZVzFsY3o0Z1BISmtaanBUWlhFK0lEeHlaR1k2YkdrK1EzbGhiand2Y21SbU9teHBQaUE4Y21SbU9teHBQazFoWjJWdWRHRThMM0prWmpwc2FUNGdQSEprWmpwc2FUNVpaV3hzYjNjOEwzSmtaanBzYVQ0Z1BISmtaanBzYVQ1Q2JHRmphend2Y21SbU9teHBQaUE4TDNKa1pqcFRaWEUrSUR3dmVHMXdWRkJuT2xCc1lYUmxUbUZ0WlhNK0lEeDRiWEJVVUdjNlUzZGhkR05vUjNKdmRYQnpQaUE4Y21SbU9sTmxjVDRnUEhKa1pqcHNhVDRnUEhKa1pqcEVaWE5qY21sd2RHbHZiaUI0YlhCSE9tZHliM1Z3VG1GdFpUMGlSR1ZtWVhWc2RDQlRkMkYwWTJnZ1IzSnZkWEFpSUhodGNFYzZaM0p2ZFhCVWVYQmxQU0l3SWo0Z1BIaHRjRWM2UTI5c2IzSmhiblJ6UGlBOGNtUm1PbE5sY1Q0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxkb2FYUmxJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uSmxaRDBpTWpVMUlpQjRiWEJIT21keVpXVnVQU0l5TlRVaUlIaHRjRWM2WW14MVpUMGlNalUxSWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKQ2JHRmpheUlnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpNMUlpQjRiWEJIT21keVpXVnVQU0l6TVNJZ2VHMXdSenBpYkhWbFBTSXpNaUl2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUTAxWlN5QlNaV1FpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJeU16WWlJSGh0Y0VjNlozSmxaVzQ5SWpJNElpQjRiWEJIT21Kc2RXVTlJak0ySWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKRFRWbExJRmxsYkd4dmR5SWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakkxTlNJZ2VHMXdSenBuY21WbGJqMGlNalF4SWlCNGJYQkhPbUpzZFdVOUlqQWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa05OV1VzZ1IzSmxaVzRpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJd0lpQjRiWEJIT21keVpXVnVQU0l4TmpVaUlIaHRjRWM2WW14MVpUMGlPREVpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtOTldVc2dRM2xoYmlJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqQWlJSGh0Y0VjNlozSmxaVzQ5SWpFM015SWdlRzF3UnpwaWJIVmxQU0l5TXpnaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTk5XVXNnUW14MVpTSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJalEySWlCNGJYQkhPbWR5WldWdVBTSTBPU0lnZUcxd1J6cGliSFZsUFNJeE5EVWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa05OV1VzZ1RXRm5aVzUwWVNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqSXpOU0lnZUcxd1J6cG5jbVZsYmowaU1DSWdlRzF3UnpwaWJIVmxQU0l4TXpraUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlNVFVnVFQweE1EQWdXVDA1TUNCTFBURXdJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uSmxaRDBpTVRrd0lpQjRiWEJIT21keVpXVnVQU0l6TUNJZ2VHMXdSenBpYkhWbFBTSTBOU0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUXowd0lFMDlPVEFnV1QwNE5TQkxQVEFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJeU16Z2lJSGh0Y0VjNlozSmxaVzQ5SWpZMElpQjRiWEJIT21Kc2RXVTlJalUwSWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKRFBUQWdUVDA0TUNCWlBUazFJRXM5TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqSTBNQ0lnZUcxd1J6cG5jbVZsYmowaU9UQWlJSGh0Y0VjNllteDFaVDBpTkRBaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlNQ0JOUFRVd0lGazlNVEF3SUVzOU1DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakkwTmlJZ2VHMXdSenBuY21WbGJqMGlNVFEySWlCNGJYQkhPbUpzZFdVOUlqTXdJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pEUFRBZ1RUMHpOU0JaUFRnMUlFczlNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpJMU1DSWdlRzF3UnpwbmNtVmxiajBpTVRjMUlpQjRiWEJIT21Kc2RXVTlJalkwSWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKRFBUVWdUVDB3SUZrOU9UQWdTejB3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPbkpsWkQwaU1qUTVJaUI0YlhCSE9tZHlaV1Z1UFNJeU16WWlJSGh0Y0VjNllteDFaVDBpTkRraUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlNakFnVFQwd0lGazlNVEF3SUVzOU1DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakl4TkNJZ2VHMXdSenBuY21WbGJqMGlNakl5SWlCNGJYQkhPbUpzZFdVOUlqTTFJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pEUFRVd0lFMDlNQ0JaUFRFd01DQkxQVEFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJeE16a2lJSGh0Y0VjNlozSmxaVzQ5SWpFNU55SWdlRzF3UnpwaWJIVmxQU0kyTXlJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MDNOU0JOUFRBZ1dUMHhNREFnU3owd0lpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25KbFpEMGlOVFVpSUhodGNFYzZaM0psWlc0OUlqRTNPU0lnZUcxd1J6cGliSFZsUFNJM05DSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejA0TlNCTlBURXdJRms5TVRBd0lFczlNVEFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJd0lpQjRiWEJIT21keVpXVnVQU0l4TkRjaUlIaHRjRWM2WW14MVpUMGlOamtpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU9UQWdUVDB6TUNCWlBUazFJRXM5TXpBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2Y21Wa1BTSXdJaUI0YlhCSE9tZHlaV1Z1UFNJeE1EUWlJSGh0Y0VjNllteDFaVDBpTlRZaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlOelVnVFQwd0lGazlOelVnU3owd0lpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25KbFpEMGlOREVpSUhodGNFYzZaM0psWlc0OUlqRTRNQ0lnZUcxd1J6cGliSFZsUFNJeE1UVWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa005T0RBZ1RUMHhNQ0JaUFRRMUlFczlNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpBaUlIaHRjRWM2WjNKbFpXNDlJakUyTmlJZ2VHMXdSenBpYkhWbFBTSXhOVFlpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU56QWdUVDB4TlNCWlBUQWdTejB3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPbkpsWkQwaU16Z2lJSGh0Y0VjNlozSmxaVzQ5SWpFMk9TSWdlRzF3UnpwaWJIVmxQU0l5TWpRaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlPRFVnVFQwMU1DQlpQVEFnU3owd0lpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25KbFpEMGlNamNpSUhodGNFYzZaM0psWlc0OUlqRXhOeUlnZUcxd1J6cGliSFZsUFNJeE9EY2lMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa005TVRBd0lFMDlPVFVnV1QwMUlFczlNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpReklpQjRiWEJIT21keVpXVnVQU0kxTmlJZ2VHMXdSenBpYkhWbFBTSXhORE1pTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU1UQXdJRTA5TVRBd0lGazlNalVnU3oweU5TSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJak00SWlCNGJYQkhPbWR5WldWdVBTSXpOQ0lnZUcxd1J6cGliSFZsUFNJNU55SXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejAzTlNCTlBURXdNQ0JaUFRBZ1N6MHdJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uSmxaRDBpTVRBeElpQjRiWEJIT21keVpXVnVQU0kwTlNJZ2VHMXdSenBpYkhWbFBTSXhORFFpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU5UQWdUVDB4TURBZ1dUMHdJRXM5TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqRTBOQ0lnZUcxd1J6cG5jbVZsYmowaU16a2lJSGh0Y0VjNllteDFaVDBpTVRReUlpOCtJRHh5WkdZNmJHa2dlRzF3UnpwemQyRjBZMmhPWVcxbFBTSkRQVE0xSUUwOU1UQXdJRms5TXpVZ1N6MHhNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpFMU9DSWdlRzF3UnpwbmNtVmxiajBpTXpFaUlIaHRjRWM2WW14MVpUMGlPVGtpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU1UQWdUVDB4TURBZ1dUMDFNQ0JMUFRBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2Y21Wa1BTSXlNVGNpSUhodGNFYzZaM0psWlc0OUlqSTRJaUI0YlhCSE9tSnNkV1U5SWpreUlpOCtJRHh5WkdZNmJHa2dlRzF3UnpwemQyRjBZMmhPWVcxbFBTSkRQVEFnVFQwNU5TQlpQVEl3SUVzOU1DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakl6TmlJZ2VHMXdSenBuY21WbGJqMGlOREVpSUhodGNFYzZZbXgxWlQwaU1USXpJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pEUFRJMUlFMDlNalVnV1QwME1DQkxQVEFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJeE9UTWlJSGh0Y0VjNlozSmxaVzQ5SWpFNE1DSWdlRzF3UnpwaWJIVmxQU0l4TlRRaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlOREFnVFQwME5TQlpQVFV3SUVzOU5TSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakUxTkNJZ2VHMXdSenBuY21WbGJqMGlNVE15SWlCNGJYQkhPbUpzZFdVOUlqRXlNU0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUXowMU1DQk5QVFV3SUZrOU5qQWdTejB5TlNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqRXhNeUlnZUcxd1J6cG5jbVZsYmowaU1UQXhJaUI0YlhCSE9tSnNkV1U5SWpnNElpOCtJRHh5WkdZNmJHa2dlRzF3UnpwemQyRjBZMmhPWVcxbFBTSkRQVFUxSUUwOU5qQWdXVDAyTlNCTFBUUXdJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uSmxaRDBpT1RBaUlIaHRjRWM2WjNKbFpXNDlJamMwSWlCNGJYQkhPbUpzZFdVOUlqWTJJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pEUFRJMUlFMDlOREFnV1QwMk5TQkxQVEFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZjbVZrUFNJeE9UVWlJSGh0Y0VjNlozSmxaVzQ5SWpFMU15SWdlRzF3UnpwaWJIVmxQU0l4TURjaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlNekFnVFQwMU1DQlpQVGMxSUVzOU1UQWlJSGh0Y0VjNmJXOWtaVDBpVWtkQ0lpQjRiWEJIT25SNWNHVTlJbEJTVDBORlUxTWlJSGh0Y0VjNmNtVmtQU0l4TmpnaUlIaHRjRWM2WjNKbFpXNDlJakV5TkNJZ2VHMXdSenBpYkhWbFBTSTNPU0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUXowek5TQk5QVFl3SUZrOU9EQWdTejB5TlNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqRXpPQ0lnZUcxd1J6cG5jbVZsYmowaU9UTWlJSGh0Y0VjNllteDFaVDBpTlRraUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlOREFnVFQwMk5TQlpQVGt3SUVzOU16VWlJSGh0Y0VjNmJXOWtaVDBpVWtkQ0lpQjRiWEJIT25SNWNHVTlJbEJTVDBORlUxTWlJSGh0Y0VjNmNtVmtQU0l4TVRjaUlIaHRjRWM2WjNKbFpXNDlJamMySWlCNGJYQkhPbUpzZFdVOUlqUXdJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pEUFRRd0lFMDlOekFnV1QweE1EQWdTejAxTUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqazJJaUI0YlhCSE9tZHlaV1Z1UFNJMU5pSWdlRzF3UnpwaWJIVmxQU0l4T1NJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MDFNQ0JOUFRjd0lGazlPREFnU3owM01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJalU1SWlCNGJYQkhPbWR5WldWdVBTSXpOU0lnZUcxd1J6cGliSFZsUFNJeU1DSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejAzTXlCTlBUUXdJRms5TUNCTFBUQWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cDBhVzUwUFNJeE1EQXVNREF3TURBd0lpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenB5WldROUlqY3dJaUI0YlhCSE9tZHlaV1Z1UFNJeE16UWlJSGh0Y0VjNllteDFaVDBpTVRrNElpOCtJRHh5WkdZNmJHa2dlRzF3UnpwemQyRjBZMmhPWVcxbFBTSlNQVFl3SUVjOU9ERWdRajB4TXpNaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpZd0lpQjRiWEJIT21keVpXVnVQU0k0TVNJZ2VHMXdSenBpYkhWbFBTSXhNek1pTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1USTJJRWM5TVRZM0lFSTlNakl6SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l4TWpZaUlIaHRjRWM2WjNKbFpXNDlJakUyTlNJZ2VHMXdSenBpYkhWbFBTSXlNVFVpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1UWTFJRWM5TWpBeklFSTlNak01SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l4TmpZaUlIaHRjRWM2WjNKbFpXNDlJakl3TWlJZ2VHMXdSenBpYkhWbFBTSXlNelVpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1qQTVJRWM5TWpJMUlFSTlNalF5SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l5TURnaUlIaHRjRWM2WjNKbFpXNDlJakl5TlNJZ2VHMXdSenBpYkhWbFBTSXlOREVpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1qUTFJRWM5TWpRM0lFSTlNalE1SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l5TkRRaUlIaHRjRWM2WjNKbFpXNDlJakkwTmlJZ2VHMXdSenBpYkhWbFBTSXlORGdpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1qUTNJRWM5TVRZMklFSTlNVEEySWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l5TkRjaUlIaHRjRWM2WjNKbFpXNDlJakUyTmlJZ2VHMXdSenBpYkhWbFBTSXhNRFlpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1qVWdSejB5T0NCQ1BUWXdJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSXlOQ0lnZUcxd1J6cG5jbVZsYmowaU1qY2lJSGh0Y0VjNllteDFaVDBpTlRraUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlsSTlOelFnUnoweE1ERWdRajB4TmpNaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpjMElpQjRiWEJIT21keVpXVnVQU0l4TURFaUlIaHRjRWM2WW14MVpUMGlNVFl6SWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKU1BUa3pJRWM5TVRJMUlFSTlNVGt3SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0k1TXlJZ2VHMXdSenBuY21WbGJqMGlNVEkxSWlCNGJYQkhPbUpzZFdVOUlqRTVNQ0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpVWoweU5UVWdSejB5TURVZ1FqMHpNeUlnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPblJwYm5ROUlqRXdNQzR3TURBd01EQWlJSGh0Y0VjNmJXOWtaVDBpVWtkQ0lpQjRiWEJIT25KbFpEMGlNalUxSWlCNGJYQkhPbWR5WldWdVBTSXlNRFVpSUhodGNFYzZZbXgxWlQwaU16SWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJbEk5TWpBNUlFYzlNakV4SUVJOU1qRXlJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSXlNRGtpSUhodGNFYzZaM0psWlc0OUlqSXhNU0lnZUcxd1J6cGliSFZsUFNJeU1URWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa2RzYjJKaGJDQkRiMnh2Y2lJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25ScGJuUTlJakV3TUM0d01EQXdNREFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uSmxaRDBpTWpVeElpQjRiWEJIT21keVpXVnVQU0l5TURnaUlIaHRjRWM2WW14MVpUMGlNalFpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1DQkhQVGMySUVJOU1URTNJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSXdJaUI0YlhCSE9tZHlaV1Z1UFNJM05pSWdlRzF3UnpwaWJIVmxQU0l4TVRjaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlsSTlNVEEwSUVjOU1qQTBJRUk5TWpJNUlpQjRiWEJIT25SNWNHVTlJbEJTVDBORlUxTWlJSGh0Y0VjNmRHbHVkRDBpTVRBd0xqQXdNREF3TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZjbVZrUFNJeE1EVWlJSGh0Y0VjNlozSmxaVzQ5SWpJd015SWdlRzF3UnpwaWJIVmxQU0l5TWpnaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlsSTlNalV5SUVjOU1UYzRJRUk5TXpFaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpJMU1TSWdlRzF3UnpwbmNtVmxiajBpTVRjNElpQjRiWEJIT21Kc2RXVTlJakk0SWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKUVFVNVVUMDVGSURJNE1pQkRJaUI0YlhCSE9uUjVjR1U5SWxOUVQxUWlJSGh0Y0VjNmRHbHVkRDBpTVRBd0xqQXdNREF3TUNJZ2VHMXdSenB0YjJSbFBTSk1RVUlpSUhodGNFYzZURDBpTVRBdU9UZ3dNemt5SWlCNGJYQkhPa0U5SWpJaUlIaHRjRWM2UWowaUxUSTJJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0ppYkhWemFDQmpiM0I1SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0l5TkRJaUlIaHRjRWM2WjNKbFpXNDlJakUxTmlJZ2VHMXdSenBpYkhWbFBTSXhOVFlpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU1UQTFJRWM5TWpBNUlFSTlOVElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenAwYVc1MFBTSXhNREF1TURBd01EQXdJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpweVpXUTlJakV3TlNJZ2VHMXdSenBuY21WbGJqMGlNakE1SWlCNGJYQkhPbUpzZFdVOUlqVXlJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pTUFRVZ1J6MHhOakFnUWowMk9TSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uUnBiblE5SWpFd01DNHdNREF3TURBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPbkpsWkQwaU5TSWdlRzF3UnpwbmNtVmxiajBpTVRZd0lpQjRiWEJIT21Kc2RXVTlJalk0SWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKU1BUVTFJRWM5TVRnNElFSTlNVFUxSWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0kxTkNJZ2VHMXdSenBuY21WbGJqMGlNVGc0SWlCNGJYQkhPbUpzZFdVOUlqRTFOQ0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpVWowME1TQkhQVFF4SUVJOU1UQTFJR052Y0hraUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpRd0lpQjRiWEJIT21keVpXVnVQU0kwTUNJZ2VHMXdSenBpYkhWbFBTSXhNRFVpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWxJOU5TQkhQVEU1TnlCQ1BUSXhPU0lnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPblJwYm5ROUlqRXdNQzR3TURBd01EQWlJSGh0Y0VjNmJXOWtaVDBpVWtkQ0lpQjRiWEJIT25KbFpEMGlOU0lnZUcxd1J6cG5jbVZsYmowaU1UazJJaUI0YlhCSE9tSnNkV1U5SWpJeE9TSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlVajB5TlRVZ1J6MDNNeUJDUFRrNUlpQjRiWEJIT25SNWNHVTlJbEJTVDBORlUxTWlJSGh0Y0VjNmRHbHVkRDBpTVRBd0xqQXdNREF3TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZjbVZrUFNJeU5UVWlJSGh0Y0VjNlozSmxaVzQ5SWpjeklpQjRiWEJIT21Kc2RXVTlJams0SWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKU1BUSTFOU0JIUFRJd015QkNQVEV6T0NJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25ScGJuUTlJakV3TUM0d01EQXdNREFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uSmxaRDBpTWpVMUlpQjRiWEJIT21keVpXVnVQU0l5TURJaUlIaHRjRWM2WW14MVpUMGlNVE0zSWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKU1BUWXhJRWM5TVRBMklFSTlNakEwSURRaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpZeElpQjRiWEJIT21keVpXVnVQU0l4TURVaUlIaHRjRWM2WW14MVpUMGlNakEwSWk4K0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKemEybHVJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSXlORFFpSUhodGNFYzZaM0psWlc0OUlqSXdOeUlnZUcxd1J6cGliSFZsUFNJeE9URWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJbEk5TkRFZ1J6MDBNU0JDUFRFd05TSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uUnBiblE5SWpFd01DNHdNREF3TURBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPbkpsWkQwaU5EQWlJSGh0Y0VjNlozSmxaVzQ5SWpRd0lpQjRiWEJIT21Kc2RXVTlJakV3TlNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVVqMHlNVFFnUnoweE9EUWdRajB4TkRFaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpJeE5DSWdlRzF3UnpwbmNtVmxiajBpTVRnMElpQjRiWEJIT21Kc2RXVTlJakUwTUNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVVqMHlOREFnUnoweE9UVWdRajB4TmpnaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpJek9TSWdlRzF3UnpwbmNtVmxiajBpTVRrMElpQjRiWEJIT21Kc2RXVTlJakUyTnlJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVVqMDJNU0JIUFRFd05pQkNQVEl3TkNJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25ScGJuUTlJakV3TUM0d01EQXdNREFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uSmxaRDBpTmpFaUlIaHRjRWM2WjNKbFpXNDlJakV3TlNJZ2VHMXdSenBpYkhWbFBTSXlNRFFpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SW1Kc2RYTm9JaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSXlORElpSUhodGNFYzZaM0psWlc0OUlqRTFOaUlnZUcxd1J6cGliSFZsUFNJeE5UWWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJbEk5TXlCSFBUSXlOQ0JDUFRFNU55SWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uUnBiblE5SWpFd01DNHdNREF3TURBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPbkpsWkQwaU15SWdlRzF3UnpwbmNtVmxiajBpTWpJeklpQjRiWEJIT21Kc2RXVTlJakU1TmlJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVVqMDFJRWM5TVRreklFSTlNakUwSWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0kwSWlCNGJYQkhPbWR5WldWdVBTSXhPVElpSUhodGNFYzZZbXgxWlQwaU1qRTBJaTgrSUR4eVpHWTZiR2tnZUcxd1J6cHpkMkYwWTJoT1lXMWxQU0pTUFRjd0lFYzlNVGN5SUVJOU1UazFJaUI0YlhCSE9uUjVjR1U5SWxCU1QwTkZVMU1pSUhodGNFYzZkR2x1ZEQwaU1UQXdMakF3TURBd01DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2Y21Wa1BTSTNNQ0lnZUcxd1J6cG5jbVZsYmowaU1UY3lJaUI0YlhCSE9tSnNkV1U5SWpFNU5TSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlVajB5TXlCSFBUSXpJRUk5TlRFaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpwMGFXNTBQU0l4TURBdU1EQXdNREF3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cHlaV1E5SWpJeUlpQjRiWEJIT21keVpXVnVQU0l5TWlJZ2VHMXdSenBpYkhWbFBTSTFNU0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpVWowMk1TQkhQVEV3TmlCQ1BUSXdOQ0F5SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0kzTVNJZ2VHMXdSenBuY21WbGJqMGlNVEExSWlCNGJYQkhPbUpzZFdVOUlqRTNPQ0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpVWowMk1TQkhQVEV3TmlCQ1BUSXdOQ0F6SWlCNGJYQkhPblI1Y0dVOUlsQlNUME5GVTFNaUlIaHRjRWM2ZEdsdWREMGlNVEF3TGpBd01EQXdNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmNtVmtQU0kzTVNJZ2VHMXdSenBuY21WbGJqMGlNVEExSWlCNGJYQkhPbUpzZFdVOUlqRTNPQ0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpVWowME1TQkhQVFF4SUVJOU1UQTFJR052Y0hrZ01pSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uUnBiblE5SWpFd01DNHdNREF3TURBaUlIaHRjRWM2Ylc5a1pUMGlVa2RDSWlCNGJYQkhPbkpsWkQwaU5ERWlJSGh0Y0VjNlozSmxaVzQ5SWpReUlpQjRiWEJIT21Kc2RXVTlJakV3TkNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVVqMHlOVEFnUnoweE56WWdRajB5T1NJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25ScGJuUTlJakV3TUM0d01EQXdNREFpSUhodGNFYzZiVzlrWlQwaVVrZENJaUI0YlhCSE9uSmxaRDBpTWpVd0lpQjRiWEJIT21keVpXVnVQU0l4TnpZaUlIaHRjRWM2WW14MVpUMGlNamtpTHo0Z1BDOXlaR1k2VTJWeFBpQThMM2h0Y0VjNlEyOXNiM0poYm5SelBpQThMM0prWmpwRVpYTmpjbWx3ZEdsdmJqNGdQQzl5WkdZNmJHaytJRHh5WkdZNmJHaytJRHh5WkdZNlJHVnpZM0pwY0hScGIyNGdlRzF3UnpwbmNtOTFjRTVoYldVOUlrZHlZWGx6SWlCNGJYQkhPbWR5YjNWd1ZIbHdaVDBpTVNJK0lEeDRiWEJIT2tOdmJHOXlZVzUwY3o0Z1BISmtaanBUWlhFK0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKRFBUQWdUVDB3SUZrOU1DQkxQVEV3TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqTTFJaUI0YlhCSE9tZHlaV1Z1UFNJek1TSWdlRzF3UnpwaWJIVmxQU0l6TWlJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MHdJRTA5TUNCWlBUQWdTejA1TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqWTBJaUI0YlhCSE9tZHlaV1Z1UFNJMk5DSWdlRzF3UnpwaWJIVmxQU0kyTlNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MHdJRTA5TUNCWlBUQWdTejA0TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqZzRJaUI0YlhCSE9tZHlaV1Z1UFNJNE9TSWdlRzF3UnpwaWJIVmxQU0k1TVNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MHdJRTA5TUNCWlBUQWdTejAzTUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqRXdPU0lnZUcxd1J6cG5jbVZsYmowaU1URXdJaUI0YlhCSE9tSnNkV1U5SWpFeE1pSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejB3SUUwOU1DQlpQVEFnU3owMk1DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakV5T0NJZ2VHMXdSenBuY21WbGJqMGlNVEk1SWlCNGJYQkhPbUpzZFdVOUlqRXpNaUl2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUXowd0lFMDlNQ0JaUFRBZ1N6MDFNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpFME5pSWdlRzF3UnpwbmNtVmxiajBpTVRRNElpQjRiWEJIT21Kc2RXVTlJakUxTVNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MHdJRTA5TUNCWlBUQWdTejAwTUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqRTJOaUlnZUcxd1J6cG5jbVZsYmowaU1UWTRJaUI0YlhCSE9tSnNkV1U5SWpFM01TSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejB3SUUwOU1DQlpQVEFnU3owek1DSWdlRzF3UnpwdGIyUmxQU0pTUjBJaUlIaHRjRWM2ZEhsd1pUMGlVRkpQUTBWVFV5SWdlRzF3UnpweVpXUTlJakU0TnlJZ2VHMXdSenBuY21WbGJqMGlNVGc1SWlCNGJYQkhPbUpzZFdVOUlqRTVNU0l2UGlBOGNtUm1PbXhwSUhodGNFYzZjM2RoZEdOb1RtRnRaVDBpUXowd0lFMDlNQ0JaUFRBZ1N6MHlNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpJd09DSWdlRzF3UnpwbmNtVmxiajBpTWpFd0lpQjRiWEJIT21Kc2RXVTlJakl4TVNJdlBpQThjbVJtT214cElIaHRjRWM2YzNkaGRHTm9UbUZ0WlQwaVF6MHdJRTA5TUNCWlBUQWdTejB4TUNJZ2VHMXdSenB0YjJSbFBTSlNSMElpSUhodGNFYzZkSGx3WlQwaVVGSlBRMFZUVXlJZ2VHMXdSenB5WldROUlqSXpNQ0lnZUcxd1J6cG5jbVZsYmowaU1qTXhJaUI0YlhCSE9tSnNkV1U5SWpJek1pSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejB3SUUwOU1DQlpQVEFnU3owMUlpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25KbFpEMGlNalF4SWlCNGJYQkhPbWR5WldWdVBTSXlOREVpSUhodGNFYzZZbXgxWlQwaU1qUXlJaTgrSUR3dmNtUm1PbE5sY1Q0Z1BDOTRiWEJIT2tOdmJHOXlZVzUwY3o0Z1BDOXlaR1k2UkdWelkzSnBjSFJwYjI0K0lEd3ZjbVJtT214cFBpQThjbVJtT214cFBpQThjbVJtT2tSbGMyTnlhWEIwYVc5dUlIaHRjRWM2WjNKdmRYQk9ZVzFsUFNKQ2NtbG5hSFJ6SWlCNGJYQkhPbWR5YjNWd1ZIbHdaVDBpTVNJK0lEeDRiWEJIT2tOdmJHOXlZVzUwY3o0Z1BISmtaanBUWlhFK0lEeHlaR1k2YkdrZ2VHMXdSenB6ZDJGMFkyaE9ZVzFsUFNKRFBUQWdUVDB4TURBZ1dUMHhNREFnU3owd0lpQjRiWEJIT20xdlpHVTlJbEpIUWlJZ2VHMXdSenAwZVhCbFBTSlFVazlEUlZOVElpQjRiWEJIT25KbFpEMGlNak0ySWlCNGJYQkhPbWR5WldWdVBTSXlPQ0lnZUcxd1J6cGliSFZsUFNJek5pSXZQaUE4Y21SbU9teHBJSGh0Y0VjNmMzZGhkR05vVG1GdFpUMGlRejB3SUUwOU56VWdXVDB4TURBZ1N6MHdJaUI0YlhCSE9tMXZaR1U5SWxKSFFpSWdlRzF3UnpwMGVYQmxQU0pRVWs5RFJWTlRJaUI0YlhCSE9uSmxaRDBpTWpReElpQjRiWEJIT21keVpXVnVQU0l4TURFaUlIaHRjRWM2WW14MVpUMGlNelFpTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU1DQk5QVEV3SUZrOU9UVWdTejB3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPbkpsWkQwaU1qVTFJaUI0YlhCSE9tZHlaV1Z1UFNJeU1qRWlJSGh0Y0VjNllteDFaVDBpTWpFaUx6NGdQSEprWmpwc2FTQjRiWEJIT25OM1lYUmphRTVoYldVOUlrTTlPRFVnVFQweE1DQlpQVEV3TUNCTFBUQWlJSGh0Y0VjNmJXOWtaVDBpVWtkQ0lpQjRiWEJIT25SNWNHVTlJbEJTVDBORlUxTWlJSGh0Y0VjNmNtVmtQU0l3SWlCNGJYQkhPbWR5WldWdVBTSXhOakVpSUhodGNFYzZZbXgxWlQwaU56VWlMejRnUEhKa1pqcHNhU0I0YlhCSE9uTjNZWFJqYUU1aGJXVTlJa005TVRBd0lFMDlPVEFnV1Qwd0lFczlNQ0lnZUcxd1J6cHRiMlJsUFNKU1IwSWlJSGh0Y0VjNmRIbHdaVDBpVUZKUFEwVlRVeUlnZUcxd1J6cHlaV1E5SWpNMElpQjRiWEJIT21keVpXVnVQU0kyTXlJZ2VHMXdSenBpYkhWbFBTSXhOVE1pTHo0Z1BISmtaanBzYVNCNGJYQkhPbk4zWVhSamFFNWhiV1U5SWtNOU5qQWdUVDA1TUNCWlBUQWdTejB3SWlCNGJYQkhPbTF2WkdVOUlsSkhRaUlnZUcxd1J6cDBlWEJsUFNKUVVrOURSVk5USWlCNGJYQkhPbkpsWkQwaU1USTNJaUI0YlhCSE9tZHlaV1Z1UFNJMk15SWdlRzF3UnpwaWJIVmxQU0l4TlRFaUx6NGdQQzl5WkdZNlUyVnhQaUE4TDNodGNFYzZRMjlzYjNKaGJuUnpQaUE4TDNKa1pqcEVaWE5qY21sd2RHbHZiajRnUEM5eVpHWTZiR2srSUR3dmNtUm1PbE5sY1Q0Z1BDOTRiWEJVVUdjNlUzZGhkR05vUjNKdmRYQnpQaUE4TDNKa1pqcEVaWE5qY21sd2RHbHZiajRnUEM5eVpHWTZVa1JHUGlBOEwzZzZlRzF3YldWMFlUNGdQRDk0Y0dGamEyVjBJR1Z1WkQwaWNpSS9QcmVTYWlRQUFPZjNTVVJCVkhqYTdOMTVmQnQ1WWZmeDcyZ2syWkx2SzNZYzU4NG0yZnZDQzNqWlpZRnR1TUpWZURpNmZUamJSNVJDb1MwRmFsb29GTEt3UUV0TGFURXRCUW90eDVhamtIS1lMTHZMN21ZUHNmZm12aDNaam84NDhXM0xPcDQvUnQ0NGlROUpIa2tqNmZQZWx6YUpMWTFtZnZNYnpjeFh2OE9JeCtNQ0FBQUFBQUJBWnJrb0FnQUFBQUFBZ013amhBRUFBQUFBQU1nQ1FoZ0FBQUFBQUlBc0lJUUJBQUFBQUFESUFrSVlBQUFBQUFDQUxDQ0VBUUFBQUFBQXlBSkNHQUFBQUFBQWdDd2doQUVBQUFBQUFNZ0NRaGdBQUFBQUFJQXNJSVFCQUFBQUFBRElBa0lZQUFBQUFBQ0FMQ0NFQVFBQUFBQUF5QUpDR0FBQUFBQUFnQ3dnaEFFQUFBQUFBTWdDUWhnQUFBQUFBSUFzSUlRQkFBQUFBQURJQWtJWUFBQUFBQUNBTERBb0FnQUFBS0R3QklLaGF5WDlqcVFySmRWTGlrZ2FrclJYMHFPUzd1dG9iWm1tcEFBZ2V3aGhBQUFBZ0FJU0NJWmVKZWtUa3E1ZDRxbGprbjRoNlJ1U2Z0N1IyaEtqOUFBZ3N3aGhBQUFBZ0FJUUNJWXFKZjJicFArVHhzc1BTL3FDcEgvdmFHMEpVNW9Ba0JtRU1BQUFBSUFEQllLaEd5Vk5kTFMyUEo3RWMxc2s3WkswWlpsdmUwVFNuM1cwdHZ5RVBRQUE5aU9FQVFBQUFCd2tFQXg1SlgxSDB1L08vcWlqdGVXcml6eS9SZEo5a3RiWnVCci9JK2tQTzFwYkJ0Z2pBR0FmWmtjQ0FBQUFuT1ZiT2hmQVNOSVhBc0ZRM1h4UERBUkR0YkxHZFZsbjh6cThSdExUZ1dEb0ZuWUhBTmlIRUFZQUFBQndpRUF3OUU1SmI3emd4K1dTZm4rZTU1WksrcW1reXpPME9vMlNkZ1dDb1hlelp3REFIb1F3QUFBQWdBTUVncUVHU1o5ZjROZmJMM2l1SVd0V283WU1yNVlwNlY4Q3dkREgyVU1Bc0h5RU1BQUFBSUF6L0xXa21nVitkM01nR1BMTitmZm5KYjBwaSt2Mk40Rmc2QlBzSWdCWUhrSVlBQUFBSU1jQ3dkQWFTWXQxKy9GS3VqTHgzRTlJK3JNY3JPYkhBc0hRZTlsYkFKQStRaGdBQUFBZzl6NGl5YlBFYzE0YUNJYnVsUFN4SEs3blB3U0NvWmV3dXdBZ1BVeFJEUUFBQU9SUUlCaHFrblJNVW1tZXJISy9wR3M3V2x0NjJIc0FrQnBhd2dBQUFBQzU5VWZLbndCR2tsWkkrcy9FNE1BQWdCUVF3Z0FBQUFBNUVnaUdybEZ1eG5kWnJsc2t2WXM5Q0FDcEliMEdBQUFBc2lnUURHMlU5RTVKYjVHMFBvODM1WXlrclIydExmM3NWUUJJanBzaUFBQUFBREl2RUF5MVNQcWNyS21sQytITDBCcEo3Wkkrd040RmdPVFFFZ1lBQUFESXNFQXc5RkpKZDBxcUtMQk5DMHU2cEtPMXBZdTlEQUJMWTB3WUFBQUFJSU1Dd2RBR1NUOVU0UVV3a3VTVjlFSDJNZ0FraHhBR0FBQUF5S3cva09RdjRPMTdleUFZS21jM0E4RFNDR0VBQUFDQXpHb3U4TzJya0RYSU1BQmdDWVF3QUFBQVFHWWRLWUp0ZkRPN0dRQ1dSZ2dEQUFBQVpOWi9Tb29YK0RiZUhBaUdhdG5WQUxBNFFoZ0FBQUFnZ3pwYVc0NUsrbGFCYjZaYjBpM3NiUUJZSENFTUFBQUFrSGwvSnFtM3dMZXhqZDBNQUlzamhBRUFBQUF5cktPMTViU2s3WkltQ25nenIyRlBBOERpQ0dFQUFBQ0FMT2hvYlhsTTBrY0tlQlBYc1pjQllIR0VNQUFBQUVEMnJDbmdiYXRuOXdMQTRnaGhBQUFBZ094NU5VVUFBTVdMRUFZQUFBRElna0F3dEZIUzVnTGV4R24yTWdBc3prMFJBQUFBQUZueG9nTGZ2a09aZm9QV1c3ZWJrdFpMdWt6U1ZrbnJYQzVYbzlzMEt5VVpzWGg4TUJLSjlFaTZWOUwvQm5mdGpGRHRBRGdKSVF3QUFBQ1FIYmNVK1BiOXpPNEZ0dDY2dlZIU2paS2U3L1Y0WGhTSlJLNk14ZU5lU2FxcHJwcHBhVjdwV2xGZmI1YVdsaWdlajJ0MGRFeTkvZjJSSThkT2ZNRGpkbmUzM3JyOUxjRmRPKytuNmdGd0NrSVlJRWNDd1pBaHlTUEpUQnlMcHF3dWdyTi96bkpKaXMzNWQweFNkTTZma2NTZk14MnRMWEZLRmdBQXg3cXBnTGR0U05MWGxydVExbHUzbHlUSzZhVmVyL2RWNFhCNGl5U3RYdFVjdmZhcXk4MHJ0bTdScHZYcnRIN3RhcFg1L1o2RjduRjYrL3AxeDVlK3N1ckJSMzU3VCt1dDIxOGUzTFh6VjFRL0FFNWdVQVJBNWlVQ0Y1K2tVa2tsaVQ4OUdYaXJHVm45c2FkbUh4MnRMVEgyQUFBQU9iOFdXQ2ZwV0RxdjlabUdKcU9PL3A2bFg5TExFMU53cDZ6MTF1M2xrbDdxY2J2ZkdJdkh0MGVqVVgvVGlvYklqYzl0ZFQvMyttdDAzVlZYcUxLaUl1WGx4dUp4dGYvdForSy9lZkNSc1Vna2NrbHcxODYrVkpjUi92SHErbUd6L3NZN3EvNjg0VW5mTGRXSmE2MkhPbHBiSHFaV0EwZ0hJUXh5ZVRGeTRjRFE4VUpxeVJFSWhyeVN5aVdWeVFwZGNuVzhUVXFha0RUZTBkb3lSYzBEQUNBbjF3WC9WOUovcFBvNmx5Rjk5dW9tSFJnSmEvZmdoUGFPT081VS9vQ2syenBhVzA2azhxSkU4UElhcjhkeld5UWF2VFVlajNzdTNid3A5dUtiMmx3dmVrR2JWcTlxdG1YbHhpY205THEzL21GMFpIVHNYeC91L01rZkxmYmM4STlYRzVJMlNMcEswcldTdHA1eXI5djAxYnJQYlJod3QxUmQ4UFJISlAxQlIydkwwOVJ1QUtrZ2hFRW1MelpNV2EwK1NpUjVaYlg4Y0NjZUM4M01GZGU1TGpZek90ZXlZN3FqdFNXY0I5dnNsVlFwcVVLWmFlbXlYQkZKbzVKR09scGJtTUVBQUlEc1hTUDh2YVFQcFBxNlRlVmVmWEJydzdQL1BoT082cmREazNyazlMaE9UdVp1ek5uSXhIamM3Zk8vWDRieHp4MnRMZEZVWHZ1OGw3N21VNUkrR0l2RnZOZGRmV1g4SlRmZDZIcmhqYzlUUTExdGVpc1RqeWcrK0tCRyt4N1JiMTFYNnlGZG9ZbW9vWVlTVTlmWCtIVHMzbC9weS8vNjlYQXNGbHNSM0xWeldKTENQMTVkSlN0c3VWTFMxWFArWHBhNDl1dzVYSEx0Mlgrcy8vSzE4WVZ2bWNZbHZicWp0ZVhYMUhBQXlTS0VnWjBYRjRZa2YrTGs1WmNWdk5ncEtxdFZ4N2lzVmgwUkIyMTNoYVJxV1MxZThzVzBwR0ZaZ1F4ZGxnQUF5T3oxd2oyU1hwanE2N1kzVjJoN2MrVzh2enNUanVySnMxTjY4c3lFRG81T0s1cUZTM3QvTkt3am5UdlYvL0J2RkoyZTJoemN0VE9sR1pGYWI5M3VkcnZkSTl1M3ZjUVhlTnR0cXF1dFNmSHE1YlRpSS9zVkg5bW4rUEJleFVjUFNQR1lCc3htZmE3MHc1b3d5aTU2U1pNN3FzbnZmbEJ2WFBmMEQ2OWFPZTZSRmJpc1hlUmQ5bzY3cWp6dEszOTJTV3pCN3cyZk5TYXB0YU8xWlQrMUhFQXlHSmdYZGx4VStHVzEvaWlYbGo1VExZT1plSS95eFB0T1NSckpWWWlRNkU1Vkl5dDhNZk53MTVWSVdpR3BQaEFNRFVzNjQ1UmdDd0NBQW5UTmZELzB1Z3k5cnFWU045VDY1WFlaZXVyc2xPNDhlVllqTTlhbHpkYktoYi9mcWZHYXVtVkZtVzVaVWFaSVBLN2o0ek02TkRxdG82TlRPam82cmZHNFBhRk1neXVtSyt2SzFGcGZyblZsWHIzMUc0ZlZPejAxdTAycFRrdTlNUktKK0Y3N2lwY3VIc0RFSW9xUEhrd0VMbnV0UDRmM1NkTUQ1ejNOS04rb0ljOXEvYTN2YjdSUVlISXFZcXI2ZGUxYU5mRHUzMVYwZktuMWUwYlNwZjljOS9jRHNlUXVhOHNsZlRjUURMVjJ0TGJNVU0wQkxJVVFCc3NKSUNvVElVU3V1dDJVSmg0TmdXQm9KQkVpaExPMDdUV0poNnNBZHVlellWSWdHRG9yd2hnQUFPeStkbGd2cWVxaUMzSEQwQWMyMTJ0RCtibkd3NjIxUHEwcjgrZ3ord1kwSFkxclhWbHlsMWx1dzlDbWNxODJsWHVsbGRZZ3R1T1JtSHFuSXVxYmltaG9PcUl6TTFHTnpNUTBHWTFwTWhyWFZDU211T0p5dTF3cU5RMzVUSmNxUEM3VmVFelZsN2kxeXVkV2k5OGpuM24rNWM2V1RSdDE0UEJSeVdwUmNtZUt4VkVuU1RYVjU0b2pQdFVuamV4VGZIamZ1ZEJsOUlnVVgveHl4S2krVXJIeGsvcjd5bi9VVW9ISldiTkJYNjI3UXg4Y2VLYzg4VVV2Rnh0Q25zMVBkbmt2dlM2RmJicGEwbnNrL1FPMUhjQ1NuOWNVQVZLOGlEQmt0ZnlvbFhOYWZ4aUpDNXVxUURBMEt1bDBKc0tZeExaWEpTNGV6QUxjdlliT2hURkRrb2FZOGhvQUFGdGNQdDhQWDcycThyd0E1dGtVb01TdE42MnUwcjBENDNJYjZiZG1LWE83emdVek5sclQ4dXlndVJ0U2ZlMXJyemhkTVJNMTVEdjZPVVVPbjFSOFpKOFVQcFA2U25ockZSL2Vxd2VxMzZvemhqV1dUUFBNRVVVTlV5V3hTZlY1MW1yYThKLzNraDdQUnYyODRsMTY5Y2kvTExUVS9aSzIvcmpxZmVtMGFQbUxRREQwWmI3SUFyQVVRaGlrRWtKVVNHcHdlTDJwa0ZTUmFORnhPdFdCNGhiWmRwK2tSdGsvem8wVEdiS0NwcXBBTURUUTBkb3lTdTBIQUdCWkxnb3JhcnltWHRKWXR1QUxicWp6YXpUaXpDSGJWcTFzV25DN0ZwS1llZWh2NGdxMUc1TFUvejB0NTV1ZVdPbEt4V016K20vZk81NzlXVnlHK3R6ckpFbmUrSlJXemh4VnIrZjhWZngxK1Z0MDAvZ1BWUk9kZDdicXNiaGN3d2RMcm10SnAxZ2t2VWJTRDZqdUFCYmpvZ2lRUkFEaENRUkRMWkpXS24rQ3UycEo2eExCMFhLMjNSVUloaG9sclZaeEJEQnp1U1d0REFSRHpZRmdpTUFXQUlEMHJidndCeTlzS0pPNVJDdVhxNnVkT2Q3L25CQm1Vd292KzZTa2p4azJYRXZHSlVYT0hOQVJZN09paGlkeFV4UFRLYy82WjU4VE5rclY2OW1nbFpGajU3MDJhbmgwZC9sYkZscDBTNTk3N2RGNEdyZEk4V2hNWTZHQjkxTFZBU1J6a3dVc0ZrSlV5aHE4TlI4RE96TVJJcFJMNmsrMVZVeGl3T0VtamhPVlMvSUhncUUrV3NVQUFKQ1dpMXFNWEZ2alcvSkZ0VjVuWG9JMHJuaDJ5dXo2MWx1M2U0SzdkczVJVXV0THRwZExxazg4YWhPUHV1ZXRIYTJYanJiYjlmNzlFeFZxOUkvcXliSnprMDNWUmJvMTRGNTkzdk5LWStNNjQxcHgwZXNmOGI5TXJ4MytSN2wwWGt1akdVbE54N3hYZEtXNlBtTTlnenI5MUJISlpkd1VDSVpjekRvSllER0VNRmdvZ0RCa2RiK3BMSUROcVpEa0N3UkRQUjJ0TFZOSmJ2L3N4UU1zTGxtQlZwbXNRSXVMQ3dBQWtyZHU3ajlxdktZYVM1ZStESGNaemxqNVl5ZE9hdStCZ3hvNmMxWm5SMFkxUERLcU9YMkpubWw5eWZaS1dWMlo1eDFGK0pybXNhZGs0eGQ2STlNZXJmQWJlc1QvaW1kLzVvOWQvRDFSVlhSUWZaN3paNktPeCtQcVBqcXFwM3pYNnhvRjUvNXFRRkp6bjJkdDBpMmZ3eU1UR256cXNDYjZueDNUeGh6ckhuaU9wRWVvOGdBV1FnaUQrUUlJajZSbVdWTVlGMUpkWHgwSWh2bzdXbHVHRjlsMlUxYTNLejgxWVY2Vmtrb1RnVmFZNGdBQUlDa05jLy9SNHZQa3hVb2ZQSEpVbi9uaVArdVpmUWNXZTlybXhYNXBTR052dkdid1Nqdlh5Nldvb25KcnlqZzNwazdjT0Qvam1XODhtTW4rTXhwNDZyRENJeE82NzhybjZSci9lU0hNc0tUbVFiT2xiS24zajgxRU5MVHZoSWFQZENzZVAzOWttNW5SeVRZUndnQlk0c1lVbUJ0Q2xNZ2FXS3dRNjRZaHFURVFESGs2V2xzR2kyemI3ZVNWdENZUURQVjJ0TGFNVXh3QUFDeXBadTQvNmt1Y2Y2bHgrT2h4L2VIN1A2ekpxYWxsTGFlbGV2cHdpVHQyalozclZ1cU9hTVoxL25nNTAwYnBuQXUrdUVaZDV4bzB6MHhNNmZSVFJ6VFdjKzd5NzlEb3lndS9jbHU2bFc5Y0dqbHhTcWYzSEZWMGV2NEpsS0l6TTFkUTNaRXZMZ3dSOCtLR3pqRHl2dHdabUJkelF3aS9yQUZvQ3oyRXFBMEVRMDBYYkh0WmtXeTduWjhkcXdMQlVEVkZBUURBb3RkWEpaTE9Hd0Ntek8zc200aG9OS3EvL052UExEdUFrYVRuckI2YnNYdjl5cjFSelZ3d1gwSjBUaytvbHBsREdqT3JGWS9HTkxUdnVMcCtGVHd2Z0pHa00xTVhqY25qbGFUUytOaThMWDJuaGtZVXV1Y3g5VDkyWU1FQXhycXJGZGRHQUJiRkRTZG1MeEQ4c2xxQkdFV3l5WldKY1c5T3lSb3pwb2xha0pZVmdXRElQVi9MSWdBQUlPbUNWakNTNUhVNSszdlFYZmZlcnhNbnUyMVoxdnJhS2R1N3QwOUhYU3BUNUx5ZlJZeHpJY3l3V2F1eDdnRU5QbjFVa1luNWc2U0pxWXYyUWFra2xjZk9ucGV3UktmRE92M01NWTJjT0pYY3loa0c5MWNBRnNXSEJJb3hnSmxWSWV0Ymp4SnF3YkxVQm9JaHM2TzFwWStpQUFCQTg5N2N6eFdPT2JzTHdLL3V1YysyWmEyc0RKZlp2WDZ4V0Z4elJ3YVdKSGZjeWs3OFowOW8zOU5uTlRsd2R2RmxYTHdMbWlTcFplWlFXSkxpc2JpR2ozUnJhUDl4eFdaU21tQnpoaW9QWURHRU1FVXUwVVMyV2NVWHdNd2lnTEZIVldKS3hsNktBZ0NBeFkxSG5EM0o0SUZEUjJ4YjF1U015L1pRWW13cXJ2cUt5Zk4rWm9Rbk5MajNjR0t3M0tXWEVZOWU5Q1NQcEltVk0wZk5pYjR6R256cXNNS2pFeW12bTh0dG5xQ0dBMWowYzRJaUtGNkJZTWd0cXdVTTlRQjJxQWdFUTQwVUF3QUFpK3ViaWpoNi9RWk9EOW0yck5GcDAvWVFabUk2Sm5kOFJtWThZZzJXZTd4WGovNzZsTTRlVGk2QWtTU1hPZStQand3T2FXUFBBMCtsRmNCSWtydlUrelExSE1DaW56OFVRWEZLaklmU0xGcER3VjVWZ1dDb25tSUFBR0Job1VsbjkxaHgyVGhtelpIQjBpbmIxOCt3V2hJMTlBVjE4cDdIMVAvWVFZWERxYlV1S2l1ZDkvbmhTOHVPVjd0Y1Jscjl4VXl2Ui83RzJwOVF3d0VzK2hsR0VSU3RGWnFuanpKZ2c5cEFNRlJGTVFBQUlFbTZxRW5GeUV4VTNRNE9ZbGJVMTltMnJIMzlmdHU3dkxkVVcyTzBkRDB6b09rem8rbGRySlJPenZmalRWN1hUSHhMYlg5YVRZRkthaXFHdnZiQ2pXZW84Z0FXUXdoVGhBTEJVSVVrYnBLUjBldTN4SURQQUFBVXUzbHZ5aDg1UGVuWUZiNTA4eWJibG5Wb3dMZkc3dldyOXNkMWV0eWw1MVU5bGZZeXJxcVlkOXliS2tsUHZYUEZENzNwTExPa3V2d1hWSGNBU3lHRUtUS0pjV0JXVUJMSU1FTlNjeUFZOGxBVUFJQmkxdEhhTWlOcC9NS2Yzejg0cnFtb00yZEpldEZOYmJZdEt4SXpWandXS3UrMmV4Mjd6eGg2WmQzdXRLOVNYbEoyNzBLL3JidWk0bGpGbXByeGtWUVc2ZmFWeE11YWF2K0NHZzlnS1lRd3hXZUZKSk5pUUpZK1g1b1Q0dzhCQUZETVRsLzRnL0ZJVEQ4SURjLzc1RnpQWVAyU20yL1V1dFV0dGkzdm54NW83ck43SGJjMkc2cjNEdXY2aHE2VVg5dlE0Tlk2TFRnRFZJdWt4LzltN1QrN1hXYnlZOE5VckY2eDg1c3Z1N3lIcWc0Z21ac2tGSWxBTUZRbXFaeVNRQmFWaUpaWEFBQWNuKytIOXcyTXEvUFUySGsvbTRuRjlaT2VrWnl1ckdtYSt0UmYvWVhLL1BiMExEN1E3N3QyN3lsL3I1M3I2SFZGWk5aY29VRHpqNVRxT01LdlgzbmZVays1Y21YSjZZSDNyUC9wcVdTVzUydW9IcXZhMVBKbXFqbUFaREF6VHBGSXRFWm9vQ1NRQTFXQllHaWlvN1ZsbEtJQUFCU3BvNUp1bnU4WFB3d042L0V6azdxeXVsVFQwYmlDUXhNeURVT3ZYVldaMHhYZXZIR0QvdTBmNzlBWHZ2eFYvZmJ4UmNkZTJTdHBRTktncENGWnJYNkdFbytCMlg5NzNiRkxKUDNBenZ1UCtQQWVyYWxwMEp2WFA2Ny9Pbkp0VXE5WnNjTFVhMHIvSjVsN3BMcFgxdDEvZGlSYTN2T3Q0eTlxamk4dzkzVkpkWG00ZXVPcW03NTIwNFlKcWptQVpOQk5vRWdrWnF0cHBDU1FJMUZKSnpwYVd5Sno2cVFwcTJ1Y0lhdFZucEY0eEJPUHFLU1lwR2hIYTB1Y0lnUUE1UEYxMkVjbGZTclo1NXVHb1M5ZDF5eVhRNjdVend3UGEyRFE2bEZWVlZtcHJsQzMvdmhEZnlWSko0TzdkaVk5OEc3NHg2di9yNlN2eTg2dThTVjFpa2VuMVg3a2ovWEVxWnBGbitvdWNjZi81b3J2ZmU5NmQzQlUwdXpndTI2ZDMxSzhVdWQ2QzdnbFRUMDVkc25sbis5K1I5WGdXWmR2OWtrdWo2bnk1b1k5NWF0WHZPSmJyN3l5aTFxT2ZMUlF1T2pvQU1QSS93aURsakRGY2VJM0pOVlNFc2doVTlLcVFEQVVrZVJKUEl3VTZuQkUwb3lrc0tScFNWT1NwZ2xuQUFCNTRwbFVuaHlOeDlVek9hTVd2elBHdDYrcHFsSk4xYm1KTlo5NGVzL3NYNCtuc2h6dmEwOStLL3pqMVFjbC9aV2tsMGp5TFh2bHBrL0xWZHFvVDEzeWRYM0s5ZnQ2cUdmK1h0Qm1pVWNsNWNhN24vK0dIMzQxMWJjSS8xaXJ2cldsL1FXL0NkKzgrYituM3VBKzQxNTUwdGRROWIvZitKMUxlNm5hQUZKRkNGTWNLaE0zdlVBdWxTUWU2WDVXdVMrNFdJc0hncUVwU1JPU3hqdGFXNllvWWdDQVF6MlM2Z3YyalV4bkxZU1ppc1lWamNmUG02M0pheHJ5R0laS3pZdS9NK25wZTNhYzNlT3B2cGYzdFNjZmx2UXFTUXIvZUhXVnJDOWxURWtWa3ZUbDNTczNQOUpWOVl1M3YrWDF4dSs4OEFWU0xDeEZaMC94Y2NWbjV2UnVqazVJTWF1UnJUYzZxVStzUHFGNzloN1I5MExYNi9oUWlXS3h1SHpsUGpYVmwyci9MNzg3MWZuRC8vaHFPdVhqZmUzSmJrbmZrLzVUMWdNQTBrY0lVOEFDd1pCUFVyM3MrSllCY0I0alViZDlrdW9Dd2RDTXBGRkpJeDJ0TFdHS0J3RGdGQjJ0TGIyQllDZ2thK2FkcER3d09LNWJtOHJUSGp0Z0poYlg2WEJVcDZjakdncEhOUlNPYW5RbXByTXpVWTFGWWhxWmlXb3lHdGRrTkxib2NseUdWTzUycWFIRXJjWlN0OWFYZVhXMC84enNyNDhzcDF5OHJ6MDVkM3FveEF4U0o0OC9kOXVydjNuSE4rNzl2ODkvOGUrYkZWVmxGNTM4Ri9PU0s2d21Odkc0Tk50cjRUUC84R1h0bXhwN2hwb0l3QWtJWVFwUUlCanl5QnFFbDVtUVVFdzhzcnJkMVFhQ29VbEpaeGtNR0FEZ0lQZExTbm9HblZOVEVmM3kxS2hlMWxTeDRITmljYWwvT3FLK3FkbkhqUHFubytxYmltaGtKbXJMU3NmaTBzaE1UQ016WVIwWkMydjM0SVIwNDNadGF0aWcwNDg5T0tCZE8yMHZxRmdzOXBIeGlZazNmZTNiMy9GOTROMS9rTll5NWc0YnNmZkFvV2c0SEg2UUtnakFDUWhoQ2toaTdKY2FTWFZpMEdVVU41OGtYeUFZcXBmMXpkb280OGNBQUhMczUwb2hoSkdrSDRkR2RHWTZxdWZYKzFYaWNta3dIRkh2WkVUZGt6UHFtWnhSNzJSRWtSd05yRm01K1RLVnJtamFvaTk4M1BabEIzZnQ3R3U5ZGZ2SHZ2dWpuOTd4dWxlKzNGaTdlbFhheTRwRUlqcDg3SVJMMGhOVVFRQk9RQWhUSUFMQlVJbWtKcVUvNWdaUWlEeUo0Nkl1RUF3TmRMUzJqRkVrQUlBYytabXMyZjlTK3FMczNvRngzVHN3N3NnTjhsYlZuTTNnNHYvUmJacnYvZnlYTzlaODZUT2ZUUHZMeGNQSFRpZ1NpUmlTZmtzVkJPQUVMb29nL3dXQ29ScEphMFFBQXl6RUk2azVFQXkxSkxyckFRQ1FWUjJ0TFlPU2RoZlVSaGxHeHJyOUJuZnRESWRuWmdJUFAvcTRjZGR2SGtoN09RY09INUhMNVpxUnRKZGFDTUFKQ0dIeVdDQVljZ1dDb1daWjQ3L1EvUWpGeGtoOGhwbnpQR1puVTdydzV4V1NOZ1NDSWFac0J3RGt3amNMYkh1R003bnc0SzZkdnpSTjg0ZGYrUEpYb3hNVGsya3RZOS9CUS9KNDNIdUN1M1pHcUg0QW5JRHVTSGtxOFczK0trbGVTZ01GeHBEVmNzV2o4d09WMlZERnBlV0hqbXNUMDF2M1NacVdGSm56bUVrOHdoMnRMVnl3QVFEczlEMUovNkRDbWJseU9OTnZFSTFHM3pkMDl1d3IvKzNiM3pILzVQKzlNK1hYUC9iVW5zajBkUGdlcWg0QXB5Q0V5VU9CWUtoVVZnQmpVaHJJYzZhc2JuUWxPaGU4Wkt1N1VLbWsxWklHSkUwdWNLekZKSVVUajZuRVk1cEJmZ0VBNmVob2JSa0pCRVBmbGZTT0F0bWtvU3k4UjFVc0Zpdlp0R0Y5eWkrY25nN3J4TW1RVzFLUTJnZkFLUWhoOGt3Z0dDcVQxQ3k2SHlFL2VXV0ZIeVdKUDNNZEpMb2tOU1l1SWtjVytIMXA0bEdaK0ZrOEVBeE55d3BrSmlSTmRyUzJSTm0xQUlBa2ZVN1Myd3ZrV3U1RUZ0N2o5eHZxNnlJdmU4a3RLZCszbEpSNDVmRjRvdUZ3dUp4cUI4QXBHQk1tandTQ29YSVJ3Q0MvbUpMS1pZMWJ0Q1pSZjJzbGxjbFpMYmxxWlUzdG5neERWaWhUbmRpZWpZRmdhRTBnR0dvSUJFTitkamtBWURFZHJTMzdKUDFQQVd4S1hGSlhwdCtrcE1UNzVoZmYxT1oyR2VsZC9qWTNOY1lrYmFUbUFYQUtXc0xraVVRTG1KVWlnRUYrZks3NFpZVXYrVFJtVVlXc1lIb3djV0daaXRuV01qV0JZQ2dxYVZ6U21LUnh1aTR0KzdQUExhdUwydHlCbG1jSFpKWXUvakloTnVmUG1LVG9uTWVNcEVoSGEwdU1rZ1dRWXg5VFBQNWFHWGw5V1hlMG83VmxPcE52MEhycjlvYnA2ZkNHNTE1M2JkckxXTnZTN09rS2RXK2l5Z0Z3MHMwU25IOFQ0aGN0WU9Cc3BxeldMZmtXdkZ5b0xIRlQzNi9VZzVpNVpWR1plTVFDd2RDWXBKR08xcFlKcXNtaW4zTmVuUnNmYVBidm5neTlWMVRueHZxWlRqeW1DTXdBWk10amYvbnU0VFcvKy91cWIzMUJQbS9HVTFsNGp4c2s2Zkt0bTlOZVFITlRrN3dlejFacUhRQ25JSVRKanhzVEFoZzRrU0ZyZG9meXhKK0ZVa2Q5c3JwUDlkdXdMSmNTZ1V3Z0dJcklHbmRtdUtPMVpZYlB0bENwckJaVFBtVi9mQ0F6OGI2K0M5WnBXdFlnelJPU0ptZ3hBeUNEWHQvYitSUFZYLzBjeVZ1YWxUZGM0L2RvcGMranZxbUloc0pSVFVaam1vbFoyYlBQZEtuR2E2clo1OWJXaWhKTngrSzY4K1NTRXg4OW5vWFZmazU5Ylcya3Byb3E3WHVXNXFaR1JhTFJGcW9jQUtjZ2hISDJUWW9wYXhZa3h1NkJrNWl5dXU1VXFIQm42UEpMcXBmVk5jbk96OXRhU2JXSjFqRm5pNmwxVENBWWN1bGNheW0vUSt2T2JFdWM2c1E2VDhucVZqYlcwZG9TNXRBSFlLUGZuUmtiMFphUmJoMm96ODV3SmMrcDlXdGJVM0xqMC9aTlJaSUpZZTdMOURxN1hLN0xONjVmdTZ6elJkT0tCa1Vpa2NyV1c3ZVhCWGZ0SEtmcUFjZzFRaGhuYTFiMnB1c0ZsdUtSVkpXNGtTNkdsbG5sc3NZUUdjN1Fzc3NEd1ZCWTBobFozWlVLcml0TUlCZ3lFdldsTWsvcnpleFlQL1dKVmpLamlYMFY0ZU1BUUxwYWI5M2VJS2xOa3Q1NDlXYjl6N2hIVDUyZHl2ajdUa1dUYjl4WFgyTEswS0w5Y3FjbFBaVHhHeFczKzRwMWExcVdkZTVvWE5Fdys5YzFrdlpSQXdIa0dpR01jMjllNm5WQlUza2dSN3l5V2dZVTQ4dy9OWklpc2diYXpWVFpOa3FxQ3dSRFE3SzZLdVY5R0pQb1Jsa2xLM3dwbE5aU3M2MWs2Z1BCMElTc2NHNk1jV1FBcE9IbGtseWIxcS9UcXBWTmVsc2twaDM3K25WNk9wclJOKzJaVEw0bnJHa1k4cGt1VFN3YzNOemYwZHFTOGVRb0VvbXNYNzJxZVZuTFdObTRZdmF2YTBVSUE4QUJDR0djZVFQamw5VnRBY2lsWWc1ZjVxcVhOWUJySnNkeGNVdGFJYXVyMGhsWlhaWHk3dVkrOGRsVkk2dlZTeUh6Sng2UnhQNGFadndZQUNsNHFTUTkvNGJySlVsbGJwZitjRU90dm5CZzhOa3hXakpoejhpMGhtZWlxdklrbDQxUEx0NXk1cjh6WFVpdHQyNnZpOFZpcFMwclZ5NXJPVldWRmZKNnZiRndPTHlHcWdmQUNRaGh6dDA4dUdTTnZlS1NubTJCR1pNVXkrYkZkV0k5bXRnanlQSG5RakhjU0NmTGtEVlFiNi9TbnpFcGxiSnZrRlFkQ0laT2Q3UzJqT1RKNTJlNXBEcFpMVVdLN1ZocGtOV1M2YXlrTXgydExWRU9HUUNMQkFzdXpZWXd6N251MlordksvUHFuZXRyOU5ValF4azcwY3pFNHZyR3NUTjY3eVYxTXBlWUduc29IRjFzUFNMS1FnZ2pxVVdTR2xmVUwzdEJLK3Jyb3FHZVhnYm5CZUNZQzhpaUVnaUczRG8zSzRabnpzTlk1RFZ4V2QrQ3p6NG1KVTFtYUZ5QUJoR09JVGRjT3RlRmhObTR6dWVWRlV3TlplbjlQSkthQXNGUWphUUJwdzdnR3dpR3ltUzFGQ3JoMkZHdHJQRHNyS1FoV3NZQVdNQlZrdXBLU3J5Nitvckx6dnZGdFRVK3ZYbHR0YjV6NG16RzNuemZ5TFQrOGVCcHZXTjlqYXE5QzdlSWVmajBvcWVkbjNlMHRneG1vYXlzRUtaaCtTRk00NG9HTTlUVDIwejFBK0FFUlhHem4yZ2lYeUdyK1hnNkE5MGFpWnN3YitMZjFZbmx6c2lheW5UVWpwdWt4SlN0VlZSTDVFQkZJbVJnSnE2RlZTYU85Nmtzdm1lSnBKWkFNRFFxSzR4eHhJQ3dnV0NvUkZaZzdLZGFuR2MyaktrS0JFT0RIYTB0d3hRSmdBdmNMRWxYWFhhcFBPNkxMOE5mMkdBMVFzMWtFSE5nZEZwLy9VeWZicXozNjdsMWZxMHI4NTczemN1VFo2ZjA4OTdSeFJieHBTeVYxZXJTa3BKb2VWblpzc2NXYTZpcmRYbTkzdlZVUHdCT1VMQWhUS0xGUzNYaXhpbFQyems3VzB4VklCaUtTQnFSTlpaRHVqZEtLNmlTeURLUGFNbVFpanBKUGNwOHQ2UUxWVWdxUzl6WW44M1Z4aWU2UzlZblBsdXhNRk5TWXlBWXFwYlUzOUhhTWttUkFNVXRFQXpWZGJTMm5GWWloTG4rNmlzWGZPNExHOHBrR3RKL0hqK2IwYTVKOS9TUDY1NytjZmxObHhwTDNTb3hEUTFPUnpVNHZlaGxiTENqdGVWWFdTcTJodHFhNnFoc0dPQjlSWDI5REVPcnFZa0FuS0RnUXBoRStGS243SGVwY012NkJyUW1FQXlOU0RxZFNoZ1RDSVlxWlUyRkNtU0RvVVNBS0xvZXBjS1QrR3pKUlFzSGw2UVZpYytLdm83V2x1a3NmN2FXeXdxSzZTNlp2QkpKcXdQQjBMQ3Nsa3gwVVFLS1RPS3o4MHVTM3Z6L0h1NzZrOGMvK3A0WFN0SjFpNFF3a3ZTQytqSlZ1azE5N2VpUXBtT1p6ZjBub2pFZEd3OG4rL1NQWnJING1tcXJxMjFwb2J1aXZsYXhhS3lSR2duQUNRcW02MEVnR0hJbHBuVmVuK01ieTltYjIvV0JZS2doOGMzeFV1dHV5QXFPZ0d6d1NtcVcxWnFCQUNaMTFjcnR0TXVsa3RZa3hvdkp4bWVyR1FpR21oTjFoZ0FtUFZXUzFpWEcwQUZRSkFMQjBDcEp1eVc5WFZLcDRYSjl0ZVdWYjZqM2VyMjZiUE9tSlY5L1ZYV3BQbnhwZ3hwS0hQUFIrOE1zdG9LUnkrVmEwYmlpM3BhTnI2dXQxVXdrVXRsNjYzWmEvZ0xJdVlJSVlSSVh0dXRrdFVSeHlrMmxJV3VNaldRdXZDdVUzbGcxUURvM2d5dXBiOHMrdHFzY3NBNE5nV0JvZFNBWXl0aStUSHgyclpWVXptNWZOcmVrVllGZ2FFVWllQWRRd0FMQlVJdWtleVdkMStSbHhRdHUxUlh2K2hPNVBNbDlkRGY3UFByb1pTdDBRMTNPaCtBYWtQVHViTDZoeCtOdXJxNnk1M1E3WjNEZmxkUk9BTG1XMXlGTUlCZ3lBc0hRQ2ttcjVOeHZhR2N2dkJzWGFSVlRTMVZFaHBteXBqNnZFYTFmN0ZDaDNMYUdtZVdUdERiUlJjbnV6OVlHaDMrMjVxdHFXUzJadkJRRlVKZ0N3VkNWcEY5STJqanZFOVpzMHBjT250WmtOTGtlaXFXbW9YZXVyOUVmYnF4VnBTY25sKzRSU1cvcWFHMFp5T3BOaXVHcXI2eXc1enVBbXVwbnc1d21haWlBWE12YkVDYng3ZThhNWM4QWtWV3l4Z2J3WExBZGZwMmJkUW5JMUkzNktqSG1rSjJjMEJwbTd1ZDRVeUxvWFhiQWxoaFhxMFZXWUlmTUtKRVZ4TkRDQ0Nnd2ljL1FIMG02ZkxIbkhSaWQxaGNPREdwNEpwcjBzcSt2OGVuamx6ZnF4U3ZLWlJwWit6NGxKdW50SGEwdGQyZTdMR1B4V0ZWNW1UMjlPT3RxbnoybE5WQkxBZVJhWG43RG1aaktlWldjOFUxME9oZmVQWE5teTZpbUdpS0RxcWxqR1ZNaDZXemlBdFVKcWlTVkJvS2gzbzdXbG5BNkN3Z0VRejVaVGJWcC9aSjVMa25OZ1dCb3FLTzFaWkRpQUZMK3ZESVN4NUZMVmpBKys1anZDOFo0NGhHYjgyZXNvN1VsRXlQZS9yMmtGeVh6eE5ERWpENjdiMEIvc3JsZVRhWEpmZXlXdVYxNjQ1b3EzYktpVEQvcUh0SGpaekk2K2RxMHBMZDJ0TFo4UHhmN09CcU5WVlNVMnhQQ2xKYVV5T3Z4eE1Jek03U0VBWkJ6ZVhlaG5SaWpvRm41MjZYQ2xOUVNDSVo2SlUxS1lxQkdaS3FlMWN0cUJZUE1NQkxINzZpRDFtazI2TzN0YUcwWlQvR3p0VkpTbytpdWxtMjFpYTVKdlJtNklRVHlYaUFZS3BIVm1yTkVWdXRocngzWHNJRmdLQ29wUE9jeEpXa3EzV014RUF5OVM5SjdVM25OVURpcXorMGYwQjl0cXRPbTh1UWJScThvZFN1d3NWYWhpUmwxOW8zcHQwTVRzbmtTcFFPU2ZyK2p0ZVczdWRydmtVakViMWNJSTBrMTFWWFJ2b0ZCV3NJQXlMbThDbUVTVGJkWEZzQk5naUVyU0JybmhnY1o0RW5jVE5PYUlmTXFOSDhJWStyY043U3ozOHJHNWp5aUdWd25sNnh4cUFZNldsdk9KUG5aV2lkbWFNdWxjbG5kVmJzN1dsdWlGQWVLWFNKMDhjOTVaT3BheVpUMVpjWGNMeXppZ1dCb1d0SkU0akdaVENnVENJWnVrUFRQNmF6RWVDU21MeDRZMU52VzE2aTFOclh2VGxyOEhyMXpmWTFldDZwU3V3Y250UHYwdUU1UEwrdGo1S3lrejBqNnh6bXR0ck91OWRidDFaSmtWM2NrU2FxdHFUSDZCZ1pYY0lRQnlMVzh1VWxMdElBcGhBQm1MbHJCd0c0K1NTdEV1SmN0M3NRTmdsdldON1NleEdPcDhvOUxta2s4cGhLUEdadlhyU0hSd3FKL3NSdUlRRERVSkttU1habHpzMU9QaHpwYVcyWW9qcUlQSVl6RVo4bnM1NG83RVJqTUJyeHpQMlBtaHJ1UnhDTXNLZHpSMmhMSm8yMzJ5UXEyeTNOOGZXb2tqc2RTV1JNbnhBTEIwSmlrTVVuajgzMmVCb0toR2tuZjB6TEcrSXZFNC9yYTBTRjFUMWJvMWMyVmNxVjRGcS94bW5wbGM0VmUwVnloa3hNemV2THNwSTZPaFhWOGZDYVpBWUFuSmYxYTBnOGxmYmVqdFdYQ0FWV2lXckkzaEttcnJYYTdESVB1U0FCeUxpOUNtTVFZTVBuY0JRbklobkpaclJrNFRySXJuVy9WREoxclVqOTdoUm1SMVRwdVBIRURaWWNxU1o3RU9GU3hlVzd5bWhJM1BYQUdqNndXTWFGMHgvVkJma29jajdPdFBueXl3aGM3QnRxT3lBcDVKeE1CUXRoaDIyMG1QcWVxRXZYZmlWeXlndXBLU2RGQU1EUXFhYmlqdFdWNnpyNzdwcVIxZHJ6WkwzcEgxVFUrbzNkdXFGRzVPL1g1TXd4SmEvd2VyZkZieFJtWGRDWWMxYWM3dnFrOVhkMHFiV3p1YkxybFpUK1hOQ3hyMnVuRGtnNDdNTENybG13T1lXcHE1UFo0bUtJYVFNNDVQb1JKakRLL2lodExZTW1MbFdxS0llOC9qMmR2UnFZU0Y4aDJOQVgzNjF4WGw4aWNtNFptMFJyUHFmVmdOb2lacGpnS1YrSTRMSmNWaEpabDZEckhuWGlQY2xtdDQyWmtkYUVjeldYOVNuUTNxa2xzZXo1ZDM1bXo1OXRBTURRcDZZeWtnS1JYMmZrbWUwZW05TGQ3K3ZXdURUWGFYRkd5ckdVWmtzcmlVVDM4aS85Vk9CeVdwSS8vejEvOHdVTjVVTlpWa21Uem1EQ1MxYW9lQUhKK3NlZjBDNVJtNWQ4c1NFQTIxU2N1c0ZFNFpwdkNUMHM2cmVXM2pDbVp2YkdYMWVKbWxheHdCczY5MFdzaGlDbE1nV0RJazdpUnI5TDhNL2xra2tkV0Y1dmFRREEwSld2OGo5RnNEUXFkYU5sY3A4SUlnSDJTbmlOci9CVGJEYzlFOWZjSEJuVnJVN2xlM1Z3cGp5djlyT3FSeDUrWURXQzZKVDJjSitWYkxVbmxaZmFkcWlvcktpUXIvQU9BbkhKNlM1ajZ4STBJZ1BrMWlOWU1oYXhFVmhBOUt1c2IxK1ZNaCsyUnRFWldvTU9zV2M0M0c4U2NwR3RTWVVpTTBWUW41M1FCTEpYVkpiRStFQXlka1hRMlUyRk1JbmhxVUdGOVllQ1hOUjExeHE2bDQ1SitkV3BNend4UDZiYTFOU25ObmpUWEF3OEhaLy82djhGZE8vTmxGcllxd3pEaVhxL1h0cFpTbGVYbGlrUWlkTUVGa0hNdXA2NVlZb0EyMG1wZ2ZvYXNzVWdJWUlwRGhhd20xTjVsTG1kMkpoRGtoOWtneGtOUjVLOUFNR1FHZ3FGR1dXT0dPUEVHMEMwcklGa2ZDSVlxYk41Mkl4QU0xU2UydmRCYWJINU0wdHBzdkZIdlpFU2YzeitnL3poK1JpTXpxYzk4OUdEd3NkbS83c3lqOHZXV2xwVFlPbHRjUlVXWllyRllTZXV0MjcwQ2dCeHlaQWlUNkliVXlPNEI1alVid05DZHBMaDRaQVV4ZEQwckxtNVpVNDdUTFRjUEJZS2hLa25ybFJqZklnL3Eyc3BBTUxRNjBXcG51ZHRlbHRqMldoWGV1SDdiSmIwdTIyKzZlM0JDZi8xMG4zYjJqR282bGx5RGxsQlByM3I3K2lWcjlxeTc4NmlNeTcxZWo2MnRkaXJMbnoxOTF2THBCQ0NYbk5vU3BsckwvOFlYS0ZRTm9qVkRzVEprZGRPc3BpaUtpbGRTYytJTEN1U0JRRERrRGdSRHEyVjlvZVRLczlYM1NWb2JDSVpxMDl4MlY2TGx6eXJseVN5Y0tWb3Q2Uk81ZXZQcFdGdzdlMGIwa1NkUDZYKzZSelF5czNndjFVZWZmSHIycjQ4RWQrMGN5NmQ2NlBYYWV5dFFXZmxzUXk5YTJnUElLY2VkSEFQQmtFdFduMmtBRjZzWExXQmdoVENHckhGaVVCeDhzc2J2NktVb25DMFFESlVuOXBVcmp6ZkRrRFZXakYvU3FXU25MMDRNdkx0U3pwMXUybzdyNWkvSUFTMFNKNk14L2J4M1ZMODhOYW9ycTByMTNEcS90bFNVcU95Q2FhMGZmK3FaMmIvZWsyZGxYVkxtOTl2YkVxYUNFQWFBYzA0bVRsT1Q1eGN1UUNhUERicWlZTlpzOXdhQ21PSlJFUWlHcGp0YVc0WW9DbWRLakg5U1NGMGQvSkxXQklLaG5vN1dscWtsdHIxRzFoY0ZoZHhpNi8yU3JuYlNDc1hpMHBObnAvVGsyU21ycjNLcFcydkx2THEwc2tUWFZ2djA5TDREczAvZG5XL251TklTcjYzZE1Ddk9kVWNpaEFHUVU0NEtZUkpOcmF2WkxjQkZLcFVmWXdvZ3l4ZXBzdnI1ajFBVVJhTStFQXhOZGJTMlRGQVVqcnQrS2RReG05eXlwcmcvMWRIYU1yckF0amNtemxPRnJFM1NIenA1QmVPUytxWWk2cHVLNkpIVEUvcHY4NnhHYXhxbDdoNUplaWpQeXR2cksvWForcVdzMzFjcWw4c1ZqOFZpaERBQWNzcHBMVTRxWmMwR0FXRE9kWU1ZUkE0THE1VTExU3lLeDhwQU1PU21HSndoMFkxNnRRcTdwYUtScUhjMUYyeTdtZGoyUWc5ZzZpVjlUbm5XeW1jOEd0ZUcyd0phODlyZk8zUGQ3Vi9KdDFhVFpYNWZxWkdCaFVaRVN4Z0FPZWJFRUFiQU9WNVpBL0VDaTJrUUFYWXhNV1cxdWtDT3pRa2hpaVVJYlFnRVEzV0piZmRJV2xNRTIyNUsrcUtzSUNZdjFULzM1aHBKUDBpTTJaTVhETU1vZDN2c3o1cExTMHNscVl4UEx3QzU1SmdRSnZHdEhqTytBT2RmK0RXcXNQdlh3NzY2VWs4eEZCWGY3TTB3Y25iZDRwTFVJcW1reURhOUxqSDcwUm9WN2dDOGMvMkZwTllDMkk3WFNQcFpZckJseC9PNDNmN3lNdnV6a3ZJeXY3amZBSkJyVG1vSlU4SHVBSjQxMjhlZTFnMUkrcVpjZkx0WGJPcnk2WnZ0UXBJWUI2VVlBNWhaVlVWeWZucU5wSGNVMFBhOFNOSlBBOEdRMStrckdvdkhLMDNUL3RzVVgybXBTNHl4QnlESG5CVENrRW9EYzI2dVpIVkZBbEpSSzJhWEt6YU5pVUFBMmJWU2pNVlU2SzZVOUxjRnVGMHZsdlFmVHYvY2NMbGNMbitwL2JjR3BTVWxMbGxqN1FGQTdqN2pITFF1aERDQXBVSk1SWTMwbUtKVlliRXBFUU4zWjFVZ0dHcmdNN3JnMVV2Nkp4VnVTNmMzU2JyRHlTdG9HSmtKU2lyS3l3enVPUURrbWlOQ21FU3pTTHBkQU54UVlma3F4VGhDeGFZMk1VZ3FNbis5VWlGbVZpbDBIa2xma3RSVTROdjV3VUF3OUI2bnJsdzhGdmQ2dmZZM0NDNHRLWkhYNCtFNkMwZ3dEQ1B2SG9YQUtTMWhTamdFQUpteVpybmhCaHJMclVkOFMxOWsxMUNTVmxBTW1aVUl1aG9waVlMM01VblhGY20yZmpFUURMM0FrUjlxTHNOVjRyVS9XeTRwS1pGb01Rb2d4NXdTd3ZBTkhtQ05BK09tR0dBRFFwamlVeFlJaGhpWU9iT2F4SmhMaGU0dGt0NVlSTnZya1hSbklCaHkzSlQzOFZnOEk1OW5mcDlQaHN2Z3N4SkFUaEhDQU02NWFXYWdPTmlsUkFSNnhhaUJJc2lNUURCVUxjYVJLSFRYU2Zxckl0enVKa2svY0dDWFJ0UG5zLytROC9sS0pXWVNCSkJqVGdsaHVGbEFNWFBMYWdVRDJJbFFyL2g0QThGUUpjVmdyMEF3NUpZMVVDc0tWNTJrTHhieDllanpKWDNTU1N0a3VBd3pFMU5VdTAxVDhWaWM3a2dBY3NyRmVnRHpuLzhURjJPbHNscXBWTW9hakxGTzFyZk5LMlNORGJCeW5rZGo0am4xc2diWnJVb3N3eWVyMWRlRjlaMXhZSkFKVEo5Ym5PcVpzdHIrTXVVNnBhQ1prcjRneHZ2NWNDQVl1dFVwS3hPSlJNc3lNUUJuYVVtSlpCZ2N6d0J5eWltSlB4K0d5QlZEa2pmeDhDUWUyWml0S3lvcElpa21CcVpHWmhEQ0ZPOTV2VkxTTUVXeGZJRmdxQ1JSbmloYzc1WFZFb1RySWVrL0FzSFExUjJ0TFFOT1dLSHlNdnQ3RGJrOWJoa0dYM3dCeVAzRm1sTSsrSUZzTUJNM3A2V3l3ZzlQanVxZkthWmxSMmE1RW5Vc1NsRVVuUm9Sd3RpRnJxS0Y3Ym1TM2sweFBHdWxwSCtWOU5wY3IwZzhIcy9ZR0RXR0RLNi9BT1Q4SXAzMVFLRXJUZHlVTkV0YUxhdjdUNFdzRmk4RWdPQXpIb1dHc1dGc0VBaUd2R0ttc1VKV0krbnpmRTVlNURXQllPanR1VjZKV0N6bXpkU3lJOUVvWTZZQnlDbW50SVNKc1N0Z001K3NnVW45b3NVSmlwY3BhWVppS0VwTmdXQ29RdExwanRhV0tZb2plWWt4ZGFvVE4ra29USWFrejhnYTN3MFgrMklnR05yVjBkb1N5dVZLK0RNeE8xSXBQWFVCNUo1VDBuOUNHTmpCbmJob1hpMXJnTDBLRWNDQXozZ1VyekpKYXdMQjBLckUyQ1pZUXFJRjBYcFpMU2FadWJGd3ZVblNMUlREZ3Fvay9YdXVCL2syWFJtWUhjbk5ZUTNBR1RldFRoQm5WMkFaL0xJR1R1VHJEZUI4ZExlRFpJVXhaWUZnYUVUU1lFZHJTNFFpT1Y4aXBHcmtQRklVV2lSOWhHSlkwdTlJZXFla3J4WGd0dkVGSFlDY2NzcTNwRndRSXAyYnkwcEpxMlExSitiQ0daai9PQUZtVlVwYUh3aUdhcG5HMmhJSWhveEFNRlF2YVMzbmthSzU3cjFEVnBkbExPM3ZBc0hRNm15L2FldXQyelBhY2k4U2lkQXlFRURPVDBaT3dKZ0ZTT1dtc2xMV04xbTFzbVkzQWdBay94bGFMMmx0SUJncTZzRXBFd1B2cmttY1MxQWNicE4wUGNXUXRFcEoveFlJaHVxekhOeG1MQ1R6bFpLL0FNZzlRaGprMDQzRDNQQ0ZwcVRBMHVqcWlZVjRKYlVFZ3FIR1FEQlVkR01ISmNaK1dTT0pPN0xpMFNUcFR5bUdsRzJUOUdaSjY3SWQzSmFVMkQ5Qmt0dGtUQmdBdWVlVVQ2SnhTVDNzRGl6QUwrdWIyNGlrMHhRSGtMUnBpZ0JMcUpMa0R3UkRwenBhV3lhTFlZTUR3VkNEbVBtb0dQMjFyUEdSa0xxUFNkb3R5Uk1JaHM3SUdsc3E0eUcveDBOalp3Q0Z5UkVoVEdLUXdERjJCeTY0VVBiS0d1L0ZMeXVBWWV3Z0FNakF2WTZrMVlGZ2FFaldsTllGMllJcTBaMmltUnZ4b25TTHBGc3BoclExU0hxL3BFL0xDakI5Z1dDb3Q2TzFKZTlhc29kbmFId1BJUGVZdmhTT3ZGQU9CRU8xc2daSzlGTWlBSkFWdGJLNktCVmNlLzFBTUdSS1dpMENtR0xrbHZTWEZNT3kvYjZreXhOL0w1VzBKb1Bka3pMVzVYdzZIR1pQQXNnNVFoZzQ3VUs1VkZZLy9Yb3hzd3NBWkp0UDFxQzlCUk5XSkVLbEZqSDdVYkc2VGRJNmlzR1dlNFpQenJsM01DV3RDZ1JEVlJsNHI0cE1ib2piN1o1Z2R3TEk5UWNxNEpRTDVWcFozMVF5VUNJQTVNN3N6VlhlajVzeXB3VU01NVhpVkNucHZSU0RiYTZROUtZNS96WWtOUWFDb1RxS0JnQ1NSd2dESjF3a2V3TEIwR3JSK2dVQW5LUWhFQXl0elBMVXRIYWVXMXl5V3NBd3VtZnhlcHVzSUFiMitUTlpBM3JQVlJjSWh1b3BHZ0JJRGlFTWNuMlJYQ1pyN0JjZnBRRUFqbE1oYTV3WU01OVdPaEVjclJJdFlJcFpqYVIzVUF5MnE1UVZ4RnlvMXU0Z3h1TzJmM2lxOGZFSnVWeXVTWFlqZ0Z3aWhFRXVMNUxyRWhmSjFFTUFjQzZmck5tVDhxbEZTYU1JOTR2ZE84UkF6Sm55UmttWHpmUHpXanU3TVphVzJwK2h4dUl4R1FhemJRTElMVzUra1hXQllNZ1ZDSVpXU2FJUE1RRGtCNitzMlZBYzM3SWtNYjRZWFZDS20wL1NXeWlHak40L2ZFenpkeUZ2Q0FSREZVNWQ4Y25KS1JreWFBa0RJT2Nmb2tBMkw0N2RZcHBRQU1oSHBxd1dNWTZkWlNnUURQbGtqUytHNHZaNkVjUmwycldTWHJQQTc1cWMramtSalVabEdBYnpWQVBJS1VJWVpQUGl1RVRXOU5QMDBRZUEvTDF1YUFrRVEzNEhubU5NU2Mzc0l1cW9yQUY1a1hsL0lhbDhucDhia3BxZE9KYlUxUFMwNHZINE9Mc09RSzVQVkVBMkxvNzlzbHJBdUNrTkFNajdhNGRWaVZZblR0SW9xN1VPaXR2elpIM2hnOHlybC9USEMvek9MV21sMDFaNFluSktjY1hIMkhVQWNva2JZbVJjSUJncVQ1eUltWDRhQVBLWEtXdHNHRS9pc1NJUURQVkxta2w4dnB1U1lvbEhYRkkwOGJ0dzRzK3BqdGFXakF5SUdRaUdLalgvTi9Jb1BxK25DTExxYlpLK0wrbllQTC96QjRLaDJvN1dsaUduck96NHhJVGlzZmd3dXcxQUxoSENJS01TZzdNMWlRQUdBUEtOSWFsVWtsOVdOMUx2UE05Wks2bFhWc2dpTGRIQ05oQU16VWlhbERRaGFheWp0U1ZtdzNuR2xOVEE3b0tzY1dDMlVReFpaVXI2cUtRL1dPRDNkWUZnYUx5anRXWGFDU3M3TVRHcDhNek1hWFliZ0Z3aWhFSEdKQUtZbFpRRUFPU1ZFa2tWc2daUVh5cEFkOGtLMm51bHBLWjluVzFGVXlrcEhnaUd4aVVOZDdTMkxHZU1oanJSRFFtV2Jaby9MRVJtM1NUcFprbS9tZWQzaHF5dWdsMU9XTkdSc2JHb0pGckNBTWdweG9SQlJnU0NvYkxFaFRrQUlELzRaUTFzdTFKVzE1NWtXekNhaVp1c1ZLOHBqTVQ3ckFvRVErc0N3VkJsSUJoS3FkVmtJQmp5U3FwbTF5SGhaUlJCenZ5bEZnNURTd1BCVUpVVFZuSjBkQ3dxYVlUZEJTQ1hDR0ZndThSZ2pjMmlDeElBNUlPU3hHZjJDcVhmaXNDVGVIMjZuL3RlV2NIOXVzUTRZc21xWS9jaG9VTFdvTHpJalEyU2Jsdms5L1dCWUNqbjl4M2pFeE9TTk1ydUFwQkxoREN3VldJYTZsVWlnQUVBcHpObHpXNnlVdlowNFNqVjhrTVJqNnlwYlZzQ3daQW5pZk5OQmJzUkNiY2s2Zzl5NTMxYXVHV2FLYWttMXlzNGRIYllsRFRBcmdLUVM0UXdzRTBnR0hMTENtQ29Wd0RnYkxNdEZ1MmVVYWhjMW5ndnkrV1gxU3Btc1M0TU5leEd6SEVqUlpCemxaTGV2OWd4bXhoSU95bXhXTXpXbFF2UHpDZ2NEcHVTK3RsVkFIS0ptMlhZSXRHUGY1VVk3QmtBbks1RzFoZ3VaZ2FYWDJMRGNneEpqWUZnYU9XRjNSZ1NvVCt0WUREWDh5a0NSM2lUcEVzV3VlOUlPandkbjVpMGRjV0doNThkQ29iWmtRRGtGQ0VNN0xMU3BvdHVBRURtenZtTmtqSTlRS1loYTN3WXUwS2VDa21yRThITHJDclI3UlhuckJPVEFUaUZLV3VRM29WVXBUb0F0MTJHemo0N0tSSWhESUNjWDVBQnl4SUlodXBrZjVOMkFJQzlOMFpOc3JvaFpldjk2bTFjWG9ta05ZbHhZQ1I3dWp5aGNOeEFFVGpLalpKZXZNaG5RMDVhc1owZGZqYUVvVHNTZ0p3aWhNR3lCSUlodjVpZEFnQ2NiRGFBOFdiNWZYMnlOeXh4eTJvUlV5c0dZTVg1cnFJSUhPY3ZGemxPbDJxTk41T0pGZW9mUEMyWHl6VVQzTFZ6bU4wRElKY1l2d05wU3pRTlgwbEpBSUJqelFZd3VRb3RhaVJOMm5oVDVaSzlMV3hRR0FoaG5HZU5wTGRMK3RkNWZ1ZEx6SDVteUpwVnJVUldTR3hLY3AvZDgzajEwVzkzMkw1Qy9RT0Q4bmpjdmV3YUFMbEdDSVBsV0tuTURld0lBRmllMlRGZ2N0bHF4SkRVSUttblFNclRTRHd1YkVrY2t4U2Y4eWV5eHlkcEU4WGdTSDhrNlVlU0J1ZjUzVG90TUs2VDRUSXowbEsvZi9DMERCa2hkZ3VBWENPRVFWb1M0OEQ0S0FrQWNLd0daYjhMMG55OHNyb2xqVGk4dkZ5SmRmVWtIdTQ1RDBQSkR3UThHOFpFWmJVQWlpVCtuSDNFcUpxMjJpUytFSEtxTWtsL2R1Q0pmWjkvNkZmM2Z6Z1dqVmJmOU1vWGZYalRsVnZPS2djRGEvZjI5Y2ZENGZBUmRndUFYQ09FUWNvU0F5UFdVaElBNEZnMWNsWlFibmUzSkR0NGRLNHJSSW5zYXpGa0pFSUJVL09IWURPU3BoT1BDVmxoRGRKSEt4Z0hPek13OUx2My8renVXeUl6a1RwSnV2L245MzV5MDVWYi9pUVg2M0txcno4U2k4ZTcyU3NBY28yQmVaR1N4TFNDaldKcVVBQndLcDh5UHcxMXFnemxQcnczRW1WVEw2bEYwaXBaQTh1WEs3dGR0anlKOTZ5VHRIck9lcFJTZGRPeWtTSndwcUgrMC9ySk4zNWd6QVl3a2pROU9mWFN1Mzd3aTJ0eXNUNjkvZjB1U2NmWk13QnlqUkFHcWFyaFFoRUFITXVVMVEzSmlYeVMvRGw0M3hKWndjdHFXVjhpbE10WkxZRTlzcWJzYlVxc1k1MmMwWTBzWDJ5Z0NKeG5lT2lzZnZyTkgycHFZdktpMzNVZFB2RUgyVjZmd2FFaFRVK0hUVW1IMkRzQWNvMFFCa2tMQkVOZU1SMDFBRGhaamNQUDdiWEtUa3RLbDZ4eGFGYkpHa1MrUEUrdWVVeFpnVXh6NGxFaFdwNHVaUzFGNEN3VFl4UDYyYmYvWjk0QVJwTENVOU8zN3Y3bGI1WnN3UlNOMnRkVHJ5djA3TmpnaERBQWNvNFFCcWxvNEdJUUFCeXJWRmJZNEdSdVdlRklwcGl5Z3A3VmlUODllYncvWjcvNFdDMnBtbXUyQlRWVEJNNFJuZzdyWjkvK3NVYk9EQy8yTk9QZ2svdmZ2OVN5SmllbmJGdXZrOTA5Y3JsY001S1lIUWxBem5GQ1IxSUN3VkNackZIdUFRRE9sQzhEcGxkbjRQcGpObnhwa1JYeUZOSVhCcTVFbVJIR1hLeFN1ZW5paG5sRVppTDYyYmYvUjZmN0JwZDg3dlRrMUV0Ly9sOC9hY3ZXdXAwNEdaSzN0TFRudXR1L1VzR2VBdUNFRXp1d3FNUmd2QTJVQkFBNGxrLzVNNDZJSWZ0YXd4aXlCaUV1eFBCbHZtMnRuck90c01iUmdRTk1qSTNycDkvOGdmcEN2VW0vcHZ2WXlmYUpzZkdzVEM5K3JDc1VqeHF1UTVLYUFzRVF4dytBbkNLRVFUS3F4Q0NCQU9CazFYbDRYbG51elpkZjFwZ3ZOU3F1cnJJdVdhMSttc1ZBK1NzNTlIT3Y5MFMzZnREeEhmVjM5NlgwdW1na2Vza3Z2dlBUVjEzMDRYRHBWU04ycitQK1E0ZWpocmQwWCtLZlRZa1czZ0NRc3hNNXNLQkVLNWhhU2dJQUhLc2s4Y2dueTJrTk16c0QxQW81YTVhamJQUEthZ2xTVjhUWGM5VWMvcmtUajhmMTIzc2UxaysvK1VOTmpFMmt0WXloL3RQdnl2UjZEbytNNnZUUUdiZTN1bmJmbkIrdlRFdzRBUUJaUndpRFpDNXczQlFEQURoV3ZvNXhVSm5HZFVpWnJOWXZmSXQ5L3Y1ZnBlSnNGY09NalRreU5qeXFuM3pqQjNyMDNvY1ZqOGZUWGs0MEV0MTgzNy84eTJ2bi9WMHNac3U2SGp4eTFQckEyYlIxM3dYM1FDc0R3UkQzUWdDeWpnOGVMQ2pSQ3FhR2tnQUF4ektVdndPVEdrcCtOaWVYcEhwWkxXQzRkcm1ZS2F0VlRMRjF6YXBtMTJmZnNmMUhkT2RYL2t1bnVucHNXZDV3VC9kbjkvenRuMy8zMkhlL2RzM2NuMDlNVHRxeS9BT0hqOHJ0ZGs4MHZmZ1ZGNjV3aVJqekVFQU9jQ0dEeFZTSlZqQUE0R1NsZVg0dVQ2Wkxra2ZXMkIvbDdPNmt6dHROV3Y1NE8vbWltbDJlUGZGNFhBLzk2bjUxZnU5L0ZaNmF0bTI1bnFaTmFscTU2dW96VHdhL3QrZjJEMy91ekZPL3JUSk5jOGF1NVI4NGRGaW10MlRmUXNkTUlCaGloaTBBV1VVSWc4WFFDZ1lBbk0yWDUrdnYxdUl0ZWZ5eUJxRDFzS3VUVnBJb3M1SWkyRlphTVdSSlpDYWlYM3pucDNweTkyTzJMdmQxejc5Q1QvM3pCM1huVjc3ZytsVDdYOGhuNkpYZFAveldMMkt4bUcwdHVuNzc1TlBSdUxja3VNaFRWaVJhZndOQVZoRENZRjZKVWVPNTZBVUFaeXVFY1VBcUYvbjVDaFZYOXhxN3pIWlBLdlN4YzFhd3F6TXZQQjNXenYvNGtib09IYmZ2QnNRd2RQdmJYcTRmL09YdnE4Sm41WVhiWG5TenZ2KzFmemF2dWVMU21uZzhia3RMN042K2ZwMGVPbU9XTmpUOWRwR25lY1cwN3dDeWlCQUdDNkVWREFBNG01RzRlY2gzcGJxNCsweTltSm5QanZyUlVPQTNsMDNzNXN5S3grUHEvUDcvcWkvVWE5c3k2eXZMMVBtM2Y2Q1B2T0VXR2NiNUdXdDFWYVgrL2xNZk4yNTYzZzBhSDU5WTluczkvdlFlR1lZUlgvR0NXeDlmNHFtMXRJWUJrQzJNOTRHTEpLYnNvMzhzQURoYklVMnZXaTVwZUU1d3dEbklQcld5UXE0ekJiWmRwYkxDT21UUWs3c2ZVL2ZSazdZdDcvcE5MZnBoKy8vVm1vYnFCWi9qY2J2MW1ZLy9wUTRjUHJMczkzdmk2VDN5bHBZZXJ0eDgyZGdTVC9YSW1tbHNoTDBPSU5NSVlUQWZtbVFDZ1BNVjB1Q3I1WW1ibnhYSy8zRnVuS2hLVnV2bjAvbStJZC83cDIvOXdkVGsxSllWcXhwN2I5NytZcFZWTWw1ekpoMTRmSzl0eTNySHRsYjl5N3RmcXhMUDByY2ZIcmRiVjJ6ZHN1ejNmT2pSeHlNeFQ4bURLVnovRXNJQXlEaENtRHlWYURMcFRseUVtNG1McXd1YlVjWVNmMFlUajBoSGEwc3N5Wk1RQUlCemVMYk16b0RrWmJkbVRFWGlPbUV3WHpmZ2w5LzczeHZPbmo3ekY1TFVkZWk0L3ZPTFg5ZjZyUnQxN2MydHFtOWlqRjY3UldZaU9udDYrUTJvM0c1VC8vS2UxK2tQZnFjMXErdC8vR1JJcC9yNjNaVmJycmczeVpmNEE4R1F1Nk8xSmNMZUI4QUZYQkZMaEMwbHNwcmRsaVF1VUwxSzh4dlFRREFVbHpRaktTeHBPdkhuVkVkcnkwemk5MzdxQlFEa2hVSWJQSjBBSnZQS0pjV1ZweTFpZW82SDNqSDMzL0Y0WEVmM0hkYlJmWWUxZnV0RzNYQnJtNnJybkR1azNkVEVwRXI5K2RQUWEyeDRkTm5MYUtxdjF2LysxVnQxM2NaVldWLy8reDU4UktacFRyZTg0ZzJQcFBDeUNoVmUxejBBRHNQTnRnTUZncUVTV1RNYStHVTF5N1p6b0xEWmdSeTlpWXV4MmZlTVNKcWtUZ0JBM21BUVNhU2pRbFpMMmJ5NjBUeXk1MkJWZUdyNmhRdjkvdGorSXpwKzRLZ3V2ZjRLWGYvQ0crUXZkOWJFVU1jUEhGVThIdGY2clJ2enBzekQwOVBMZXYwTHI3NUVQL3p3NzZtMklqZERQUDNtd1lkalpxbnYvdElWVGVFVVh1WVRJUXlBRE9PRzJ5RVN3VXVsckdERWs2TzZVTUdlQUlDOHdReUhTRmVWckc3S2VUUCt4ZE1QUFhHVGxtZ0ZISS9IdGZlM1QrdmdrL3QxeFExWDZmSWJybEo1Wlc0dWJhTFJxRTUxOWFycjBIR2RQSHhjWndhRzlPcTN2ejZ2S2tsa0pyMWVPWVpoNktOdmVvays4WHUzeW1Ya0ppc2VHUjNWVTN2MkdiN20xYnRTZkNsalVnSEl5bzAzY2lUUjFhaENVcldzN2tZQUFDUjlyME1SWUJscVpYVlBuc3lIbFIwZUduNUI4dUhCako1NDRGRTl1ZnN4TmExcDFwcEwxbW4xeGpXcWJheS9hRXBrdTBRaUVRMTA5K25VeVY2ZDZ1cFJ6L0hRUlNGR2xZTzdTdG1sdnFwYzMvMkx0K2dsVjIvSzZYcDAzbjJmSk1WWDNQaVN1MU44cWNtNE1BQXlqUkFtQndMQmtFdFc4Rktqd3ByZEFnQ1FQYlNFd1hLdGtOUWpLNHh4dFBCMCtQcFVYeE9QeDlWN29sdTlKN3IxOEs0SFZGSmFvcVkxemFwcmFsQkQ4d3BWMTllb3NxWktMcGNycFdXT2o0enB6TUNRemd3TWFhai90SWI2VCt2MHFRSEZZZ3ZQZmVEeGV1UXZMK3laMTMvbjJrdjByVDk3c3hxcmN6OWoxVTkrOGF1WXQ2ejh3ZHBybjV0TzF5SzNKRUlZQUJsRENKTkZpWll2MWJLK2ZTSjhBUUFzUjR3aXdESVpzb0tZWGlmWHA0TlA3YStKUmFOcmxydWM2YWxwblRoNFRDY09IanRYQUlZaFg1bGZaWlhsS3ZXVnlsUGlsZHZqVml3YWZiWWxTelFTMWNUWXVDYkdKalExTWFsNFBKN3llMWZXVmhkc0pmSjYzTHJqN1MvWG43enF4b3kxTkVyRnNSTW50Zi9RWVZmWm12VS80UDRJZ0JQeElaTWxnV0NvWEZLRENtODJDd0JBYnNRcEF0akFJNmxlVXI5VFYvRG9ua05iTW5ZUXhlT0pnR1U4bzl0UW5ZZGRrZUt4cFQ5aXJsNi9VdC82c3pmcnluVk5qbG52bloyNzVIYTdSOWUrL20yL1NuTVJmRkVLSUtNSVlUSXNFQXk1WlgzTFZFNXBBQURzdkVlaUNHQVR2NnpKQVJ3NVVPL0ltWkdOK1Y3QVZiVlZlYmZPaXdWVEhyZXBqNzM1SmZydzYyK1J4KzJjekdKNk9xd2YvNnd6YXBSVmZEL0ZXWkhtWXJ3dEFCbEZDSk5CZ1dDb1VsWUFRNzk5QUlEZDZJNEVPOVhJR3FUWGNlUER6SVRESy9POWNMM1JxYnhiNS9HUnNYbC8vcHpOYS9UMVAzbTlybGpiNUxoMS92bGRkMnRzZk54WWVldXJ2cjJNeFJEQ0FNZ29RcGdNU0F5ODJ5aW1mQVlBWkE0RFI4Sk9ocXh1MHowT1hMRzhyK3NyTnF6UHUzV2VHSjg0NzkrbGZwOSsvM1V2MGxmZmRMTWp4bjY1VURRYTFkZi82L3RSYjNuRnI1cGUvSXFlWlI0TEFKQXh0TkN3V1NBWThrcGFJd0lZQUVCbUVjTEFibDVaM1pJYzVZcm5YZk1kbDJsMjUzUEIxclUwNTkwNkc0a3N3akFNWFhIRDFYcnorOTZxdDd6b2VrY0dNSkwwODd2dTBhbitBYlBxeXVkOGFabUxvcXNuZ0l5aUpZeU5Bc0ZRbWFTVkl0d0NBR1RlaktScGlnRTI4MGs2TFFlRmZGYzk3OXJqM2hMdnk0Sy91dThqVTVOVHQ4WHk3REtyek9lUnQ4U2JkeFZoMVliVm1nblA2TXJuWGFPYWhscXJjcmlkV2ZiVDAyRjk1ZXZmam5yOFpUOXJlZFVibjdiaHN4VUFNb1lReGlhQllLaEtWaGNrQUFDeUlTeHJhbUhBYmxNZHJTMU9xMXNuVzIvZC90NklZZDUyeTJ0L1QvY2Y3bFB3VUNndkNyT3hPVDh2RDlkY3NrNXJMbGwzM3M5OHBqTkRtUC82NFk4MU9EUVVpOFZpNyt0b2JUbkpJUXpBeVdpeFlZTkFNRlFyQWhnQUFGQVlLZ0xCVUtrRDE2dk1IWS9xdGhzdjFTTi85ejZkK1BlLzFKZi82TFY2ZmR1VnFxOHNjMnhoYnJqMkNtcFVCb1Y2ZXZXMWIzMDNGb3ZGZGdSMzdUeEJpUUJ3T2xyQ0xGTWdHS3FYVkV0SkFBQ0FBdElneVdrdENqeVM1UGRaK2RDYWhtcTk1eFhQMTN0ZThYekY0M0h0Qy9VcmVEQ2tSdzZlMUtOSHV2WFVzVjVOaG5QYnM4UjBHVnE5YVYzQlZJcFkzRm5EcGNSaU1YM3k4LzhRazNSTTB1MGN0Z0R5QVNITU1oREFBQUNBQXVVTEJFUCtqdGFXQ2FldG1HbWFGLzNNTUF4ZHRycFJsNjF1MU50ZWN2MnpnY0h4dmpONjZuaXY5bmIxNlZEUGFSM3VIZFNobmtIMW5SM0x5cnBlZXRYbXZCd1BaaUhUVVdlRk1OLzR6cDE2NnBtOThWZzgvcWJncnAyTWtRVWdMeERDcENuUkJZa0FCZ0FBRktwNlNWMU9XNmx3a3ExYlhJYWhEVTIxMnRCVXE5Yys3L0x6ZmpjMkZWYlh3QmwxOVo5VjE4QlpuUndjVnQvWlVmVU9qYXJ2N0toT25SblYwTmlreHFmQ0thK2ZZUmhxcmlxVk1kd1hmZjcyVzgxQ3FoQVJCN1dFZWVEaG9EcSsrWi94ZUR6K3dlQ3VuWTl5dUFMSUY0UXdhVWdNd2x0UFNRQUFnQUpXR2dpR1NqdGFXNlljc2o3amtqUWREaTk3UWVXbDNtZGJ6aXdtRW8xcGFHeENZNU5oalV4TWFXSjZSdUZJVkxGNFhDTVRWckg0U3p6eXV0MnE5SmRvUlZXNW1tb3E5S2NmL1p2NG9icjZzTXMwZllWVUljWWpNVWVzeDk0RGg5VCtxVHVpcG1sKzU4RmYvUGlMSEtvQThna2hUSW9TMDFBekNDOEFBQ2dHTlhMT0xGd3praFNKUkxOM29XeTZ0S0txWEN1cVVudmRrM3YyeFJ0KzV6VytRcXNNNDlIY2h6QUhqeHpWK3o3eXNXZzBGcnM3RW9tOGkwTVVRTDVoZHFRVUJJSWhyNlNWbEFRQUFDZ1NGWUZneUNsZjJrMUswdFRVbEtNTDdGVC9nS2FtcGx5K2xhc0tyakxrdWlYTVE3OTlUSC80Z1E5SHA4UGgrOExoOEd1Q3UzYUdPVVFCNUJ0Q21DUUZnaUdYcEdiS0RBQUFGSmxLSjZ6RTdNQ3JrV2pVMFlWMTdJUTFqRTdwaXNMNzNxNXZaRHduN3h1TlJ2WFZiLzZuM3QvK04vR1pTT1RiNFhENHBjRmRPeWM0TkFIa0k3b2pKVytGSkMvRkFBQUFpa3lWcENGSFhMaTYzZVBESXlObFRpNnNZMTBoZVgyK0dYZFpoYWZRS3NMVFI3djBpVi8rdDk1NTI1dTB1ams3SWRQalR6K2pPLzd4SzlGalhTZWo4WGo4angvOHhZLy9qVU1TUUQ0amhFbENJQmlxbEVPK0JRSUFBTWd5ajFNRzZIV2I1cG16dzg0T1lmcjZCMVJTVlJPV1ZIQWhUT21LcHVGZmZmVTNrei83MWErYlhueFRXL3dOcjM2bGNkMVZWOGd3REZ2Zlp5WVMwZjBQUGFMdi9QQW5zU2VlM3VQeWVqejN4R0t4L3hmY3RmTW9oeU9BZkVjSXM0UkVQK2dWbEFRQUFDaGlGWkp5SHNJWWhuRjY2T3h3aTVNTHFuOXdVR1pWVGJ3UUs0SExXMUpldHZXcUZXZWVmdlNOOXozNHlJZnYrczBEVnpTdGFJaTg3Q1czdUcrNThmbmF1bm1UWEdrR01yRjRYSHYySGRCZHY3bGZPenQvSFIwWkhYVjVQWjU3SlgzeWdaLy82QjRPUVFDRmdoQm1hU3ZFT0RBQUFLQzRsVXNheVBWS1JDS1IzdUhoNGF1ZFhGRGR2WDBSVDMyTHIwRHJnYm4rOS82d3RyUDFFOStXOU8zV1c3ZGYzejh3K1BadjMvbWpOMy9qTzNmV2w1ZVZSYTY1OGpMenNpMmJqVFdybXJXbXBWbE5LMWFvdk13dnQvdmNiY2ZrMUpUNkJnYlYwOXVuSThlT2ErL0JRd28rL2xSa1pIVFU3ZlY0ZXNNek0xK1g5SzhQL1B4SHh6bjBBQlFhUXBoRkpLYWpMcWNrQUFCQWtmTUVncUdTanRhVzZWeXV4RXdrMG4xbWVDUW1CMzlCTm5oNktPN2RjRVVoWDJNM1N6b2xTY0ZkT3grVjlHanJyZHYvUk5JMVkrUGp2L05nOExHYkhubnN5ZXRuWm1hYTR2SDRzODFpVE5PTW02WVpDNGZENW5rVnkrMCtZeGpHNCtHWm1ic2wvZnlCbi8vb1VRNDNBSVdNRUdZQmdXRElrTlJBU1FBQUFFaVMvSkttYzd3T3AzcFA5VVhrNE1rU2hrZEh6WlZsQmYwZFh0T0ZQd2p1MmhtWDlIamljWWNrdGQ2NjNTdHBvNlJWa3NxajBXaFZOQm8xSkUxSUdwZlVJNmxyOXk5K2ZKcERDMEF4SVlSWldMV1lEUWtBQUdDV1g5S1pISy9EaWI3QjA0NjlmcDJlRG10bVpzYmxLUy9vK1J5U0dwTW51R3RuV05LK3hBTUFrTUJZSi9OSXRJS3BvU1FBQUFDZTVZUnhUazZFdzJIWDJlRVJSeGJRMlJGcnZkeEYxaElHQUpBOFFwajVWWXRXUWdBQUFPZGROd2FDb1Z5M0VqNHVTYjE5Zlk0c29LRXpWa01odDcrc2tPdEJNNGNDQUN6alpFb1JuSTlXTUFBQUFBc3F6Zkg3ZDBuU3FmNEJSeGJPOE1pb0pNbGRWbEhJZGFDRnd3QUEwa2NJYzdGeTBRb0dBQUJnUGlXNWZQUGdycDFUSHJmN2RIZXZNMXZDbkIwZWtlRnl4VTJmdjVEckFOMlJBR0FaQ0dFdVZrVVJBQUFBektzazF5dGd1RndIajNlZGRHVGhuRDV6UmlVK2Y3akE2OEJLRGdNQVNCOGh6QnlCWU1namErUi9BQUFBWEN6bk0wZUd3K0duVDV3TXhaeFlPR2ZPanNoVFhoRXA4RHBBdDMwQVdBWkNtUE5WVWdRQUFBQUxjaWZHejh1bEEwZFBuSFJrQ0hQNnpCbVpaUlh4QXE4RHZrQXdWTUtoQUFEcElZUTVYemxGQUFBQTRPanJ4NE9qWTJQdTBiRXh4eFZNNzZtK21GbFQ3eW1DT2xETFlRQUErWGtTZFl4RVZ5UlNmUUFBZ01XWk9YNy92WkowdkN2a3VJTHA3ajBWTGFscktJYnJTYm9rQVVDYUNHSE9LYU1JQUFBQUhILzllTnpsY29VUEh6dnVxRUtKUkNJYU9EM2s5bFlYUlNNUlprZ0NnRHc5aVRvSkEvSUNBQUE0L1BveHVHdG56T3Z4SER4eTdJU2pDdVZrZDY5aXNaaFIybGdVa3djMWNoZ0FRQjZlUkIzR1J4RUFBQUE0Ly9veFBEUHo2S0dqeHgwMUFPN3hrOWEwMmFYMVJaRlBOSE1ZQUVDZW5rU2RJQkFNZVpYNy9zMEFBQUQ1SU5lekl5a1dpejF4Nk9neFI4MlFkUFI0bDN5VlZWTXViMUVNTVVoTEdBQklFeUdNaFFGNUFRQUE4c2ZUWStQajVzRHBJY2VzMFBHVElaWFVOMGFLcFB4WFV3VUJJRDJFTUJaQ0dBQUFnT1FZRGxpSHB5WHBpSU1HNXoxeTdFVEV1M0oxc1l3eHVKYkRBQURTUXdoajhWSUVBQUFBU2NsNUNCUGN0YlBmNDNhZlBleVF3WGxqOGJoT2hMcGRwWTByaStYYW1oQUdBTkpFQ0dQeFVBUUFBQUJKY2NTQXVDN1Q5WXhUcHFudTZUMmxtWmtabDIvRnltS3BBeXNUWXlvQ0FGSTlmMUVFa2doaEFBQUFrdVdJRUdaNk92em93Y05ISFRFR3kreDAyYVZOcTRxbERoaGlYQmdBU0FzaERPVUFBQUNRajU0NmZqTGtpc1Z5UDBuUzRXUEg1YXVzbWpKTFNvdXAvTGRTQlFFZ2RVVWZQZ1NDSVlOcUFBQUFrTFM0UTliajZVZ2s0dXJxN3NuNWlodzVma0lsalN1alJWWVBObkVvQUVEcWFBSGlqQkgrQVFBQThrWE1JZXV4VDVLT25laksrWW9jT0h4MHBxUjVyYi9JNmdFaERBQ2tnUkNHRUFZQUFDQVZqbWdKRTl5MWM4enI5ZmJrZW9ha21VaEVvWjVldDY5cFZiRmRVOUlkQ1FEU1FBZ0RBQUNBVkRpbTIwMDBHbjNpeUxIak9RMkZqcDNvVWp3ZU4zekZNeWp2ck1zNEZBQWdkWVF3dElRQkFBQkloVk82SXlrYWpUNTU2TWl4bVZ5dXc2RWp4MlM0WFBIU2hxWmlxd2ZOZ1dDb21zTUJBRkpEQ09PY3dlVUFBQUR5Z1pNR29OM1QzWHZLTXhQSjNVelZoNDRkVjFsZHc2Umhtc1ZZRnk3bmNBQ0ExQkRDQUFBQUlGbVJqdFlXSjMyQnRTY1dqeHNudWtJNVc0R0RoNC9HdkN0WEYrczFOU0VNQUtTSUVJYVdNQUFBQU1rS08yeDk5aHFHRVR0eVBIZUQ4eDQ0ZkRUbWExbGJXcVQxNFJvT0NRQklEU0VNSVF3QUFFQ3lIQlhDQkhmdERIczhucTZqeDNNelRmWGcwSkJHeDhiYy9wVXR4Vm9mcnVPUUFJRFV1SXU5QUJKTmFnOVNGUUFBQVBKUE5CcDkvUEN4NDJ1Vmc4a1dEaDg5TGtueU5SVnRDSE5sSUJneU8xcGJvdFJFQUVnT0xXRUFBQUNRdDZMUjZOT0hqeDNQeWNpOEI0OGNWVWxaV2RoZFhsR3N4ZStYdEpsYUNBREpJNFFCQUFCQVBqdlkxei9nanVSZ2hxUkRSNDdKMTlnOFUrVGwzMG9WQklEa0VjSUFBQUFnbisyUHhlTkdxUGRVMXQvNHdPR2prWkpWNjN4Rlh2N1Bwd29DUVBJSVlRQUFBSkRQRGtuU2laUGRXWDNUOE15TVRvUzZUVi96Nm1LL25pYUVBWUFVRU1JQUFBQWdid1YzN1J6eHVOMURKN3Q3c3ZxK3gwNmNWRHdlTjN6Rk96UFNyQ3NEd1ZBNU5SRUFra01JQXdBQWdQeStvRFZkQjQrZlBKblY5engwOUpoY3Boa3JiV2ppZmtLNmdWb0lBTWwvYUFJQUFBQjVhM282L0hUWHllNVlOdC96NE9HaktxdGZNV1c0dUp3V1haSUFJR21jTlFBQUFKRHZEaHpyT3BuVkVPYlFzZU14ejhyVlhFdGJicVFJQUNBNW5EZ0FBQUNRN3c0T2o0eTZ4OGJIcy9hR2g0NGNpL21hVjVkUzlKS2s1d2FDSVlOaUFJQ2xFY0lBQUFBZzN4MlFwSzVRZGdiblBUTThySkhSVWJldnNabVN0OVJLMmtJeEFNRFNDR0VBQUFDUTc0NFpoaEU5ZmpLVWxUYzdjdXlFSk1uWHRJcVNQK2NsRkFFQUxJMFFCZ0FBQUhrdHVHdm5qTmZyNmNuV05OV0hqeDJYcDZRMDRxbXNwdkRQZVJGRkFBQkxJNFFCQUFCQTNvdEZZM3RPWkxFbGpHOUY0eFNsZnA0WEI0SWg3aTBBWUFsOFVBSUFBQ0R2elVRaWU0OTNoU0xaZUs5RFI0OUZ2YzFyU2lqMTg5Ukl1b1ppQUlERkVjSUFBQUNnRU96djZ1N0orTFZ0UEI3WDBlTmRocStweFVPUlgrVEZGQUVBTEk0UUJnQUFBSVhnWURnY2R2VU5ER2IwVFU3MUQyaHFldHJGb0x6enVwVWlBSURGRWNJQUFBQ2dFQnlVcEs1UWQwYmY1TkRSWTVJa1h4UFRVOC9qcGtBdzVLVVlBR0JoaERBQUFBREllOEZkTzN0TjA1ek1kQWh6NVBnSitTb3FwODFTUDRWK01iK2s1MUlNQUxBd1FoZ0FBQUFVQkkvYmZhd3JsTmxwcW84ZU82R1NocVlaU250Qkw2TUlBR0JoaERBQUFBQW9DT0dabVQxZDNUM3hUTDdId2FQSElpV3IxdElNWm1HdnBBZ0FZR0dFTUFBQUFDZ0lzVmhzMzdFVFhaRU1MbDlkb1I2enRLbVphK2lGWFIwSWhsb29CZ0NZbjVzaUFBQUFRSUU0ZktwL3dCMk5SbVdhcHUwTDd6blZwMmcwYXBUV04xSFNpM3VscEk1QzM4aHRPM2FYU2xvaHFVeFNpU1N2cExDa1NVbkRrdm82Mjl2aVZBY0FjeEhDQUFBQW9GQWNqTVZpUm05ZnYxcWFWOXErOE9OZElVbFNhVU1qSmIyNFY2aEFRcGh0TzNZM1NMcFUwbFpKV3lSdGxyUlJVck9rcWlWZVByTnR4KzZRcENja1BTcnBYa2tQZHJhM1Jha2lRUEVpaEFFQUFFQ2hPQ2hKSjA2R01oTENkSFgzeU92emgwMmZuMm1ZRjNkcklCZ3E3V2h0bWNxWEZkNjJZM2VUcE1za1hTRXJkTGxVMHVXUzZwZXhXSStrOVluSDZ4SS9HOXkyWS9lZGtyN1UyZDYyajZvQ0ZCOUNHQUFBQUJTRTRLNmRaNTcvc3RlT251enByY2pFOGsrY0RNbFgzeENXMWUwRUMvTkxlcUdrWHpwdHhiYnQyTDFTMHBXeUFwZkw1L3habGFWVnFKZjBSNUwrYU51TzNUK1c5TUhPOXJZalZCbWdlQkRDQUFBQW9HQ1lwdXRRVjZqN3Vrd3MrMWpYeVppN1lhV0hVazdLSzVYREVHYmJqdDJWc2xxMVhDRXJkSmw5MURxb2pGNHI2UlhiZHV4dWwvUjNqQjhERkFkQ0dBQUFBQlNNbWZETW5oTW51NitWWk5pOTdPTmRvVmpaamJlV1VNcEplWTJrUDhuMG0yemJzZHN0YTd5V3EzVis2TEkyVDhySksrbnprcDYzYmNmdTJ6cmIyOEpVSGFDd0VjSUFBQUNnWU1UaThZUEhUNFlpc3NianNNM1U5TFRPRGcrN2Eyc2JLT1RrckFrRVE5ZDN0TFk4YXRjQ3QrM1lYU1hwR2xtQnk5V0p2MTh1YTJhaWZQY0dTU1hiZHV4K0EwRU1VTmdJWVFBQUFGQklEZ3llSHZLRVoyYms5ZGlYdy9UMDlrbVNTbXJyS09Ia3ZVN1dyRUFwMjdaajkzcWRDMXhtLzF4WDRPWDFLbG16U3IyRHFnTVVMa0lZQUFBQUZKTEQ4WGhjb2U1ZWJWaTN4cmFGOXB5eVFoZ3ZMV0ZTOFFaSmY3WFlFN2J0MkcxSTJpVHArc1RqT2tuWFNxb3Awako3KzdZZHUzL1QyZDcyZGFvUFVKZ0lZUUFBQUZCSURrcFNWM2UzclNGTWQrOHBlVXRMWjh5U1VnYm1UZDZXUURDMHRhTzFaYjhrYmR1eDI1UzBXVmJRY3IyazU4aHE1VkpCVVozbkM5dDI3UDVwWjN2YklFVUJGQjVDR0FBQUFCU000SzZkNHplKzRuZFBuK3p1dGJYZlVNK3BQcFZVMTRabDgxZ3poVzd5OU5RbnR1M1kzUzNwdWJJQ0Z6K2xzcVFhU1IrWDlENktBaWc4TG9vQUFBQUFoY1F3ZE9oRUtHVHJNbnRPblpLN3RzR2dkRk5qZWx4dmxQU25rdHBFQUpPS2QyM2JzWnNCaUlBQ1JBZ0RBQUNBZ2pJOUhYNm02MlIzek01bGRuWDN6SGpyRzMyVWJtcThsVjY1UzJsOG53YWZwSGRSREVEaElZUUJBQUJBb1Rsdy9HUW9hdWNDQjArZk1UeFYxYlNFU1VOWkl3MWcwdlFtaWdBb1BJUXdBQUFBS0RTSHpnNlBlQ1ltSm0xWjJFd2tvdEd4TWJlbnZJcVNUUU1oVE5xdVMwelZEYUNBRU1JQUFBQ2cwQnlTcEs3dUhsc1dkbnJvakNUSlcxMUR5YWFocE1vcmo0OHVTV202aVNJQUNnc2hEQUFBQUFyTlljTXc0bDJoYmxzV05uaDZTSkxrcWFBbFRMcG9EWk8yR3lrQ29MQVF3Z0FBQUtDZ0JIZnRESHM4bmw2N1c4SVF3cVN2YkdVWmhaQ2V6UlFCVUZnSVlRQUFBRkI0NHZIOUowUDJoREJuUjBiazluaWlocHN1TmVueWxudmtLZk5RRUtsak1HaWd3QkRDQUFBQW9PQ0VaMmIySE92cWl0aXhyT0dSRVhuOEZTYWx1anpsVFhSSkFnQkNHQUFBQUJTaVExM2RQYmEwSWhnZUdaWGJUM2VhNVdKY0dBQWdoQUVBQUVCaE9qQXhNV21lSFI1WjlvS0dSMGZsOGhIQ0xKZW56Q052aFplQ0FGRFVDR0VBQUFCUWlBNUowZ2tiWmtnYUhpR0VzVXRGU3ptRkFLQ29FY0lBQUFDZ0VIVzVEQ05peHpUVkk2Tmpjdmw4bEtnTnlwdjhNa3pHbWdWUXZBaGhBQUFBVUhDQ3UzWkdQVjVQVjZpN2Q5bkxHaDJma052SGVDYTIzSHk0WFl3TkE2QzRQd2NwQWdBQUFCU2lTQ1M2NS9qSjBMS1hNelkyTHBPV01MYXBwRXNTZ0NKR0NBTUFBSUNDRkkxR0R4dy9lWEptdWNzWm41aVFXVW9JWTVlU3FoSjV5ejBVQklDaVJBZ0RBQUNBUXJVLzFOMXJ4dVB4WlMxa1ltSkNaa2twcFdrakJ1Z0ZVS3dJWVFBQUFGQ29EczlFSXE3K3dkTnBMMkI2T3F4b05FcExHSnVWcnl4amdONGtxeUJGQUJRV1FoZ0FBQUFVcWdPU3RKd1prc2JHeDYyTFprSVllMjlDR0tBM1daTVVBVkJnbjM4VUFRQUFBQXBSY05mT1U2WnBUcDQ0dVp3UVprS1M1R1pnWHRzeFFDK0FZa1FJQXdBQWdJTGxjYnVQbmdpbFAwUFNiRXNZdWlQWnI2U3FSSjR5QnVnRlVGd0lZUUFBQUZDd3d1SHdFOGU3bGgvQ3VFb0lZVEtoWWxVWmhRQ2dxQkRDQUFBQW9HREZwSU5IVDZRZndveU9XU0dNMjhmNEpabFF2ckpNaHNFQXZRQ0tCeUVNQUFBQUN2ZGl0NlRpeE9EcFFVMVBoOU42L2Nqb21Ed2xwUkpCUVVhWVhsTytlcWIvQmxCRTV5V0tBQUFBQUFWN3NldXJQUmFQeDlYVm5kN2d2S05qWS9MNDZES1RTZVVyS2Q5Rm5LVUlnQUk3TDFFRUFBQUFLRlQrVFMvcWt3eDFoWHJTZXYzbzJEaUQ4bVo2SHpYNDVISnpXd0tnT1BCcEJ3QUFnSUpsVnF5TWxaUlg2M2pYeWJSZVB6d3lJdFBQVk1xWlpMZ00rUnNJdWdBVUIwSVlBQUFBRkxJU3cxZVhka3VZb1ROblpmanBMcE5wZEVrQ1VDd0lZUUFBQUZESXh1S2xOVHB5b2l1dEZ3OE9uWlc3b3BKU3pMRFMyaEs2SkFFb0NuelNBUUFBb0pDZE5mMTE2Z3FsTnpEdm1lRmhlUWhoTXM0d0RKWFdsbEFRQUFvZUlRd0FBQVh1cWU2ejVwNitVWk9TUUpFYU0vMTFtcHFhMHNEcG9aUmZQSFRtck54bGpBbVREZjU2eG9XWnh4UkZBQlFXUWhnQUFBcGNKQkw1STBsL1EwbWdHSFcydDBWYy90cHBTZW82R1VycHRXUGo0d3FIcCtXcHJLWWdzNEFRWmw2RU1FQ0JJWVFCQUtDQUJZLzBsY2ZqOGQrVjlORTlmYVBiS0JFVTVRVnZTY1dJNlNuUjhSUkRtTDZCUVVtU3Q3cVdRc3dDczhTVXU5VHRoRlhwWlc4QXlOZzVpU0lBQUtCd3hhVVB1a3l6U3BJaDZkdDcra2FiS1JVVW9YNXZlWjFPbkV4dFhKaFQvUU9TQ0dHeXFhVFNtOHUzSDVMMFFVbVhTSXF5TndCa0FpRU1BQUFGNnBFamZTc2xmZEJ0bXFzU1AycVE5QjNHaDBFUjZvbVYxS2JlRXFaL1FKNlNVcG1sZEpQSkZyY3ZKeTFocGlUZElXbGpaM3ZiRnpyYjI4WWxoZGdiQURMeU9VY1JBQUJRc0Q0aHlYQ1pyc1k1UDd0WjBxY2xmWVRpUVJIcGMvbHFkZlRFdnBSZTFOdlhyNUlxV3NGa2s4dHRaUHN0NzVUMEY1M3RiU2N1K0htWHBMWHNFUUMyZjg1UkJBQUFGSjVIanZSZEp1bWRobUVjbStmWEg5N1ROL3B5U2dsRnBNZmxyOVhBNEtDaTBlUjdtWnc0MlMxM2JRT2xsMFdScWF6MUFucEswb3M2Mjl2ZU9FOEFJMG1ISFZJa2NXb0ZVRmdJWVFBQUtFeWZsV1NhcGpteHdPKy90YWR2dElWaVFwSG9NLzIxaXNmakdodzZrL1NManB3NHFkSW1obEhLbHVoTVRPTjlFNWwrbXlGSjc1RjBYV2Q3MnoyTFBPOFpoeFRMTURVREtDeUVNQUFBRkpoSGp2VGRJbW03SkpsdXMzcUJwOVZKK3U2ZXZsRVBKWVlpY05KVldpVko2ay9NZUxTVVNDU2k3cDVlbFRZMFVucFpjbnIva0dLUldLWVdINVgwVDVJdTZXeHYrNWZPOXJhbG10enNZNDhBeUFUR2hBRUFvSUE4Y3FUUGtQVDV4RC9qcHVuYXNNalRiNVIwdTZ6WlFJQkNkdFR3K09ReVRaM3FIOUNWbDIxZDhnV2gzbE9LeGFJcWJhUWxURGFjUFRhaThWTVphd1d6VzlKN090dmJua3poTllRd0FES0NsakFBQUJTV3QwaTZYcElNd3podUdNWlNNeUg5K1o2KzBWZFJiQ2h3UnlYSlUxS3VvVE5uazNyQmlTNXJjaHhhd21UZTJhUERPblA0YkNZV1BTRHBYWkpla0dJQW84NzJ0dU9TenJCM0FOaU5FQVlBZ0FMeHlKRStyNnlaajZ5VHZNczFtT1JMdjdtbmIzUU5KWWhDMWRuZWRrYlNHWmVuUkNOalkwbTlabnhpUXFiYkk1ZTNoQUxNa0hnMHJvRm5UdXZNRWR1SFBZbEorbWRKV3pyYjIvNjlzNzB0M2NGdEgyVXZBYkFiM1pFQUFDZ2M3NU8wYnZZZnB0dE05dTZ4UnRMMzkvU04zbng1WTBXWVlrU0JPbXFZM3V2SEo1THI4dExjMUtob1pFYlRnMzBxcWFjMWpOMm1oNmMxOE14cHpVeEU3RjcwUTdLNkhqMXV3N0lla1hRcmV3dUFuV2dKQXdCQUFYamtTRitOcEkvTy9abHBtdXRUV01SekpkMUJTYUtBSFltYlhvMk5qeWYxNUNzdTNhS2E2bW9ON0w2SGtyTlJOQnpWNE40aDlRVDc3QTVnVHN2cWV0Um1Vd0FqT2FNbHpDUzFCaWdzaERBQUFCU0F1UFRSdU5XaVpkYWd5MlZVcExpWTkrL3BHMzBkcFlrQ2RTQnV1RFUrbnR3OXJkdnQxdHZlL0FZTlBueXZKbnRQVW5yTEZKdUo2ZXpSWVlVZTZOVm85NWdVdDNYeC95WnA4eks3SHMxbnR3T0ticHJhQXhRV1FoZ0FBUExjdzBmNjFzbnFpcVI0NG1HNFhPbmVOZjc3bnI3UjlaUXFDdENlbUZtaXFlbms3Mm5mOU5ydDJyeHBvNDUvKzZ1S1R0RWdJUjJScVlpR0RwM1Z5ZnU2ZGViSXNOMVRVRDhsNmNiTzlyWS83R3h2RzdKNzNUdmIyMDVKT3NKZUJHQW5RaGdBQVBMZnB5VjU1LzdBTkYzcDN1bFV5eG9maHRGSVVXaWVNVnh1SlRzbWpIVWNtZnJNWDM5WVpuaFNKNzd6YjRwSEk1UmlraVpQVDZuL3lVR0Y3dS9SOFBFUnhhSzJObjBaay9SQlNkZDN0cmRsdXJYS2ZleE5BSFlpaEFFQUlJODlmS1R2T1pKKzc4S2Z1OTN1cG1VczlqbVN2a0Rwb3NBY2xPR09qVStrMXFLbHVhbFJmLytwajJuaStDRjEzZmxOS1I2bkpCY1FIcHZSbWNOV3E1ZFRqL1Zydkg4aUU4WDFBMG1YZGJhM2ZhR3p2UzBicWRqOTdGa0FkaUtFQVFBZ244WDF1WGwrT20yYXJsWExYUElmNytrYmZRTUZqRUxSMmQ0Mlk3ak1nYkh4aVpSZmUvWGxsK3F6SC91SXpqN3ptTHJ1L0tiaXNSZ0ZtaEFlbTlIWm84UHFmckJYM1EvMjZ1eXhFVVdtb3BsNHEyT1NYdG5aM3ZhR3p2YTJiQTdTY3k5N0dZQ2RDR0VBQU1oVER4L3UyeTdwbG1jSGdrbDg0MndZeGxHYjN1SnJlL3BHTjFMU0tKd3JYek0wZE9aTVdpKzk4Ym10K3V6SC8xSm5uZ3JxeFBlL1hyUkJUQ3dTMDhUQXBFN3ZQNk9UOS9lbys4RmVuVGt5clBEWVRLYmVNaXhwaDZUTE85dmJmcGJ0N2Uxc2J6c3NLWlRMSXVmQUJRcUxteUlBQUNEL1BIeTR6eTNwc3hmOUlpNlpwbXZVcHJlcGxQVGZlL3BHbjM5NVk4VVVwWTY4WjdnT1RFOVBYejg5SFZaSmlUZmxsOS84L09mcXN4Ly9TMzM0RTdlclM5S2FONzVEaHF1d3Y5T014NlhwNFdsTm5wN1MxTkNVcG9lbnM5a2o2OWVTL3JpenZXMS9qb3ZoTGtsdnk5RjdqM0RnQW9XRkVBWUFnUHowRGttWHpYdHlkN3VyYkh5ZmF5UjlVZEs3S1hMa3ZWZzBLT24zQm9lR3RHcGxlc01telExaVl0RzQxdnlmdDh2MEZzNGxkV3dtcHFuaGFVMmZuZGJVMldsTmo0UVZqMlo5SEp4VGt2NjBzNzN0dXc0cGxudVV1eEFHUUlFaGhBRUFJTTg4ZkxpdlhOSW5GL3E5NlhadHNQa3RBM3Y2UnUrNXZMSGl1NVErOGxvODlyK1MvdjU0MThtMFF4anAvQ0Rtd0ZlbVZYN1ZhK1QyZStUeHUrWDJ1ZVV1TlJOL1duODNYSVlqaXlNV2lTazhPcVBwa2JEQ28yRk5qNFExTXo2VHkxV0tTdm9uU1IvcmJHOXpVZ3VRdXpoNEFOakZvQWdBQU1ndkR4L3UrNWlrVDh4N1lqZlVWVmJ1WDVPQnR4MlRkUDNsalJVSDJRUElaemUrK2kyUnQ3MSt1L21IYi8yOVpTL3IzdDBQNjBOLzgybVZycnRScGV0dlh2QjVwdGVVV1dyS25malQ5SnB5bHlUKzdqRmxlbDB5dmFZTU16T1g1dkc0RkptWVVYaHNSalBqTXdxUHppZzhGdGJNaEtPbTNINUkwcnM3Mjl1ZWRHSzkyYlpqOTJGSnVSZ2o2eDJkN1czZjRNZ0ZDZ2N0WVFBQXlDTVBIKzVya3ZTaGhYN3Zjcm42SkdVaWhDbVg5SU05ZmFNM1hONVlNY21lUUw0eS9DdENEd1FmVzJ0SENQUEN0dWZxL1lGMzZZdGYrVGVaVmF2bHFWMC83L09pNGFpaTRhakNTNjJieTdBQ0c2OUxMcmRMTGsvaTRVNDhURU9HMnlYRFpWaC9OdzBaeHJuZ0poYU5LVFlUVXl3U1UyUXlvcG1KaUdiR1p4U1pqQ3J1M0ttMVQwdjZpS1N2ZGJhM09Ybis3N3VWbXhBR1FJRWhoQUVBSUwvOGphU3loWDVwdWsxdkJ0LzdDa2xma3ZRSDdBYmtLMWZWNmwvdjNYL1BPMDZjN05iYTFhdVd2YnkzL082cmRkOURqMmh2MXdNTGhqREppc2ZpaWt4RkZDbU9ZYkRqa3I0bTZTT2Q3VzJuODJCOTcrS3pENEF0NXlHS0FBQ0EvUERRNFZOYjQ0ci9RVndMZjFuc2RwdHJNN3dhNzlyVE4vcjc3QTNrcTVLVzF2OHNxYWpUdjM3cnYyeFpubUVZZXNsTk55bzgwa3ZocHZCeEp1bUd6dmEyUDh5VEFFYXlCdWZOaFFtcUMxQllDR0VBQU1nZmQwZ3lKU2srNTc4NXpyaGNydW9zck1kWDl2U05Yc2J1UUQ0eVRNL0RudlV2aW5YZS9SdmQ5WnY3bDcyOHNmRngvY2YzZnlodjdUb0tkMmw5a3Q0dXFhMnp2ZTIzK2JUaW5lMXRweVR0eWNGYmg2azJRR0VoaEFFQUlBODhkUGpVelpKZU5kL3Zac01ZdzJXY3lOTHFsRW02YzAvZmFCbDdCdm1tczcxdHpGTy8rVEhmMnVmcXIzWjhYcDEzL3lidFpZMk5qK3NESC8ya1RnK1B5M3ZKeXlqY2hVVWtmVUhTNXM3MnRtODZmT3lYeGR6RHJnU3dYSXdKQXdDQXd6MTArSlNSdUlGWmxHbWEyWnpxNURKSlg1YjFyVGFRYng0bzNmaVM1MGd1L2RXT3orblg5KzNXTzI5N296WnZUSDUyOThlZWVrYWYvUHcvYW1Cb1JMNnIzeUpYU1FXbE9yOU9TZS92YkcvYlh3RGJjcGVrUDJhWEFsZ09RaGdBQUp6dlRaS2VzOVNUUEI1elJaYlg2MjE3K2tidnVieXg0aHZzSXVTWkJ5Uzl2M1RqaStTdVhhL2RUOTJsWDkvM2ZsMnljWU5lY01OemRNVmxXN1J1ZFlzYUcrcmw5VnBqWGNkaU1ZVjZldlhRbzQvclYvZmNweWVmMmF2U3V2WHlYLzk2dVVvcktkR0w3WlAwb2M3MnRwMEZ0RTMzeWhwUTJHRDNBa2dYSHlBQUFEallRNGRQZVNYdGw3VFV0Q3ZoaW9veWJ3NVdjVUxTOHk1dnJIaWF2WVY4c1czSDdwV1NldWIrTEhMbXVNSjllNldSRTVvZU8vUHN6ejFlcjl5bVcxTlRrNHJINDNLNVRIbnJOc2pkZkwwOGRSc296SXYxUy9xNHBIL3JiRytMRkdEZGVWelNOVmw4eTlkMXRyZjltR29GRkE1YXdnQUE0R3p2MWRJQmpBekRPQ1pwU3c3V3p5OXJmSmpuWE41WU1jYnVRajdvYkcvcjNiWmo5MUZKejZZbzdwcDFjdGVza3lUNUlsT0tUcHhSZkhwVThjaVU0ckdvL0taSExuK3R6TElHR2FhSFFyellwS3h1azUvdGJHOHI1TStDKzVUZEVDWksxUUlLQ3lFTUFBQU85ZERoVTlXUy9pcVo1NXFtYXppSHE3cEYwbGNrTVhVMTh1MW1ldDZtTElhN1ZPN0tsWkpXVWtwTG01SDA3NUwrdHJPOXJic1lQcG9sdlMrTDd6ZEtGUU1LQ3lFTUFBRE85VmVTYXBJNm9idmR1UjRWOUxiRStERC94bTVEbnJoSDB0c29oclJOU1BxNnBEczYyOXU2aW1pN0gyTFhBMWdPcHFnR0FNQ0pWL21IVDYyVjFSVXBLVzYzNllUQktiNjBwMi8wR3ZZZThzUXVpaUF0QnlYOXVhVFZuZTF0N3kyeUFFYWQ3VzFIWlkxN0F3QnBJWVFCQU1DWlBpMnBKTW5uaGd6REtISEFPcGZLR2grR3VYcVJEemZUSVVtSEtJbWtSQ1RkS2VsV1NWczcyOXYrcnJPOWJhaUl5NFBXTUFEU1JuY2tBQUNjZG5WLytOVDFrbjR2MmVlYnB1dVVwQmFIclA0bVNmOHE2YzNzU2VTQlgwdTZoR0pZVUpla3IwcjZXbWQ3MnltSzQ5ekh0S1JYVXd3QTBrRUlBd0NBdzhTbE95UVptdjNmVWlkenQ5dDAyQ2E4S1RFK3pGZlltM0M0WFpJQ0ZNTjVwaVQ5U05KL1NPcnNiRytMVVNRWGVaQWlBSkF1UWhnQUFKeDBaWC80MUNzbHZYajIzL0U1djFzb2tIRzd6VFVPM0pSLzJOTTNHcnk4c2VKUjlpb2M3SjdFWVdaUUZCcVExQzdwenM3MnRtR0tZMUcvbFJSVGRvWjJHS2U0Z2NMQ21EQUFBRGpFZzRkUG1aSSt1OUR2NDNNZWM0eTRYSzQ2QjI2T1Y5TDM5L1NOVnJGbjRWU2Q3VzJEa3A2a0pDUko3K3hzYi9zM0FwaWs2czJZcEtlejlIWXpsRGhRV0FoaEFBQndqbmRJdWp5Wko4NkdNWWJMT083Zzdka2c2V3ZzVmpqY0x5Z0NEVXY2SmNXUUVyb2tBVWdMSVF3QUFFNjRtajk4cWt6U0oxTjluV21hMHc3ZnROZnY2UnQ5SDNzWUR2Wnppa0EvN1d4dm84VkZhaDZtQ0FDa2d4QUdBQUFuaU92UEpLMU05V1VldDdzK0Q3YnVDM3Y2Um05Z0o4T2hkc3RxQ1ZMTXZrODFTQmt0WVFDa2hSQUdBSUJjWDhrZk90VW82Y01MRGZxeWlLaHBtdXZ5WUJNOWtyNjNwMiswaHIwTnArbHNiNHZJbWlXcFdJMUk2cVFtcE95Z3BLRXN2QTlqOUFBRmhoQUdBSURjK3h0SlplZjlKSWxBeGpDTUk0YVJON082ckpQMDczdjZScG1GQms1VXpPUEMvTHl6dlcyYUtwQ2F6dmEydUtSSHN2QldjVW9iS0N5RU1BQUE1TkNEaDA1dGxmU0hTMTZDenhQSW1LWXIzNzRoZmEya1AyV3Z3NEdLT1lTNWs5MmYva2M0UlFBZ1ZZUXdBQURrMW1ja21Vay9lMDRnNHpiZC9qemMzcy91N1J0OVByc2RUdExaM2haUzlxWWNkcElKU1QrakJxVHRJWW9BUUtvSVlRQUF5SkVIRDUyNlNkSnIwbjI5eDJOdXlLZnROYXlIVzlMMzl2YU4xbElENEREUEZPRTI3K3BzYjV0azE2ZnRZV1crdTlBNHhRd1VGa0lZQUFCeVlQZWhVMFpjK254cTQvQ2U1NVJoR0w1ODJOWkUrRExYYWtuZjNNdjRNSENXN2lMYzVwM3M5dlIxdHJjTlM5cWY0YmRoNm5DZ3dCRENBQUNRRy85SDByUFROcWM2TVpKcHVoeC93emhQK0RMWGRra2ZvaHJBUVFhS2NKdnBpclI4dXlrQ0FLa2doQUVBSU50WDdJZE9lU1hkdnREdmt3bGszRzdUa2ExSURDMFp2c3oxNmIxOW95K2dSc0FoZW90c2U1L29iRy9yWnJjdjJ5TVVBWUJVRU1JQUFKQjk3NUdVMUhndUN3VXlicmU3eFVrYmxFTHdNdmRGcGd4OWQyLy9hRDFWQWc3UVgyVGJ1NHRkYm90TWh6QlRGREZRV0FoaEFBRElvdDJIVGxWTCt1dDBYanNua0JrM1RkY0tKMnhQbXVITDNCZXRrdlN0dmYyTUQ0T2M2eW15N2Uxa2w5dmlHV1V3S09sc2J5T0VBUW9NSVF3QUFOblZMbWxaTXdPNVhNYlJYRytFRGVITFhDK1Q5RkdxQm5Lc21GckNURXU2bjEyK2ZKM3RiUkZKajFNU0FKSytqcU1JQUFESWp0MkhUcTJWOUw3bExzYzB6Wng4TTVyaWVDOHB2c2o0eEw3K3NSZFNTNUJEQTVKaVJiS3REek0xdGExK1N4RUFTQlloREFBQTJmTXBTYVhMWFlqSGJkWmtjNlZ0YnZWeTBaT3MvK1NTOUoxOS9XTXJxQ2JJaGM3MnRwaUtaNFlrV3NIWTYrRU1MVGRLMFFLRmh4QUdBSUFzMkgzbzFIV1Nick5oVVRHMzI5eVFqWFhPZlBoeTBWTlhTdnIydnY0eGt4cURIRGxWSk50NUg3dmFWbzltYUxsakZDMVFlQWhoQUFESWpzOHBqVXpqUW9aaEhEY01JMlBuNzdTNkhFbEpoeS9HL09ITFhMK2pOQWN1Qm14UURDRk1UTkp1ZHJXdERrZ2FvUmdBSklNUUJnQ0FETnQ5Nk5UTEpiM1lqbVdacHV0MEp0WnhXY0ZMQ3VGTGt2NTZYLy9ZUzZnNXlJRytJdGpHL1ozdGJRUUdOdXBzYjR1TGNXRUFKSWtRQmdDQURIcmdVSzlMMGgxMkxjL2pOa3Z0WEw4c2pmZVN6dlhKZis3ckgydWlCaUhMaXFFbHpLUHM1b3dJWm1DWjR4UXJVSGdJWVFBQXlLeDN4QlcvSWk3cnYrVnl1OTIyakFlVGcvRmVVdFVvNmI4WUh3WlpWZ3d0WVdpeGtUL2xPa094QW9XSEVBWUFnQXg1NEZDdlg5SW41LzRzUHVlL05BeTZYRVpadXV1VDRTbW1reG52SlZVdmt2UUphaEt5cUxjSXR2RXhkbk5HUEVJUkFFZ0dJUXdBQUpuelo1S2FGL3BscW9HTTZYSjFwYk1TbVd2MVlqMHh6UzVIeVdyZjN6KzJqYXFFTE9rdmdtMThodDFzdjg3MnRxNE0xQi9HN2dFS0VDRU1BQUFaOE1DaDNoV1NQcHpzODVNSlpOeHVNNlhtTXc0ZDd5WFZWVEVrZlh0Ly8xZ3p0UXBaVU9ndFlmbzYyOXZPc3Bzenh1NHVTVEdLRkNnOGhEQUFBR1RHeHlXVnAvUENoUUladDhkY21jenJjenpGOUxJczBQdXBRZEozOS9lUHVhbFd5TEJDYndtemwxMmNVWFozU1lwVHBFRGhJWVFCQU1CbUR4enEzU0lwWU04VitMUC9UYmxOYzhIV0lOa2E3eVZUa2xpTm15UjlpdHFGVE9wc2J4dFVZUStHdW8rOW5GRjJ0NFFacGtpQndrTUlBd0NBL1Q0anlkWlpmVnlHY1dTK254ZElsNk5rZlhoLy85akxxVjdJc0lFQzNyYWo3TjZNWW5CZUFFdGYwMUVFQUFEWTU0R0R2UzlRWEsrMWU3bW0yeHlmKys4OG1HSjZ5ZFZJYy9uZjJqOHcxa0pOUXdiMUZQQzJkYkY3TTZlenZXM0E1aktPWkh5bHQzL0kxUFlQWGE3dEg3cEYyei9VeUY0RU1vKysxUUFBMk9TQmc3MkdwTTlMT3I4bnZ3MXBodGZ0cms1N1VVblBjcFJaaGowdnJwUDAvZjBEWXkvYzJsQStRNjFEQmhSeVN4aENtTXg3UXRJYW01WTFscEUxM1A0aFE5S3RrbTZUOURwSmxjKyszL1lQTldubkhlUHNSaUJ6Q0dFQUFMRFBHeVE5OTZLZkxqK1FpWHZjNW9hVXgzdEo4b2w1RXI3TTlYeEp0MHY2SUZVT0dYQ3lnTGZ0QkxzMzR3NDdkczIyZjZoYzBsc2x2VS9TMW5tZVVTNnBYaEloREpCQmhEQUFBTmpnZ1lPOTNrUXdzTGcwQWhuRE1FNFlockV1dVNjbi82UThERi9tK3ZNREEyUDNibWtvL3ltMUR6YnJMdER0Q2t2cVkvZG0zRUVibHpWaHkxSzJmNmhPMG50bGhTOTFpenh6Um9YZEhROXdCRUlZQUFEczhXNUpHMU42UlpLQmpPbHlEVWhhdCtpeUhCSytHQmxld0FXLy91YUJnYkZydHpTVTgrMCs3RlNvSVV4UFozc2JVeDVubnAwaHpQSmFwR3ovVUwyc0ZvUHZsVlNXeEN0MmFlY2RkUE1FTW93UUJnQ0FaYnIvWUc5MVhQcllBa0ZCY2hZSlpEd2VkOG1Dcnl1czhWNVNmVXFOcERzUERJeTlZRXREZVppYUNKdUUyQzRzZzUzZGtkSUxZYlovcUZyU1I1UjgrRExyNit3K0lQTUlZUUFBV0w2UGFFNFQ3d3UvYWs0NW9MZ2drUEc0emJYcExiQmd3NWU1V2lYZElla0RWRVBZcEZBSHJ5V0V5VjQ1VDBrcXRXRlpaMU42dGhXK2ZDRHhxRXJ4dmZaSitnRzdEOGc4cHFnR0FHQVo3ai9ZdTFyUyt4ZDdUbnpPSTJWeERaa3VsM1V4bmRJVTAwYkd1eDBaR1hweEdsTll2Ly9Bd05qcnFJMnc4U2E2RURFelVoWWt1bnpaMVJvbXVURmh0bitvWE5zLzlERkp4eVY5WEtrSE1KTDBaOXA1UjR3OUNHUWVJUXdBQU12emFhWHdqV2VxZ1l6cGNuV2xGcjVrYnN5WE5NS1IrUmVRM3ErWDh1OEhCc1kyVUIxaHcwMzBxS1NSQXR3MFdzSmtqMTBoek9KVFZHLy9rRS9iUC9RUldlSExKNVJlK0NKSlg5Zk9PMzZ4NkFhZG52UWNQajFwc0d1QjVhTTdFZ0FBYWJyL1lPODFrbjQvM2Rjbk15NnYyMk5HRmw5S1VYUTVTa2ExcERzUERJeTNiV2tvbTZaMllwbDZKRlVXMkRZUndtU1BYU0hNNlhsL3V2MURQa2tCU1IrVzFMVE05OWd2NlUvbTNZalRreHNsdlZ6U05ra3JKZDBvYTVZdEFNdEFDQU1BUVBvK2IxZUdzRkFnNC9XNEcrZC9CZUhMUEV1N1R0SVhaQTFHQ1N4SGw2U3RCYlpOaEREWmM4eW01Wndmd3RnYnZraFdTNXZYYStjZFk1SjBlSEN5VE5LTEpMMU0wc3NVMThZNUg5UTNiNnJ6RWNBQU5pQ0VBUUFnRGZjZjdIMlpwSmRrWXRsekFwbXcyMjJ1UHZmUHpFOHh2ZXpsR3hsY2RoSkxOS1EvUGpnd2ZzL21ockwvcHBaaUdRb3hzRGpPYnMwYXU4YmZHWkFrYmY5UWphUjN5eHB3ZDRWTnk0NUplc3ZoYjN6Q0xYM2lnN0phdkx4QWt2ZWlFNUtoZjkxVTU3dVAzUXJZZ3hBR0FJQVUzWCt3MXlWclJwNk1NZ3pqcUtTdHRIcFplb2tYTFA5ckJ3ZkduOXpjVUhhSTJvbzBIUyt3N1JucGJHOGJZTGZtVi8zWmQvVEpPbTMvMEQ5SmVydFNtMnA2UVZWbFB0MTQrVWE5NitWdGoxeTFmbFZIWEdwZTR2TzVUM0Y5bUYwSzJJY1FCZ0NBMUwxZDBwV1pmaE9QMnh6SmRQeVNoMTJPa2xsK3BhUTdEdzZNUDI5elE5a1UxUlZwT0ZaZzIzT1VYWnBWSit4WVNLanZ4RjNMWFlicGN1bUs5YzI2K2NwTnV2bktTM1RWaGxWeUdZWWtQVy8yT2ZIRlA2cy9zS25lZDRaZEN0aUhFQVlBZ0JUY2Y3RFhKK2x2cy9GZVhvODdZd09ENW5QNGt1U3lyNWIwUlZsTitJRlVIUyt3N1RuTUxzMmV6dmEyMFcwN2RwK1JWSlB1TXFiRFU0ckgwNXN4ZWtWMWhWNXd4U2JkZk9VbXZlQ0tqYW9xOHkzNW1nV0NtRjlzcXZkOWx6MEsySXNRQmdDQUZNU2xQek9rNW15OGw4Zmp0blhLWlNQREM4aHlsNk5rQkJManczQVRnVlFkTDdEdElZVEpUUjFLTzRTWm5CNVAvbHpoTnZXY1M5Ym9waXMzNmFZckw5SFcxWTNwbnQvbWZzNU9Tdm9qZGlOZ1AwSVlBQUNTZE4vQjNnWkpIMDVtYXVubE1nempwTXN3VnR1eXJBeS8ySUhoeTF6L2VuQmcvSW5ORFdYN3FjRklRWStrR1VtZUF0a2VRcGpzNjVKMGJib3ZucHlhV1BUM3F4dHFkUE5WbCtqbUt6ZnErWmR1a0svRWE4dEt6d2xpUHJhcDNuZWMzUWpZanhBR0FJRGtmVnhTeFlVWHJEYUZCZWN4VFZlZnBHV0ZNQVU2M2t1cWl5MlhkT2ZCd2ZFYk50ZVhUVktGa1l6TzlyYll0aDI3dXlSdExKQk5Jb1RKdnVQTGVmSG94TWg1Ly9hVmVQVzhTOWZwcGlzMjZlYXJObW5OaXRvTWZSWkxjZWx4dytyT0NTQURDR0VBQUVqQ2ZRZDdOMHNLTEhIaGF0dEZzZGZ0VHZzY1hRVGp2YVM2MkNza2ZVblNIMUNUa2VKTk5DRU0wcldzYWFwSHhzNXF5K3BHdmVDS2pYcmhWWmZvK2t2V3lPTTJGenozR0VzTnI1dThtS1RBcG5wZmhGMElaQVloREFBQXliazlsZlBtY2dNWnI4ZTlKcFhuRitGNEx5bXRxQ0c5NjlEZytEMlgxSmQ5bTZxTUpCMHZrTzBZN214djYyWjNPci8rK0V0TWJWMVZvYTB0NWZyWUc5K3FGZFVWU2IvV3hpRG1TNWZVKzRMc1BpQnpDR0VBQUZqQ2ZRZDdiNVQwdSttK1BvMUFadGcwWGJYSlBKRXVSNHN2NUlKZmRSd2FISC84a3ZxeVBkUnFKT0ZJZ1d6SFUrektuRmh5bW1xWFlXaE5nMCtYcmE3VXBhc3J0SzZoVE1ZeVBoUnRDR0pPU3ZwcmRoMlFXWVF3QUFBczRyNkR2WWFrejltMXZHUUNHZFBsT2lIcHFzV1dRL2lpeFZxOUxNUXY2ZnVIQnNkdnVLUytiSnphalNVY0xKRHQyTXV1eklsNVE1Z3F2MGRiV3lwMDJlcEtiVzJwVUZtSmFldWJMak9JZWU4bDliNVJkaDJRV1lRd0FBQXM3dldTbnArSkJTOFV5SGpjNXZSQ3I4bGsrRklBWFk2U2NabWtMMHQ2TzFVYlN5aVVjVlFJWVhLZ3M3MXRjTnVPM2VPbXl5amIyRlNtUzF1czFpNnJhbjBYblFjeU1MQnVPa0hNRHkrcDkvMkVQUWRrSGlFTUFBQUx1TzlncjFmV1dEQVpOemVROFhqZEsrYitqdkZlRmw5UUdzdC9XMko4bUc5UXk3R0lRZ2xobm1GWFp0ZUJnWWtOa2w1K29IczB1cjZ4VEY2M2E5RVAvN2lSOHlCbVZOTDcySE5BZHJnb0FnQUFGaFNRdENuTDd4bnhtTzYxU2x3NnAzMWhiaXk5Z0dVdFA0azN0R1g1aTJ6SE1wZi9MNGNHeDYra2ltTWhuZTF0NDVKQ0JiQXBqSUdVWVFjR0pzb09ERXhzUHpBdzhhVURBeE9IWlkwbjlFOWJWbFZVTGhyQXpJcWZIOFRiSlQ3bi8wdjR5Q1gxdmg3MkpKQWR0SVFCQUdBZTl4M29yVkpjSDg5QU01RkZHWVp4MUdWb2Mvb0xzT1VweTNyREhJMzNrcXBTU1hjZUdoeC96aVgxWldQVWVDemdzS1NXUEY3L25zNzJ0ajUyby8zMkQweGNaVWpiSkwxYzBnc2tlWmUxd055MWlIbEkwbGZZbzBEMkVNSUFBREMvajBpcVcvWmMweW55dU0yemFiMlFMa2ZwMkpLNCtmaDlxanNXY0VqU0xYbTgvbyt5QysyeGYyQ2lSdEx2U0hxWnBKZEthclo5UEpmc0J6RVJTZi92a25wZmpEME1aQThoREFBQUYvak5nWjZXdU9JZk1DNjhZTTFDSUZQaWNaY24vZVNzdDNxNWVJbFpubUk2RTF0ejIrSEI4ZDlzcWkvN0tqVWY4OTE3NS9uNi81WmRtT2FPSDVnd0pUMUhWdWp5TWtrM2FKNmhIUEk4aVBuOEpmVytwOW5iUUhZUndnQUFjTEZQU1NxTnowbGRGZzFrYkV3THZHNzNobVNTQXh1ZWtvTHNkam15Zi8yWFhQNC9IaDRjZjJSVGZka1RWSDFjSU45bkZxSWxUQXIyRDB3MHkrcGk5REpaclY1cWszbGRuZ1l4UnlWOWtyME9aQjhoREFBQWMvem1RTS9Wa3Q1NjhjWHJJb0hNN05YdE1oTUV3MUNQeTJVMEo1c2NwUG1VVk5Zb004dk9icGVqWkpaZkl1bk93NFBqMTIycUx4dmxLTUFjK1Q2ejBPUHN3b1h0SDVqd3loclA1YVd5Z3BlcjBsMVdIZ1l4Z1V2cWZaUFVBaUQ3bUIwSkFJRHpmVzZwYStuNG5QOFd2TXFkZmFUQWRKbTlDNllIU2N4eVpQOU1SMG05ZmJxTHRYLzVxYjN0aFRaSitsZXFQK2JxYkc4TFNSck8wOVUvMmRuZXhvdzNGOWczTUxGaDM4REVIKzhibVBpSnBDRkpkMG42a0pZUndNejk2TGRWNW1aTit2WWw5YjVkMUFZZ04yZ0pBd0JBd204TzlHeVQxUVE5aFl0WisxckllRDJta2V4emszeEtpZ3B1dkpkVXZlbnc0UGg5bStyTHZzelJnRG1lbHRWYUl0ODh5SzZUOWcxTWxFbDZrYXpXTGkrWHRISHV4M05tV3ByWXUwQ2JXOFFNU2ZvemFnYVFPNFF3QUFCSStzMkJIcGVzVmpETHVGWmVYaUJUNG5HdllieVhqTDF0c3Y3dThPREVRNXZxL1l5bGdWbDdsSjhoekFQRnVzUDI5WTlmSmNOSWF2cm9JZ3hpUHJpNTNqL0FZUTNrRGlFTUFBQ1d0OHFHNXVqbnJwbFREbVRHM0c2elBzTUJ3NEpMSytEeFhsSmRpbGZTOXcrZm5yaHVVNTEvbU1NQ3l0OXhZUjRxbGgyMHIzLzhvdW1qRlk5TFJuS2ZERVVVeE53ajZSc2Mwa0J1RWNJQUFJcmVidzcwK0dUTmlKUVJ5UVF5THBmcm1LUXJNeE11TEx4RXdoZGp2cjl1a1BRMVNXL2c2SUNrTTNtNHp1T1NIaXZVSGJLM2Y5eGxTSzFhWXZwb2dwanpURXNLYks3M3h6bWtnZHdpaEFFQVFQcFRTYXV5OFVZTEJUSmVqemxsYjdpdytOS0tjTHlYaFpjdy8yREJyejl5ZXVJREcrdjhYK1R3S0hxZVBGem4renZiMnlLRnRCUDI5byt2bE5YSzVhV1N0c1dsMnFRK0J3aGladTNZWE84L3lPRU01QjRoREFDZ3FQM21RRStEcEEvbjRyM25CaklsWG5lZFBlSENBa0hEd25tREhZdTFkL2taWGZiQzRjczh5Ny9qeU9tSjNSdnIvSTl3cENEUDNKUHZHN0MzZjl3cjZVYWQ2MkowOWNXZm9VbCtMaERFN0pQMEdRNEx3QmtJWVFBQXhlNWpraXB6dkE0eHI5dGNaKzhVMDR1R0MzWXMxdjdsSzFQTE4xTDU1MXdlU2Q4N2Nucml1bzExL2pNY0trWEx6TU4xdmljZkMzcHYvL2dHbmV0aTlDSko1VXU5aGlBbUtmOXZjNzAvektFTU9BTWhETkwybnEvODZvb0RKL29QM25YN2JYeW9BOGhMOXg3b3VTUXV2ZHZJOFhvWWhuSFVNSXhOTml3cDJYQmhPWXUxZi9uSzFQS1g3SEtVakhXUy92M0k2WW5mM1ZqSFdBcEY2dm84Vzk5UlNiL05oeFhkMnovdWwvUmlTYk16R2FYMU9VZ1FzNmgvM1Z6dnY1L0RHSEFPUWhpazdaSzFLN2JmZE4ybVR6Ly82dDJubmpyWXZYdDhNdnlvcEtja1BYWFg3YmVGS0NFQWVlQjJTZTU0Rm9PRitYamM1akphV1REZXk2SkxNR3haOW1zbC9ibWt6M1BJRktXWDVkbjYzdVhrOFdEMjlJOWZLZW1saGxXdU4ybVI2YU5UUVJBenJ6NUpIK0lRQnB6Rm9BaXdIUCs4YTg5L1hidTE1UzB6a2FqMkhqMmx4L2FmMU5IUWFjWGo4Yk9Tbmt3OG5wWVZ6anh6MSsyM1RWQnFBSnpnM2dNOWJaSWVjTUpKc3NKZityUy8xSHZsY2svaG1ReGY4bWlLNlhrWGFNUHlJNUp1M2xqbmY1Q2pwM2hzMjdIN1JrbjUxb3JnUFozdGJmL2lsSlhaWTAwZmZhdXNsaTdiTkdjUTlFeDhyaVM5VE1Pd2Y1bTV2QW1iUDRoNXkrWjYvM2M1a2dGbklZVEJzbjM5dm9PUGJWM2ZlTzNzdjRmSEp2WDQvcEFlUHhEUzZiUGpjNThhbDNSWWlkWXlpY2VUa283ZmRmdHROUEVHa0ZYM0h1aDVRRktiRTA2WTlkWGw0NmJMVlpiT210RGxLTzN4WHRKeFV0STFHK3Y4UXh4QnhXSGJqdDNma1BTMlBGdnRqWjN0YlVkejllWjcrc2Rkc3FhUGZxbXMxaTdQMVh6VFIyZndNNFlnUnBMMDg4MzEvbGR3RkFQT1F3aURaZnYwajRMZVRhc2JUcTVwcWxseDRlOU85QTdwOGYwaFBYMjRSOVBoQlZ2R2pzbHFMVE8zMWN4VGQ5MSsyd2lsQ3lBVDdqM1E4M3BKLysyUWsyZGZZMjFsWTZydlNwY2pXOFo3U2NmL1Nub1Y0OE1Vdm0wN2RxK1I5ZVZSUGsxUmZhU3p2VzFUdHQ5MHp3WFRSMHVxemZVTlNaRUhNUk9TTHQ5Yzd6L09rUXc0RHlFTWJQR1ovM20wOGZLTlRjZnFxOHQ5OC8xK251NUt5U3oyaEt4ZzVpbWRDMmtPMzNYN2JWRktIRUM2N2ozUTQ1RzBSOUlsVGppWnVrM3pzYnFxc3V1U1hUTGhTMGE3SENYN3puKzVvYzdQZEs4RmJ0dU8zZjhpNmQxNXR0cGY2bXh2KzVOTXY4bWVKS2FQZHNKTlNSRUhNWCt4cGQ3UEdGYUFReEhDd0RaMy9PU3g1MTEzYWNzRFpiNFMxMkxQR3g2YjFCTUh1dlg0L3BNYVBMKzdVakltSmUzVnVWWXpUOHBxTlhPYVBRQWdHZmNlNkhtdnBDODU1Y1JhVnVwOXROeGZldjFpUzZITDBRVkxNWEsrL2xGSnQyeW9ZOGFSUXJWdHgrNHRrcDVSL2sxaTBkYlozcGFSY1l1ZTZUdC8rbWpEV0hyNmFDZmNtQlJoRVBPNHBCdTJOUGdqSE1tQU14SEN3RmFmMy9uNFcyKzRZdTAzUFc0enFlZDNuVHFqeC9lZjFOT0hlalFWWHRhNW9rZm54cG1aRFdmMjMzWDdiVFBzRlFDejdqM1FVeW5waUtSNnA1eGtheXZMVG5uY1p0TjhyeUI4eVZtWG8yU1czeTNwbWcxMS9rR09yTUt6YmNmdW4wcmFubWVyZmJpenZjMjJGbjdQOUMwOWZiUmhPUEZ6WXhuTHpQOGdKaWJwZVZzYS9FR09Zc0M1Q0dGZ3UzLzg1Vk9mYTcxODdRZFRlVTBrR3RQZW83MTZiRjlJUjBLRHlYWlhXc3FNcEgwNmZ5RGdwKzY2L2JaZTloSlFuTzQ5MFBOcFNlME9PdUZPTk5aVytobnZaWkVsWkRsOFNYSFp2NVQwaWcxMS9oaEhWK0hZdG1QM2F5VDlPQTlYL1gyZDdXMy90SndGUE5OblRSK3RGS2FQSm9oeDFMYi93NVlHL3djNGlnRm5JNFJCUm5UY3ZlK1hWMTNTdkMyZDE0Nk1UMW16SzZYWFhTa1pnN29nbUpHMDU2N2JiNXRpendHRjY5NERQUzJTRGtrcWRjckoxM1M1OXRSWFYxeHU2MGs1UitGTEFYWTVTdFpmYjZqemY0b2pyREJzMjdHN1FsYTM1NVk4Vy9YVGt0WjB0cmROcFBLaVovb1duajQ2cGVPSElNWUoyMzVTMHVWYkd2eWpITW1Bc3hIQ0lHTys5ZURoUTV0V055eHJoSDRidXlzdEpacTRPWnVkTnZ0cFdhMW1UckFuZ2NKdzc0R2VyMHQ2dTVQV3FkVHJDZGFVKzFzemVVWm52SmVNcjM5TTBvczMxUG52NVNqTGY5dDI3TzZROVAveWNOVS8zTm5lZHNkU1QzcTZ6NW8rMmtoeSt1aVVqaVdDbUZ4disydTJOUGgvd2xFTU9COGhERExtMHo4S2xtOWQxeGhxYnFpcVd1NnlNdFJkS1JuRG1qTUFjT0x2VDk5MSsyMWo3R0VnZjl4N29PY3FTVTg0N2J4WFUrNC9WT3IxTEc4TUI4WjdjY0lGVUsrczhXSDZPZHJ5MTdZZHUxOHU2V2Q1dU9vaFNaczcyOXNtNS92bDAzMWpGMHdmYmRSbUxEZ2dpTW5WdHY5d1M0UC85UnpGUUg0Z2hFRkczZjdqMzE1eTllWlZlMm9xL1I2N2xqbmJYZW1KQXlFTm5NbEpGaEtYZEV6bldzM01kbWs2ZXRmdHR6RXVBT0JBOXh6bythV2tiUTQ3NmNXYmFpcGpobUdZS2IrUzhWNmNkZEZqTGZndVEzcnArbHAvbENNdS8yemJzYnMrY1M1Zm1ZZXIvNDdPOXJadnpQN2o2YjZ4SkthUE5qSVhIQkRFWkhzOVJ5VnQzZExnNytGSUJ2SURJUXd5N282ZlB2YXkxc3ZXL0t5MHhHTjdmUXYxbmRWaiswL3FxVU05bXByTytVUkk0NUwyNlB4V00wL2VkZnR0WjZrRlFPN2NzNy9uVmttL3luWTNsNld2NjQxalRUV1Y2KzA2YXpQZVN3N0t4cmhvK1o5WVgrdi9HNDY2L0xKdHgyNUQwdi9LR2hjbDMreVc5SUl2dk91cTlab3pmYlNVelBUUkJERUZFc1Q4OFpZRy96OXpKQVA1Z3hBR1dmSDNQMy95VDFzdlgvdDNwaXN6VlM0U2pXbmYwVk42YlA5SkhUazVxRmoydWlzbDQ2UXVIZ2o0NEYyMzN4YWhaZ0NaZGMvK0hwZWt4M1RoTjhFT0NHUzhibmV3cnJJc3VmRmdDcUhMVVE3S1BZdmh5NnlZcEczcmEvMTNjZlRsajIwN2R2KzVwTS9uMHpwNzNTNWQwbHdlZTkzem03OVhVKzV0MVR6VFI2ZFNtUWxpN04yZ0xLN25nNUplc0tXQkdkcUFmRUlJZzZ6NXAxODk4L1hyTDEzOTlreS96K2o0bEI0LzBLM0g5NS9NVlhlbFpFekxtajc3U1owL0VERGpDUUEydW1kL3oxc2xmWE1aT1VIR1ZQcExueW9yTGJrcW5iTTBYWTV5Y0hGakpMM3NQa25YcksvMW4rSUlkTDV0TzNiZktPa2VTVzZucit2S21sSnRhYW5RMXBZS2JXZ3FrMzFmYkJIRTVHa1FFNUYwM1pZRy85TWN5VUIrSVlSQlZ2MzdidzQ4ZE9tR3B1ZG02LzBjMWwwcEdYMjZ1TlhNM3J0dXZ5MU03UUZTYzgvK0hwK2tnMHBscXRrc0JqSU5WUldqYnROVmtjcVpPWi9EbHdKczliS1kzMGg2TWVQRE9OdTJIYnViWkxXVWMrUTRNTDRTVTV1Ynk3VzFwVktiVzhwVk5XZDRQU05ERlowZ3h0NE55dkI2M3I2bHdkL09rUXprSDBJWVpOV25meFIwYjFoVmYySmRjMjF6TnQvWDRkMlZsbHg5U2Z0MWJwYW0yVll6SVdvVXNMQjc5dmQ4Uk5MdGRwMGhiVDVobmw1WlcxV1h6QnN3eFhTT0xtU001U3pma0tSUHI2LzEvUlZIb2pOdDI3SGJLMm1YcEpzY2MxRnVTS3ZyL2RxeXFrSmJWMWRvVFlOLzBmdDlncGdjTGpQM1Fjd1JTVmR1YWZCUGNqUUQrWWNRQmxuMzZSOEY2Ni9ZdVBMRWl0b0tmeTdlZjNSOFNrOGM2TmJqQjBMcUh4ck41NkljMHNYVFp6OXoxKzIzVFZETFVPenUyZDlUTCttd3BLcE1uQzJYZS9KMG02N0hHNm9xcmwxc1lZejNrcU1MbU9XSEw3UGlrbDYydnRiWHlSSHBQTnQyN1A2YXBIZm1lajBxL1I1dFdWV3VMYXNxdEhsVmhmd2xaa3FWbkNBbWg4dk1iUkR6TzFzYi9MczRrb0g4UkFpRG5QanNUeDY5OXJxdHE0UGw1MTF0WkwvaWgvclA2ckY5SVQxMXFGdVQrZEZkYVNteHhJM24zRll6VDBvNmZ0ZnR0OFdwZVNnVzkrenYrVWRKNzh2R21UT2RFMmxaYWNtamxXV2wxK2ZpeE14NEx3c3YxTEIvclFZa1hidSsxdGZOVWVrYzIzYnMvbE5KZjVlTDl6WmRodFkzbG1sTFM0VzJyS3BRYzIzcHNpczhRVXdPbDVtYklPWmJXeHY4YitWSUJ2SVhJUXh5NW5NN0gzL0xEWmV2L1Mrdng4eDVwWTlHWTlwM3JFK1A3VCtwUTEwRCtkWmRLUm1qU25SajBybFdNMC9kZGZ0dEk5UkVGSnA3OXZkc2tyUlhraWZiSHlySm5sVHJLc3RDWG8rN0pac25aTVo3V1hqQlJtYlg2Z0ZEdW1WZHJZOFo4UnhnMjQ3ZEw1ZTBVNUlyVys5WlYrRjlOblRadUxKY3BSNlg3VldOSUNhSHk4eHVFRE1rYWV2V0J2OEFSek9RdndoaGtGUC84SXVuUHRWNitacVBHb2JobUVvL09qbXRKL2FIOU5qK3ZPK3VsSXpqdW5nZzRNTjMzWDRiZzBraWI5Mnp2K2UvSmIzZUNXZlZCVDV2cHB2cXFrb01NZDVMemk1U3NoTyt6SDNtWjlmVitqN0MwWmxiMjNic3ZsVFNRNUlxTS9rK0hyZExtMWFXVzkyTVdpcFVYMW15L0xwTkVKT1R6d3NIQmpIdjJOcmcvd1pITTVEZkNHR1FjMS81OWQ2ZlhyMTUxWFpIVlBnTG50Q2Q2SzcwNU1HQzZhNlVqRWxKZTNRdWxIbFMwdE4zM1g3YmFXb3JuTzZlL1QzUGw3VGJpV2ZZMlgrNlhNYStwcHJLUzUxOWNpL2NMa2ZwTDk5WTdyTmVzYTdXOTNPTzB0ell0bU4zZzZ3QVprTW1sdDlVVTZvdHF5cTBwYVZDNnh2TDVEWU4rK3M1UVV4T1Bqc2NGTVRjTGVrbFd4djhkQzhIOGh3aERCemhtdzhjMnJ0NTdZcmMzNVFzY0pFZWpjYTE5OWdwUGJhdllMc3JKYU5iNTdvMHpZNDNzLyt1MjIrYm9RYkRLZTdaMzNPL3BCdWRmTGIxZVQyUDFGYjRiM0RtU1QxMzRZc3pXNzBrLzhva25uVmEwblhyYW4xZEhLblp0VzNIYnIra3V5UTl6NjVsK2twTVhiS3lYRnRiS3JTNXBlSzg2YU16V3U4SlluTHlXZUtBSUdaYTBsVmJHL3dIT2FLQi9FY0lBMGY0OUkrQy9pMXJWNXhjdGFLNk5tZVZmY0Y3ai9QL05Ub3hyU2NPaFBUWS9wUHFPejFhN0x0dVJ0YllHK2ZOMG5UWDdiZjFVcXVSYlhmdjcvNWRTVCt3amxybm50NXFLdndIL0NXZUxjNDZrZFBsS04yMVNuSDVEMG02ZVYydGovQTZTN2J0MkcxSytwR2tWeTAzTEdpcDkydnJLaXQwV2J2RTlORVpQUVlJWW5MeXVaTGpJT1pqV3h2OGY4c1JEUlFHUWhnNHh1MC8vdTNhcXk1WmRiQzJ5dS9OZWtWZjlNdmZoVi9kM1Qrc3gvYWYxSk1IdXpVeEZXWW5uak9nODF2TlBDVnA3MTIzM3paRjBTQVQ3dDdmN1piVmpXN3p4VWV3czA1MUsrc3FaMXlHc2V4Qmd3bGZGbCt3dzhLWHViNndydGIzUVk3YTdOaTJZL2UvU0hwM09xK3Q4TG0xT1RHZzd0enBvdzBuSEE4RU1UbjVqTWxSRUxOUDBqVmJHL3hjYUFJRmdoQUdqbkxIVHg5NzRYTXVYWE8zcjlSalpMV1NKOWtLWnFHWFJhTXg3VHZlcDBmM25kVEJybjdGWW5UWG5VZFUwa0ZkM0dybUJFV0Q1YnA3Zi9jZlMvcW5wUS8xM0o3MkRNTTQwVnhYdVRhM0oyNm1tRTUzcld4YzkxZXZxL1g5bENNM3M3YnQyTjB1NmRQSlB0OTBHVnJYV1BiczJDNHJGNWsrbWlBbUU1K1ArZkY1azRNZzVnVmJHL3dQY0VRRGhZTVFCbzd6ZC8vN3hIdHV1R0x0bDAzVGxaMEtubVlBczlBenhpYW05ZmlCa0I2bHUxS3loblh4REUzUDNIWDdiV01VRFpKeDkvN3VDa2xISkRXazl2bVEvVk9nMTJQK3RxR3EvRG01T1dFejNrdTZhNWFCOVQ4ajZmcDF0YjVqSE1HWnNXM0g3cmRKK3NaU3o2dXQ4RDRidW14YVdTNXZDdE5IRThSa1lQc0pZaTcwMWEwTi9nQkhORkJZQ0dIZ1NGL3FmUHBmbm5QWm1uZG52SUxiSE1CY3FMdC9XSS9TWFNrZGNVbEhkYTdWek94QXdFZnZ1djIyR01XRHVlN2UzLzBwU1I5ZDNtZEZkazZIbFdXbFQxYjRTcTdPN2ttYUxrZnBybFdHeXlkb0dIckIyaG9mSndlYmJkdXhlN3VrSDBxNnFOdWZOWDEwbVRhdnF0Q1dsdklMcG84MkhGSEhDV0x5NDdNb0MwRk1uNlN0V3h2OFp6bXFnY0pDQ0FQSCtyZDc5OTkvK2NhVk4yYXNjaTk2TTJMWWV1REU1blJYT2tCM3BlVVlseFhHekk0Mzg1U2twKzY2L1RZdVVJclUzZnU3VjBrNkpNbG4zNGt4YzZmR3hwcUtzMjdUVlozNWs3T1J5ai96NStLaUFNS1hDKzdIL21GdGplOERITW4yMmJaajkwMlNmam4zTTZHcHBsU2JWNVZiMDBldm1ETjl0R0hQM2llSXlmaHg0dGpQcFF3SE1XL2UydUQvSGtjMVVIZ0lZZUJZbi81UjBMV3V1ZTc0aGxWMXF6TlNzWmM1RGt6SzY1TDR5OWpFdEo0NDJLMUg5NTFVNytBSU85b2VYVXFNTWFOenJXWU8zblg3YlJHS3ByRGR2Yi83YTVMZW1ibVRwSzJueWJPcjZxdXFNM3RTWnJ5WGROY3E0Mld6OEJ2ODd0b2EzNDg0bXBkdjI0N2RWMHY2amM5clZtNXF0a0tYemF2S0w1bysybGh5eHhQRXBQcW1CREgyYnBBaC9YeHJnLzhWSE5WQVlTS0VnYU45K2tmQjJzczNyRHpSV0ZkUmJtdkZ6bkEzcEl1ZXU4Q0xlZ2FHOWVpK2szcmlZTGZHSjJtUmJyTnBXYlBsWERnUWNEOUZVeGp1M3Q5OVpXTGZadVZjdHR4QXhtMjZubXlzcWJnNk15ZGp1aHlsdTJZNURGOW1EVXU2Zm0yTjd3aEhkWG9lN3gxMVBYbHMrTFduUjZiL1krUEs4ckkxU1V3ZlRSQmovMW9TeE5pMlFST1NMcnUwd2MvRUJVQ0JJb1NCNDMzbWZ4Njk0cnF0TFk5WGxKVzZiYW5VYVU1SG5jNEJZeVQ1d21nc3B2M0grcTN1U2lmNkZZMHg3RWtHbmRMRnJXYjIzblg3YmFSZ2VlYnUvZDAvbC9TeTNKdzhVejk5bHBWNmYxdGQ3bnVPdlNkZ3dwZDAxOG9CNGN0Y2owbHFXMXZqbStiSVRzN2p2YU5Oa2w0cTZXWHh1RjVxR0twWlZtMGhpTEZsTFFsaWJObWdEMTdhNFA4Q1J6bFF1QWhoa0JjK3QvUHgxOTV3K1pvZmVqMXVZOWtWT2tmZGtKSmQ5dGprdEI0L1FIZWxMSXRJMnEveloyaDYrcTdiYnd0Uk5NNTA5Lzd1V3lYOXloa24wdVErSGVxcnlrNlVlTnhyR2U5bDhRVm5Nbnh4V1BCeW9TK3ZyZkc5bDZON2ZvLzFqbm9OcVUxVzhQb3lTVmZiWHA4SllteFpTNEtZWlczUTQ1SnV1TFRCVDNkcW9JQVJ3aUJ2ZlBFWFQvNzFEWmV2L2FTeHdJa3JGOU5STC9sY1kza0hZcy9Bc0g1TGQ2VmNHdEw1d2N5VHNsck5URkEwdVhQMy9tNlhwRWNsWGVPOGsrcUNCLzNNcXJvcXovSnVKQmp2SmQyMWNuajRNdGYvV1Z2aisyK09jc3RqdmFNYmxHanRJdW5Ga3NvemZ1Tk1FR1BMV2hMRXBMVkJNVW5QdmJUQi8xdU9mcUN3RWNJZ3IvenpYWHUrZisyV2x2K1RWbVhPZGdCajR3VlFOQmJUUHJvck9VVk0wbUZkSE02Y3VPdjIyNWoyS2d0K3ZiLzcvMHI2RDZlZnhPWUdNaTZYY2FDNXRuTExzay9WdEhwSmFjM3lLSHlaTlNicHVyVTF2a1BGZUd3LzFqdjYvOXU3OC9ESThvTGUvNTlUVzVaSzBudlM2VWt2c3pMZGsrN3BaZEk5d0lDQ0lNTXdBK01WOWNwNEZhOWVlaEFkTmhYMS9zVG5lcEZoRTFFVWFQaUp3aWlpZ095Z3lJeUNPRnQ2ZW1DWVhtZnRKTDBuNmV5cDlaejdSMVYxS3RWVlNTM25WSjF6NnYxNm5ucXluWHpQa2pybmZNOG4zNlZkMHN1MEVMeGMyNUFIWjRJWVc3YVNJS2JpSGZyenJldmEzOFpkSHZBL1FoaDR6dC8rMTFOUHZHQno5L2FLM3NoMW5JNjYybTVJNVZab1p1WXpzeXNkUERxczB4Y21lVU80eDdRV3hwckpCVE5QM24vdlhmUXBzOUVEeDA2MVNUb3VhYU9YYm1odGtjaWphN3ZhOTFaOWl5WjhrWWZIZTZsMEwzOGs2ZVpOcTlwaXpYQk9Iem96M2E5TTZQSnFTYmRJYW5IRmd6TkJqQzFiU1JCVDlnNE5Lek1ZN3d4M2VzRC9DR0hnT1gveTVjSEl0WnZXbmRyWXMycHQyVzlpRjQ0RFUvNWlwU3N5WjBhbmRQRG9rQTRkSDZHN2tuczlyNFVCZ0hPek5EMXovNzEzcFRrMGxYdmcyS2wzU1hxZjEyNXVxenZhajBaYkkxdHJ1RmpWSjF4d3VOQW1IdStsMHUwL3NHbFYyOTErUEljUG5abGVKZW1ubEFsZFhpWHBDdGMrT0JQRTJMS1ZCREZsN2REcnRxNXIveHAzZWFBNUVNTEFrKzc5eXNFcnRsK3o0ZWsxSzZPdFhwbU91cGJIaXVXV05TMUxSNTgvcDROSGgzVHNPYm9yZWNDOHBDZTF1TlhNRS9mZmU5YzRoNmEwQjQ2ZVdpUHBHVWtyS2prNTNYQ2oyN0M2S3g0TUJGcXFUU29ZNzZWeGY5ODZoeS81N3RxMHF1MXpYajl2SHpzekhaQjBrNlJialV6b2NyT2tnR2NlbkFsaWJObEtncGdsZldscmQvVDEzT1dCNWtFSUE4OTYvOWNPdldoZzI4Yi9iRytOQktwN3J2RldONlJ5QzV1YlQralE4Ukc2SzNuVEtTMmVQdnNKU2NmdnYvZXVKSWRHZXVEb3FZOUllbXN0SjJzamJucUdZWXowclZuUlYrbEZpaTVIamYxYk5qQjh5Wm1WZE5PbVZXM0h2SGF1UHBZM2ZiU2tWMHBhNDZvd290SXlDV0pzMlVxQ21LS21KRzNkMmgwOXpWMGVhQjZFTVBDMFAvM200NysycjMvTC94OEtCaXA4dnZGSkFMUE1nOXZwMFNrZFBFSjNKWTlMU2pxaXhRTUJQM0gvdlhlZGJhYUQ4TURSVTFkTE9pb3BiT2ZKVzQrYllDUVVmS3huWmVlZU1pOU9oQzhOL0p1NUlIZ3BYUHBKU1hzM3JXcWRkL1A1K2RqcDZZZ0twNDgyWEI1R1ZGb21RWXd0VzBrUWM1bTNiTzJPZm95cUR0QmNDR0hnZVIvOXpvOC9NckJ0MDVML0hmZHJONlJ5SDk1TWM2RzcwbEc2Sy9uRkJWMCtROVBSKysrOXk1ZURlVDV3OU5RL1NmbzVKKzl3VHQwUXU5cGJIMS9SM3JxTExrZTFYaEVkUERidUMxL3kvZldtVmEyLzdyWno4ckhUbDA4ZlhjbU9FOFEwZU44Sll0endkM3BJMGkxYnU2TlV5b0FtUXdnRFgvalV2eC85N3Zack4veFVzWGUyMTZhakxydWlVdVYvejJmbkUvcmhpVk1hUERxa1UrZnBydVF6YVVrbnREQVFjSzdWekpDWGQrcUJvNmYyU1hxNG5uYzdPMitPNjFkMmpZVkR3VFdsQ25hMFpZZkRCUk8rMkh2Tlg4SWJONjFxL1V3ano4UEhUcGMzZlhRbHUwWVEwK0I5SjRocDVOOHBKV24zMXU3b2o2bTZBTTJIRUFhKzhONHZEd1kycjEvOTlOVWIxMTdwcCttb3l5MnMydTArTXphbGcwZUdkZWo0aUtibjRyeVIvR3RTQzJQTTVNYWJPWHovdlhkNVlpck1CNDZlK2s5bHBxNXR5SjJ2eGh2bDlNYTFxenJwY21SekpPSENoeldIOTNST21XNUpoK3Q1N2gwOHZYajZhS1BNNmFNcjJVMkNtQWJ2TzBGTW8vNU85Mjd0anY0QjFST2dPUkhDd0RmZSsrWEJqcTFYcmovVnU2NnJxL2diM052VFVTOVZtRkhqU1crYWxvNmRQS2ZCSThNNjh2dzVwZE8wakcwQ2xxUm5kZm4wMmMvZGYrOWRybmtEUEhEMDFKMlN2dXlXdTJDbDE0bFFNUEJFNytvVk8rb1dMamhjTU9POTJMWHRWVDJ3SDVHMGQrT3ExbG1uOXVIZzZha2kwMGNiOXZ5TkNHTGN1KzhFTWZYZS8yY2tiZC9XSFhYMVdFOEFQRmhmQXhyaC9WOTc3THFkTDdqaThJcU90bEN6andOVDdiYk14Ukk2ZEp6dVNrMXNWZ3RkbVhMaHpJL3Z2L2V1aVhwdnlBTkhUNFVrSFpaMG5SdnZpT1VzSG0xdEdWemQyVDdBZUMrTnE0aDRzTlhMVXZlYnoyeGMyZnBHdTdiOTRPbXBnS1E5eW9RdVB5M3BoU282ZlRSQlRORXlDV0pzMmNvbURHSmV1YTA3K2wycUcwRHpJb1NCNzN6dzY0ZHUyOWUvK1JzdGtaQlI3bHU5MmJvaGxidnNtYkVwRFI0ZDFxRmpkRmVDaGxRd1E1T2twKzYvOTY2VVV5dDg0T2lwMzVEMFYxNjRPNVphZk4yS2p1ZmFJdUVyUFhVREozeXhlZnR0Q1YveS9mckdsYTEvWGUxMkh6dzl0VjZad09YVzdNYzExZXdIUWN4U0t5Q0lxWFNsVFJURTNMZXRPL3JMVkNtQTVrWUlBMS82eUxkLzlMdjcramUvUHhBdzVOZnBxQTJIVDNZajc1Y3lzeXVkMStEUklSMTVqdTVLdUNTdVRFdVZSYk0wM1gvdlhhTzFGbnovMFZPZGtwNlcxTjN3bTFYMWdVeDY0OXFWQWNPdzkxR0FMa2YxZi9DcTE1NldPZGg3VE5MZWpTdGJ5eHJRYy9EMFZGalNpNDJGQVhWMzJyWDNCREZMcllBZ3B0S1ZOa0VRTXk3cCttM2QwUXRVSDREbVJnZ0QzL3I0ZDUvOHU5MWJOOTFsNTBuZ3AzRmdsbDIrUkExekxwYlE0OW51U3NQbkpuaWpvWml6dXJ6VnpKSDc3NzByV1c0Qjl4ODk5WDhsL1grdXUzRlZzUEtBWVR5MWNlM0theHV3NnFvS2RqSjhhZklwcG0yL3QwZzZMdW1talN0Yml3NnVQWGg2NmtwbEFwZFhLVFBHUzRkOWZ3ZUNtS0psRXNUWXNwVStEMkorZFZ0MzlHK3BJZ0FnaElHdi9jMFBUZ3h1dTNMOVRYYWNBRjZjanJxbS9TeGpoOCtPVGV2Z2tTRWRQRFpNZHlVc0p5WHBtQlpQbi8yaisrKzk2M1RoZ3ZjZlBiVkJtVll3YmE2K2lTMno4clpJZUxCN1JjZUFLMi9VZERteWVmdHQ3M0pVanIvZnVMTDFseVJwOFBSVXU2U2YxRUx3Y3AyemZ4T0NtUEp2bFFReGxhN1VwMEhNQTVKZXNhMDdhbEVkQUVBSUExOTc3NWNQUnE3WnVIWm9jKy9xbmxyZi9NMHlEa3ladGNwRlB6RXRTOGV5M1pVT1AzdFdLYm9yb1h6anlnWXl5ZzRFL0h1LzlCTnZDUVNNTjNycWhsWms1YXM3Mmc5M3RyWGM0S3FiTStHTHpkdmZrUEJGa3BReUxjMGswMStLcGMwVmtsNmlDcWFQSm9oeHNFeUNHRnUyMG1kQlRGelNqbTNkMFJQYzhnRTB2TTRLMU1ON3YzeXdlOGUxRzU1ZnQ2cWpyZVlnbzhIandGUzY3WFoyUXlxMzdQelpsZWl1aEVxdFd4blZyOTl4azJvZFJxWGhOemRENmx1ellpNFlDTFM3WXJzWjc4WG1iWGRzdkplU1RFdEtwRTNGMDZZU3BxVzBaYm5nSENHSUtmL3ZTeEJUNlVwOUZNVDg0YmJ1Nkh1NHd3TndUVDBWcUljUGZPM1F3SjZ0R3gvdWFHOEpWUHJHOS9OMDFKY3RhNVJmUWpsbG54MmIxaURkbFZDQlgvaXA3YnI2aWpXMmx0bUlHNTFoNk95bWRhdldOM1FialZyTHA5V0xyUS9TVmV4SDByUVV6d1l2eWJSbCs0RW5pSEd3VElJWVc3YlNCMEhNRVVtN3RuVkhFOXpoQVRTeWJnbzB4SjkrODRlL3RLOS84MzJSVU5DeENuU3pkVU1xdCt4Y2Q2Vkg2YTZFSld6cFhhVTN2UEpHWDl6MElxSGdvZDdWWGJzYnNqMTBPYko1Kyt2WDVjaTBMTVhUQzhHTHVWenVRaERqdXVzQlFZejlXK254SU9hV2JkM1IvK0lPRDZBUjlWSEFGVDc2cno5KzM5Nyt6ZTh5S2oxQm1tZzY2dVZLcUhWYjV1TkpIVG8rb2tlUERtdm83RVhlbE1oV2lBMzk2bXQyYS8zcVRsL2NBRmRFV3crdGpMYnRydXQ2NlhMa2lqMnROSHpKZERIS0JDOUowNnA4cXdoaVhIY2RJSWl4ZnlzOUdzUWMyTllkdlpzN1BJQjYxNlVBMS9uVWZ4ejkxbzNYWHZGcXV5dlNmcHlPMnBheWwvamh1ZkZwUFhwa1dBZVBEbXRxTnNhYnM0bjFYOVdqMTk2eTFUYzN3L1dyT3MrMWhFTTlkYm5oK2lCOGFhWXVSMm5MVWp5VmJlMWltcXBtYUJlQ0dQZFhoZ2xpN045S2p3VXg1eVJkdjYwN09zRWRIa0E5NjFTQWEvM2RRMDhmdjI1VGQzbFRlTklOcWJheXkvaWhaVms2ZnZLOEhqMHlyQjgvYzRidVNrMG1GQXpvN2p2M3FpdmE2cGNiNCt6bTdsVlJSMiswZERseVlQdWRDVjhzTFc3dGtqSXRaL2FOSU1aMUZXS0NHUHUzMGtOQnpDOXM2NDcrRTNkNEFFWHJ2aHdDTktQaHN4TjdvcTB0dzFkMHIxaFp2NHBHOHdRd2xXNWt3REMwZFV1UHRtN3B1ZFJkNlpFamRGZHFGamRkZjRWckFwamNRM010Ny8xZ0lQQ3NJVzEzTWxVZ2ZMSDN1bHgxK1NWK1BXVmFpbVdEbDRSRG9iSlZ1SHFyOWorY1pjdmZmbkVwVlplNXhDOWFEcnhISFMrejZBb3FYNnNyOXIyTVg3Qi9Pek1sT3JML2x1M1hwRzhSd0FCb1pEMExjSzMzZmVXeHEzZTk0SW9qcTdyYUk1VlVybXVwNk5NTnFiSjl6SFZYR3FTN2ttKzF0WVQxR3orelR5MFJiL3hQb0p4em9hTTFNcmkyS3pyZ3hJb1o3NlZ4ZTdyVTVkSzBkR2t3M1hpNitQVFJScjMybVJZeHJxc1kweUxHL3ExMGNZdVlPVW5iYnVpT251UU9ENkJSOVMzQTFUNzA5VU92SExoaDg3KzJ0WVFYWnhKTVIxMWIyUlg4c0p5eUxjdlNNYm9yK2RJckJxN1d3TmErdlBlRGQyNUxwYmEwczdYbC9KcXU5bTQ3VjhKNEwzWnR1MzFkanBLWFdydVlTcVN0aGg1bmdoajNWNDRKWXV6ZlNwY0dNZSs4b1R2NlllN3VBQnBWN3dJODRTUGYvdEU5Ky9vMy8za3dFR0E2YXJ2S0x2T0hsVDQ4R2NyT3JuVGlsQjQ5TXFUbno0enpCdmF3bFoydDJ2KzZ2UW9FakNYKzR0NjZtVnFXdEhIZENvVUNnWm9Mbzh1UnZkZmdxc3ZQZm1KYUM2RkxQRzJwMnFGZENHTHMzeGlDbUFidk8wRk16dU9TOXQ3UUhVMXhod2ZReURvWTRBa2YrN2NuUHpXd2JkT3YyMStaY0ZjQWMybjVlbmREc2ltQUtYVCs0b3dlT1RLa3dhTkRtcHlodTVMWDNQblNiZHE2WlYwTjd3RDNtWnlKYWVkVnZUWGRrUWxmN0wzK1ZsdStaZVFHMURWTFRCOXQxR0VmYWl5WElNWjFsV1NDR1B1MzBpVkJqS2xNQVBNWWQzY0FqYTZMQVo3eE45OC8vbEQvTmIwMzIvMm93emd3cWptRVdlNEIzTElzSFIrNm9FZU9ET25IejV4Uk1wWG1EZTF5dldzNzljYmJkbGQ1NDNMdnJXdHNjazQzWFh0RlZTY1A0NzAwYms5enY1SE90bmFKRlV3ZjdjU1E1UVF4OW04TVFVeUQ5NzI1ZzVpUDNOQWRmVHQzZHdEbFlIWWtJT3ZzMlBTTDI5c2lRMWRkc2VhS3VsVWdEQWZMbGt2S2RqaUF5VlNVREYyL3VWdlhiKzVXTEpIVW9lT245QWpkbFZ6dHAvWmNYZlgwR1ZiZS9FVnVDMlE2MjFvcVBuR2NERitZWW5wNXVaWXVzZnpwbzQzQzkxeXAwcXVmcThWeTZPL0RyRWtPSDArN3kyVFdKRnUyc3NHekpnMUwra1B1N0FEYzhGd0dlTTY5WHptNGR2czF2Yy8zck82TTFuYkNOTmQwMVBYdWhyVGs2dkorNGZ6RkdUMXllRWlQMGwzSlZhN3RXNlBYdjZ6ZjlqdVNHd0taZFYxUmRiUkdsajFaNkhKazEvWlh2aUVwMDdvVXVpVFNwaXhicmwrMGlLbTJGRnJFTExVQ1dzUlV1dElHdFloNTdRM2QwYTl6ZHdmUTZIcy80RmtmK05wak8vZHMzWGl3SzlvYXJPV2hnRzVJcWpGb3F2eVJ1bFJGeWJJc0hSdTZvRWNPMDEycDBRS0dvVjkvN1UxYTA5WHU2TjJwRVlITWZEeXBiUnU3bDl3ZndoZTd0ci84SlJkUEgyMFduVDY2a3RVUXhOaS9aUVF4UzYyQUlLYlNsZFk1aVBuU0RkM1IxM04zQitDRyt6N2dhUi8rNWc5L1lWLy81bitJaElNVnpsck5kTlRWUGJ6VS9oQmQ3c05oTEpIUzQ4ZEg5UENSSVQxM211NUs5YmJydWcyNmRkKzFkYjFUMVN1UUtUb2VET085Mkx6dDVTMmR5R3Z0a3F4MVNudUNHSWUybFNDbWFKa0VNYlpzWloyQ21DbEoxOS9RSFQzRDNSMkFHKzc1Z09kOTlGK2YrRC83K2plLzJ6QU11aUZWdW15RHV5R1Z1KzBYSm1iMDhPRWhQWHBrV0JNejg3enBIUllKQlhYM3oreFZkS251T2c3ZnRad01aS1puNDlweDVmcEYyOGg0TDNadC85SkxwNjJGMENVemZiUmw3N0VpaUhGb1d3bGl5cjlORThSVXV0STZCREcvY1VOMzlPUGMzUUc0NVg0UCtNSW4vLzNJbDNlL29POU8yMjc2VEVkdCsyTnl0UUZNUGt2UzhaUG45Y2lSSWYzb2Fib3JPZVdsTjI3UmkzZHNkczFkek81QXBqMFNVYytxS0YyT2JOdiswa3RhV3BnK09sWjArbWdIamh0QmpFUGJTaEJUdEV5Q0dGdTIwc0VnNWlGSnQ5elFIVFVGQUM2NTF3Tys4WGNQUG4zNCtpM2QyMnk1MlRNZHRlMFB4b1poN3pHTUpWSTZSSGNsMjNXMFJYVDNuZnNVRGdWY2VVZXJOWkJKcFUxZHUyR05vNDlJelI2K1hKbytPclY0K3VpNlZub0lZaHphVm9LWW9tVVN4Tml5bFE3c2Y4b3d0T3VHN3VpVDNOMEJWSU1wcW9GbGpKeWYyQk50aTR4czdGbTV4czRhQzlOUjEvNGc3TVJEWTJza3BCZHQzNklYYjk5eXFidlNJM1JYcXRsTGRsNnBVQ2h3YVNZYVI5NmpWdlVuUWEzVFhrL1B4aDJiVHRuUjg5bkZYWTRzbFpnK3VzYTNpR0Z6QVV4ZnpmVFZqcFhKOU5XMmJLVUQrLzlCQWhnQWJuMVdBM3pqQTE5OWJPT04xMjE0YXMyS2FFdXAwNGpwcUd0L0FLdDNONlJ5bDgxMVYzcjR5TENlZVBxMEVuUlhxc2k2bFZIOXo5djN5Q2p4eE8vNGphZ09MV1F1VHMxcno3VWJiTnVZWmgzdkpWbnU5TkdOcnZ6UUlzYWhiYVZGVFBtM2NGckVWTHBTbThwOVJsSi9mMDgweHQwZGdOdnU3NER2Zk9qcmgxNjY5NFpOLzk3ZUdnbFVmR05uT21xYkhuV3JlNGkwTDJneU1yTXJuVGlsaHcrZjFMT254aHg3U1BTVG4zdDV2NjYrWW8wamY2dDYzdldXZXBjYWxuVGwrbFUxcjdqWnVoemxwbytPVlROOWRLTXJRQVF4RG0wclFVelJNZ2xpYk5sS0c4cDlaWDlQOUx2YzJRRzQ3WjRCK05hZmYvdEhkKy9yMy96eFVEQWdwcU91OW1Ha3NvZmJXaDhrN1F4Z0NsMlltTlVqaDAvcTBTUERHcCtlNHdRcFl2UDZsZnJGVjk3b3podVVqVE10YlZxN1FwbnJRaTJSaElPNzZxTHdKVkhRMnNYVGxTQ0NHSWUybFNDbWFKa0VNYlpzWlEzbDN0ZmZFLzFsN3V3QTNIaS9BSHp0WS8vMjVGL3V2V0hUVzVpT3VwcUhrT1VlWmN2Y2xqcDFRMXJ1Q1RiM1hVdlNpYUVMZXZqd1NmM3dLYm9yNVh2amJidTFmazJuKzI5V05heGdlamF1blZmMVZobEpPTGhMTGdsZVRNdFNMSjBMWGk2ZlB0cnpGU0dDR0llMmxTQ20vTnM2UVV5bEs2MmkzREZKVy90N29oZTRzd053ZmIwVzhLTlBmLy80OTNaY3MrR2xURWRkYTludUNXQksxMjByRzhja2xranBFTjJWSkVrM1hObXRPMjdaNnIwYlY0VXJHSnVjMDk3citrU1hvNHpNOU5GV1JkTkhlNzR5UkJEajBMWVN4QlF0a3lER2xxMnNzTnhmN2UrSi9pMDFZQUIyWUhZa29Bcm54NmRmOXN6STZMUFg5SzNkN0lZSGdvYU5BK1BDeWxvOTluT3BaVnNqSWIyb2Y3TmUxTDlaRnlabTlYQ1RkbGNLQmdONjZhNHJIU25iY3ZvOVd1RXNTeDJ0TFdVdDZPZndKWjF0N1ZMTDlOR054S3hKekpya3F2ZlRjbVV5YTVJdFcxbEJ1UTlJK2d5MVh3QU5ld1lDa1BHK3J4eGMyWDlWNzFEdjJxN081YzRzdWlFVlc5Ylo2YWpyMFEycDNMSXZkVmM2TXFUSG56cWxSTkwvM1pYMmJkdW9sKzI1eWw4M3RSS0ZyKzJNYWtWN2E4TnV0STBJWHhhbWo3WnNtejdhRjVVaVdzUTR0SzIwaUNuL1ZrK0xtRXBYdWt5NWNVazcrbnVpSjZqNUF2QkVmUlh3dXc5OTdkQzIzZGR2L05HS2p0WlFxYk9LNmFpTEYrRDFjV0NxTFQrZXpIUlhldWp3a0o0WkdmVmxkNlhXbHBEdXZuT2ZXaU9OYld4WmowQW1sa2pwaG8wOWRiKzVOaUo0V1pnKzJuSjArbWpQVjR3SVloemFWb0tZOG0vNUJER1ZyblNKY3Yrd3Z5ZjZIbXE4QUR4VFJ3V2F3WWUvOGNNN2J1N2YvTldXU0tqb25aenBxQy8vWmE5TVIrM29NWlEwT2ptcmh3OFA2WkVqUXhxYjhrOTNwWmZ2dVZwN3QvVTF4YzF1YkhKT2UxK3dzVzQzMVhxR0w0dW5qN2JxT24yMDU5OHZCREVPYlN0QlRORXlDV0pzMmNvaTVSNlJ0S3UvSjVxZ3RndkFDL1ZTb0tsODlGK2UrSU1YYnQveUowYWd0Z29pMDFIWDl0RHBaQUJqNnpFc1lCblMwOE1YOU5DVG1lNUtjUTkzVjFyWjBhbzN2VzZ2QWdIMzNsN3MzTExwMllSMlh0M3JtL0JsOGZUUnpUeXNORUVNUVl6N0s5d0VNZlp2WlVHNXQvVDNSUCtMV2k0QUw5d1RnS2IweVFlTy9NT2VyUnYvdSsyQndGTExNaDIxL2Z0WjV3Q21jSlh4WkVxSGptZTZLejN0d2U1S3IzdkpWbTNkMHQwME44SDJjRmdiMW5RNXQzMkdzL3UrZVBwb1UyWno1eTcyVjVJSVloemFWb0tZOHFzQkJER1ZyalJiN29IK251amRYQVVCdUxKK0FXREJmUTgrOWNOdFY2Ni9rZW1vaXhmZ3QrbW83ZGlXcFI2eWM5MlZIajdzamU1S3ZXczY5U3UzN1c2YUcyTGFOSFZkNzFvWk5pY2xUZ1l2bHFTa3g2YVA5bnhGaVNER29XMGxpQ2xhSmtHTUhWdDV6cEN1NysrSlRuQUZCT0FFcHFnR2JIVHEvT1RlYUd0a1pFdnY2bldPaGdkTVIxMjMvWFQwR0M2ejhOb1ZVZDMrb3ExNnpZdTI2cW5oQzNyNDhKQU9uVGl0ZURMbHl2Zi95L2RjN2VuenQ4S1pxVFU5bTdBMWdIRXFmTWxOSHgzMzZQVFJibmhmTUgyMXZTdGkrbW9IeTJUNmFqdTI4aDRDR0FCT29pVU1ZTE1QZnUxUTc0NXJlcDlkdDZxajFiRkFnT21vN2QvUGVuZERNcW9wMjFnMHU5SlR3eGRjMDEzcG1yNDFldjNMK3B2cVJubHhhbDREMTlVK0FMSGQ0WXNsS1pHZHhTanVvK21qUFY5aG9rV01ROXRLaTVqeXF3YTBpQ25ETjdmM2ROek9GUStBcStzVUFDNzM0Vzg4ZnZQQXRrMy9GVzJMQkd3UEQraUdWUHN4TFBNcHVGSGRrTW85aW1OVGMzcm84RWs5ZkhoSW81T3pEWHUvQnd4RHYzYkhUVnF6b3IyNWJwcW1kTTJHTmRXWFplTWRPR1ZhbDJZeDh2UDAwWjZ2TkJIRU9MU3RCREhsVnhFSVlwWXdLK21HN1QwZEo3bmFBWEIxZlFKQWNSLzUxZzkvOVlYYnQzdzZIQXJhOTREUGROVE83R2NkcHFPdTVlSGJLR01OSjBaRzlkQ1RKM1hveEttNmQxZmFlVzJ2YnIzNXVxWTd4emV0V2FtV2NOQ3g5L2RTVEN2WDJxWDVwby8yZk1XSklNYWhiU1dJS1ZvbVFVd2wzcm05cCtQRFhPVUF1TDR1QWFDMGovM2JreCsrdVgvejIydCthSyt3NXN0MDFCVXM3NUZ1U09WS1pMc3JQVmluN2txUlVGRDc3OXlyYUZ1a3FjN3RtYm00ZGwyMXdaSDNkaW5KUzYxZG1EN2E4NVVuZ2hpSHRwVWdwbWlaQkRIbE9DUnAzL2FlRG5jT3VnYUFlZ1NBOG4zNmU4ZStzL082SzE1Wjh3TSswMUhidjU4Tm5vN2E3cU5ZdUdTdXU5SkREblpYdXVYR0xicGx4K2FtTzYvSEorZTE3d1Y5dHYrOTgrVlBIeDFuK21qL1ZhQUlZaHphVm9LWThxc05CREc1eTYya3ZkdDdPaDdqeWdiQUUzVUlBTXY3L0NQUFBuUGRwblZYVmZYUVhsNU5TbFdYWGZQRFFhM1JBZE5SMjNFVWw2dGZueGdlMVVPSE05MlZZZ2w3L3RIWDBSYlIvanYzcWxTWE96K0x4MUxxMzlKank5ODVKemQ5ZEs2MUM5TkhOMEVsaWlER29XMGxpQ2xhSmtGTUtYKzJ2YWZqSFZ6UkFIaW0vZ0JnZWUvL3lzR09iVmV0SCtsYnQySkZ4U2VvQzhhQnFUaHM4R2czSktlbm8zYXlHMUs1ZGV0RU1xM0huenFsQjU4OHFlUERvN0pxR0V2azFwdXYwODVyZTV2eW5GN1QwYTdWSFcxVnY0OXptRDZhaWhSQmpGUGJTaEJUdEV5Q21FTERrclp0NyttWTRXb0d3RE4xQndEbCtjRFhIcnYycHVzM0hsN1YyUmF1Nk9Sa09tcjc5OU5uNDhCVVdxZk8vV2hzYWs0UEh4N1NnNGRQNnNKRVpkMlYxcTVvMTYvZGNaTU1vL2x1STRsa1dqZHM3SzdxUGN6MDBWU21hci91RXNSVVd3cEJUSlUzRFRmdmUrMUJ6QjNiZXpxK3dWVU1nS2ZxRFFESzkyZmZmUHpXbS9zM2Y2czFFaTR2QjZFYlV0WGI0cmZwcUN2YWppb2VHSjRhR2RXRGg0ZjAyUEdSc3JvcnZmNWwvYnFtYjAxVG5zZmpVL1BhZDExZjJYOVhwbyttUWxWdEFRUXg5bThaUVV5Vk53ODM3M3YxUWN3WHQvZDAvQnhYTHdDZXF6TUFxTXhILytXSmQ3NXcrK1lQQlFPQkNzSUpwcU51bm5GZ0tsdERKUTgrNVpTYVNLWjFhSm51U3B0NlZ1b05QMzFqMDU3RDA3Tng3Ym1tOU14SVRCOU5wY3JPQWdoaTdOOHlncGdsYjVUdTIwNmJmcUZna1NsSjEyL3Y2VGpEbFF1QTUrb0xBQ3IzeWZzUGYyWmcyNlpmTG5sU01oMTFUUmNxdWlIWmN3d3pzeXRkM2wzcGpiZnQxdm8xblUxNy9yYUZROXE0ZHZId1Rrd2ZEZHNxVmdReERtMHJRVXpSTXBzM2lIbno5cDZPVDNERkF1REp1Z0tBNnR6M2c2Y2U2Yjk2L2Q2aUp5VFRVZHUvbno2Zmp0ck9oNE5peXo0MU1xcUhEZzlwT2g3WHJmdXVhOXJ6MXJRc1hkZWI2WWJGOU5Gd3JISkZFT1BRdGhMRWxGL044SFVRODVDa1c3YjNkSmhjclFBMFFvaERBRFRHNmRISkYwZmJ3c05YYmxpenZzS2FrYjJWSFo5TlIxMjhFTVBaWTFqK0ttMDVpazRHTUtWYzI3ZFcxL2F0bFdsSmMvR0VwdVpqbWs4a20rcWNEUWFEc2l4cExKWmkrbWdzeWFyMXZDdFNRT2t5cTErYkpXZXVnNWVWYThPSzdObld4YVZVWGVZU3YrakVNWFc4ektJcnFIeXRydGozNVg4aFpVbi9hd2NCRElBR29pVU0wRUIvOHFWSDErMjV2dTlreityT05xYWpkbkEvbTNRNmF2djMwMWowYVRwdGFubytwcW41dUpMcHRPL096MEFnb0dBb3FHQW9wR0F3MkpRelFhSEJsU3hheERpMHJiU0lLVnBtYzdTSWVlK09ubzcvemRVSmdLZnJCd0JxODZkZlA3UnI3N1pOZzUzdExVR21vM1pnUDVtTzJxYjlOQzc3TkgvNVdDS3BxZm00Wm1KeG1SNGVpRFlZQ2ltVURWNENTd3llRGRTdG9rVVE0OUMyRXNRVUxkUGZRY3d6a3ZwMzlIVEV1RElCOEhUZEFFRHQvdUpiUDN6RHpUdTIvSDBrRkxTOWlzMTAxQTRldy9KWGFjdFJkRVVBay8yeTFQS1daV2ttbHREMGZFeHpIdWl1bEdudHNoQzhBSzZzYkJIRU9MU3RCREZGeS9SdkVQT0tIVDBkOTNORkF1RDVlZ0VBZTN6c096OSs3d3UzYi81OXd3allkc0l5SGJYRHg3Q0dmVndvdTNIVFVaZS8vT0pXTU9XV25YSmhkeVhETUM1MU1Rb0ZReklDM0FiaGtRb1hRWXhEMjBvUVU3Uk0vd1V4OSszbzZmaGxya1FBZkZFbkFHQ2Z2L25lc1cvc2VrSGZhMndKQkd5cnpCZGJsdW1vaXkzY0RPUEFWSHNNWThsTWQ2WHArZnAzVndvRWc1ZGF1Z1NEUVM0MDhHNmxpeURHb1cwbGlDbGFwbitDbURFWnVuNUhUOGNvVnlFQXZxZ1BBTERYNXg5NTl1ajFtN3V2ZHl3OG9CdVNJeGRIMzNkRE11d3AyN0lzeldSblY1cUxPOU5kS2RQYVphR0xFUVBxd2xjVkw0SVloN2FWSUtab21mNElZdDY0WTMzSFo3ajZBSEFMT3NBRExqTjA5dUtlYUd0a1pHUFB5bFcyVjE2WWp0cWhoMzQ1ZGhRYk1SMjFrMlViaHFITzFoWjF0cllvbFRZMUZZdHJlajZtUktxMjdrckJZTGFMVVNpa1FKQUJkZUZlVEYvTjlOV3Vlajh0VjZiM3A2OStRTkpudWZJQWNCUCtQUWk0MEFlL2R1akszUys0NHRpYUZkRUkwMUZYdUR6VFVkdTBuMGJWKzFqTnRzU1RLVTNPeDhydXJzVDAwV2o2Q2hndFloemFWbHJFRkMzVG15MWk0cEsyNzFqZjhSUlhIQUMrcWdNQWNNYWZmZlB4bCsyN1lmUDkwZGJ5Y3hpbW8yWTZhbnYyMC81dVNPVXVuK3V1TkZta3V4TFRSNE5LV0MzWGRZS1lha3NoaUtueXB0VDRmZi9ESGVzNzNzT1ZCb0R2N3Y4QW5QT1gvL0xFVzE2MFk4dGZCc3Q4NEdRNmFuc0RnV1dYYmZMcHFCMDUzbm5mU0tWTmpjM09LMkdKNmFOQlJjeVc2enRCVExXbEVNUlVlWE5xM0w0ZmtiUnp4L3FPcEFEQVpmaFhJdUJpdjNucmpyOGFQREw4eVpvcU5IVU9ZQ3BkZ1p2R2dYRitPbXBuYXRhT3BlbEduY2VZS2ZpR2FWa0toTU5xaVlRVmtDV1pwbFRubVpVQXAxa09GR0E1c0Rhclh2dHZ1ZUNZRmluRmNtQmpMRGUrbjVZcjA3Sm5yUTV2cHlYcFRRUXdBTnlLbGpDQUI5ejNneFAvdGVPYURTK3E2a1JtT21yN3Q0WHBxSjNabHJ4dnBFMVRGK01wbVVWK25FNmJtWEZqREtQeU5BendhNFdNRmpFT2JTc3RZb3FXNmU0V01RZDJyTys0bTZzS0FMZWlKUXpnQVdmR3BsL3k5TWpvU01VVkdCdGF3YmloY3I1azJZMllqdHJCYXFiaDRJSDFTZ0JqV1pZbUNnS1lmTUZnUU9GUVVPRmdRQUVyMjBJRzhEaGF4TmkvSWxyRU9GaW1lMXZFbkxXazMrT0tBc0ROQ0dFQUQvamQxKzB4ancrZDMzbG1kR3EybHFkaXBxTjJiSlcySEVXL1RVZGRkdGtGMzVpSUpWWHVoTldYQXBtQW9ZQmxFc2pBMHdoaTdGOFJRWXlEWmJvemlIbnJqZXM3SnJpYUFIQXpRaGpBSS83Z3YrMGRPL3pjMlJkTnpjWlNybndJYjBRM3BEcVhyWHFQQTFPMy9henZkTlJMbVlvbFZHMG4vbUF3cUhBb3FGQWdJTU95R0Q4R25rUVFZLytLQ0dJY0xOTmRRY3czYjF6ZjhVOWNSUUM0SFNFTTRDSHZ2R1AzRTRlT2oveGlQSm15dkR3ZHRTMFArRGFzMU12VFVkdTNuMFpONjdPekc5SnNJcW1ZWmMvK2hvSkJSWUpCaFExRGhrbVhKWGdMUVl6OUt5S0ljYkJNZHdReHM1TGV3dFVEZ0JjUXdnQWU4OWJiZG43eDROSGgvMk9WK2krL3k4ZUJjZE4wMUU3dXA3dzRIYlVhTnc1TUxKblNYTnIrUndYRE1CUU9CUlVKaGJLQkRETXN3UnNJWXV4ZkVVR01nMlUyUG9oNTk0M3JPMDV5NVFEZ0JVd3JBWGpVcC8vajZCZHZ1bjdqenk1M1JqczlIWFhkWjBQeXpIVFVOWVF3aHNQSHNOaFBqVG9IYW5uZlNLWk5UU1JTeTFhK0RSdi9BcVlzcGROcFdXS0dKZmk4b3Nhc1NRNXRLN01tRlMyek1iTW1IWkswNzhiMUhTbXVHQUNhNHQ0T29IRSsvOUF6UDk1MlpVOS9kWlh0WXNzeUhYV3hoWm1PMm9GdHlYN0R0Q3hkTEhNZ1hqdERtUHdmbXFhcHRHbktNZ3h1aS9CblpZMGd4cUZ0SllncFdtWjlneGhUMHQ0YjEzYzh4cFVDZ0ZmUUhRbndzT0h6RTN0T25yMDRXbmtsdS9ZS0V0TlIyeFVWT0hOZ3ZSREFXSkltNXBOS043aDNVQ0FRVUNRVVVrc3dxSkFoR1pZcDV6cFpBSldqYTVMOUs2SnJrb05sMXJkcjBwOFR3QUR3R2tJWXdNTis1M1Y3RWllR0x1eStNRGticisxQm1lbW9LMWlsTFVlUjZhaWx5VmhDbGJRZHIwY3NFc3dMWklLeTFCb0tLRURqR0xnQVFZejlLeUtJY2JETStnUXh3NUxlemRVQmdOY1F3Z0FlOTg3WDdoNSs0dW5UcjVpZFQxUTkvUXZUVWRkZU9OTlJWL2JMMC9HRTRpNmZzQ2dVRE1xeXBIQWdvUFpRVUsyaEFKMlYwRkFFTWZhdmlDREd3VEtkRDJKKzQ4YjFIVE5jR1FCNERTRU00QU52ZjgydUh6eDJiT1R1Vk1xcytFR1o2YWlMTDh4MDFMVnZZcW5sNXhJcHphVzlkWTZsTFV1V0pVV0NtVUNtSmNqdEU0MUJFR1AvaWdoaUhDelR1U0RtQ3pldTcvZ0dWd1FBWGtRdEV2Q0ozN3gxeDZjR2p3MS9sT21vYThkMDFBNzg3YlBmaUtmU21rbVpuajdYMHBZbFExSmJNS0FvZ1F3YWdDREcvaFVSeERoWXB2MUJ6S1NrdDNJbEFPQlZ0S3dHZk9hei8zbjhnVjNYWGZHeWNrNS9wcU91YlI4WHltWTY2bkwyTVdXYUdvOHRub3JhcUhBbGhwMS9GY08rWTIxSUNoaUdrcWFwaE1tZ3Z2QklKWTVaa3h6YVZtWk5LdjhhWDlXL1BkNTg0L3FPVDNBRkFPQlYvUHNPOEpsejR6T3ZPREY4NFhtN0sxdUdTOGFCY2JSU1dlOEFwbTdIc0w3ZGtJcXhMRXNUQlFHTW0xZzIvSDdhc2hRd0RMV0ZBb3FHQWdvem9pOWMvcjZsUll4VDIwcUxtS0psMnRNaTVrRkwraVJuUHdBdm80WUkrTkFIdi9wWTEvYXIxdzlmc1c1RlY2bFQzeTJ6SWJscU9tcVB6b2JraGVtb3grY1RTbHJMTE4vQWxqQk9IWmRBdHRWUlBHMHBaZEZDQmk2dHpORWl4cUZ0cFVWTStkZjZzdGFha3JSejUvcU93NXoxQUx5TWxqQ0FELzNPNi9aTUhYMysvTDZKbWZsVWJkRUIwMUdYM2srbW95NzNRV2d5Vmp5QWtTUy94eEttbFhtRkE0YWk0WURhUXdFRkRmNy9BWHZSSXNiK0ZkRWl4c0V5cTI4UjgzNENHQUIrUUFnRCtOVGJiOTkxN05EeFUzZkdFaW1ycG9kd3BxT3VlVnZVc1Axcy9IVFVNL0drWWlibm81UUpZeXhKa2FDaGFEaW85bEJRUWZJWXVPWEJtU0RHb1cwbGlDbGFadVZCek5PUzNzT1pEc0FQQ0dFQUgzdnJiVHUvZWZEbzhPK2IyVzRRVEVkZGZHR21vNjU5RTRzdFA1OU1hVFpORjV4aUZnS1pvRHJDUWJXSEF0eVEwZmdIWjRJWWg3YVZJS1pvbVpVRk1YZnZYTjhSNHl3SDRBZjhEdzVvQW4vOTcwZitmdSsyelc5b2huRmdLdDRXdjQ4RGsvMnkzdVBBSk5OcFhVeWtWYzR3S0VZRksvYmFtRENsOTY5NENVSERVTm95RlV1WklyNUN3eXAzakJIajBMWXlSa3o1bDhORjMvenN6dlVkdjhLWkRZRDdOQUJQK2Z4RHp6eldmOVg2M1U2RUUweEhYZnVEZ0orbW8wNmJsc1pqU1ptVmx1SFRFT2JTOG1XT1FwejdTY0F3bERaTnphZnB6NFVHVlBBSVloemFWb0tZb21XV0RtTEdKRjIvYzMzSEtHYzFBTCtnOVRQUUpFYk9UN3p3dVRQajUrd09KNWlPdXZiaS9UUWR0V1ZKRS9IeUF4aG4rS01OaVdsWk1neEQwVkNteTFKTGtGczI2bmdXMERYSm9XMmxhMUxSTWt0M1RYb0hBUXdBdjZGR0J6U0ozMzdkbnNUVHc2TTNuaHVmbm5meUlieXFzaHN4SGJWOVcxL2VrZzBhQjZiZTNaQXV4aEpLdVNRRDhVdDNIa3VaTVdTQ2VZRk1oRUFHOVRnSENHSWMybGFDbUtKbFhyNkNCeVRyUHM1a0FINURMUTVvSW0rL1k5ZTVKNTQ1ODdMcHViaFo4cUdhNmFpTGJBdlRVUzlidGlGTnhaSktNSkNKNHcvVnBpV0ZERU1kNGFBNncwRkZBdlFzaG9NUHpnUXhEbTByUVV6Uk1oZStpRXZhdjNOOUozY1ZBTDVEQ0FNMG1iZmZ2dXVSeDQ2UHZER1pTdGYwMU01MDFMWHowemd3czRtazVrenF5dlZrV3BsWE9CQlFaempUUWlaRUlBTW5IcHdKWWh6YVZvS1lvbVZtdnZpL085ZDNQczNaQzhDUENHR0FKdlNidCs2NDc5R2p3eDljOUJ6TmROUWx5bVk2NnVYRWttbk5wQWhnR3NtME11UHh0T1FGTWtFQ0dkajU0RXdRNDlDMkVzUVVLZk9JTEgyQXN4YUFYMUZEQTVyWVo3NS8vRi8ydktEdlZVeEhYYXBzcHFOZWJ2bVVhV284bmxiaGhNcTFUK0ZjNi9hV0VhRzVmSGFrMnMreHpBeExwbVVwbGtvclRVNEdNV3NTc3lhNS9rSENNcVJiZHZaMlBzalpDb0I3TVFCZit1S2p6NTNZdXFYNzJubzl0R2UreVhUVTl1MW40N29obWJJMEZrc1dmYmduaENteWZBTkNtSHdCUXpKTmFUNlZGcE5lVS9tenV3Q0NHUHUzckVtRG1BTzdlanZ2NWl3RjRHZDBSd0thM1BObngzY1BuNStZY096QjB3MFBFVTB5SFhXOS96N2pzVVRUdHE3dzRtNmJWaWFNYkE4SDFSVUpxVDBVb0JJZzNyOTJGVURYSlB1M3JBbTdKcDJWOUM3T1VBQitSLzBMYUhLLy9kbzlNMGVlTzNmVDJPUmMwczV5bVk3YXdXTlkrTk02akFOVHVQekZlRUlwaThhVVhtVmFsZ0tHY1NtUWFRdFJIV2cyQkRIMnI0Z2dwbWIzN09ydG5PVHNCT0IzMUxvQTZCMTM3SDdtaDArZHVuMCtuclRzZW1ndlhnalRVVHUybjNVc2V6cVJWSnorTEw1aFdwYUNocUhPY0ZCZGthQmFDV1NhQmtHTS9Tc2lpS25hTjNmMWRuNkJzeEpBTTZDbUJVQ1NkTTl0Tzc4emVIVDRIV25UclBrQnYybW5vMjZDY1dEbWtpbk5wa2xnL1BwQWJscFM2RklnRTFKTGtHcENNL3pkN1M2QUlNYitMZk41RURNcjZUYzRHd0UwQzJwWEFDNTU4MDl2LzhqZzBlRy9xYVdNcHA2TzJvN3RsbnVubzA2azBwcE9wYjM5d0lpeWo3TnBTWkZBUUYyUmtMb2lJVVVJWkh6OTk3YTdBSUlZKzdmTXgwSE11M2YxZGc1eEpnSm9GblRvQjNDWmYzanc2WWQyWE5ON3MyMWhBOU5SMjdTUGpadU9Pak1WZFRKdlZoM0R2cjlWaGI5a1ZMQ1VVN01qVmJXUFpVN0o0dFRzU0pXWGZmbFpFVEF5NFV3c2JTcHAwaUtLU21FdDd6bG1UYXEyRkovTm1uUkkwdDVkdloxcHprQUF6WUovYXdHNHpLblJ5UmMvYzJyc3RKdkdnWEYrT21wbmFwcU9KZDFHL2NhQnNTeXJJSUJCc3pLei8rSnVEUWEwSWhKV1p6aWtVSUQvNS9nRkxXTHNYeEV0WXBhVWx2UW1BaGdBellZUUJzQmxmdnUxZTh5bmhpL2NlR1pzZXE2YWgzWW5Bd0c3TjRUcHFKYzNIaytJR3JJYm5uRGR4YlF5TzlRV0RHcEZKS1RPY0ZBQmFoVzhUUWxpSE5wV1h3WXhmN0dydC9NeHpqb0F6WWJxRW9DaTN2bmFQYU0vZnViTWk2ZG1ZOHMrZjN0MU9tcGJBaGlmVDBjOUVVOG9VYS93b040aGhVdERFUzltTmFZbEdZYWhqbEJJSzF2QzZnZ0hxV0I0R0VHTS9Tc2lpTG5Na0tSM2M3WUJhRWJVa1FDVTlMYmJkLzN3NExHUi81RklWdEVPd2dQVFVZdnBxSmNzZXlhZTFMelpQRVBoV3V5UUxlc3pMVXNCdzFCSEpCUElSTU5CQnFCcnhyY1BRWXhEMitxYklPWXR1M283WnpqVEFEUWpRaGdBUy9yTlY5LzRENDhjR1hxUFpWazFCd0pNUjEzTjhvMlpqanFXVEdtR3FhaFJJOU95RkRRTWRVVkNXdGtTVW5zNHlFSHhFSUlZKzFkRUVDTkorc0t1M3M1dmNJWUJhRmI4Y3dwQVdUNzcvV05mdmVuNmphOHQ2d0pTNzI1SWhudTZJVGs5SFhVOVFxOWtPcTN4UkNvekNHdkpubENHSStzdTV4Y05PLy9LUm4zZW84WDN6N0MzYkp2M3I3STV3MHJOQUZWNnVVVGEwbnlLMFlhYW9yTElyRWtPYmFzblowMmFOS1N0dTNvN3ozQm1BZUMrQ2dETCtNSWp6eDY1NGNxZXJVdGVQQm94RGd6VFVkZCtETE1mMDZhbHNYaENhZXZ5Z2doaGJGaVdFR2JSOHJsemR6NWxLazdMSzM5WEdBbGlITnBXendVeGI5N2QyL2tKemlnQXpZenVTQURLTm5UdTR1NlRaeStPbDY2cHVYOGNHS2FqTHIzZGxxU0wrUUVNZk1kdGYxckx5cnhhZ3dHdGJBbHBSU1NrU0pDcWlTL2ZPM1JOY21oYlBkVTE2VUZKbitSc0F0RHNxT2tBS05zN1g3c25kdXprK2QxakU3TUpwd01CK3hkbU91cmxYSnhQS0VrQWcwWTk1R2ZmZTIzQmdGWmxBNWx3Z0FhN3J2b2JPVkFBUVl6OVcrYlNJQ1lsNlUyN2V6dHA4Z2FnNlJIQ0FLakkyKy9ZZmZMeHAwNi9jaTZXV0Z5UllqcHFtN2E3TWROUlQ4VVNpbHNrTUs1OWVHMHl1VW01MmtOQnJXb0pxeXNTVklnYWl6L2V5d1F4RG0ycjY0T1k5Ky91N1R6TUdRUUFoREFBcW5EUGEzWisvOUdqdzcrVnpvM2h3SFRVenUxbkhjcWVUU1ExNjd1cHFJazkvTUswTEFWa3FDTVUwdXFXa0xyQ1FkRkF4dU5uRjBHTVE5dnEyaURtYVVudjRjd0JnQXhDR0FCVmVmT3Jkbnpza2FQREg3Y3JQR0E2Nm9LZjFtazY2bmdxcmVtVWYxdUhFOFg0aTJsSkFjTlFWemlrMVMxaGRZUkRWR1M4ZW00UnhEaTByYTRNWXU3ZTNkc1o0NndCQUp1ZVRRQTB0OC85MTFQZjMzWGRGUyt4SXhBb2QyR21vN1puVzFLbXFkRlljdWtLdFdkblJ5cnpyMStuMlpFdUxkL2cyWkVxTDl1b1lmL3NPMzdMemNZV01LUjQydEpjTWtYdzVyV0tKTE1tT2JTdHJwazE2Yk83ZXp0L2hUTUZBQmJ3RHlRQU5Ua3pOdjJUSjRZdkROWDFRZGFoMzNERk9EQjFPb2FtWldrOG51U0JGYlpwNUh2SnRLUnd3TkRLbHJCV3Q0WVZEUVg1ZzNqbDcwNkxHSWUyMVJVdFlrWWx2Wk96QkFBV0k0UUJVSk4zdm5hM2VlemsrWjJuTGt6T1ZCTUlWQlFlTUIyMTdOcWw4VmhTS1JJWStEQVFNQzBwRWd4b2RVdFlxMXZDYWlPUXFjdHh0N3NBZ2hqN3Q2d0JRY3c3ZC9kMmpuS0dBTUJpaERBQWF2YXVueG00K09TeloxODRNVE9mcWlZUXNIOWhwcU5leXNWWVFnbUhaMElpMy9IUUE3Q1BqNHNscVRVWTBPcldzRmExaE5VYXBOcmoydmNoUVl4RDI5cXdJT1orU2ZkeFpnQ0FQZlYzQUNqcXIvN2xSM2UrZVB1Vi85d2FDUzE3YmFrNGJLaDRyQWwzeklia3RuRmdwdU5KVGFmTjhzdW9ja3lZcXZlRk1XR3FMN3ZNSHpnMUpreDE1Mm10KzFmNXpHeUdJVm1XTkp0S0s1SDI3NkRVbnExWU1rYU1ROXRhMXpGaTRwTDZkL2QyUHMwWkFRQ1g0MTlDQUd6emxsdHYvTW9qUjRiZWJkbmN5b0xwcU8wcGV6NlpXaFRBb0RhMFFQSG8zeTM3aDR1R2dsclRHdGJLU0VqaEFOVWgxNXdYdEloeGFGdnIyaUxtandsZ0FLQXhkWDRBVGVvejN6djJqL3UyYmZwNVd5NDg5WjROeWFmVFVTZFNhWTBsVXlyTXgyZ0o0K1RmdU1peXRJU3A3ZjFSNWdxcktUdGdTQ25UMGt3cXJaUkp4TmJ3Q2lZdFloemFWc2RieEJ3MnBGMjdlenVUbkFVQVVOOTdENEFtOTRWSG52M1I5cXZXNzZqcG9zTjAxTFpzaTJtYXVoQkx5cXltTEdPcFplMmJwcG9ReHFIdDhFa0lVL3A4dFMrRXlSY3dwSVJwYVNhVmtrbmpzY1pWTWdsaUhOcFd4NElZUzlJdGUzbzdIK1RkRHdDbDBmNFdnQ09HejAwTVBIZG0vRUs5SG5DcmV6eDNwaWJ1cHVtb1pWa2FpeGNQWUx5S05ncHdtbWxKSWNQUXluQllhMXZENm9xRXFEQTE0bHlsYTVKRDIrcFkxNlFEQkRBQXNEenFGQUFjOFk3WDdrNGNIN3F3Ni96Rm1WZzF2ODkwMUxZVXIvRllncW1vL2Z1SXloYld3YVZBcGlXc05hMWhkWVJETkNPdTUzdUlJTWFoYmJVOWlEa3I2ZmQ0eHdQQThnaGhBRGptYmJmdk92WERwMC8vMU14ODNHUTY2b0tmMW1FNjZvbFlRbkVibnl4NElBZUJndFFTTkxTbU5kTkNKaG9LY2xEcWNlMGdpSEZvV3kwN3kveXRQYjJkazd6YkFXQjVoREFBSEhYUGJUc2ZIRHc2L0wrU3FYUjV2K0NpY1dBcVZlazRNUGFWZmJuWlJGSnpEQzRLT1BaUWJVbHFEUVcwdGpYVFFxYU5RTWJaMElBZ3hxRnR0U0dJc2ZTTlBiMmRYK1JkRGdEbElZUUI0TGczdjJySHB4ODVNdnlSY3BaMTB6Z3dYcDJPT3A1TWFUckZhS0lOZmVLcWNYM0VaOTU3QzdYbkJUS3RRYXBYanJ5dkNXSWMydGFhZ3BoWlNXL2gzUTBBN25nT0FJQkZQdmVERS8rMjV3VjlyMWpxaXNSMDFMVnRTeXB0YWl5UmttbFo5cFZkNVRUVlZYZjdzbTJHcERMZklZWlRmL2NTeXpvd1E1SlRzeU5WT2o5UzNXZEhLckZTUi8rT1J2bkxtWlkwbTB3cm5pWVV0Ylh5eWF4SkRtMXJWYk1tdldQUGhzNC80MTBOQU9Yalh6VUE2dWJzK015cmpnMmRmN1pVM2EvdTNaQ2NmamlzOVFtL3dsOHhMVXZqaVdUWkFRd3VaN0ZEZFZ1ZjM5K2xscFdwWkhXR1ExclhGdEdxbHJCQ0FhcGR0dnp0YVJIajBMWlczQ0xta0tTLzRCME5BTTdWN3dHZ1poLysycUdPSFZldlA3V3hlMlhYb290UnhZUHh1cU1iVWtWdFFRem53aUJMMHRoOFhFbXIwdU5ZMlVKK2J3bGo3OSsveExMMWJBbFQ0LzVWM0JLbXdoWFkwOXJIblMxaFNyMEREVU5LbXBabWtpbWxtbnpjSmxyRTJMK2lPcmFJU1V2YXUyZEQ1eUZxTmdCUUdmNGxBNkN1M3ZIYTNUTkhuajgvTUQ0OWw2em1vY2FwaXJ2VGxXMm5wNk9lcUNLQWNSUGE3cUJaV0xrcHJ5TmhyV3VMYUVVa3BFQ1Qva3VNRmpIMnI2aU9MV0wrZ2dBR0FLcERDQU9nN3U1NXpjNFRqeDAvZGVkOFBHa3hIWFh0MnpJVlR5aEdpZ0Y0am1WSjRVQkFxMXNpV3RjV1VWYzQxSFFWTTRJWXQ1YTVaQkF6Sk9rUE9ZTUJvRHFFTUFBYTRqZGZmZU8zSGprNi9MdFdCYzN4bVk3NmNuT0psR2JUSkRCby9NTWthanZXbGlXMUJBTmEweHJSdXRhSU9zUEJwdWt6VGhCai8wb2NEbUorWTgrR3psbk9jQUJ3NGprQ0FCejJtZjg0ZXQ4TCt6Zi9VbmtYTFBkTVIxMzJ1QU1PdG9LSnA5SzZtRWpWVk5sMnk1Z3dpNVpuVEJoN3Q2T21HWklZRTZhTTFUbDIzVElrV1lZMGwwcHJOcG1tVWxwRkFaNGRJOFp3eVRHOXZKUXYzTFNoOCtlcHZRQkFvNi9OQUZDREx6ejh6S00zWHRNN1lNUGpkT21MbTgrbW8wNlpwc1ppU2RreDhXMzFVemdUd2xTMWo0UXc5dTVqaVZURXNUQ3RRWU9JRzVKTVNYUEp0T1pTL2cxa0NHTHNYNG1OUWN5a3BPdHYydEI1bHBvTEFGU1A3a2dBR203a3d1UXRUNThhTzF2am8zVDlIcUlyVHl0czNSYlRzblF4bHJJbGdQRTNPdDdBWCs5bVExSTBIRlIzVzBScld5TnFEUVk0YThzb2dLNUp0cFh5ZXdRd0FGQTdRaGdBRGZmMk8zWW5qZzlkdVBIcytQUjg4U1U4Tmc1TUZhdXRaTm1Mc1lSU0JBd05mMWdDR3ZtZURoaFNWeVNrbnJhSTFyU0dGUWtFT0dlWEtJQWdwbVlQU3RZQnpqNEFxQjBoREFCWGVQc2R1OC8vNk9rekw1bWFpeTlxNE1GMDFJdE54QkpLa0NyQU80L0RxTU5mS0dnWVd0a1NVazk3Ukt0YndncjdJSkFoaUxGL0pUVVVrNVQwcHBzMmRIRkJBQUFiRU1JQWNJM2Z1bTNuWTROSGgvOUhNanZlQWROUkx6WWRUMnJlcEE0TUh6ODRvNlpqYlZsU0tHQm9WVXVtaGN5cWxwQkNBWVAzVTFsbEVzUXM0UU0zYmVnNnpGa0hBUFlnaEFIZ0ttOSsxWTdQUFhSNDZIMlpyNWlPT21jK21kSk0ybHVqd1BCQURqVDIvQXNIQWxyZEVsWlBXMFFyVzBJS0d0N2NEN3QvbVNDbUlrOUplZzluRkFEWWg5bVJBTGpTNTM1dzRwc0QxMis4cmVvTG1ZK21vMDZtMHhwTHBHUTVWTXQzYW5ha1NvKzEvYk1qTFN4WnlleEJYcHdkYWNubGpWci9McFZ0aWVIejJaRXFQYzhOQjhQa2F2Y3hsalkxbGZEV3lGS0dBNy9NckVsbGVjVk5HN3J1cDFZQ0FDNjVwd0dBazc1eThQbGpOMnpwZVVIRkZ6SWZUVWVkTmkyTnhoS096b1JFQ09Qa2U2VElzb1F3TlljSTVhelFQU0ZNK1d1b1Z3aVRZMG1hVDZjMWswaDdJcEFoaUxGL0pjc1U4NW1iTm5TOWtkb0lBTmlMN2tnQVhPdTVNK00zRFoyYnVPajRRMXhWeXp2ZkRjbXlMSTNIRTB4RkRjQ3hoL3IyWUZBOWJTM3Fib3NvR2c2NmVudnBtbVQvU3BZb1psVFNiM09XQUlEOUNHRUF1TmJiNzlnOTgrUnpaL2VNVHM0bVNqMUFsUGZONmg1T0t2bXBFMkhReFhoQ0tRWldBZUF3UzVrV1R4MmhrTmEzWndLWjlsRFF0ZHRxOXk4VHhCVDF6cHMyZEkxeWRnQ0EvUWhoQUxqYVcyL2Y5ZHloRTZkdW00c2xsNjl1K21nNjZzbFlRbkhYTjRFaElRTHZOajhlWjhNdzFCVUpxYmU5UmV2YUltb05CZnp6WGlDSUtXZGI3NWQwSDJjREFEajIrQUFBN25mZ08wLysxay9zdlBJdmdvRkE2WXRYeFgzK3ExbmUrWEZnWmhOSlRhWHFsOEJVUHlaTVJVZXIvTzB3N0R1V2pBbWptc2VFcVhSVUdLZkdoQ2w5M2pNbWpOM1h0V0xMRzVLU2xxV3BlRW9KMHgwSk1XUEUyTDhTUTRwTDZyOXBROWZUMUR3QXdCbTBoQUhnQ2Z0L3V2K2pEeDhlK2xRMUR5cjJWWmFkSHdjbWxrcHBPc1VvTU0yRDloM3d4cnZCa2hReURLMXVEYXUzdlVWcldzTUtCd0xlUFY2MGlDbFY1aDhUd0FDQXMyZ0pBOEJUdnZEUU13L3V1bmJEQzh1OWtqbnluK0xzbDNhM21FaW1UWTBuVWpLdCtqNktHUlV1WUZSLzFNcGJ0cWxhd3BRdWdaWXdaUzd2bzVZd0ZidzluTHUrR1pXWG5VaWJta3ltbERZYkV5UFJJc2EybFJ5V3RHdGdRMWVTMmdZQU9JZVdNQUE4NWRUbzVDMG5Sa1pIN0g1QXFiVEdhL2VEdW1sWnVwaEkxajJBQVlCYXRRUUQ2bTZOcUxlOVJTdGJ3Z3JVK1Y5OHRJaXhiZlBlUkFBREFNNGpoQUhnS1crN1k3ZDVZdmpDcnRPalU3TkxMZWVsNmFndFNlT3hoTkxrTDQxaHVYTjl2QjM4K3hid3M3WmdRRDF0TFZyZjNxSVZrVkRkbWx3VHhOUzhrZ01ERzdvZTVCME1BTTRqaEFIZ09XKzdZL2ZvajU0NTg2S0oyVmphanZJYVBSMzFSQ3l1cE5zSGcrQ0pHSzU5ZjFxOFAxM0lrTlFlQ21wOWV5YVE2UXc3SDhnUXhGUzlrak9TZm85M0xRRFVCeUVNQUUvNnJkZnNmT0xnc2VGZmpDZFRWckhLdjFOUEZYYVhQUlZQS01ZNHZPNTZwbWVINnJZKzhvem1lRjhia2pyQ21VQ21weTJpYURqb3p2MXMzaURtbm9FTlhaT2NKUUJRSDRRd0FEenI3bGZ0K01KRGg0ZisyTXI3VDdpWHBxT2VTeVkxU3g4a0FJMTRXbS9RK2dLR29SWGhrRFprQTVuMlVNQmR1OUI4UWN6WEJ6WjBmWkVURFFEcWg5bVJBSGplMy8vbjhYL2V0MjNUejFSNlVYTnl0cERsbGsyazBocFBwRnpSRXNDb2NDR25aa2RhdEx4aDAzYVhPemRORFRNazFUNERsR0Z2MlRidlg4V3pJMVc0QWx2MjBURHNlKytWczJ6RisyZlV0aDJHemVkWEdXOFF4MmFYVXZFWm9GS21wYWxrU3JHVWZVMERtVFZwMlpYTVN0bzJzS0ZyaUpvRUFMaXM3ZzBBYnZmbHdlZWUzSEhWK2h2c3VmZzVPeDExMmpRMUdrdktMYjJRQ0dGRUNMTk15WVF3eTY2dTFuZmcwdHZoZUFoeitVbGU3eEFtWHlKdGFpcVJWc0tzL1NwSkVMUGtTdDQrc0tIckk5UWdBTUNGZFc4QWNMdVBmUDFRcFAvS250Tlg5cTVlMDhpSGtlWEt0aXhMby9NSnBieDJJeUNFc1RkRWFIQUlVMmtzUUFpejdPcHNPNEtFTUl2RnM0Rk1zb1pBaGlEbThpL1Nsbjc4aitlbWI1OUxXeW5wMHY4RTBzcDBZTElLdnFmczE4VytaMGt5RHd6ME1ib1pBRFQ0ZWc4QWRmZlJiejYrY2VENmpVK3RXeGx0c2V0QnhPNEg4ckg1dUJJdUd3YUdFRWFFTUxaRkNJUXd0UjVCUXBoU1B6STBuMHByTXBsUzJxejhJa29RcytpTDlJbTU1TTk5LytMOFlRZFdkU21ZeWZ2YzB1S0FwekRzTVpmN25KQUhnSitFT0FRQS9PTEo3blduOU5TcFYvMUUvNVlIb20yUlFFMFBJUTQ4akUvRUVxNExZSlN0NFpMSWM2dzUxbkM3dGxCUWJhR2dMRm1hUzVtYVRpUlY3dGptTmIwZlN2eHk2VEtyWDV0VDc5djhjbWRUMW1jZENtQ2toVWsvYkowQ2EvL2dTRzQzOGdPYXdwZFZ5ZmNKZGdBMEN2VVRBSFczZjNERXlGYlVjcS9sdmk3bmU1ZXVaOXVtcG43aDF1MmIvemdVREZSNDBYT3VHOUpNUEtucHRIdnJlNVcwRlBGV1M1ak1rbTVwQ1hOcGVWckMyTHVQSlpxbU9OYWlpWll3OW01SG1TMWhpakV0UzNPcHRLYktIT2k4MlZ2RVdOTHBiNDNPM25ZMmtaNm5OcEk3SkNWRG5jSlh1dFRQQ0hRQXVPRWFEOERmb1VsaEVCSXNFWTRFU3dRb2pydHBidWJkTCsvZmZGYzlIa0NXSzNzK21kSkVNdTN0bTRISFE1aEtRd3BDbUdvakJFS1lXbytnRjBPWW1vOTFEU0ZNdnJSbGFTNloxblJ5NlVDbW1ZT1kwL0hVbTc0OU52YzlhamFPV0Rhc0tmalpvczhKY29EbVFRZ0RORWQ0RWl3U25nU1hDRmFLQlMyZTg1T3AyR2YzWG5mRnZrb2ZQdXg4ZUV1bU0xTlJtNWE3anhVaFRIMGUzb3VIRkc0UFlhb0lFUWhoYWp0K05ULzRWN084OTBPWS9LVlNscVdaWkZvenlaVDlGV0NQQmpGeDAvcjIzNTJkZmh1MUkxZGJNcWhaNm51RU9JQjNFTUlBN2c1UWdpVUNrM0pEbGFZK3h3T1dHWGhOV04vZHRtbmRGWlU4ZmR2MThKRTJMWTNGRTJXUFdlRHFtd0VoakwzNzZPTVFwdEtRZ2hDbWpPMHc1UHg3eEdjaFRMNmtaV2s2a2RKY0ttMWZKZGhqUVl3bFRUODBHYnYxNkd4aWxCcVdyNlYxZVZpVFh1THpYSUJqY2VnQUY5VzdBVlJuLytCSXNZQWtxT0toU2JIUE9UOXRFSTNITzErM0p2cTlqZDByb3ZWODhMQWtqYzdIbGZKSXRjYXBFS2JxaHpOQ0dIdTNneERHM3UwZ2hMRjNPeHdPWWZJbFRGTlR5WlJpS2JQMmlyQ0hncGp4WlBxUHZueGg5dlBVQ3JCRXRhVllXRlBzbFF0dTBodzJvREhYZE1EWDhscWpGSVlvcGI1SGlPSkNHMlptcjNuTmxldSt0cnF6TGJoY3NtRFhBODM0ZkVKeHl6di9XQ0tFcWMvRCs2WGxIUWhobGc0cGF2MjdFTUlVTHV4b2Q2NnFRb3BhOTdFNVFwajhoUkpwVXhPSmxKSzFESnJ1Z1NBbVpWbVAvOTNaNlY5TVc2SzFBK3hXTXFRcDlpSzRBV3E5RXdBZWttMlZFdFRsNGNseW9Rcm5pRTljTXpYMTh0ZHMyL2l4MWtqSUtQWFViZGZEekZRc29WblRXM1ZkUWhpSHdvOVN5eExDMkJzaXVENkVxVEZFSUlTUkV5Rk1ibGxMVWp4dGFqS2VWTEthYTdlN2c1alU0ZG5FNng2ZWpEMU5UUUF1a1F0bFVrVStOL08vVDJnRHYrSUJFNTVTMERLbFdJaFM2bnVBZGt4UDczL1ZqczN2Q0JpR1l3OGNzNG1rcGxMZUd4dVBFTWFoOEtQVXNvUXc5b1lJaERBMjdLTTdReGhiamwrSmhZb3RhMG1hVDZVMUdVOHBYVWxyUnBjR01UTnA4MlAvZUc3bXo2a0J3TU9XQ20zeVAwOHh0ZzE4VSs4R25GSWlVRm51eFhzV05YbGhiUGJETDkyMitUVk9QR3pFVXlsZFRLUTkyZDZiRU1haDhLUFVzb1F3OW9ZSWhEQTI3S1BiUXhnYnJ6ZGxkajgxTFV2ektWTVRpYVRLeW1OY0ZzU2tMWjM4NnVqTUhSZVRacHk3UDVwRWZrdWFKVDhTMk1EVjlXNmdYUHNIUnlvTlZBSWNOVFRDSzgza1YzWmYwN3ZWem5GZ1VtbFRZL0drdkRvL1pQVWhURVdQZHVWdkJ5R012ZHZoa3hDbWRFaEJDRlA3UGpvM1J0YXl5N28waEZuMFpHZFptazJsTlJWUExSMjB1eWlJR1lxbGZ1WGZ4dWNlNXE0UEZEK3R0VGlZeVgyZXpQOGVVMytqSWZWdU5LK0NjVlJDV2h5Z0ZINU5LeFY0UmppZGp0elJIdnFQYS92V3JMSGpBZEMwTEkzR3ZERVZkZFUzQXhlR01KVSsxaExDMUZLMjRkanNRWVF3dFlVVWhEQlZiSWRSMjNzdlpWbWFTYVkxa3lnUnlMZ2dpSW1aMXBmLy91ejA3M0hIQjJwbXFTQ1lFV0VObks1M3cxL3lXcXVFU256TS81ejNCM3hyOWR4ODl4MVhyUHh1NytyT2xsb3ZtR1B6Q1NVc2I3ZHFKWVJ4S1B3b3RXeVpUNkdFTUdVdVR3aGp3ejRTd2xSVGRzcTBOSjFJYVNhVkxtdEQ2aEhFV05MRjcxMmN2L1daK2VRRWQzdWdiZ3JEbXFRV1FwdGNVSlBpTUtHMkt6NWNJOXRpcFZTb1V2aVJ2em1RdFhsNmV1ZnQxMjM0aDg3MmxtVzd4cFU2Y1M3R0VvcVozdTlXYkZTNFFDWGp3aERDRkZtV0VNYmVmU1NFc1dFZkNXRnFMVHRwV3BwTXBEU2ZDMlFhRk1TTUp0UHYrdXFGMmE5d2x3ZGN4MUpCTUtPQ3dJYWdwam53UU81aWVlRksvaXRZOEhtWXZ5TlF2YTNUMHovejZ2NU43NHVFZ2hWZktLZmpDYzJrL1RHdUd5R01RK0ZIcVdVSlllemRSMElZRy9heCtVSVkrL2R4WVltRWFXb2lubFRjTkNzc3E3WWdKbWxaRDMzMnpQUWJ1YnNEbnBZZnp1UmVsOElhdWo0MVFiMGI5c3ZPQ2hRcTQ4WGZCNDJXRzBDNTJCaEFJUzBrK21iZXg5eVVnY25zejExdnorek11MTY1WTh2L3JPUkNPWjlNYVNLWmJwNmJRYjFEbURKLzBiWVFwb1lIczZyMzBZRnhZUWhoSENpN3hJS0VNRFllYXgrR01MblBMRWx4TTYySmVFcUpna0RHZ1NBbS9zUk0vSTZEVS9HVFZGOEFYOHZ2OHJRb29KR1VQRERRbCtZUWViemVqY3BrQTVhd0ZvY3BoVjhIT1ZLb1EzZ1N5YjczY2g4TFg1Rzg5MlpFaTF0YTVVS1ZPVW56MlZlc3lNczNGL21mU01iKytvWFg5OTFTemtVeWtVcHJQSm1TNWFQSkRXdDdjQ0dFSVlRcFVyWmgvN0ZiZWg4TjU4b3ViM1cxdmdOTGJ3Y2hUQlV4aVAzbmVqVWhUUDRYbHFUNVZGb1RpYVJTMlc2c2RnWXhVeW56ejc1NGZ1WVRWSUdBcHBjYm55Yi9sY2g5enZUY0hxbDNZOEgrd1pIQ1lDVmM4RG5UTHNQT0lLVWw3eFhKdmxwS0JDejVueTkxYnFja3plUUZMSE5hSExiTStpbGNxY1R0d2ZSMys3ZjBiRnpxQXBrMlRZM0d2RHNWdFRNUEx2NExZWng4QUcxSUNGUGovamtad3RpMmo0UXdOZTdqNVcrUXVvVXdaZStqWWQ5Mk9CSTBHV1h2bjJsWm1rdWxOWmxJeVN5WjZKZS9kV2xMVDMzcC9NeWRNMm1UOFNRQUxLZXdxOU9sRjJQU3VLamUzVXoyRDQ0VWhpcjVuOU5GQ0xYSWhTbnRSY0tWL0krNXoydHBNUlZUSm1qSmY4MW1QOFo4Y2p6elcvc1VhM1VXekR1SGd3WG5kSzVMVmE3clZFSlNLbUtheG4vcmlueDhTOC9LOW1JWFNNdXlORHFma0IvdlRvUXdoRENFTUM0T1laYjRkVUlZYjRZdytVekwwbXdxcmNsRXNrZ0x5N0syMEhwa0t2WW5oMmNTeDdJUFZ3a3RUS05iT0V0TDRSZ1RBTERvZXFMRkxXY1N1YzhKYUFoaGFnbFpBaXJlSllPUUJkVnFrOVNhZmJYbGZWMzQwWWxXVW5GSms1SW1zaDl6TDY5Y0pIT3RmVnExT0l3cTFjSW4vK3VsanFlcFRPaVVhOWtUMCtVdGZvcUdVZXRuNXpiZnZubk50OWF0aUlZS2Z6WTJIMWZDcHcwNDNSTENsQTRwQ0dFSVlRaGhDR0c4RThKVWNJb3Yrbkhhc2pTVFRHa3FrY29iVkczcFg1NU1tVi85VXFZYlVwc3kvK2pKMVVVNnNuWGI1UjYyRm5WVktQSjU3aFhQZXlXcC9nRk54eXdXemtoS01GZ3dJWXoyRDQ0RTh4N1dDaC9nR0k4RmxZcGtLektkMlkvdGtxSjVIK3ZWQlMwdWFTejdHcytHTGZNdVBGNkJ2QXBnZm1Xd1ZZdGJBTFhZY0Q3T1M3b29hVnFaVmo2NWozT3FZVkRncTZlbVgzTDd0cjVQdGJlRUwxMGpKMk1KelpuKzdVSkxDRU1JUXdqVDdDSE01U2M1SVV6OVE1aDhLZFBVVkRLdG1XU3FaQUdtZE9IKzhibFhEOGRTMHlXS2JzdldWVHF6SDdza3JjcldaMnA5R0l0cmNUZ1QwMEkzNTl3L081cTJpelBRWkZKNTRVenUycENnOVl6UFFwanNBTGlSZ3JBbFF0Q0NHclJJV3BGOXJjeFdWRHF6MzIrVU1Va2prczVsd3dhM0NHZVBVNWNXQXFwb1h0amk1UEU0cTB3SWRWRU9obEE3WnFiZmVPdjJ6YjhmREFRMEZVdG8xdlQzR0dhRU1HcTZFS2JTV0lBUVp0blYyWFlFQ1dGSy9jaXdiMXM4RU1Ma1M1aW1waE5wemFZVzV4bm5FK2w3dmpFNis2OVZYUFpEeW9ReHF5WDFaRjlPL1ZNcHFVd3drK3NXbmZ1bnlZVDgwMFVhUUhHNWJ2K0VNelhjTStzdUc3WVVqcHVSQzF1QVdxeVExQzFwYmZiVjdxS0wxVE9TVG1RckxHN1FLbWxEOW5pdFVlMy9RYXZVR1VtSHNoVzN1cmw1ZnZaOU83ZDAzeGtQQkl4bUdFYSsrdG1EQ0dFSVlZcVVTd2hUOVJFa2hDbjFJN2VITUV0c3JXSGY4WXVicGlianFmUjBLdjJEKzg1TXY4bW1XMENMcEcyU3JxdnpyU2N1YVZUU0JVbW42bjJmQjlEUTU1MzhjQ2FtSnVyVzVKb1FKcTlsUzJIZ1F0Z0NPNjJTZEZVMlVHaDM0ZmJGSlQwZ2FjcEYyM1NqcEJjMCtIcHhRdEtQcFBwT1N2U3p2VjI3T2kzckRRZW41cjhWa2lJR3JlenFlNk1wNXhlTlFMd2pFbXB4ZER2OGN2TTFhdnRsbzVtUG5SdTIyMmplNDJjNHNmVkdZNDZkbGVrcWExbVdMRXV5TEZteUxKbFczczlNeThvc0kxbG1kamxKTWkzTHRDUXJKYVduRXVuWVJDcDFZVFJobnJieFVHK1J0Sy9CZis3VGtuNmdHcm9VQS9DMHd2R240bjVzTlJOcXhFcnpXcmNVamhIQm9MaHdTalJic1Zqbjh1MGNsN3NDR0NuVHhhalI1K1oxa3Zva25WU21POUtZSE81ai90STEwU3UyZGJiK2xTR3RtUXNFbnZ1bjA1UGY0alJ5OC8wYUFId3R2NnRRN2g4U3VYOWF4cXNzMDFDbVZYQ1BNZ0hNU3BmVU9RQTByMXl2bDg2ODdDQ3RURXVaUytOUEhSam84L1RnNEk0L1dCVUVMcmxYaFBjWDZ1emxjbjhBazNOQzBoTnkxMEIyWGNxRUlEM0s5QjhQTlhoNzBzb0VWaGUwTURQVXRHejZ6OW5WMFVqSGY5K3c0dk5CdzdnMlYrRjk4T0xjLy83dWhabERuRW9BZ0RvcEZyd1VTaWpUZXFRYzdjb0VMU3VWNlZxODFnVjFjak43SDg5MVI3ckFueDFBbWM4Q3VRSEFZOG9FTTU3cHltUjdDSk9kbWFod2VsNWF1S0RSZHFuKy9aeHJFVk5tWEpobmxSbk16bTNYalU1bGdwa1Z5b3dQMDZHRmdYa2JKYVZNSzZKSlpmcVVUMmxoOEwreUE2MjJZQ0I0ejVWckRyUUVqSmNzdXRKYm12djIrYW0zSFpxTW5lUjBBZ0E0SktqTVB4U01DdTVkK2Exb0ExcVlEU2szY0g1dXdvRkdkdkdQYTJGdzN0dy9UcWF5TDJaUEFtQ0hoUEtDbVFNRGZYRzNibWpONGNqK3daR0FNc2w2N2tVckY3alZGbVhHTmxucHNlMGVVK2EvWEdlVStXK1JtL3RKQjdQWGdmd2d0clhFMS9VMHAwd2dNMXZrTlo5L1ROOXgxZHAzZDRRQ2R4VzlzcHZXbWMrZG1uamIwSHh5Z3RNSkFHQ1RnQmFDbDNMK2s5dFM1RjQ3cDB6NDBpN25aamtxSnFuRi80MmV6L3VZQzE3bXM4c0JRRDJaMmV2UG5LVDVBd045cnBtTnJhb1Fadi9nU0d2ZWhiNVZ0SFNCdDZ5VXRGRUxYV3U4OVA2Tkt4UEtqR1kvT2o0MmlvTVZ6aFl0VERHZkd4Y3FVdUtWKzVrVDNhRE03TVY1N3ZXOUsxNjByYlBsbDVkYWVEWnRIdjdreWZFL21FNlpUS3NKQUtpbERtN2szWWR5d2xvSVdmSzc4K2UzTUM4MlNIeFN0WTBwbDV1cEpKNHRhOUYwc2dXdmVONUhXckVBOEFyWGhESmxQWHhteDNWcDEwSzNBMllJZ1YrRWxla1R2VXFaUUdhVjNEbHJVaW1XTXExalJpVmR6SDd1NTZhOWhqSkJUTGpJSzVUM01WTGsrOEhzOTRQWjE2SkE1K1pWN2RmKzlMcU9YeXJudW5ocVB2bllwNGN2ZnRyS1RxZW54YU80TTZNREFLQlE3aDhLYmJwOE50Q1d2SjlWVXNlMnN2ZjdWUFoxVVpsV243a1FKWm45ZnY3SHdsZnUreVovSWdCTjV0SS9ZaVhOMW5PdzN5VWZOdllQanJRbzA0KzBVd1F2YUs2S1VwY1crbEYzWmw5UjFiZUpiN1VzWmZwYVR4Uzg1dm5UWGlZc0tmU1RhenV1ZThtYTZOOFlsaFV0OXhlZm5JcmQvODlucDc2dmhXREl5RjRuVTNtdi9IQW1vWVhRSnBiOU9RREF1NEphSEtJVXZ2TEQvOXdZTDdsS2ZtNWF0MXdBa2d0VDBubXZaUGFlbmlyeXM1UXVELzNUeWd4dVM2QUNBSlZMS0R0Y3dZR0JQa2ZINUx3c2hNbTJldWxVcHN0R0szOExZTkg1MHFxRlFXaHpyM1psL252VnJzYlBHclNVcERMaFRQN0F0Ym5CYTV1MndyWnpSZHVhMS9SMGZqRm9HQnNrU1ZaNURWa3NTVCtlaXQzN2xiTlQvN0hNZXlha1RIZ1h6SDRNWkwrWFg3R09VMmtHQUU5bzFVSUx5MEQyR3A0TFVmSS9XbG9JU2VyWlFuSkdtZGF4QUlEcXBaVUpaR2FVQ1dWc3ZZNHZDbUgyRDQ1MEtUTmxYWmpqRGxRbHJFd2dFMVhwUVduYjVLNnd4dExpMllSeU13ck5LTk42eHJmaFFIZExxT1hYTnEzK1REaGc3RnA4Uk1vT1lsTC9NVGI3Ty84NU5udUV0ejRBTkRXajRHTWo3NTFubFdseENRQ29uWm4zZkRSblJ5QmpTTkwrd1pHd3BQVnE3UFN5UURQSk5XRnUxVUsvOE56bnBRYXBiVVNYd0Z4ZnlmeHdaamJ2YTgrT1BSTTBET01kVjYvOVVGc3djUHRsUDdUS3Y3YW1MVTErNWV6a1d3OVB4OC93dGdhQXBoTW91R2U2UVZLWldSVVpvd3dBN0pWV3RqZEJMVk5nRy9zSFI5b2xiWkEzeHJvQW1sbXViM2x1UnFGeVgyRUh6Ky9jQ09PNTZaN3pQNStWaTBPYWU2NWFlOC9LY1BBdEpSZW9JSWlKbWViSnp3eFB2T05jUERYRDJ4UUFmQytnekQ4eUxibTN0ZWhGWmJvZkF3Q2NFVk5tM00zcFNsdkhHUHNIUjY0V2crNENmbGM0bzFDbzRIdVJndS9senpDVS83MUtyeFZ4TFE1bGNrRk43cFZveE1INHRjMnI3N2lpTmZ5aFpSZXNJSWlaU3BtUEhYaCs3SS9tVFN2SjJ3MEFmQ2VnVE9oaXlCdmRkQzFsV3NOd1R3SUFaNldWbmFYMndFQmZXZmNIWS8vZ3lKVmlEQmdBNVZkQzg4T2JYRmlUbS9ZNTk3MkFGb0tkZ0JhSE9Qa0RHaXBiUVp6VFFxdWF3cGV0c3dpOWZzT0tYZHM2V3orYjNiNWxxckNWdGVRK0gwOTkvUk1ueC8rU3R3a0ErSUloZDR6eFVxMllNdVBEQUFDY1p5clRNbVo4dVRERzJEODRFbEZtUEJobVFnTFFLTG1tM2JsWmhQSS96NTl0SWxsTFJmaWxhNkpYL01UYWppOGEwdXF5ZjZuQ0lPYnB1Y1FuUGpjeThXWCtwQURnU2ZrRDdPYlBjT1JWbzhxTTRRWUFxSSswcEhGbFdzWllTOTFvdEg5d0pDcXBTNWxaWFJnZkJvQ3ZYQnR0NmZ6NUsxWjhQbWdZMTFUOHl4VUdNUWNuNXYvb1crZW5IK2FvQTRBbkJQTHF4Ym5wcGYzQ2xIUktIaDVJSHdBOEtpN3AzSUdCdnN0bXF6TUt2N0YvY01SUVpwYWs5dXpIRmhIS0FQQ3d0bUFnZU05VmF6L1pFakJ1cWJxUUNvSVlVNHA5NS96TTJ4K2RtSHVXb3c4QXJ1VDFya2FWbUZHbVJRd0FvTDRzU2FNSEJ2b3VGdDZBbHBYdHNsUTRaYTZUTTY0QWdHM2VjZlc2UCtvSUJkNVEyeVcwc24rTUprMXI5QXVuSjkvMjlGemlBbjhCQUhDRlhQQmk1VldPbThVNVpjWmVBd0RVMzdTa3M3bnVTVVl0SmUwZkhNa054SmsvMjByKzRKdTV3VG9Cb0NIZXZHWE5MNjFyQ2YyaExZVlZHTVRNcGMwVGZ6MTA4VjBYaytrNS9oSUEwQkQ1d1l0WFpqWnlRa3FaYmtrV2J3a0FhSWlaQXdOOXAzTTNKa2RsdXpmbGh6SzVqNEc4ajRFaTN6UDRPd0dveGM5dVdORy9yYlAxMDZxaTFaNWxhVmJGK3RCWEdNU01KVlAvK2ZIbnh6OWU0d05FWUpsOU1MUzRhVDBBTkx0Y1hkSlM4d1l2aFNhVm1VWVZBTkFZNHdjRytrWmRXMkhQQzI4S2c1bkFNcCtYK3BsRTl5bjRTK0dzRFdhUnIwc3RtMTdpWjhVcXJFdDlYZW55aGV2WEVoWGtKUWRJWEc3Nk4xeTZudVptbkNxbVdQQ2R1LzdtUDh5RUNuNGVLQ2dqLy9kREJUL1BENUVLcjhtNTM4MS81YmVpREJiWnBtQ1I2enNBQk1xNHJ6Ujd2ZUdNcEFTSEFnQWE1bVJUL3RkMC8rQkkvZ05BNFFPQlVlSVZLSEdUTC96dmMvN0R6RkkvSzFhV2xpaFhTendBTGFkZS95RTNhL3hkcThyeWw1cENjcWx5Uy8xZXVvemx6Q0xMbURiODNwTEJDcUVEVVBLNm5ndHo4Z09jWEhBVXpydHU1Z2M5Um5hWi9JK0J2RElDZVQvTEQ0eG91UW00QjhGTFpSS1NUbk1ZQUtCaHBxZzRBZ0JRby8yREk3bWdKaGZtNUxyZkZuYTNYZXFWdjN6aDczSy9CaFlFMUp5RDY5cGxYTklVaHdFQUdpSkZwUTRBQUpmTHR2UUphR0VnL01Md3B0ajNDai9QLzBnM0xuaE5mcXZlcFZyQVlubVdwQkVWRy9jTUFGQ1hHeG9BQUdnaTJYSFhRbG9JZGNKYUhPZ1VmbDM0dmR4SDZoRndVdjdndWdRdjlwcVRkSjdEQUFCMVoxSjVBZ0FBVmNtT3NSYlc0akFubFBlOVV0L1BCVGxBSWNaNHFaL3p5b1F4QUlENm1TZUVBUUFBZFpkdGpaTWZ5a1IwZVhnVEtmZzZGK1JRZi9HWFhGY2p4bm1wcjdTa1V5THNBb0I2T2tjbEJnQUFlRXAyakp5SXBKYnN4MkRlNTduUUpwTDNOVjJuM0NsLzZuckdKMm1NS1dVRzZnVUFPQzhsNlRrcUpBQUF3UGYyRDQ3a1FwbGNNRlA0ZVM2OHlZVTUxSkdja1QvT0N5MHczT0dNcERpSEFRQWNOM0pnb0crT0NnWUFBRUNCYkd1YlZpMXVjZE9TZllVTHZrZDlhbW01S2FVRG9zV0xHeVdVQ1dMb0JnWUF6cmx3WUtEdm9xZzBBQUFBMUdiLzRFaElDNEZON2xVWTRPUStieFlNc09zdDQ4cDBUUUlBMk85U0FDTVJ3Z0FBQU5UTi9zR1JYR3VhM0tzMTcvUDgxalplWk9SOVpFcHBiN0dVR2FRM3hhRUFBTnVZa3M0ZEdPaWJMbmF6QkFBQWdBdGtaNDdLRDJyYUNqN213aHMzMU9NQ0JRL3lCQy9lTlMvcEhJY0JBR3dSbDNUbXdFQmZvdkFIaERBQUFBQWVsQjFzdUZVTHJXbmF0TkFWS2hmVUJCMVl0WkZYaHlSNDhaY0xrbVk1REFCUU5VdlNtS1NMQndiNnJGSTNVUUFBQVBoUWRyeWFkbVVDbWJic3F6WHZGU216cUZ6d1l1VlZNdUUvcHFRUk1ZNFBBRlJqV3BueFgxTEwzVkFCQUFEUWhQWVBqZ1MwRU16a1FwcVdndTlKbVc1SFBKZzNoeGxKb3h3R0FLam91amwyWUtBdlhzN0NoREFBQUFBb0tqcytUYXNXV3RPMGEzRkEwOEpSOHFXemttSWNCZ0FveVZLbTVjdkZjc09YSEVJWUFBQUFWQ1hia3FaZGkwT2FYRkRUcHNVRDk4STdrcEpPaTI1bkFGQW9KV2xTMHVSeTNZNUtJWVFCQUFDQUk3SlRjbmNvRThpMEYzd01jWVJjYlNMN0FvQm1aeW5UNVdqcXdFQmZ6WU9YRThJQUFBQ2c3dllQam9RbFJiWFFlaWEvRlUyWUkrU0toNDdUeXJTS0FZQm1OS2RNbDZQcEF3Tjl0bzJMUmdnREFBQUFWOGtHTkIzS2hETFI3S3N0KzVINmEvM0VsQmtmQmdDYWdTVnBYcG5nWmViQVFGL2FpWlZ3RXdNQUFJQm43QjhjeWJXWWlSYThJaHdkUjR4bEgwZ0F3STlTa21henJ6azdXN3lVUWdnREFBQUF6OXMvT0JKU3B2Vk03cFVMWjFvNU9qVXhKWjJTbE9aUUFQQ0ptTExCeTRHQnZyclBCRWNJQXdBQUFOL0t6dUNVQzJWeUgzTXRhYWdMbDJkRzBpaUhBWUJIeFpUcFpqUW5hYjRlclYyV3dvMEhBQUFBVFNuYnRTbS8xVXd1b0dGZzRNdWR5ejdFQUlEYnVTcDBLVVFJQXdBQUFPVFpQemdTMGVYaFRMTjNiVW9wMHkzSjRoMEN3RVhTeWdRdXNkekxiYUZMSVVJWUFBQUFvQXhGdWpibFpteHFseFJzZ2tNd0tla2k3d1FBRFdKSmlpc3ZkRGt3MEpmMDJrNFF3Z0FBQUFBMXlyYWV5Ujl2SmplTFU1djhFOUJZa3M1SVN2QVhCK0F3VTVuQUphNU00QktYbERndzBPZjUxbmlFTUFBQUFJQ0Q5ZytPdEdoeE1KUC9DbmhzZHhLU1R2TlhCV0NqdEJhQ2xyaWsrSUdCUHQrR3ZZUXdBQUFBUUlQc0h4eHBWU2FneWUvYTFDWjN0NkFabHpURlh3OUFoZExLQkxrSlpWdTJLQk80cEp2cElCRENBQUFBQUM2VTdlS1VDMlh5dzVrMlNTME5yTXRia2theUQxUUFVQ2pYbFdoUjRISmdvQy9Gb1NHRUFRQUFBRHhwLytCSWZqaVRIOUswU29vNHZQbzVTZWY1S3dCTnk1S1UxRUxRY3VuelptdlpVaWxDR0FBQUFNQm45ZytPQkxVUXpMVGtmZDZhL2JyRmh0V2NWeWFNQWVCZnlieFhMbkJKZUhGV0lyY2doQUVBQUFDYVRIYTY3Ull0QkRPNWo3bVFwbFZTYUpsaTBwSk9LZFAxQUlBM21Wb2N0T1RDbHFTa2xCOW1JM0liUWhnQUFBQUFsOWsvT0JMUzVTRk5TOEhIYVVrWE9WcUFhK1c2RGFXMEVMS2tsQTFhNkRwVWY0UXdBQUFBQUtxU2JWRVRLdklLU2dybmZjNXpCK0NNWEV1V3dwQWwxNUtGd1hCZGhvc2hBQUFBQUVkbHg2Z3BGZGJrZitUNUJGaGdLaE9vNUwrUytaOGZHT2lqTzZESGNKRURBQUFBNEFyN0IwY01MWVF5aFFGTnNPQm5RWTRZUEN5dHl3T1dSVUVMQVlzL0VjSUFBQUFBOEp4c1lKTWZ6QVMwT0tBcDlyMEFSdzRPeW0rNWt0YmlvQ1dkLzMwR3ZHMWVoREFBQUFBQW1rSTJ1Q2szck1sL01hNU44ekdWQ1V4eUg0dDl2aWhjSVZoQk9iaVFBQUFBQU1BeThnS2MvR0FtVU1iM0F0bm5McVBnYXpqSFVpWWtLZWRWTkdBaFVJRlRPUGtCQUFBQW9NNnlNMHNWQmpOTGZWVGVSNlBnODl4elhiREk5NHI5emxMUGg5VThJMXJaVjZIME1zdWFlUit0SWw4WHZzd2lYeTk2TVk0SzNPNy9BWlpVdEZrVTVMYkhBQUFBQUVsRlRrU3VRbUNDIi8+CjwvZGVmcz4KPC9zdmc+Cg=="); + +/***/ }), + /***/ "./src/icons/question.svg": /*!********************************!*\ !*** ./src/icons/question.svg ***! @@ -30,7 +3967,97 @@ var SvgQuestion = function SvgQuestion(props) { }))); }; -/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDEgMi41NDE2M0M5Ljg4OTMyIDIuNTQxNjMgOC43ODk0MyAyLjc2MDQxIDcuNzYzMjIgMy4xODU0OEM2LjczNzAxIDMuNjEwNTUgNS44MDQ1NyA0LjIzMzU5IDUuMDE5MTQgNS4wMTkwMkM0LjIzMzcxIDUuODA0NDQgMy42MTA2NyA2LjczNjg4IDMuMTg1NiA3Ljc2MzFDMi43NjA1MyA4Ljc4OTMxIDIuNTQxNzUgOS44ODkyIDIuNTQxNzUgMTFDMi41NDE3NSAxMi4xMTA3IDIuNzYwNTMgMTMuMjEwNiAzLjE4NTYgMTQuMjM2OEMzLjYxMDY3IDE1LjI2MyA0LjIzMzcxIDE2LjE5NTUgNS4wMTkxNCAxNi45ODA5QzUuODA0NTcgMTcuNzY2MyA2LjczNzAxIDE4LjM4OTQgNy43NjMyMiAxOC44MTQ0QzguNzg5NDMgMTkuMjM5NSA5Ljg4OTMyIDE5LjQ1ODMgMTEuMDAwMSAxOS40NTgzQzEzLjI0MzQgMTkuNDU4MyAxNS4zOTQ4IDE4LjU2NzIgMTYuOTgxIDE2Ljk4MDlDMTguNTY3MyAxNS4zOTQ3IDE5LjQ1ODQgMTMuMjQzMyAxOS40NTg0IDExQzE5LjQ1ODQgOC43NTY2NyAxOC41NjczIDYuNjA1MjYgMTYuOTgxIDUuMDE5MDJDMTUuMzk0OCAzLjQzMjc3IDEzLjI0MzQgMi41NDE2MyAxMS4wMDAxIDIuNTQxNjNaTTAuNzkxNzQ4IDExQzAuNzkxNzQ4IDguMjkyNTQgMS44NjcyNyA1LjY5NjAxIDMuNzgxNyAzLjc4MTU4QzUuNjk2MTMgMS44NjcxNCA4LjI5MjY2IDAuNzkxNjI2IDExLjAwMDEgMC43OTE2MjZDMTMuNzA3NSAwLjc5MTYyNiAxNi4zMDQgMS44NjcxNCAxOC4yMTg1IDMuNzgxNThDMjAuMTMyOSA1LjY5NjAxIDIxLjIwODQgOC4yOTI1NCAyMS4yMDg0IDExQzIxLjIwODQgMTMuNzA3NCAyMC4xMzI5IDE2LjMwMzkgMTguMjE4NSAxOC4yMTgzQzE2LjMwNCAyMC4xMzI4IDEzLjcwNzUgMjEuMjA4MyAxMS4wMDAxIDIxLjIwODNDOC4yOTI2NiAyMS4yMDgzIDUuNjk2MTMgMjAuMTMyOCAzLjc4MTcgMTguMjE4M0MxLjg2NzI3IDE2LjMwMzkgMC43OTE3NDggMTMuNzA3NCAwLjc5MTc0OCAxMVpNMTEuMDAwMSA3LjIwODI5QzExLjQ0NjEgNy4yMTAwMiAxMS44NzQ3IDcuMzgyMDIgMTIuMTk4MiA3LjY4OTE0QzEyLjUyMTcgNy45OTYyNiAxMi43MTU3IDguNDE1MzIgMTIuNzQwNiA4Ljg2MDY5QzEyLjc2NTQgOS4zMDYwNiAxMi42MTkzIDkuNzQ0MTEgMTIuMzMyIDEwLjA4NTNDMTIuMDQ0OCAxMC40MjY2IDExLjYzOCAxMC42NDUyIDExLjE5NDkgMTAuNjk2NkMxMC42NTI0IDEwLjc1NzMgMTAuMTI1MSAxMS4yMSAxMC4xMjUxIDExLjg3NVYxMy4zMzMzSDExLjg3NTFWMTIuMzQ3NUMxMi41MDg5IDEyLjE4MzggMTMuMDg0MSAxMS44NDU3IDEzLjUzNTQgMTEuMzcxNUMxMy45ODY3IDEwLjg5NzMgMTQuMjk2IDEwLjMwNjEgMTQuNDI4MSA5LjY2NDk1QzE0LjU2MDIgOS4wMjM4MiAxNC41MDk4IDguMzU4NDggMTQuMjgyOCA3Ljc0NDUyQzE0LjA1NTcgNy4xMzA1NiAxMy42NjEgNi41OTI1OSAxMy4xNDM1IDYuMTkxN0MxMi42MjYgNS43OTA4MiAxMi4wMDY1IDUuNTQzMDkgMTEuMzU1MiA1LjQ3NjY3QzEwLjcwNCA1LjQxMDI0IDEwLjA0NzIgNS41Mjc3OCA5LjQ1OTQ0IDUuODE1OTJDOC44NzE2NiA2LjEwNDA3IDguMzc2NDggNi41NTEyOCA4LjAzMDEzIDcuMTA2NzVDNy42ODM3NyA3LjY2MjIyIDcuNTAwMTQgOC4zMDM2OSA3LjUwMDA4IDguOTU4MjlIOS4yNTAwOEM5LjI1MDA4IDguNDk0MTYgOS40MzQ0NiA4LjA0OTA1IDkuNzYyNjUgNy43MjA4NkMxMC4wOTA4IDcuMzkyNjcgMTAuNTM2IDcuMjA4MjkgMTEuMDAwMSA3LjIwODI5Wk0xMC4xMjUxIDE0LjVWMTYuMjVIMTEuODc1MVYxNC41SDEwLjEyNTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); + +/***/ }), + +/***/ "./src/icons/search.svg": +/*!******************************!*\ + !*** ./src/icons/search.svg ***! + \******************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgSearch), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _rect, _path; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgSearch = function SvgSearch(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 24, + height: 24, + fill: "none", + xmlns: "http://www.w3.org/2000/svg" + }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + y: 24, + width: 24, + height: 24, + rx: 2, + transform: "rotate(-90 0 24)", + fill: "#fff" + })), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", { + d: "M6 10.5c0 3 2.5 5.5 5.5 5.5 1.1 0 2.1-.3 3-.9l3 3.4 1.1-1-2.9-3.4c.9-1 1.4-2.2 1.4-3.6 0-3-2.5-5.5-5.5-5.5C8.5 5 6 7.5 6 10.5Zm9.5 0c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4Z", + fill: "#999" + }))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjIiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwIDI0KSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYgMTAuNUM2IDEzLjUgOC41IDE2IDExLjUgMTZDMTIuNiAxNiAxMy42IDE1LjcgMTQuNSAxNS4xTDE3LjUgMTguNUwxOC42IDE3LjVMMTUuNyAxNC4xQzE2LjYgMTMuMSAxNy4xIDExLjkgMTcuMSAxMC41QzE3LjEgNy41IDE0LjYgNSAxMS42IDVDOC41IDUgNiA3LjUgNiAxMC41Wk0xNS41IDEwLjVDMTUuNSAxMi43IDEzLjcgMTQuNSAxMS41IDE0LjVDOS4zIDE0LjUgNy41IDEyLjcgNy41IDEwLjVDNy41IDguMyA5LjMgNi41IDExLjUgNi41QzEzLjcgNi41IDE1LjUgOC4zIDE1LjUgMTAuNVoiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg=="); + +/***/ }), + +/***/ "./src/icons/video.svg": +/*!*****************************!*\ + !*** ./src/icons/video.svg ***! + \*****************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "ReactComponent": () => (/* binding */ SvgVideo), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); +var _rect, _defs; +function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var SvgVideo = function SvgVideo(props) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({ + width: 124, + height: 68, + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + xmlnsXlink: "http://www.w3.org/1999/xlink" + }, props), _rect || (_rect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", { + x: 0.5, + y: 0.5, + width: 123, + height: 67, + rx: 3.5, + fill: "url(#video_svg__a)", + stroke: "#999" + })), _defs || (_defs = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("pattern", { + id: "video_svg__a", + patternContentUnits: "objectBoundingBox", + width: 1, + height: 1 + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { + xlinkHref: "#video_svg__b", + transform: "matrix(.00202 0 0 .0037 0 -.013)" + })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("image", { + id: "video_svg__b", + width: 494, + height: 278, + xlinkHref: "data:image/png;base64,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" + })))); +}; + +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMTI0IDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMjMiIGhlaWdodD0iNjciIHJ4PSIzLjUiIGZpbGw9InVybCgjcGF0dGVybjApIiBzdHJva2U9IiM5OTk5OTkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMzEzXzE5NzgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDEzMDk4NCkgc2NhbGUoMC4wMDIwMjQyOSAwLjAwMzY5MTM2KSIvPgo8L3BhdHRlcm4+CjxpbWFnZSBpZD0iaW1hZ2UwXzMxM18xOTc4IiB3aWR0aD0iNDk0IiBoZWlnaHQ9IjI3OCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFlNEFBQUVXQ0FZQUFBQ2cxblFpQUFBTVltbERRMUJKUTBNZ1VISnZabWxzWlFBQVNJbVZWd2RZVTFjYlBuZGtrckFDa1UzWVN4U1pBV1NFc0NJSXlCUkVKU1NCaEJGalFsQnhvNlVLMWkyaU9OR3FpS0xWQ2tnZGlGaG5VZHpXVVJ5b1ZHcXhpZ3VWLzJTQTF2N2orYi9uT2ZlOCtjNjNjODY5NXdOQXI1TXZreFdnK2dBVVNvdmtpVkZoclBIcEdTelNZMEFDNWtBWEJBSUdYNkNRY1JJU1lnR2t3Zm52OVBvNlFGVHpGWGVWclgrdS8xY3lGSW9VQWdDUVRJaXpoUXBCSWNRdEFPQ2xBcG04Q0FCaU9PVGJUU3VTcWJBWVlpTTVEQkRpV1NxY3E4SExWVGhiZzdlclpaSVR1UkEzQVVDbThmbnlYQUIwMnlDZlZTekloWFowSDBIc0lSVktwQURvR1VFY0xCRHpoUkFuUXp5OHNIQ0tDcytEMkJuS3l5RGVCVEU3K3d1YnVYK3puejFrbjgvUEhjS2F2TlJFRHBjb1pBWDhHZjluYWY0M0ZSWW9CMzA0d2tFVHk2TVRWZm5ER3Q3TW54S2p3alNJZTZUWmNmR3FXa1A4VmlMVTFCMEFsQ3BXUnFkbzVGRUxnWUlMNndlWUVIc0krZUV4RUZ0QUhDa3RpSXZWOHJOekpKRThpT0Z1UWFkTGluakpXdDFGSWtWRWt0Ym1Cdm1VeFBoQm5DUG5jclM2OVh5NTJxOUt2azJabjhMUjJyOHBGdkVHN2I4cUVTZW5RVXdGQUtNV1MxTGpJTmFGMkVpUm54U2prY0ZzUzhUY3VFRVp1VEpSRmI4OXhHeVJOQ3BNWXgvTHpKRkhKbXJsWllXS3dYeXhNckdFRjZmRlZVWGk1R2hOZmJEZEFyNDZmaE9JRzBSU1RzcWdIWkZpZk94Z0xrSlJlSVFtZDZ4ZEpFM1I1b3Zka3hXRkpXcDFlMlVGQ1ZwNW5Dd3FpRkx4YlNFMlV4UW5hWFh4MFVWd2MycnM0N0d5b29Sa1RaeDRWaDUvVElJbUhyd1l4QUl1Q0Fjc29JUWpHMHdCZVVEUzN0UFlBMzlwVmlJQkg4aEJMaEFCZHkxblVDTk52U0tGenlSUUF2NkFTQVFVUTNwaDZsVVJLSWI4ajBOY3pkTWQ1S2hYaTlVYStlQXh4SVVnQmhUQTMwcTFsblRJV3lwNEJEbVNmM2dYd0ZnTDRGQ3QvWlBIZ1p4WUxVYzVhSmVsTnloSmpDQ0dFNk9Ka1VRWDNBd1B4Z1B4V1BnTWhjTVRaK1ArZzlGK2xpYzhKblFRSGhDdUVUb0p0eVpMU3VWZnhUSVdkRUw3a2RxTXM3L01HSGVFTm4zd01Ed0lXb2VXY1NadUJ0eHhiK2lIZzRkQXp6NlF5OVhHcmNxZDlXL3lITXJnaTVwcjVTZ2VGSlF5akJKS2NmNWFVOWRWMTJmSWlxcWlYOVpIRTJ2MlVGVzVReXRmKytkK1VXY2huR08rbHNRV1lRZXgwOWdKN0N4MkJHc0VMT3c0MW9SZHdJNnE4TkFlZXFUZVE0UGVFdFh4NUVNN2tuLzQ0MnQ5cWlxcDhLano2UGI0b0YwRFJhTHBSYW9EeHAwaW15R1g1SXFMV0J6NEZSQ3hlRkxCaU9Fc1R3OVBUd0JVM3hUTmErb2xVLzJ0UUpqblB2TVdIQUlnNk5qQXdNQlBuM2t4OEoxKzBBa2U4MHVmZVU0cjRMdllISUF6V3dWS2ViR0doNnNlQlBnMjBJTW55aFJZQVR2Z0REUHlCTDd3MnhVS0lzQVlFQStTUVRxWUJPc3NodnRaRHFhQldXQStLQU1WWURsWUE5YUR6V0FiMkFYMmdnT2dFUndCSjhEUDREeTRCSzZCMjNEL2RJRm5vQmU4QnYwSWdwQVFPc0pBVEJGcnhBRnhRendSTmhLTVJDQ3hTQ0tTam1RaHVZZ1VVU0t6a0FWSUJiSVNXWTlzUldxUkg1RER5QW5rTE5LQjNFTHVJOTNJWDhoN0ZFTnBxQkZxaVRxaUkxRTJ5a0ZqMEdSMElwcUxUa1ZMMElYb1VyUUtyVUgzb0Ezb0NmUThlZzN0UkoraGZSakFkREFtWm9PNVkyeU1pOFZqR1ZnT0pzZm1ZT1ZZSlZhRDFXUE44SisrZ25WaVBkZzduSWd6Y0JidUR2ZHdOSjZDQy9DcCtCeDhDYjRlMzRVMzRHMzRGZncrM290L0l0QUpGZ1EzUWdDQlJ4aFB5Q1ZNSTVRUktnazdDSWNJcCtCcDZpSzhKaEtKVEtJVDBRK2V4blJpSG5FbWNRbHhJM0Vmc1lYWVFYeEk3Q09SU0tZa04xSVFLWjdFSnhXUnlranJTSHRJeDBtWFNWMmt0MlFkc2pYWmt4eEp6aUJMeWFYa1N2SnU4akh5WmZJVGNqOUZuK0pBQ2FERVU0U1VHWlJsbE8yVVpzcEZTaGVsbjJwQWRhSUdVWk9wZWRUNTFDcHFQZlVVOVE3MXBZNk9qcTJPdjg0NEhZbk9QSjBxbmYwNlozVHU2N3lqR2RKY2FWeGFKazFKVzByYlNXdWgzYUs5cE5QcGp2UlFlZ2E5aUw2VVhrcy9TYjlIZjZ2TDBCMmh5OU1WNnM3VnJkWnQwTDJzKzF5UG91ZWd4OUdicEZlaVY2bDNVTytpWG84K1JkOVJuNnZQMTUralg2MS9XUCtHZnA4QncyQ1VRYnhCb2NFU2c5MEdadzJlR3BJTUhRMGpESVdHQ3cyM0daNDBmTWpBR0hZTUxrUEFXTURZempqRjZESWlHamtaOFl6eWpDcU05aHExRy9VYUd4cDdHNmNhVHpldU5qNXEzTW5FbUk1TUhyT0F1WXg1Z0htZCtYNlk1VERPTU5Hd3hjUHFoMTBlOXNiRTNDVFVSR1JTYnJMUDVKckplMU9XYVlScHZ1a0swMGJUdTJhNG1hdlpPTE5wWnB2TVRwbjFtQnVaQjVvTHpNdk5ENWovYW9GYXVGb2tXc3kwMkdaeHdhTFAwc295eWxKbXVjN3lwR1dQRmRNcTFDclBhclhWTWF0dWE0WjFzTFhFZXJYMWNldmZXY1lzRHF1QVZjVnFZL1hhV05oRTJ5aHR0dHEwMi9UYk90bW0ySmJhN3JPOWEwZTFZOXZsMksyMmE3WHJ0YmUySDJzL3k3N08vbGNIaWdQYlFleXcxdUcwd3h0SEo4YzB4MjhkR3gyZk9wazQ4WnhLbk9xYzdqalRuVU9jcHpyWE9GOTFJYnF3WGZKZE5ycGNja1ZkZlZ6RnJ0V3VGOTFRTjE4M2lkdEd0NDdoaE9IK3c2WERhNGJmY0tlNWM5eUwzZXZjNzQ5Z2pvZ2RVVHFpY2NUemtmWWpNMGF1R0hsNjVDY1BINDhDaiswZXQwY1pqaG96cW5SVTg2aS9QRjA5Qlo3Vm5sZTk2RjZSWG5POW1yeGVlTHQ1aTd3M2VkLzBZZmlNOWZuV3A5WG5vNitmcjl5MzNyZmJ6OTR2eTIrRDN3MjJFVHVCdllSOXhwL2dIK1kvMS8rSS83c0EzNENpZ0FNQmZ3YTZCK1lIN2c1OE90cHB0R2owOXRFUGcyeUQrRUZiZ3pxRFdjRlp3VnVDTzBOc1F2Z2hOU0VQUXUxQ2hhRTdRcDl3WERoNW5EMmM1MkVlWWZLd1EyRnZ1QUhjMmR5V2NDdzhLcnc4dkQzQ01DSWxZbjNFdlVqYnlOekl1c2plS0orb21WRXQwWVRvbU9nVjBUZDRsandCcjViWE84WnZ6T3d4YlRHMG1LU1k5VEVQWWwxajViSE5ZOUd4WThhdUduc256aUZPR3RjWUQrSjU4YXZpN3lZNEpVeE4rR2tjY1Z6Q3VPcHhqeE5ISmM1S1BKM0VTSnFjdER2cGRYSlk4ckxrMnluT0tjcVUxbFM5MU16VTJ0UTNhZUZwSzlNNng0OGNQM3Y4K1hTemRFbDZVd1lwSXpWalIwYmZoSWdKYXlaMFpmcGtsbVZlbitnMGNmckVzNVBNSmhWTU9qcFpiekovOHNFc1FsWmExdTZzRC94NGZnMi9MNXVYdlNHN1Y4QVZyQlU4RTRZS1Z3dTdSVUdpbGFJbk9VRTVLM09lNWdibHJzcnRGb2VJSzhVOUVxNWt2ZVJGWG5UZTVydzMrZkg1Ty9NSEN0SUs5aFdTQzdNS0Qwc05wZm5TdGlsV1U2WlA2WkM1eWNwa25WTURwcTZaMml1UGtlOVFJSXFKaXFZaUkzaDV2NkIwVm42anZGOGNYRnhkL0haYTZyU0QwdzJtUzZkZm1PRTZZL0dNSnlXUkpkL1B4R2NLWnJiT3NwazFmOWI5Mlp6WlcrY2djN0xudE02MW03dHdidGU4cUhtNzVsUG41OC8vcGRTamRHWHBxd1ZwQzVvWFdpNmN0L0RoTjFIZjFKWHBsc25MYm53YitPM21SZmdpeWFMMnhWNkwxeTMrVkM0c1AxZmhVVkZaOFdHSllNbTU3MFo5Vi9YZHdOS2NwZTNMZkpkdFdrNWNMbDErZlVYSWlsMHJEVmFXckh5NGF1eXFodFdzMWVXclg2Mlp2T1pzcFhmbDVyWFV0Y3ExblZXeFZVM3I3TmN0WC9kaHZYajl0ZXF3Nm4wYkxEWXMzdkJtbzNEajVVMmhtK28zVzI2dTJQeCtpMlRMemExUld4dHFIR3NxdHhHM0ZXOTd2RDExKytudjJkL1g3akRiVWJIajQwN3B6czVkaWJ2YWF2MXFhM2RiN0Y1V2g5WXA2N3IzWk82NXREZDhiMU85ZS8zV2ZjeDlGZnZCZnVYKzMzL0krdUg2Z1pnRHJRZlpCK3QvZFBoeHd5SEdvZklHcEdGR1EyK2p1TEd6S2IycDQvQ1l3NjNOZ2MySGZocngwODRqTmtlcWp4b2ZYWGFNZW16aHNZSGpKY2Y3V21RdFBTZHlUenhzbmR4NisrVDRrMWZieHJXMW40bzVkZWJueUo5UG51YWNQbjRtNk15UnN3Rm5ENTlqbjJzODczdSs0WUxQaFVPLytQeHlxTjIzdmVHaTM4V21TLzZYbWp0R2R4eTdISEw1eEpYd0t6OWY1VjA5ZnkzdVdzZjFsT3MzYjJUZTZMd3B2UG4wVnNHdEY3OFcvOXAvZTk0ZHdwM3l1L3AzSys5WjNLdjV6ZVczZloyK25VZnZoOSsvOENEcHdlMkhnb2ZQSGlrZWZlaGErSmordVBLSjlaUGFwNTVQajNSSGRsLzZmY0x2WGM5a3ovcDd5djR3K0dQRGMrZm5QLzRaK3VlRjN2RzlYUy9rTHdiK1d2TFM5T1hPVjk2dld2c1MrdTY5TG56ZC82YjhyZW5iWGUvWTcwNi9UM3YvcEgvYUI5S0hxbzh1SDVzL3hYeTZNMUE0TUNEankvbnFxd0FHQjVxVEE4QmZPd0dncHdQQXVBVHZEeE0wUForYUVFMmZxa2JnUDJGTlg2Z21Yd0RxNGFTNnJuTmJBTmdQaDJPb3VpVUJxcXQ2Y2loQXZieUdocFlVT1Y2ZUdsczAyUEVRM2c0TXZMUUVnTlFNd0VmNXdFRC94b0dCajdCSHhXNEIwREpWMDJ1cWlBaDdneTJxWGhmY1dqVnhIdmlLTkgzb0Z6bCtQUU5WQk43ZzYvbGZlQU9JNzJSK3dKWUFBQUNLWlZoSlprMU5BQ29BQUFBSUFBUUJHZ0FGQUFBQUFRQUFBRDRCR3dBRkFBQUFBUUFBQUVZQktBQURBQUFBQVFBQ0FBQ0hhUUFFQUFBQUFRQUFBRTRBQUFBQUFBQUFrQUFBQUFFQUFBQ1FBQUFBQVFBRGtvWUFCd0FBQUJJQUFBQjRvQUlBQkFBQUFBRUFBQUh1b0FNQUJBQUFBQUVBQUFFV0FBQUFBRUZUUTBsSkFBQUFVMk55WldWdWMyaHZkRW84OFNBQUFBQUpjRWhaY3dBQUZpVUFBQllsQVVsU0pQQUFBQUhXYVZSWWRGaE5URHBqYjIwdVlXUnZZbVV1ZUcxd0FBQUFBQUE4ZURwNGJYQnRaWFJoSUhodGJHNXpPbmc5SW1Ga2IySmxPbTV6T20xbGRHRXZJaUI0T25odGNIUnJQU0pZVFZBZ1EyOXlaU0ExTGpRdU1DSStDaUFnSUR4eVpHWTZVa1JHSUhodGJHNXpPbkprWmowaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1UazVPUzh3TWk4eU1pMXlaR1l0YzNsdWRHRjRMVzV6SXlJK0NpQWdJQ0FnSUR4eVpHWTZSR1Z6WTNKcGNIUnBiMjRnY21SbU9tRmliM1YwUFNJaUNpQWdJQ0FnSUNBZ0lDQWdJSGh0Ykc1ek9tVjRhV1k5SW1oMGRIQTZMeTl1Y3k1aFpHOWlaUzVqYjIwdlpYaHBaaTh4TGpBdklqNEtJQ0FnSUNBZ0lDQWdQR1Y0YVdZNlVHbDRaV3hZUkdsdFpXNXphVzl1UGpRNU5Ed3ZaWGhwWmpwUWFYaGxiRmhFYVcxbGJuTnBiMjQrQ2lBZ0lDQWdJQ0FnSUR4bGVHbG1PbFZ6WlhKRGIyMXRaVzUwUGxOamNtVmxibk5vYjNROEwyVjRhV1k2VlhObGNrTnZiVzFsYm5RK0NpQWdJQ0FnSUNBZ0lEeGxlR2xtT2xCcGVHVnNXVVJwYldWdWMybHZiajR5TnpnOEwyVjRhV1k2VUdsNFpXeFpSR2x0Wlc1emFXOXVQZ29nSUNBZ0lDQThMM0prWmpwRVpYTmpjbWx3ZEdsdmJqNEtJQ0FnUEM5eVpHWTZVa1JHUGdvOEwzZzZlRzF3YldWMFlUNEtESGppMkFBQUFCeHBSRTlVQUFBQUFnQUFBQUFBQUFDTEFBQUFLQUFBQUlzQUFBQ0xBQUJiMDFDb2NBY0FBRUFBU1VSQlZIZ0I3TDBIbUIzSGRTWjZKdWM4QTJBR0U1RkJaQUlFd0p5VEtNdVNLRWFSc21qTFd0dTdlbnE3M3VmM2ZYNXAxNVoyN1YxYjhyTWNsT3p2MlpabGloTEZJRW9VY3dBSWdzZzVaMkFHTTVqQjVCenVmZjlmZmV2ZXZuZTY3OXlldVhkaUZkblQzVlduVHAzNis2TCtPbFhWMVVrRkJRVitNY0VnWUJBd0NCZ0VEQUlHZ1JtQlFKSWg3aG54bkl5UkJnR0RnRUhBSUdBUVVBaDRJdTdjM0Z5NS8vNzdaZXZXcmJKcTFTcXBxcXFVL1B3Q1NVNU9scVNrcEpnaDlTSkxwVTd5cWpTVUdYdXBNWmhIZlM3MWNJdVBRYXVqaUZkOVh1Uzl5RG9hTjBZazlTZXlqRVRxSHFOcUp0a2dNT1VJK1AyQlFWQ2NlUlc4bnd6TEFtWEdXbFM4YlhQVDV4WWZxNTJ4eUtreUF0aVBGM2RuTy9FY2JlUGFQcDlQT2pzNzVmTGx5M0wwNkZINStPT1A1YTIzM3BMdTd1NVl6RlF5TVJIMzh1WEw1Ym5ubnBQSEgzOWNVbEpTSEpWN2FXeTl5TEl3SjNsRDNJNlBRVVU2NGVVdTdUMkYraE5aUmlKMWU2K3R5V0VRbUZ3RWdvMi9JZTRnOEVGTWdqSHh2NWdzNG5heW5HVCt3Z3N2eUQvKzR6L0tpUk1ubkVUQzRzWWs3ai8rNHorV3IzNzFxOEZNYm8ycVczd3dvKzNDaXl5ek9ja2I0cllCR25IcGhGZUV5SVJ1cVQrUlpTUlM5NFFxYmpJYkJDWUJnU0JKVFFWeG8zN0I4bU9vcXhmWkdOUXBFU2VkVG5HeDZvdFZMbFJHdUljY01FcU5mb3lsSzZRalhOSXRQbHpLdXZ2Kzk3OHYzL2pHTjV5U2duR3V4RTB2K3kvKzRpOWt6Wm8xUVdGZXVEV3FidkZobVFNM1htVGR5alRFN1lTc0ZlY1ZYM2ROemluVW44Z3lFcW5idVVZbTFpQXdmUkFJTnZKVFJOeGpJUkcwYnl6QmNhVGJkZHV2WTFIbFZkNUpwOWFoejNZWnB6aDdPcS9Ia2hrclhlczdmUGl3L09FZi9xR3I5KzFJM0pzM2J4YXlmbUZob2RZVFBMczFxbTd4d1l5MkN5K3l6T1lrYjRqYkJtakVwUk5lRVNJVHVxWCtSSmFSU04wVHFyakpiQkNZQkFTQ2pmc2NKRzdDcSt1dno3RkM3bFhlU1c5UUI3QzNoMWpudklQNTdabHQxMk9sMjBTbHZiMWR2dktWcjhpdVhidnMwZXA2RkhIVDAzNysrZWVscUtob2xEQWpuQnBWcHpqSHpJRklML0pCZ2daWlJBWXZlaUx6dXQwNzZYU0tjOHNmYTd3WG5WNWtXVDdsdmVhSjFXNmwzeXJFU3haUHNvbTAzWk1oUnRnZ01BVUlCQnYzQUhGUHBnbkJzc2NvTkZhNU1kUTRKdHQxMjY4ZGhXMlJYbVJ0MmNJdXczVFl5RHVjeHNPeUJHL0M4aUkyOGw0THVzWHJkUHVaNU0yMVpaSHozcU9JKzlWWFg1VzFhOWU2TnZ4dWphcGJ2TjBJZmUxRmxubWM1SFdjUG12ZEV6Mjc2WE9MSDI5NVh2VjVrZmNpNjlYK2FCMHByN3FNdkVIQUlPQ01nTlc0Tzh5MU9vdkhOZFlMc2RnTEhtOCt1dzc3dFYyZi9kb3VFODlyZXhucTJpTnhSOW95U2wra3dCajNPaitIelI5NTVKRXc2VERpNWtLMDMvM2QzNDNxc2JtUmdsdDhXR21CR3kreXpFTDVVZjUyd0FQM3FzdkpIbnVjbXo2M2VIdGVMOWRlOUdteWpGVS9kWHZSSDZ0ZXUxeWk5ZHZMTXRjR2dibUdnRzYwSjdQZXVreDk5bHIyZVBORkswZnIxT2Rvc2hOTnM1ZWhybTNFN1ZWMzVOQzZYWGVzdW9KNVlNZjNNSFg5elc5K001ZzFTTndjSW4vampUZENDUUZpREVZRUx0d2FiTGY0eVB5ODl5S3I1UTF4ajBMQUNWb1ZSM3k5WXV5cXpDVWgwZnBkaWpYUkJvRTVnVUN3MFo3RTJvNm56UEhraVZhbFNIMzJlL3QxTkIzalRiUHJ0MThIOVhrZzhraml4cmk1VWhQTGtMc3V6MjREcng5NDRBRTVlZktrU2c0Uzk1LzkyWi9KazA4K3FmTzROdnh1RGJaYmZGQ2g3Y0tMTExOUmZoUnRCVG9XWG5YWnpIQzhkTlBuRnUrb0pJWklML3FNeHgwRG9FYkVJRENMRUxBMzJwTlhMZENLQjJhaGFDTHNkTkxwRkJlSlN5d3lrWGxHM1lNZ25TQlF1aWRDM0xhQ3ZOaHBsK1hhc3ovNm96OVNtaFJ4YzBlMFE0Y09xUjNRdEg0M1l2RWFyL1haejI0NjdETDJhOG9iNGg2RmdCMmlzR3VGVjZCakU1WVF4eHV2enpDT1JSdFZCb0ZaajRDOXdaNnVsYVdOaWJEVFVhY0xvZHF4Y2N4bkY0angya21QaXB0aTR1WW1MYXRYcjFZN3JDbmkvdHpuUGlmZi92YTN3NnJsMURBN3hUR1RXM3kwdEdoNXdneUpvdCtMamtpZFR2ZHUrdHppblhURUVxYzlhQzk2dmNqU0JxL3lzZGh0bDBtMGZudFo1dG9nTU5jUWNDS1A2WVlCYlV5a25aRzZJKytkOEloRnhpbWZQYzVOaDF1OFBhKytkcE4xaTlmNTlOa3VaNy8rK3RlL0xpKzk5SklvNHY3elAvL3pzR0Z5Wm5acm1OM2lkWUgyczVzczQyUDJINk1NaWJ2cHQ5dmc5ZHBKcDFPY1Y3MlI4bDUwYWxsOWp0UTFGZmZUeVphcHFMOHAweUF3R3hHd2s4Ulk5YU9zRi9teDlEbWxlOUh2UmRhcExCM25wTWNwVHNzN25aVzhnNGZ1WlhyQlhxYSsxc1BsaXJoZmUrMjFTZDBoalkyK0llNllFUWgyb3FZVFdVNG5XNXorNFpnNGc0QkJ3RHNDbWlCaXlVbFpML0t4Nkl5VThhTGZpMnhrT2ZaN0p6MU9jZlk4a2RkS1BnSEVyVjhOVThSOThPQUI3SklXdnVHS1c4UHNGaDlwT08vZFpCa2ZNMjBaanp1SW94dWVUdGduT200NjJaTG91aHI5Qm9HNWdvQVhncUtzRi9ueFlPaEZ2eGZaYUxZNDZYR0tHMVBIQkltYituVzUrc3dOV2RRK0svd2U5L256NThNV3BqR0RXOFBzRnM4OGtjRk5sdkdHdUdOR0lQZ3MzUENNeEgweTdxZVRMWk5SWDFPR1FXQXVJS0FKSXBhNlV0YUxmQ3c2STJXODZQY2lHMW1PL2Q1SmoxT2NQVS9rdFpLUEkzRnIvVnlnVmxOVFk4MXhYN3g0VWNjSHoyNE5zMXQ4TUtQdHdrMlc4VEhUbHZHNERYSGJmbFBtMGlCZ0VFZ2NBbDRJaXJKZTVNZGp0UmY5WG1TajJlS2t4eWx1VEIwSklHNldXVlZWNVV6Y21uQkhrV3VBUkowTTFua2kwNXppbGQ0b3VtTFJRUmtuM1pGNXZkeFQzNmc2V3dVbHBDeXZ0bm1SVDZTczllZ2NrVXBrc1VhM1FjQWdrR0FFeGtWUUNiSnBYTFk0a0tVWDg2SXRIaHVYUFJHRngwTkhaV1dsUmR5WExsMktVTytORk4wSU5GNUVHRTMvS01NbkVPSFdvWEFyZndKRnFZNkFGNzFlWkNkaWw4bHJFREFJR0FSaVFjQXJDY1dpMHk1RC9WN0w4Q3B2TDA5ZnUrbHdpOWY1N0djM1dSVWZZK2RDYndRVHFjc1F0eDFwWEJ2aWpnREUzQm9FREFJR0FSY0VJZ25GUld6YzBkVHZ0UXl2OGs3R3VlbHdpL2Vzd3hCM2ZJZHI0MFhjNGQ0eGYzeWpIeTFsd3VWR3k5aGp2TWphODVscmc0QkJ3Q0NRQ0FTOEVObDR5cWQrcjJWNGxYZXl5MDJIVzd4bkhVNkU0S0JFMDBaa3VjYmpqZ0FybnNTdGlKWS9QSlFSQ1R5TE5jUWRBYjY1TlFnWUJHWVVBazd0V2p3clFQMWV5L0FxNzJTdm13NjNlTTg2REhGUFg0L2JFTGZUejluRUdRUU1Bck1GQVM5RU5wNDZVNy9YTXJ6S085bmxwc010M3JPT2VCSDM1Y3VYUjVYdGRXaldTVDZlSG15a2dibzhmWTVNajhmOVdMcWpwYXMwL3ZCY0RJbVcxeW1MVjNrbkhTYk9JR0FRTUFqRUV3RXZaT2ExWEsrNkV5bFAzZkhTNzBXUGsrekNoUXV0VmVVVEpXNlNpcVB2RzJVZTF3c1J1Y202eFh2OWdUakp4NktiTXJISU9lbG4zRVR5dXVrMDhkRVJNSmhIeDhla2prYkFxZkVjTFdWaTRvMkFKOXdEVHBLWFBGNWtXVGRIK1NqT21STWVqanFjQkFOeFNoNWwyRU9GSVc0N0hPSFhzVFR3bElsRkxseHo2RzRpZVVOYXpKVVhCQXptWHRBeXNrVEFhMk5yVUlzUEFwNXdOOFJ0Z2U2bGdhT3M4Ymk5LzFpOVlPeGR1OG5oaElEQjNBa1ZFeGNOQVU4RUVrMlJTZk9FZ0NmY0RYRmIySHBwNEF4eGovNDlhdnlpL2ZpMHpPamNKaVpSQ0JqTUU0WHM3TlViN2QvdzdLMzExTmZNRSs2R3VLMEg1cVdCbzZ6eHVNTi82QnEvYUQ4K0xST2UwOXdsRWdHRGVTTFJuWjI2by8wYm5wMDFuaDYxOG9UN1hDVHVLMWV1akhwU1hobzRyNnZIcWR1TGZocm5KTzhVTjZvaUU0aUlSYitUakQzTzdjZG5sNW1BaVNhclJ3UU03aDRCTStKbWpudUtmZ051YmFlYk9ZbVVkOVB0RmgvTlJrOTVBaDBTdTc2S2lncHJWWGtrY2V2R3pkR0x0bXZRMTFHSVdPdlNvank3RWIxZHhuN3RwRVBwUWJtSkNpelRyVnkzTXIzS3Ura3g4WWxEd0R5anhHRTdXelY3YW1obkt3Z3pvRjVlbnBPU2RTREZhTlYwMCs4Vzc2VExpeXp6TzhtWGw1Y2I0bllDbDNHR3VOMlFtZG54aHJobjl2T2JDdXVkR3MrcHNNT1VHUjBCTDg5SnlScmlkdmRPblJwSzQzRkgvd0dhMU1RaDRQUjdURnhwUnZOc1FNQUxJY3lHK3M3VU9uaDVUb2E0K1pTakRDczdOWlNHdUdmcVA0MlpiN2ZUNzNIbTE4clVJSkVJZUNHRVJOcGhkRWRId010ek1zUk5MQTF4cTErVUlZWG8vN0NtUTZwNVJ0UGhLY3dzRzd3UXdzeXEyZXl5MXN0em1oWEVYVjlmUCtvSmVtbmczR1FaSHkxdFZLRXVFZkhRNGFMYU5kcXRUTGNNWHVYZDlNeVUrTVF0QzB3d0F2aE5tbUFROEl3QTVrTm5ZcGlaVm84UGFTL0V6UkxpSVI4UEhkRnFTLzJSWlFRWHB6VkVFbmNVd25VcnhJMjRuT0tkNHR6ME10NUpYZyszTzZWRjArVWxMWkc2dmRneDNXUU5MdFB0aVJoN0RBTE9DRVEyK3M1U2N5L1dLeTVPQktwUjg2UXJEZ3ZpRml4WVlLMHFOOFN0SDBINDJSQlVPQjc2enVDaWtUQm5nOEQwUnNBVHFVenZxc1RWT3ErNEdPSUcvRjRiZmlkNTQzSEg5WGZzU1puVDgvQ2t3QWdiQkF3Q2s0S0FWNEthRktPbVFTRmVjVEhFallmbXRlRjNramZFUFhXL2ZxZm5NWFhXbUpJTkFnWUJOd1M4RXBTYm50a1c3eFdYNlVuY0RRMmpub3ZYeHRsSlhwTnJwSEluMlVnWis3MlR2STdUWjd0OHZLNFRxVHRlTms2RkhvUExWS0J1eWpRSWVFZkFLMEY1TDJGbTV2Q0tTOXlJRzNCNUtkdEpOalRISFVIY2JKamRTTmZ0TWJrMTVrN3hUbkZ1ZWhudkp1OFdIMDFYckdtSjFCMnJEZE5Wem1BelhaK01zY3NnRUk2QVU4TWZMakUzNzd6aVFubTNQRzd4OFVEV1NmZjgrZk90eFdsWHIxNGRWWWJYeHRsSjNpbU9CYm5GanpJaUVFRjV0enh1OFc2NlRQekVFVENZVHh4RG84RWdNQmtJT0RYOGsxSHVkQy9ES3k2VWQ4dmpGaDhQREp4MEcrS09CN0p6VUljaDdqbjQwRTJWWnlRQ1RnMy9qS3hJbkkzMmlvdVNCM2xIQnNaNDFSV3BJOXE5azI1RDNORVFNMm11Q0JqaWRvWEdKQmdFcGhVQ1RnMy90REp3aW96eGlrczBlYmMwdDNndlZYYlNZWWpiQzRKR05vaUFJZTRnRk9iQ0lEQ3RFWEJxK0tlMXdaTmtYTHh3b1I0M1hXN3hYcXJvcENOdXhPM1drSHVOZDZzUTljUkxsMXNaSmo1MkJOeWVSZXdhaktSQndDQXdHUWc0TmZ5VFVlNjBMNE9FR3djajNmQmx2RnVhbDJLZGRJeUx1TjBhYmJkNEp5Tzl5REkvNWQzeXVNVTdsVHVYNGd3dWMrbHBtN29hQkNZZkFTZFNtWHdySnFkRXQ3cTZ4ZE1xdHpTMytGaHJNbS9lUE8rcnlwMElJVjZ2anJrWnpqS2R5cVc4Vzd5YnJya1NiM0NaSzAvYTFOTWdNSFVJVEpTRXBzNXlieVY3clNmbDNmSzR4Y2RxMGJRbTdramlpYnpYbFhTTDErbHo5V3h3bWF0UDN0VGJJREI1Q0V5VWhDYlAwb21WNUxXZWRubjdOYTJJdlBkcTJZd2g3bWdldlNFbzU4ZHVjSEhHeGNRYUJBd0M4VU5nb2lRVVAwdW1YcE1kQy9zMUxiUGYyNi9IWS9XMEorNVl5Q2NXbWZHQU05UHpHRnhtK2hNMDloc0VwajhDRXlXaDZWL0QyQzEwdzRMeDlqVDdkZXphUTVLZWlkdU5EQml2dk9LUTd1aFhrTmZCVFNmVG82WEZrcTdMbUl2bnNiQ2JpNWlZT2hzRURBTHhSV0NpSkJSZmE2WldteHNXOW5oMURTS1BKYmhKQlltN3NiRnhsQjYzaHQ4cDNpbHVsRUtYQ0xlOGtjUGpibkl1YXFkOTlHeXJUendCTjlqRUUwMmphNklJMkJ2ZWllcWFiZmtOTnM1UE5Bd1hldHcyc2JBMFc3elRwWlBzdENIdVdCcnFXR1NjS2o1ZDQyWmJmZUtKczhFbW5tZ2FYUk5Gd0tueG5Lak8yWkxmWU9QOEpOMXdZYnhibXBNbUoxbEQzRTVJVFZLY0lTZDNvQTAyN3RpWWxNbEh3S254bkh3cnBtZUpCaHZuNStLR0MrUGQwcHcwT2NsT2UrS2V6UTM0Yks2YjB3L1FTNXpCeGd0YVJqYlJDRGcxbm9rdWM2Ym9OOWc0UHlrM1hCanZsdWFreVVuV0VMY1RVcE1VWjhqSkhXaURqVHMySm1YeUVYQnFQQ2ZmaXVsWm9zSEcrYm00NGNKNHR6UW5UVTZ5cnNUdDFuQjZqYmNiNHBhWE1tNXBidkYydlRQMWVqYlhiYUxQSkc3WTZCVWhvWmNZSm1xYXlUOUhFWEJxUU9jb0ZHSFZOcmlFd1JHOGNjUEZMVDZZTWVMQ1NiNnNyTXphOHJTcHFTbEMzSjFNUndraUlwYUdsakp1Y203eFRtWE5scmk1V09kWW41MW5iSndJV3NmcFFnMTVheVRNZVpvaDROUTRUek1UcDhTYzJZaUxsenBwV1gzV0Q4RVF0MFppQ3M2ZXlXa0tiSnlxSWoxam8wbmFUczZNNDZIajlIbXFLbVhLTlFpNElCRFpNTHVJemJubzJZaUxsenBwV1gzV1B3QkQzQnFKS1RoN0pxY3BzSEdxaW93TE5wck1kU1VNY1dza3pIbWFJUkRaTUU4ejg2Yk1uTm1JaTVjNmFWbDkxZy9DRUxkR1lnck9jU0duS2JCN01vcU1DemFHdUNmalVaa3k0b0JBWk1NY0I1V3pRc1ZzeE1WTG5iU3NQdXVIYW9oYkl6RUY1MWpKU1QrMFdPV25vQ3B4THpKdWRiVVBsY2ZkU3FQUUlCQWZCUFMvOGZob216MWFaaU11WHVxa1pmVlpQOWx4RWJkYm8rb1dyd3ZqMlUzR0xkNmVOMUhYQklXSHRvRm5mVzFQWTV5KzV6azVPVGtvNS9QNTFMWE9wMjIxNTlGeCtxeGxJMldvVndkZG5yNlBQRE92enM4MHJaUFh6S3ZEWlBGWFpQbmFCbnU4dGluYTJhdDhORjBtelNBdzNSSFEvMDZtdTUyVGJkK3N4SVY4NHdGSUp3eEtTMHU5clNwM2ExQVo3NWJtWnFOWGVUYzlFNDBuTUNSZUJ0cEU0dFRreVhpbUIwa2ExOE1qSTBvK0xTMHRXT2NSeEFWbEhBelMrdTFKa1pocEdWMjJsbVg1VGcrUDZaR3lPZy9QT28vOVI4SnAzcVJBaEQ4QmM3NzJaK29IZGo3WXpoRE5UaVVROGNldUp5TEo0ZFplUXlhellqcE9uMVhOSGZLYUtJUEExQ09nLzYxT3ZTWFR5NEtaam90VE8rYTFUazd5SlNVbGhyajVVeVhBdzhQRGlwQjVuWnFhcW43QkJNMGlIWFpNM0gvVUdsejdnMkljNzNXYW9wQUFrVkZUTEdUR3ZEcS9VK25SZE9oOG1ycVlYOUZYSUVLZG90VEpxVHpuT0YyQ2UrZE4yK0tjZjNTc0hjZlJxWkV4TEQ5a1E0aTRHY2NPbVNidDBFaEdwQVp6YnhDWVNnUzgvdnVZU2xzbnMreVpqb3RUTythMVRrN3ljNWE0ZFRQUEh5SEJUY1pCcjVsZUwrOVRVbExVZWJ3L1VvS3R2Zldrd0pBNjFJS0VvVEZBM202a3k3ejJoMlU5Zk1hTnRvWnBQQ2h2eVZreTl2ejJiUEVuYnEyZFo5cmlUSTUyZTBiWFluU012UzZqVSsweExGY2ZqR2Y1ckNYalNOb2pnZnRreE9DWjRzNEVnOEIwUThEcnY0L3BabitpN0pucHVEaTFZMTdyNUNRLzk0ZzdNRDVzbmRpNGg0aWJBT2xEeHhONGF4ZzhGUjR5YUFCYzRDUEIrMGVFUThGTUo4bmJQWFRxb1BldU93S3BHRkpQVFUxQi9oUkYydnBCTUsvOXdUSVBEeEs2VHVOWkU3ek9wNHkyL2FHTUxvdlJ0TVd1MTZxbGxTRXh4QjBpVGtCQytoYmRXZEZtdXRvZU1FNmRiS3hxdDEvcmNENHpKd2s2b0Fqa0hDSnVrclpGM0NSdFRlcTJZaEJuZ2tGZzZoRncrL2N4OVpaTnJRVXpIUmVuZHN4cm5aems1eFp4QnlkMTRhR3FpVjZyc1NlNDlMZ1pCb1pGZWdiODB0azlBSkltc2FiSjhOQ0E1T2VtUzJGdWlnd04rNlM5WjFDNitvWkI4ajdKd0loNlpucVNaR1ZtSUhjU3ZHekJISGlTREExeDZCM2wrS3k4dVZsSmtwNkd1WE5WRERvSVBuamtJSGpMczdlb3A3dDdTUHI2ZWlVN093dmt5M2wyUWJwMXBtMCtsTWRncWJEc2hRckVDK3dhbHNHQklSeURVbGhZZ0xKSVZKck1RbGZNcGVlNHFjdmVnZUc5RldDM0tzWDZHOHF0WTBONlZWcWdUb1BES2RMUzJndXFURmVZWkdjbVMwWWFPaExzc0ZBanN2a1Z6dFFmcUllS3h4MTBCTFVHWkFMR3FMd1VzR29jSG12ZGFlS21CRG85UVJFN2NkTVRweDNVeEpLczBvSmxCdldIY2l0aDg4Y2dNQWtJT0RYT2sxRHN0QzlpcHVPU2NPSytkdTNhcUlmb1ZPZ29vVUFFWmIzSU01dFhlYmV5WTQ0SFM2bm1INjAxQ2NzaWJ6VDF5blpMUzMySFg0NmRiNWZkQjg5S1Z3L210MVB6WmFDM1U5WXZLNUpOSzB0bGNHUklkcCs0SmtjdWRVcG1WcFlrRDdiSXZIeVJ6WnMyd010TWw2dFhtK1dUWGNjbEs3Y1NCSjR2WGEwWDVhNHRkYkp1UmJGVWx1ZUJ4Q3ppSU9HU0JqbXlUS3BBZjBIT25ldVN5MWZPUzBGaG5wUlhsRXBKU1I1c2d3M3dLRUgxK0VzaTRqM0lLVkNYRVgrS2pFRFg5ZFlPcWIvY2dLTmVicmw1cXl3b3k3TXFCSGtXWUZFK0xxM2JRRnJnRkdSeUpFS1lKZkRLK29OUkJlWkdweUZJZUVxSmt0QUtWTDdHOWlUNTJXczdwR01nUjJyTHMrWDJMY3VsckRCSk10ajVZTytDbFU1S2dUWm9nazJzTjNVcS9RRk4xR29uZDBaYjVWclBqbmtZbEZ6Z3JDSUNmeXlkbG00cmlwSU1saGJtOVB1SDhkdWpGU2xLRDhaT2tNNWFZMVNFaGlHRmdiR1QvaHRWSlpzL2N3NEIvTnZRdjlRNVYvY3hLanpUeVh1TTZvMlo3RlQvb01lZFNPS2VObzBmeVU0MXpHaVUwVFpibDJpd0E4VE5memhIci9ya25iMU44dk5mN1phV05yK2tacFJMWDhjMWVmRG1Vdm5zblF0bDBEY2tQL3Z3Z213LzJDWjV4VVhpNnpvdFZhWEQ4dVRqbjVPMHRGdzVjdlNzL1BNLy8wcUs1MitVWVYrRnRGemFLNy96eEkzeUczZFd5dG9iU29TT3NLSVFGTTd5NlZ5eTNDRWN1L2UweWNIRGU2UUVwTHQ2OVZKWlZJdVZnNGhQQnExYnRFMTZ0NGdiRklPNmdMUWxWZVc5ZUxGSkRoODhJb2NQSEpIZit1SVhaZG5pVWt0eGdLbEpqeXlIZnFlNjRKa1hMRUJGTUpVSDVVaXVWa2hTaEkwT0E4bE94U0lsU055VTBwNXNzcHhxU0piLy9adi9KRmU3aW1UanFrTDVneS9kSjNVTC9KS0oza215VDA4dHBJa1BsY1pnaGlxYXBXR2dYMTJ6UkdVRjB4SERhd1pMaHNRZDhxYVp4dEsxRE9VWWFBMnJGS2cybzZ5QVNFc1czUitNZ2lRbit5Q2JxblFNb1h5T1pxUW5wVXNLTUxWS1pEWUZqaUZ2QzBIejF5RGdpSUFUc1RnS1RzUEltV3A3Y1hHeHRhcDh6aEEzRzJPMDRIYmlWZzhQWTl4K3pBMmZhUFRKdGlPZDhxdDNqMkJJUEUzU3N5cWtwNjFSN3RtWUo1L2FVaXo5UTRQeThzNUcyWEdzVjNLTENpVnQ4SUpVRncvS2cvZmRJZG01eFhMdVlxUDgvT2ZiSlROM0JienpDdWx0T1NhUFBWZ245Mjhwa3RYTDhpVVZ4U2NwenhOMFpQR0NJaFJTOHU2OVhYTHcwRzRwS2MyVjFXdVd5dUxhSWtVZHlhQm1pN2d0ejl1aVNvdkloakVzUFF4RkZ5NWRBMmtmbFNPS3VKK1JwWXVSbDB5bEdDemswNFlSdHlwZlU1OCtXelNwaUJ0UjlQYVRRTnJXWERGbGVDQTFXVjlUQ2JVbXk4bkdOUGsvL3VjTDB0aFRodEdKWFBuOVo3ZktvdUprd1dnNXNxRHp3UVVDeWFuaXh4d0FaaE1zZ3FWK0VqZlVXWEJZcEs0N0dzd2FUdHlXbEM2ZFp3YWVtYUlPclVzbldsbFVJdjBhdjM5SWVkeTBHWlF0L1RJb3c1aG15RW5QaHExOG00QVpVQ2ZWcytLdFZvQnJFd3dDQm9Fd0JHWXErYkVTTTlYMnVVWGM2a21SQmhBaTJtTGUwaE04MlRBaTJ3NWNrTmZlM2lQdG5UNUp6U3FUN3JZbXVmL21Ldm1OMjVaSS8rQ2d2TFR0ckh4NHNFVUtRTnpTZjFtcVN2enl5S2Z1bDl4OEVQZUZlbm5oWjI5SlZrNHQ2TFpVQnRyT3k5T2YzU0QzYmwwb3kyc0xKQlhjcFdpVUU5Z3NVLzIxYUhIMzNuWkYzS1dsbHNlOXRNN3l1Rk5BTEtRM3krKzI2RVo3cVNPU0FlSk9rNHVYNEhIdlB4cnd1SitSSlV2UUl3dm9WcDJVd0hVa2NSTUxIcFJWOHJqUkhRb20wT09tdDAzQ1kxY2hHRlN2Z0FLTXNjNm5yaVhMZi9tckY2U3B0MGh1WEZZZ3YvL1VyVkpYWkhuSi9oR1FQN3p1Sk14MyszQ01LREprcmF5RFVrbDB3eG1RRnJSQmxjdElsR0V2bjlkS2lIa0MrYlFZejVGQml5aTdtV2hGOVBvNUo0OVplUXpoWS9raFBHNm1rYlRwZVZ2UFNCRzN6czlrRXd3Q0JvRWdBak9WL0ZpQm1XcjduQ0p1dHNtcVhkYU5NRzU0eWFGODlUb1k3czgyOU1xdVErZms3ZTE3cEsxclVKSXo4Nlc3L2JyY2M5TXllZWpXVlRJdzVKUFhkNXlTSFljYkphK2dRSVo3NjZVYzVQVHdRL2ZCNDg2WDg1ZXV5Q3V2dlNPWk9RdEFTWmdmNzI2UVJ6KzFXVzdiVkMyTHk0c2toY1RONFdmTSs5SWFpN2hKd3lKNzlyYklvWU83cGJRMFg5YXNXaVpMRitHYnF5VE9KSkFlaUlWejJUNU9pc3NBamtFYzlCY3pRZHdaY2duRWZXVC9NVG0wLzRoODZabG5GWEZEQVBrQ2RWWTNBU3BTSUZocExKZEI0UkNJMS9Bb3NMaDZubFlxa3NUY044b1BjaC9sazBIR1NaREIwUE9aWnIvODZYZWVsOGErWExseFVaSDgzaFAzU0cyaFZVOC9QRzQxVDQ1Nis3QkNqd1B2dE16cVJsa3ZhaVdEdUszQkNLVFpEVktSTEl4bzhVQ2lIM3A5c0NkZ1Y0aGtrV3hKV0RxczI4QTFkUVIwNDRyakdLZk9uY1RvU0tiVXphdFNNZlRCRldtRHVQMStyczVubGxBZTNKbGdFREFJMkJDWXFlVEhLc3hVMitjZWNiUE54d05qZTh4Z2taQjFOd3ppYUdvYmxIUDFiWExpWEwxMEQ0SWswcktscjZkRDF0U1d5ZnFsNVpnTFRaWURaOXZsUkgyZnBHZG15a2h2a3hSbEQ4dU5HOVpJRWw3N2FtcTVMZ2NPblpLMHpHSlFRRGFJdTBrMnJKd3ZOeXd1bE5yU1FyVklpMFBsRm5HVGVHbE5xaUx1M2Z1YVFkeDdwYlNrQU1TOVFwYUEvRGdpcmNnRFVsalFydWFHeVZsK2tMZGZVVThHOHFiSlpRelJjNmo4c0NMdUw0RzRpNVJtMWxFSDFwSTBxaFBJZVNSdWpRZlRpWWM2TXg3WFRPUEJ0V1VNUE5HbUZBcmhyR3hMWnNkaVJFNkR1UC9rcjUrWHE3MDVzaDV6N0wvNzJKMVNqY1ZwZkh0YVRSRXdpOFczaW41SndpUnVIbHh3bDZ5SUdFTFFUZWRiY1RMTFFKUUtqTU1GaCs5NWNBay8raFVRNEdBOEV2ay9EbFVubkJtb2czWG13U2ptNTlHUDdOZmFCdVNmL3ZWSHNyQ21ScDc4emZ2VUlEa0h5bG0vWkZWNVhqQVhEcDVNTUFnWUJFWWhNRlBKanhXWnFiWUhpYnU1dVhuVUEvR3lxQ3lhYkxTMFVZVW1NRUkxMm1pQWVkYnRNSW5LYXFOQklCakM3UnJ5eS9VdXYxeHR4YXRWSEM1TlM1S0J2aEdweUUrVzZpSzFza3d1dC92a2FqY1dydUUxc0tSQnYyU25EVXY1ZkF4WlEyOVhyeC9rUFNBcGFlbUtmSktnYno2OHp2bUZQaW5KVElYSGpYSXcxNXNFMTlzSHNodWh0eW81aXNqMjdtdVJJMGNPWVk2N1NKWXZYeXFseGRseTV0Ukp1ZDdjS1AxZ21reDQvMVUxaTJSK1phSGtGWElvMXdyZ0lLbS9jazJPSGpvdVJ3OGVreTgrOWJUVTFSWElBRjVydTNqaG9oUVU1TXJDQmFWWWxJV2xiUFNZeVc3SVJCTHR3N214cVZVUmRnNVd5WmNVWlZuWXdOUEhKcTZZNS9kTC9iVk82TGtpdmQzOVdGeVhEcGtjV2JHc1Nvb0swMERnSk4wUm5IMXl1aVZGL3E5di9WaGFCb3ZSV2FtVUwzMGVuWmsrWUZsL1hWcWIyL0NLV0liTW41ZUR1cFZLQnJEakNuc1MrZ2k4OFNSNHQzalZYWVZXWUh1NXlTZE4xL3VrcDdzVDg4OERrcE9USVF2S0MyWEJ3aXpKejhhcmRYaHVxU085c0JYL0pXY3AvTHI3VWQrcmczS2xxVVBhT3Jyd1dsMkdGQmNYWWpWL3RoVG5KVWx1aGpYWER6RTVlcVpiM3R1K1M0NmNPQ3QxeTFiSmczZHZ3VUJHajJRbERhSWpsaUpWQ3dyeEtwdnRsNko3VDVhSjVxOUJ3Q0FRUUdDbWtoL05uNm0ydXhLM0psdDlqdVZYNmtVMkZuM3hsbUV6VEEvTTFod3J3aUp4TXpJRlROS09WdjFLODdDY3ZIQlZCbndwa3BLWnB6enVSZk95WldsNVBqelBGRGtOY3JqUTZwYzB2TVNkTk5ndUJabURzbXdadkhIb3Z0NCtKS2ZQMWt0S2VpR0lNVmVTaGpwa1NWVzJWTTlMa1RJTXlTb3VHQ0xGWTk0YUU5NCtERFdQWUVpZHZ1ZitBMXhWZmtqU016S2tkRjZaNUdTbVNVUDlKZW5xYkpPaEFaQlZhcDdrNWhaS2NYbXVWQzZlSnlVTGNpVmJ1YjRnN29ZV09YNzR1Qnc3ZkVLZWZ1SXBxYW5PbFk0T243ejE1dXRTWFZVdXQyMjlFYStuWVNrYk9pZWF1RWRBbkczb2FCdytjaFJFUGd4UHYwaFdMSzJCaHd5UHRMOUhHdkZPOXVrckhYS3hxVmRhcjNmSnlDRG5ndFB3VG51U2xDL0lrc29LMklFT1FXRk9ObXhMa2JONG8vRC8vTmFMMGpJMFQxWXNYaUMzYlY0azNhMHRjdVZTbzdTMzluQ3FISytIK2ZGcVhMbXNXcjVBS21CL0JncFRtOXF3SXdIOEdxLzU4RHBlbHh3NDFheXdIT2pyZ1dtRDZyM3dzZ1U1VWwxZElvdHFpckNTbjNnT1kwNGE0dzcrWEdsRlhROGVyNWRUbDFybGNrcy9PbEQ5a2dIbDJWa1pVcFF6SXZmZXNrS1dWZWNCOHhRNWZLWkRQdHA3V3JaOWNoVFRERGxTVm9GcGlab3lHZW01SmtXWkk3S29QRWR1MzdSTWluTHhvd2dTTm93endTQmdFQmlGd0V3bFAxWmtwdG8rNTRoYlBTemxVM0tJMWdyY3B0UGFHRVhreEpWK2VYUDdRZm54aTcrVzl1NWh5U2xjSUIwdGpmTElYV3ZrQ3c5c2t0NytRWG5ocllQeTdpZm5KU2MvVHdhN0xrcGRlWmI4M3UvOUR0N2RMcEJEUjQ3SmQ3LzdJOG5JNXJCNm9mUjNYNUhmZnZwZWVmaXVGYko2YVJXSUZqK1c0UkZzNnRLTFRnSG1VZUd4K2dJZTk0SERYYkpyOXk2UVY1TjBkblZJVG5hNmJOMnlVUmJYVnVPNkVKNTN0N3oyMmh0eXFmbWlyTjY0U202NWE2dlVWV0xlSE5Wb2FMaXVTUHY0b1pQeUZJaTdxaXBMbXByNjVXKys4eTFaZGNOU2VmYUxqeW12bUF1d1ZNOEZlZm94cG55bHBVdTJmN1FENURna1ZSVVZjdWZ0TjZwaDVTdk4xK1dkRDNmS3gzdU9pajh0WDI2NytYYXBuRmVCaVdHZjFOZWZrN2ZlK1lWVVZKYkk1My9qWVZtL2NxbGt3WFUrZjkwbmYvbzNiMkEwb2dpa2g1M2plaHNsWmJoVjB0TnpaTUc4U2psMzlpSkdCazZqN2gzeUg3LytWWG5rdnRXU0RYTm9Qd1l1NUJySTk1VmY3cFgzUDlvclI0NWZrSG56Sy9FdWU1SGtabVZLTTU1QmEzc0xoRWZrenR2d2V0MjlOOHF0YTZ1eFk1d1BheEdTWk4raHkvSlhmLy8vWVFRaFRYS0t5MlYrT1o1YjJ6VTVleHFqRUR2ZWxMLyt6amZsMFVkdXcrUkNodnpQdi8wbk9YS21DYzkySVY3M0s4WXpUY01yZnczSzNvVWxHYkp4VGExODhkR0haQ0ZHQjBKak03ZzB3U0JnRUJpRndFd2xQMVprcHRvK3A0amJJaXpTTldaVk9VWWVDQ29HbmhVOTVtTlhSdVQ5Zlpma2xUZDJTUWNJSVMwWEJOQmNMNC9jVVNlUDNic2NubHlmL09UZEUvSSszdlV1TEMyUm9jN1RVbDNxazJlZmVVSXlzdkxsK01sejhxLy8rcnJrRkN5RHZnVXkwSDVXbnZyTnRYTC8xbkpaaVhubmRKYUp1Vm0xUmh4TG1Ebkw3Wk1zWmRyK2d4MnllL2NuY3EzNXF0UXRxcEViVml5R1Yxb2l1U0R3Vkd5cnlsM1pMbDdxa0wzSERzczdIMzBvbi9yc1orU21HMWRKY1c2eVhHMW9sV09ZVytmeDFCTlBTM1ZOcWx4cjhjbDN2dk9YMExOSW5uN3k4NWkzcFlmSytXWlFKVHgxK3YzMWJVUHk0YmFQMUFSNlZYbUZiTGw1aFJvKzMzdjRyUHpUdi95TDNIVFRabG01Y2lWSWJBRkdGakxVcXZoTzdCeDM4UGdKT1hycU5EYVlhWlEvK01venNyaWlTRTVqZVB1Ly9lMnZNU0tSSXNYWlBiSitlYkhjVUplUEllNUt5Y3JLbGRObnpza2VqQXJzM0hkUTdycnZmaXoyV3krYlZ4WW84ajVWajBWLzI0L0RDejRzL3FFdWVPd0xaZG1TYWl6VUs4YXdlanAyc3V2RnNQWTVsSHRHZkVQOXNuVk5uZHk3NVFiSTFNb1ZlT2tmN1Q0cno3LzRxaXhlc1VUV2JGaUhPZjRxNmUyNkx2V1h6c2dKdkdMMzJZZnZRUWVqRG9zTmMyWG5nVk95LytSRk9YT3VRZnI2UmFyclZzcU5xK3V3MExCUjhqTUdaWDVKUGw2bnE1U2l2Q3cxUHgvNG1aaVRRY0FnNElEQVRDVS9WbVdtMmo3SGlCdnpvUnlQNVFQRFNWRjNZSktiQzhhR01ZeDg5T3FJZkhDb0crOXhINFhIblM1cFdaWFMyWHhGUG5WYnFYemhyZ3JweGhEeXY3MS9VYllmNnBDQ3NoSVphVDhtbFNXOTh1UVhzQUZMUm82Y1BIMUZmdnJDTnNrdVdBdmlyc0hyWUNmbGlZZHI1SUV0QmJKcUdYWmFBL2x5TnpTNis1eEZ0b2hiMGJrY09OQWgrL2Z2eHR4ME53aHp2ZHk0cmxiUzZhRmpiM1N1dStZSHk1QmQ5cDlxa1IvKzZIbFp1bXFOYkZpN1F0YXVtSTk1NURhUTltazVkdkFNaVBzSnFhcE5rZVpXbi96dDMzMUhWaTZ2bFNjZit3eGV0eHJHQXF4dzRtNkFsN3R0KzA0c1hQZGpYbmVoYk54U0t5ZnJSK1NqQS92a3ZYZGVseTg5L1huWnRIYTVwR0YrUEIwWVpTRC9VSEtHTkdLSE9iNHk5LzZicjhnZmZ1MDV6R2xYU1VObm12ejM3L3hLempXbVNrM1pvRHoyOERxOHoxMG9aZk1LbE4xWEd0dmwvUU1YNVVldmZDRHpxbGZLUGV2cjVPa0hsK0JkZUwrOHU3OVYvdTdmM3BYT3ZpUlp2eUpQSG50b25TeGVtQ3U1ZVpodWdGYytpTFVCeDgvMXlvNTk1Mlg3Qnp1a0lIVlF0dHlBenRRWEhwYjZGcjk4OEVtRC9QTDExMlh0K3NWeXkyM3JaT042YkhhRGZIMmR2ZEtFNllhcWVmT2xKQTg3MFdGNm93MXovN3NQbjVFMzMzcFAydHU2WmV2VzIrV0pSMitTa1g1T0pYUmpJNTAwU2NOOGZGb0t6dXJYWXZ6dUFBem1aQkFZaGNCTUpUOVdaS2JhUHFlSVc1RzJabXdTTndoVWVkNmM1T1lLWlRUVXgwRmE3KzlybEZmZTNDTWR2U2w0VmFnY1h1VlZlZWptQ3Zuc0hiWFNPOUF2UDl0MldqN1lmdzFlZFo2TWRKMkZ4KzJIUi9zb0Zxdmx5REY0M1AvMjR6Y2xQWHN4VkpiTGNNOTVlZW96TjhqRHQxZGdibmUrV3JHY3BMeDlycVhHY0RMKytnTDBjT0JBcHh3N2Zram16Y1BpdEdXTHBLWVNDOFhZdS9EMVlkaWRIem5COTc5QjVFMmRmamwwdWdIYnNoNlJlVmhNOXRobjd3Qnh0eWppUG5yd3REejV4QmRsSVlqN0dvYXV2L3U5NzhManJwRW52dkNJOHJpNUdNejZSbGFLOUVGMVBSYmhmZnp4TGtYYzFTRHV6ZGllOWNXM2o4SWpQU1hGaFZseXk4WVZVbG1XZzJIa1Bra0d1Y1BuRnNuQWpuRllVZi8rcmd2eTNwc3Z5OFAzYkpiTjZ4YkpjUG9DK2ROdnZRcGlMSk10YXdxeFk5d05Vb0g1Y0FhdTlPNUgvcDBuVytWdi92VU5HVWd1bEZ0V1ZNalhuMWt2bmZYRDh1SjdCK1N2L3ZGbDJYVG5mZktiZDYrUXo5eXhBT01RN05yZ3d5dGN2SmFjamZsb1RBbDArZVR2Ly80dE9iUnJweFRuWk1uLytPLy9HWnZpK09YajNkanQ3dFdYcFlpN3pxR2pjZmRkR3pIL25nd1BHcS82b2ZBc21NMTN0REZOTDBQQWNNZStCdm5wejE2V05td1ZlOGZ0ZDJPM3VhMGNoY2VjTzBZbGtyaTIzT3JZV2RZYjRsYUFtRDhHQVFjRVppcjVzU296MWZhNVE5eG90QzNpNXROQ2MwelhOMERjYW1VeW92eFllSFlGWkhjY2U0YnZPWHBCdWdkOG1JZk94ZUswVnRtNHRFdzJyeWpEL3VVOXN1dlVOVGxXM3lQWmVUbmk3MnVXc2p3LzlnZS9DU3ZRMCtYSzFTYlo4ZkZoZU5YRm1Ndk5sYUhlQnJselM3WGNpQzFBYXlzV1lQNllxN0JKQjd6U3hHMTUzUHNQZE11eFl3Y3hQRnlBbGRlTHBMWTZHOFBhZlBXcEY2OUFVd1lyMVZHUE5peWd1OVE4Skw5ODgxMTgrQ1JKbm52NlFTeGl3M3ZjQjA5aTI5TlQ4dVNUejRLNE03QXFHeVQzdmUvTDhpV1Y4b1ZISDRZSFNvOFNpK3BRTXY4T2dJVHJPNGJsM1hlM1NTbzZMN1dZNDk2MFpZVTgvOHBPT1hEaWpGVE1MNUp5elBubVoyQURGbng5SlhrWUs3Lzk2ZUpQejVOaGJPOTZxYmxEcmpXY2tUdTJySWJYWHltRHljWHlqVysvSnRkN2kyVWpkazU3N29tMVVxVTNZSUgxZmYxRDhzbnBEdm51VDk5RHA2RlFia2FlcnoyMVVzNGY3cEJYOGQ3ODg2Ky9KNTk3K2lsNWNPc3kyVkFIYjNjWTQ5aDRUa2s0aHRCeEdVbktsT3ZvdEx6ODZsSFp1V09QY0UrWC8rMC9QU3Z6U3BPa0VWdlZ2dm5lZTNMa05QYVl4eTVvMWRXVnNubjlHbG1INGZIRlZjbVN5MVhzc0lFZGlGNzgyYjY3UVg2R29mV085azY1ODg1NzVMbG5OaW5pVHNkdklpbXc0SUdqRzlhVE1zUU5LRXd3Q0RnaU1GUEpMMWdaT200SkNJblJhaGs2eDRnYmxWWXZDT09zeHF6cGNZTVl1WEtZNDdFZzdoNjhpdFRVTWlTWHIxN0hYTytBWUswVENLSmZhdkFPZHMyOFFneGpJNjIxVzY1MURlQmQ3VXp4RFhaTE5raWhwcTRheEowaTdiM2RXSURWaURuak5LekN4aTdqQTYyeUNEdW1MU3pQbEdKNHFueVlmTE9aZjYxaGNuamMva3dWdi85QWx4dzdpdGZCTU1kSzRxNnJ5WUZLYkFJalBiQTdFL2FoUEhRNk9qRzAzTmp1bDVkKytZN2taNDNJN3p6ekVJaTdIdStBbjVERFdKejJCSWk3b2laUEdwcEozRCtVRmNzWHd1UCtGRHhKdk02RjE4OUEvOHJMSDRSUDI5QTFJdSs4OHdIbXJrZWtkbUc1Yk5xOFd2N2xKKy9McVl0WFpldE42eVEvSFN1Nmszcmd0YUs3TVlJNVgxODJNTW1VUVl4T2RHTkhHRDlYeldPbGQ5WDhQS3pJejVCdi9PVXZwS1c3UUc1Y21TMi85ZmdtcVNyRGVBS3hCUXNPOUEzSnpqT2Q4djJmYjBOWHBFaTJMcStXUDNoOHNSemIzU2EvM0xGZGZyVjltM3o1My8yMjNMZDVtZG9xTldXd0J5TU02RENvdFFBcDhManpwQTNFL2NGSERmTE9CL3VrdVcxRXZ2WWZQaTByTUxxUUJ2MG56alRLOWdPbk1ScHhWZHJhdXFRR0hhWGxpL2lCbDNJY1JZSjliUlR1M1pEOThKTm1lZkdsVjZXem8xUHVBbkYvK2VsMWFzVS9YelBqTTJMZmpnZUpXeC9NYllKQndDQVFqc0NNSis3dzZzVHRMcEc0ekQzaVZpMHluZzEzMlFoNDNOb0Q1dEx5UVh6dG93M3ZMamRqdTlOZU5QRDRVcVZ3azdPeW5DU1pEKzgyQll1NnJzUGpiY1U4S1lldHdlM3dZZ1h2TnZQYlVvcWYxS0l2TnZaK0xwV0dkNGNSWGNsT0drSTZ2V1prd0xBOFArazVnb1AvK2ZBNkU4LzdNVlIrOU5nQktjYVdwOHVYMTBsdFRTRVdwUTBwajF2Z2NTZGpoN1JrRk1vNTJrdFllUGJHZXgvalZTY3NqSHNNUStWWG1nTEVmVUo1M09VWVptL0FZckh2ZnY4SCtHQkpuVHp4K0lNWVVSakU2MXo0RkNuSzRtdzNhQnp6MGo3NThQM2Rrb3BYcm1yTDU4bm1yY3ZsSDM3OE51YXd1K1hMejM1R1NuT1NCZjhyYnhXbllPQytiVHdZb0ZJTjlsL0FJckUvK2N0WHBGa1JkNVk4OTlnV2RIajQ3bmVhc3JzZnk5Zy9PZDBqUC9qWnh5RHVFdG15Zko3OC91TTFjbnhQay96eW8xM3kydlpQUU54ZmxRZTNWTWxpN0hHZU1qU0UxK1hRY2VGMmM5ak1oZ2kyWW03OWt6MDk4dnBiSDBoOVU1djhyLy9MazdKbUNWNE53M3ZheFB3Q1JobjJIRzJTZDk3ZkllZXgvZXd3T2h5THFncmtxMTk4Q1BQdFpUU1gzU0RadHF0Tlh2ejVLeUR1TGhEMzNmTGxKMWVycDZPZklVdWtQdDZiWUJBd0NMZ2prRWlDY2k5MStxY2tFcGU1UTl4NHptcStXQk0zV21YdFZhbFBPU28zQzF1ZU5vN0lybVB0OHU3T0kzSzl1eHNmMjg2US90N3JjdnZHR3F4aVhxSTJOWGw3VjRQc090cUZ2Y2tMcEIrcnl1Y1ZEc2xuUDNPUFZPTDFLTCt2WDg2ZFBnOGlBMXNQcGNMamJzZHE4dmxZSFo0aitkREZEM2FvTDJYeGQwZFBGUFRnOHdkV2xSL293V3RRKzBEY3ViSVU4OUsxdGNVZ2JVcmdhMWFnemxTOFY4N0JnUXNnN1EvMm5NVDcxVzM0K2xhK2ZQNmgxWEwxY3BzY09nU1BHMTczVTA4K2c5ZkJzS3E4eVk4NTduK1FwVmc0OW5rUU56ZEp5VUNIQlFNRUNLbnNRa2dEUmhqZWZlZW9aUG9HWmZIOFV0bHdVN1g4N05lZnlObW1xN0pwd3lxUVlwVlVGR1NHQ0F3ZEVRN1g0MVBqTWdKV28zMGtONm84Z3crMC9GY01sVi9yeVplTnl6UGtkNzZ3V2VwSyt2QitQT2JtTVQvZmk2bUhYU2NINVljdjdBSnhsOGt0V0ZIK0g1NnVsT1pMZmZMS0J3Zmx1Ly8ySzdudmtjL0pwMjliS1hldXoxU2JyQXdEcjBITThmdXh5VW9TNXA2dlk4SGRUMTdBTzlnN1BzRGd5YkQ4eWYvejcyUnBGVG9YbUx3bk5uekZqWnZHWE1ZbU9OdUEwZDRUbCtUYXBWUHltYnV4WC96bXBYamZ2a3JvY1cvYmRSMGZnd0Z4dDNYS1BmUzRuMW1yaUpzN3NnMXh2UU02U0NsUWFCYW40Y0dhWUJDSWdrQWlDU3BLc2RNK0taRzR6Q25paHFNSmdpSEZjR0VZaUR2dzZPbDhNL2d3OUh2NHNnOHJuRHZsRisvdEIzSDM0dldoSE94VmZsbnV2YU5PUG9mWHdiQ3ZoN3o0VmdQZWIrN0RaejJMWmFEemtKVFA2NVZubi82VUxNRm5PRGwwZm5EUEFYeHBxZ0REeXRoSHZLOUQxcSt1bHBxRkJYaTlLQU1McFBCbEtycnA4TGFUOEtVc2tyYy9TTng0NWVuNFhpeXd3bVl2SzZzeFQ0dTl5aTNUbE1lci9IWHNSTGJyUkwzODgwdnZ5S0liTnNqbU5VdGs4NnBzYWJ6VUV5VHVwNTk4VWhiWHBFZ0h2TSsvKzd0L2tmTGFVbm40TisvRkN1MTB2SHBsalF4d3RBQ3E4Q25PRWZuRnF4OUxlVmE2ckZ0VUtlczJsY3Z1VTFkbHora2oyRWIxdER6NjBMMnlZVmtkVnJjRE9ieVNwbEFET1k2ZzErT2pFb1IrakVCdzE3T0w4SWIveS8vN09qNHlVaUEzTFV1VHJ6NjZDVVBlOEcreDI1b1B4TjJOYXU4NVBpSS8vTWwrNmZmUGsxdFdaY2pYbnFuQXhpZCsrZVgyOC9LWFAveVZ6SzlhaVMrcDFjampEeXlTVW94dytFRElBLzRCREZ4azRMMXM3SWQrWmtSZXdLcjlheTFuOE1wYm9mekhyMzBCdTUzQmhzNUJqR3hnTVJwMmMwdkh6bXE5c0d2YnNXNTVjODk1K2ZqZE4rUTJ2SnY5d09ZVmN1dHRxekdTNHBlUDlyVExTejkvV2Jvd3BINFBQZTR2cmxFZEVEOXk5bU1GbXg4YnphUmlTZ0FURkNyZVB0ckFPcHRnRURBSVdBZ2trcUJtTXNhSnhDVXFjWHZkQ2Myci9KUThGTHJaQ0tIdFZ5eXZVY1ZoMmZMUkJuN1dzMS9lMm5FTVErWllkNTJaQlFLOEpQZmNVaTJmdmdOZkI4TU9aci80c0VrK1B0Q3ZpTnZYYzBMS3kvcmxzYy9kSmJXVk9US0lPZTU5bit5VGdteThmNXlNMWRoNHRXdmwwZ3BzYmxJZ3hmbjQzak1HZlAzRGZaZzN4emFoZU8wb0NlU25pWHZmZ1hZNWhEbnVIR3dwdWdUdkkxZmpIZWhrRUNhSGJWTkJOdW00YU1ET1lCL3VPaUQvL01MTDh0enYvWHU1OS9ibGVHYzZDZThyZDJPb0hIdVZZOXZUcDUvNkl1WjJzYWtJdk9udi9lQ25rcHFiSmh0dndYeHpkWVVVWmlTRDZJQUJtT2dxVm1qdk85VW5MLzcwcDdLeWFwN2NzWDZsYk5oVXF6elNEL2JzbDcvKzlyZmdpVDR0ZDJ6ZElzWDRFbHBPRHIxUU5mb3ZmUml1NXpIWTN5OUQvWDFTa0pzajE0ZlM1VS8vNmhmUzNKY3ZtMVpreVZjZTNTeTF4VmhZQjArWlMreDZzTC9xcmhPRDhnL3d1UHY4cFhJek9oei8vcGxsQXJWNC9heFp2dmZqTitSaUEvQmFYSUhOVXU3REhIV0daR0VJM0k4cGpDRThtek1uQjJUUEoyZGwxODVkVWxPRjNjMXV2VUVldkgrMVhEalhKdWZQbnNXanlwYksybG9wbVk5NStBekIrK1I0di92Z05YbnIxWi9JbGhVTDVMNmJsbUFoMmlZWlJCMTI3VytVbDE1K0ErL01kOG1XTFhmTDQ0L2RvRHBKL2RqZWRxQzNRL0p5MGxHblRNbkpDSDNvazc4UkV3d0NCb0Z3QkJKSlVPRWx6YXk3Uk9JU0pPNldGdXhLWlF0ZVNaanlUbmtTYWJ6TjNKZ3V0WWR0RGV4YVhqZUh6NFBlRklqeEtEWmdlWGQvdTd6Nk5qWmc2ZTJWOUp3Y1JkejMzckpZZnVQdVZaZ0RUNUtYMzhWNzNQdmFwS0NFRzdDY2tvWHpSK1RacHg2UjZvV0ZNdGpYanE5MEhjSnJSVmdSanNWa2VEa1lYL2txUjFxSnpDdmhLbkdPTmZkaXhUbG1tVE13bks3OE9henpoaDI3OTZGRHNIcy9kZ0xyeFVZaXErQjFMOEhyYU5nb0JXbjlIWU1ZOGowdiszWnVsODZlVGxtMVpwWGNmTnN0V01CbWZlUDc3TmtXdkFOK1NBNGZQaUsvOWFVdnkvTEYrU2dEM3ZtZTAvTHh2bjF5b2JGQjduL2dBV3lVVWlVRktMY1B3OWFIOFNHVi9XY3V5dmt6cDJSMVhibmNzbTZaYk42MFFsTHdDdFg1eXgzeXhsdHZ5NFVMbDZXd3FGaHV2K05PV1lCVjV4blk3YTBmaE4zWWhGWHN4NDdKcGJQSDVkSFBQQVN5clpKcmVPLzkvLzd6SDJFT0hndlAxaFRKYno5K0MxYVY4NlV6WUkxRmdkMjlXRlYrdkV0KzhKT1A0UFVXeU0xcmkrVHJ6MjFXRzdCY2JSdkdibWJYNVBWM2Rzblo4NDB5TkpRaE5iVkxzRzk3UG5aZXcxYW9EUTF5N1VxejlMVDNZUkZkbWR4NzUycTU2OVlsVW9pUG1CdysxaUR2NHQzdVgvejZBMndGdTA3cWxtL0NxRVdGWExoOEdkOUh4MUQ1eFlONE5lMGUrVFE2T1hYVkM5VGMvSWx6emZMdXRvUHk0YzdqOE9hTHBCYUxDMHV4QUxHK0htOFR0SnpEdW9FSFpNTU5GVktHdmM0WndQVW1HQVFNQWc0SVRLYzIzc0c4S1l0S0pDNUI0cjUrL2Zxb0Nqb1I4U2doVzRTVGZDS050eFVkMHlXSk8rQnc0OEtpYTAzY2RFSzVsL2FwSmk2Z0dzWTd5c2VrbzdzTEg1NUt3ZmU0RytTMkRUVnkzOWFsaXJqZndhdEV1ekFNbTY4KzYzbFI1aGNQeWFmdXYxbXFRTnowcHMrY09BV0N4a0l5dFNSOUVPOWpsMkhMejBJcEtjUU9hRnpOanBlaGZQQzRrMU01RU11WGxOUzNydkF0N3g0NWZPS3luRHJmaE5WZUJaS1JCOUxBUmlEY2ZDUUZ1NGxsNEtNYS9SMk5VcFNmaWhYZnE3QmZPTHpndkd6Vjg3aUVQY1ZQbkR3cHAwK2ZsazkvK3ROU1ZZbE5UOUJIYUducmx6MUhUc2grN0RoV1dGZ0tienRWMGhFdk9QdHpjcVVmQzhkYVc2NUtPWWFZVjJLLzdvMXJsMkZZSEF1NDRLMWZ1TkltTy9HMXNXdnR2WkpmWElxaGN0aUsrZXBrck5iejQ3TmNQYjFZYlk2OTJoKysreWJNdGVkSlUzdUsvUFVQZm9YVjVRV3lkbWtPUG1lNlRoWVU5YU9HSEo1UGx1NnVmdGwzcmx0Kyt1WUI2VTNLbHcxTDgrWFp6NjZEVFVQU2gwVmtuYjNEc3Zmd0Jka0xjajk2WmxpR2t2QjFOTXpFSjQxZ2pCMjQ1bUhKOS96Q2JMeGFWeVUzM2xBbVM2dTVaYXpJdVlaT0xFZzdpMDF6OWt2UHlId3N2c2QrNjZucGVQZThWVEt3VWN2QzRtSDVQRHp6VFN2eUpSdHZBdkIzME5MZUxrZlBkYXF0YTA5Y3hON21YWU5TVUZpQ3hXd2lwWm50c0d1enJLM0xsTHo4WE1QYXdNc0VnNEFiQXRPcGpYZXpjU3JpRTRuTEhDTnVOTmxjU2M2bnFJZ2I2OGx4bzJacVNkendVQnZ4dXRFRnZFWjE2dkoxUmR5RGVGbTR2N2ROVnRYTmszWExLbVFZNUg3MFhBZSsyejJBTFU2eHFHeTRCYTlrRGFtdlpaVXZBTkhnWGVtclYvQ1JFY3lSSnVQMU1uNGdvN1M0UUFyeHpuZE9OaGFZS2VJZVZEWllTNTlVNmNxcjdzTUhQMXF3QmVteGsrZmx3cVdyMG5pOVhmcmdiZy9nZTU2RjJPUjhKYllBcFdlN3NBSmZCOE0ycDFnRGp5bHlETDlqN3JrVkJOM1kxSWo5eVp0azlaclYrSElYM2pISElpdCtQclMxR3g5RnVkb3NlekQzZnUzeUZleXYzaXM1K0hiNGhwdHZsYnFWeTdBSlNic2tvMk5RZ2pIclpaam5wdmZQOGZsa21GYVBoWENuemwxU2U3QTNORjZUUVRCYkRuWXpxOENyWTRzVzEySkl2aElydXBQVkh1d3R3TzdYN3gyUnp2NHNiSkdhTERkdnJNYWU1WU9vTTE3WFFrZWh0dytkbWtaODcveklaZXkrbG9NOTNyUGw5aHVyc1FCc0NLdmMrYjN4WkZWZmJtRjY3TnlBbkRuZkxDMU45ZExmMTRrUmkvbXlyTFpTbHRjVll3ZzlXVEx4MVRiMVJoOXM1TVl1N1YzREdHYnZrc01ubS9BcVc2ZTBnWmk1Z2N4aWpIWnNXYjlJbGlCUEVVWVNmRmhma0F6TU9FZmZpVW4rSTNpdi9BQTg5aE9uemtweVdvWlVWRlhMK2lWbGVKMnRXTXF5K1E0NWNPYjhBUDQzd1NCZ0VCaU5RQ0lKYW5ScE15Y21rYmpNSWVLMlhyMnlscGJqNFFlSW15NWJNajVocVpnSzN0WXd5SmFmdXV6QmNEQytwNkhtbC9tSG40VEUyakwxempmVGV2bXFGNXgya2h4ZkVjTUhzdUNNZ2hnUU1ZQTVYNzYyeFExZlJyQmRhUnFJTlEycnQxS3gwQ29aSzdzNWE4MHRUTEd0Q2E1QjVpZ2QrNXRnRDI3WUNIMURJT3BoZlBSakVOK25Ic1pLOGlFc21rdkJFSHMrOWl6SEdqTHMwSVpOWEpMeDNocm55LzFZOTh6TlNlQ3hNczhRZWhaNThNTFY5aTd3VXJuVW1xOVI5U085bHl2cjhMNGJOMXRKQTBtbFprSU85ZkxEb3ljSjRzMXp5VWpEU25nUUlVZFA0SXdyRDdRWGk4OTYrd1pBMnJBTHNqNTQyMWw0eHkwVDI1RmxvYzc4VUhncU1DUjJKRU5VQTNxU3BBRHowMVl0V1dkaWhYbnhrVlRwd2lTekQvUFdPZENmRCt6Z04vT3RPYldhRzF2ZXlBRHEyd3NuZXhDS2h2RE9tUS82ODlGUklWbGpBQVJmSXJQbXZFZEcrdFRYdjZpQm93dURlQ2JkS0IrbWdwanhlS0EvTFJPZjg4VEFSamJ5cENmaHZYem80dXIwSkhTc0lJTEZobjdzZzQ0RHU3S2s0R3RpNlhpT0JjakRqNStvMWZld003RDRIOUltR0FRTUFwRUlKSktnSXN1YVNmZUp4R1ZPRVRlb0EwUUdoc0xacjRpYjNpNDlON0FteUVodHhVVTJaa3ROZDFPMzJHUlRqcVh6bm93QXN1RXQxVmtQQjNuVm1EdjBLbytldTZPUk92RnFFWWcwRmF1cTFTSTBWWm9xSFVRRm9rWFpwRzd3QzhnVGhBdzFLZHlYRTBQSCtGNG9Zcm1PSEFRemdzSmdYeEtYYmlNWDM2REdzakJvUndhUXRoOWttSUtoZVd2SEw5b0pFUXd4KzBGc0xBMWY0WVpkV0FpSE1sUGhRWVlDOWZGQVFCMzkzSW9NeGZ2NG5VMTBQRkpBNGlvT2RVckNFTGtsQnhGNjhsaUt6N29tWWU3YTZ2ZXdMdlJPa2M0aWxBM3MrQkJ2SGxUTkRWNlpCS0xGTlVWZ09lTHdIem9FVEdHSFFkMURhUXBJaytNS1ZyRFNLZU5EK1lNNDJQRkp4d2J1YVh3KzZDQ3A3NE9xNXdROTlKSmhoOUtsTk9NUHhJaWx0WWNheVp2M2lHZlpsSWZ0STZpWDJoS1d6NW1iOVVDSGV0YTRESnFDU3hNTUFnWUJDNEZFRXRSTXhqaVJ1TXdoNHVaUGdBU0NCcG1OTVA1WTVBMXlZT3RObHcyTlA5dHdrbWtLQ01FaVF0Q3ZJaXErUXcweWhzZWFoTlhnYWxjV0VnYnkrWEdNa0wxSU5QQ3VreFhoVXc4OTUyRjQyM0RWd1FDOFYrVXEybUk2Q1V4eEF6bEQ3YVd0Yk9Oa08xNGJVMHdDNzVDY1JIWk1vYnVKTTdkUDhlTWRadXJ6d3l2M3c1dE9nWHVaSENSbFZnTHAwRUVaRGtGemFKajJwMkxvbkJ3MWdzVnhIREpPb2x2TmdFSVVTVU9IRHlDd2FxekxDTHg0UmFDWWE3Y0gxcG1rVEdKVnI3V3hTRlFHSjl6emo0VTIveEp1eWxtZlZDRzZ5ZkN1MGZrQU9hWUJaOHNMQnAzaW1zRkgzVGk0bzEwcTU5WFZtSVRlN29YMklSMXBmaFJFM1VsOFBweWNSanlIdGxFeDY5bmhlU2hEVUo1bERUc0lqS0ZPeHNGZURxdFFIakN3enR5RWxuMjdGTlVEZ1N4VlVBN2lnVXNyd3Z3MUNCZ0VGQUtKSktpWkRIRWljUWtTZDJ0cjY3VEJ5R21SVzN5TUk2M3c0Ri9kcUxOQnhoMWJiUnhNcFUrbWtrRTZiUEQ1QUZRY0dudDF6VGFmSGphRE9sRURnbXJsdzF0NHluUFkzRkpvNmFjb05USVBEMXBpVjZsSWhneGp4U3BaM0FSSWhEb0NkdEVHTW9vaVpXamhiVkFhTWhaTEtlcFVSSWVTK0dVeVZUS1MxWGZJQXdTbVdJc0tFTFJ0ckk1VmQ4aVNFRkVPMHlqQmsxVUQzZ2NDMG9NQmwxcGJNQTR4VnB4Q1ZXbXljQTFKV0ZjaDI1bk9LUWZhWVdGT0hmeVBIU0dWcXFMMTgrT05za3NSTzYrczUySFpDaDNLUmo0UEloNVFTYk1EOW1yN1ZLcStDZFpGWlluNmg2cE1NQWdZQktZR0FkVk9URTNSbzBwTnBDMXpqTGhEMk9vMm1RMDJXbmQxQ3FYeWloSWNsdWFCWUJ2L1RhSkxwb2JjbVVCQ1l6TlBJdUdaQ3NPYmIwOGRFUlNyYkZOL29HcXNvSXF5aE1OK0tJZ0tWRTJRcGg1NEFBQWJrMGxFUVZSeEZVZDkxWmZRbEQ2TGZybGpuTGJZWHB5ZGYwUEY2enBSRVhTREdLMFluVk9mZFE2YnZJNEtuQ01sR1czRjhTOFBldW5XdFovR0tId3BCYTg2TU5VUndwM2w2TElvRTNnMnFoSjhOaUJwa2prN09jcHcvdFcxcHJ5dUI2L2pFK3pXeEVlajBXSVFNQWpFZ2tCWUd4aExoZ1RLSk5JV1E5eHNaZG1tUndRU2gvSnNsZWRMQVRiMlBORFUyNGs3UU5vaDhyQW9Sd2xTVnNuck8vdlp2WGwzZitESUUybXJVbU5GaHVWREZKT1lRZzZMaGJnVlI5cE1WS3B0OTFTazQ4STdJem8yVUNEenFDaTdzU0VaZTZ4V2I4VXBheEVWSW02U3RpSnZwWk56QmlCbUZhaVB4R3c5a3hEK1RLUWVYWjUxVm44RFVZclRLWVlRcXBGMUg0Ky91dVI0NkRJNkRBSUdnZGdSQ0dzRFk4K1dFTWxFMm1LSW02MnNFNU9vUndueTVoQ3RDaVFKcTBubXdxeWd4NjJJdzk1VWEvbEFOcHc0NUd5WENLVTRYL2xWWnlFeWpScG9RMFM4VW14RmhteUZERTIwVG1NU056V3lhcG9TZWEvVTJzL0Jja2wxVks2MWgzQmh2ckNndkZ4cXBhdytSbGVCZVFJMUNGeUZFN2Z1TUxsNzNDUnY2QS9hU0kyQndHSVpkRnJJRENzK0FYOTFrUWxRYlZRYUJBd0NVUkFJYXdPanlFMUdVaUp0TWNUdDFzcWlvVmR0dmZvRHF0SU5QNTY0SW1LM2ZNeGxUME5HYTFqWnBtQ01YNDAxaDIwVEN0aGdFWmhkdVpheGRGcy9sRUE1T0ZHU2QzNFlITTNqcGhhbWErTFdKZkNzam9CS3l1bTA0TVdvamd1bEFpSGV4TTFkNTVTVk5JZ2RCaEoyZ0xScGtNM09nQVV3bUpHaE5IWEhMQWtNUVl3U1dJWlJiUkF3Q0l4R0lKRmtPYnEwNkRHSnRHWE9FamNodDdmelRvMHRCOHN0eG1ZcWlTTHdvRUFHYXJoYzNXcmlDS1FGaExRb1l5MlAyNmtFbmNkK3BwZlBlN3NHVzdvaUl0dTkvUkpaYUxNcUtaaGRrN2JXYUNXb0dzSE5wdldNb2NjZHpCTFFHYkk0ZE1Va21xQ0d5bFdHOExSQVZ1dWtrclRXa0p5T0NaUEZUZEIyUmM3c1JsQ1N1Tk5LQkVmaTFucDV4aEVZRmJIa21WOTNSNmdINlFFeGxaNkFQMVJ2Z2tIQUlEQTFDQ1NTTEwzV0tKRzJ6R25panY0ZzJPanJnNUthUURScGEwSmdVMjJmaDZWc2VBaWZEdzVQaS8xT2s1QXUxNTdUaFM2WUJVRjUyemhidDVZcy95ckxBektVczEzYStDODBaNi9UT1ZqT0Y3RkNmUWlraEc2b0NrR1hZTjNaLzJvOU9zNnlTTjh4bFVlSXVFZlBjVE5kUHcvbXhuM2dwT0tacG5Vb3NrZGkwRHRIa2hybXh6a09JZHoyT0NnMEtnd0NCb0Z4STVCSXN2UnFWQ0p0TWNRZGVCcWplRWVSQWNsREU2VW1Da1FGUFQ5bVp0UE5OSjcxRWJobE1vSmFBT1dsaFNjdlJRYVZueXZjTmFGUlFDdlY1NGhNQVQwaDR0Wnl5aUxMY3NwRWxnY3hGYTNFU2R3V2VXdFJrclo2d1MyWUR4ZkJWZmJhQnBKblFKRXVOcEFVekdaSjZBeTJWRXJvZXRvN1JVNUQ1VlJDZVI0c0wxQXU3NVZOMUVNRGJHbUt1Q09NZ29UWE1IRU5Ya3MwOGdZQmcwQTBCQkpKbHRIS2RVcExwQzJHdUcySWg1RTNidFJjc3lZa204ZkdyVVNDUkFYQ0RyMWVSQzhVOXhFdGVudzhiaHFxQ1VwZjh4eFJHS05VZ0t6MVAreGhYYXpjV3A3VXpYZWZTWE02VU1ZZXJIcFF2MFhjMUVBWjVnMzN1QmtabWR2SkxpdTNYWEswRkZONU9CRTM0MGplRExUY2JqM2pvRzJVY2gwUlNGTUY4bys2WUtaeGg0bHJHSGZSSnFOQndDRGdnRUFpeWRLaHVLaFJpYlRGRUxjcjlBSHlBSEZiVFQ5SUlqRFhtaFRtY2ZQOWJZdXdMVElZM1p4SEoyNU5MSkdHak5ZVEtSSDlIaVFiV0ZFWFR0ek1SZXJGWHhSTjZ4bjRON0xEWVNVb1NYVVpKR2ZtbzllcXNrYXhNNWhrbFdFcFliWmdndTBxbEdvcERoRjNpS0MxeDAxWjZ0RGtIZEpuYWRIbFJjYUhwMXAzNC8vcnJIMzgra3hPZzRCQllHSUk2RFp2WWxyaWt6dVJ0aGppZG4xR0lEN2xiZHRKUUh0NGRnS3hrUWRFTFVvTVYrcE0zRnF2UG9mbkNiOGpSZUNJVlpTWklXdjV4emdyanp2a0xWdWtoNy9LNDdiaVNkcDI5UllwV1pGV25YU3FkUTdXU2JHOUpSMXVNMDJtck02blUrbTloK1JEVnpwZDV5RnhNMUJDNCs3a2NUTWRCN01GbGRsdWRQSEJ0TkVXSWVlNGdrM2x1UEtiVEFZQmcwQjhFVWdrV1hxMU5KRzJHT0oyZlJva2JrMGlGR0l6clp0cXh0dUpKWkNHNlBnUXR5Nkg1ZW9RaUhNZ0lpMFJlVlkvSEdRak5ldHNsa3pBNDhhTjJpb1U1MGppMXJxVVpGam1BTzBHRjNoRjJCWEtHTGdLeXh5SXM0YmVuV3BwQ1RDUFBpaWxKWFVjenpwZWs3cVYwL3FyMDNGbnU5UVNqSnBvMEJaTlZJL0pieEF3Q01RUGdVU1NwVmNyRTJtTEllNG9UMFBSWFZnTEhiaUJwMHJxVVFTZ0NTd3d6aHdtSHRBZDlFN0R5dEwwb2M4NlVXdlFaeDAvL3JORjNMb2M2ZzExTHlKTDBWTDIwaUpsN0dtSnVZNjBRbHNRR2MvU2RWcnNsamhwMGJtOWE5TTV6ZGtnWUJDWWFnUVNTWlplNjVaSVd3eHhSM2thc1RUd2tUSk9EYjh6Y2JOZzVuYlQ0S1FwaXJGUmtpS0pPMFRienJSbnR5aCtWa1F4Y0pLVDdQV3pGejBiNjJxdm43azJDTXgyQkJKSmxsNnhTNlF0aHJqSGVCcE9qWHhrQTY5bEl1TzE2dWpFcmFYc1p6ZE5kcGxZcnExUkFjdStrSlZqRVRjMVV6cGVWc1JpNldUS2FDUWl5NXl0OVkyc3A3azNDTXhXQkJKSmxsNHhTNlF0aHJpOVBvMXh5THNUOXppVXhad2xNSlFQQ2c0bkt0SjJpS0pDVnpFcm52R0M0WGlFcWpNWHNRalYzbHdaQkdZK0Fva2tTNi9vSk5JV1E5eGVuOFk0NUtlQ3VFTjBIYnF5VEE4Ujkxd2xLa1BjNC9nUm15d0dnUm1BUUNMSjBtdjFFMm1MSWU2SXAyRW5XUUxQUThmcEIyRy81elVKMEJjaGw1enN0Tm81b3JBRTNvYm9PblRGNGl6YUhrM1prWFhqaHVuREl5TjRYeHRiclhBQkh1czVPbHNDYTVBNDFZYTRFNGV0MFd3UW1Fb0VkRHMybFRib3NoTnBpeUh1QU1va0o1L1BKM2JDSmZCK3hDVUZTRmcvQ0VYV2tCOGhzU0ZONTlYeGtYcjBnNXpNYzRpdXcybHFCUFh4amZna0xUWE5JbVFZUlhzWnRQMjhabDBIQmdZbEpTVUZkVXhScEoyY25DRG1EamN4NFpQcmtjV3h2Z3pqcWwya3NuRXBzY28zZncwQ0JvR0pJYURiNklscGlVL3VSTnBpaUJ2UGlJVEZvQW1NWkt4Qlo1cStwb3o5V3NzeHprNzRXazdyNWYxa0J6ZmlibXE2Sm0ydGJWSldWaVo1ZVhtU25wNHVRME5EaXFCSjB2YUFhcWxWYWp3UklYWEdSUUF1dStqNHJ5T0pqNW9TVEg1T1JZNnJXQ2RGQ2JaOS9FQ2JuQWFCMlkrQXZYMmU2dG9tMGhaRDNIaTZtbUE3T3p1bHQ3ZFhlZElFSmlzclN6MTcvUUI0N3V2ckU4cVI3RXBMU3lVakk4UHl1aUhKNFhJRzZtdHVicGJoNFdFcEtDaVF6TXhNUll3cWNaTCt1Qkgzc1dQSDVmejU4N0oweVZLcHFLaFE1TTE2MGRiKy9uNXBiMitIUno2aVNKcnhIRnFueDUyU21pclp3Q01UUjBaR3VxcGpYQWg4Q3NqUHFVajEzTHcrR3lkRmhyaTlvbWprRFFKeFEwQzMxWEZUT0FGRmliVEZFRGNlalBhcTYrdnJwZm5hTmVrRk9hOWF0VW9LQ3d1RGo0MFBnV1RkMHRJaWxDT0JMMW15UkVwS1NoUjVjOWljSGp2bDZIMGZQWHBVRVdGTlRZMFVRVThHeUhzeWd4dHg3OXo1aVJ3NWNrVFdyVjJuN09jUGdHRmdZRUN1b2U2blQ1MVNwTTA2V0tNSU9HT2VPemtsV2VGQlRBclpHY2xpWnlRTzgvaFRRSDVPUlJJRHo1enJwTWl6RXBac2drSEFJQkFQQkJKSmxsN3RTNlF0aHJnRFQ0TWdYN3AwU1M1Y3VDRFhyMStYTysrOFUzblUrbUdSbFB2Z2paK0R0M3JseWhVWkhCeFV4RmRWVlNYNStmbktZNlVzNVpoMjhPQkJGY2NPQU5NNUpEMjVRVk8zblYyU1pOZXVYWExzMkRGWnMzcU4xTlhWcVk0SDdXS25oQjJTVHo3NVJJMFM4SWVSbTV1THpzY0FSaGk2cExXMVZYVndXSmNGQ3haSVRVMDEwblBHcmhKd3BRVjZWTU14ZzkxRUNpU1kvQ0tMMHphTnE5aElaZU5Tb2kwd1o0T0FRV0FpQ0NTU0xMM2FsVWhicGgxeFIyM2d2U0lYbzd6MnVPbHhjaGlaeEh6ampUZEtlWGw1Y0xpY2hOemQzUzJIRGgxU3crQzhaenE5N25uejVxbmhkYzRSYzdpNXNiRlJ6cDQ5SzVrWVJ0KzRhWk9rcGFVRnZOY3hDQXoyVXErMmgrYlQ2K1VQZ0lmbEFWdVZvb2RQT1kyWFBsdXAxbDlTSm9lNkdYeCthelJnMzc1OWN1TEVDVm14ZklYVTF0YXF1VzZtYzZqOHl1WEw4c0dISDRLVWE0UWRrcUtpSW1WUFgxKy9kSFYxU1VORGd4cHB5TUxvd1lZYk4waEpjUWxLQ0syNnB4NGRXQTl0TDIyMzI4ZDdwcXM2b1E3SnRybDFMcHhqUEVOS2F2aWN1OWJ0ZHJhWHcydXRSOXRoejJmNDFvNkd1VFlJekNJRUF1MUh2R3NVMldiRW9sKzNRYkhJZXBHWkZPSzJOOXBlakpzc1dXMGZpWmtlOTVrelp4UjVWVmRYQnoxU0VrMUhSNGZ5V0h0NmV0U2NOZWV1YjdqaEJrVnlKRklTTjNXUUdOdmEyb1RnYnR5NFVSR0lmb0E4VTVaRXFVbWF4RUp5MTRIM1dwNDY2UTN6b0oyY1UrZVpjL0hVUVZuYWtZbzVhRjBQNnRWNU9NU3RYRjRvcDlmUGtZQ1RKMCtxRGdjSm1wME81cU91eXlEdTk5OS9YMWF1WEtuU1MwcEtrV1paUloxSGpoeUZ6Q1ZoL1crLy9YYVpQMysrc3BObDZUcG9YZXpBNkRqYXh2cndub0h5bkdyUWRlTGNPVzBqZ2R1bkhKalBub2RwV28rK3pzN09EcXMzeStmQmVmcCtEUDlUampxSUk4OU00M3k5K2l5cFZUWHoxeUJnRURBSXhJU0FicGRqRW82VGtGT1pocmh0NEpKSUxsNjhLTWVQSDFla1JHTGpzREFEaVkxa3ZIUG5Ua1VBWExoR0wzVE5tald5YU5FaWxVNXk0SkF5eVpGRVJGS2tSNjdKaDNwSXVGd0F4dUY0a2hjRGlaZHp4MXpsVFNKaVhoSU1IeGdQbHNOT1F4Y1d4WlZqUVJuTHBpMzA3RWx1dERNbkowZGRVNTU2YVFmbjQyazNPd1VjNHFZWHpmbHREcFhUcnJHSXV4VHo5K3BkYmhBZTY4Qk96Ymx6NTFTNXQ5NTZxMXJjUmpzNXhNNlFoNkgxZk14L3MzNGN2YUFkWEFCSEhHZ0hPeDBNVEw5NjlhcXFFenNFWE1CWGhvVis4OUFSWUdBZEtNK3p4bzU0c1U3ZDNWMklTMUdkSHVKRzdGbDNuWTk1ZEg3YVFOdzRmMDg5TEoreXRFY3ZQRlFaelIrRGdFSEFJQkFEQW14YkpqczRsV21JMi9ZVUNCQ0h5ZWt4ayt4SWJDUUdCaEp1QzFhS0h3T3BrMkRaOEhOWW5SNjNKbWQ2ZVUwZ0N3NUhWMVpXQmttTDVFVHlvRGRPTXRHcjBra2lMSk56NGlRcTZ1VnJXaVE3RWpJRE94UE13NFBFUlMrWHhFNVNKakV5ejlLbFM5V1pKRXB2bUFSTHdxSnVSV280YzhVN093ZjBxa240ek1QNnNUem1ZL21SSGplSjIvNHpwYWQrQ1IyYmR1aSs1WlpibEozMGFEa3ZUaDFjWmM5NzFwT2REZXBrT2JVWWtpZHgwbDRTTUR0SHZHZEhoNEh4Sk5YNUlGUjJUSGhOVElnQmNXZTlTZlNNWXg3V24za1lpRDkveE5SSHJGaG5scy8xQ2p6em5nVFBmTHltZmN1V0xRdGJlS2dVbVQ4R0FZT0FRV0FNQk5pR1RIWndLdE1RdCswcGtIeWFtcHJrOU9uVGlseEp2aHcySm9Gb0Q1ZXJ6c3RBTUNRREVqUkptd2M5WlE0UDAvdmN2MysvckY2OVdqalV6bmlTQmNtSFpFTGlJc21RUkxraW5Xa2tjc1l6MFBza0dkRkRaaUFaVVNjUDJzWjVaK3BrUE1tSWVoWXVYS2dJbW1TbTU5ZVpsMFRLQjB3Q0phRXpjSjZhSHE4bWJucWZETkdJbTJuVVRXK2Q5V0NuaG1zQVNQcnNrTHo5OXR2S0h0YUhHT3JBYTJKQUhIbk5qZ0V4WVBrY3lXQmRHYzlYNTBqMDdPQ3NYNzllNGNKckVyUitIaVJoZGtKWUg4YXpQc1NPQyt5b2gxalFUclU2SGpnZFBueFlzb0FUMDRnWjAwbjh6TWZueFhnVERBSUdBWU9BRndTY1NOUkwvdkhJT3BWcGlEdUFKQW1FQUdtQ3BUZk54V2NjQ3FkM1RZK1A1RW5TWWp6SmQ4ZU9IWW8wNlpXVEpEczdPMEJNbHhWcDNIVFRUVklManpZVjhnejBncm1pbXl1MWErR0JybGkrWEhuQkpCOFNDc21NdzlEc0lLeGR1MVlONTVLZ0dVakdKRDE2cXN4UG9sNk8vQ1FqMnMxQWV5akhZWDdxdE1zd25YRWtYeElhYmRIRVBaYkhQWWdPQWttVEhRc3V6R001SzFhc1VONDY3YVBPanovK1dKRXZzV0duZy9od0pJQjQwajdtWWZqb280OFVqdXZXclZNakIzckVnWVRMeFh6YnQyK1hPKzY0UTVFeE8wWU14R1R2M3IySy9EblVyK2ZWcWROZWZ5V01QOFNQV0RFZjdXU25nYm9vVDN0WUZ1M1U5eG8vbmQrY0RRSUdBWU9BR3dKT0pPb21HNjk0cHpJTmNkdlFaU05PajQza3ZYdjNidVdWa1loSzRPVmRBR21TOEVnY1BDaExJaWI1a0NUcCtaRXd0RWRMOG1VOEEzVnl3ZHVlUFhzVTRWS1dPdWhWTXZEQjBGcy9oWGVvNlpHUytLcEJVdlRzU1U3VXlYZ080ek12aDdqWlVkQ0IyN0p5SVJidG8xZE1ndVBCSVhkTlRDeGpCS1MxLzhBQlZRNkhpMnZSZ1NCeE03RHp3STRKT3lPTW8vZE16NWJ4SEs3bXFBQjEwVzUyR3RpWm9XMjArMzBzYU9PWitmUXdOTWxSQjQ0T2NPaWVjK3VVMjdCaGc4S1craG1JQTRtV1ErNThmYTY2bWl2YWkxVjU3RUJ4elFETDAxTVhIQUhSblFGZEJ1dEgrMWdPY1NLV3JEK0pXM2UwS01zT0RPMW1ZTG5NUjEwYUo1VmcvaGdFREFJR0FRY0UyRjVNZG5BcTB4QjM0Q25vaHBzZ2thaTJiZHVtaHNqcFRiUHhKN0dRUk9qRmthQklSaHdTWnlDSmNraWQzaTZIZGpuTVRZK1c0REt3STBDUGtuUG5tL0I2R0VtVmhFL2kwS1JCUXVFY011WG9yWktnV2E0aWJoRHFSUkEzQ1p6ZUt0TTArVkEvYlNheHNuUEFqVjlJakN6RGFUaFl2dzVHOGlWeDZ3NEFDWlg2OWFnQTdXT2dqWnJnT0t4T0VpUjU2OEJPeVZ0dnZhVnVxWTk0a1dUdGdWNDVPeDRjRWFBdURwK1QyRW5BUEE5Q0I5Y0duRVBkcTlFcFliMDVsRTVzaUNjeGFZY256WVZ2TEorakR2VDI2VW1UL0xWOXhJVFBqdXNCbUljZG1telVnM2J6bVRBZmJkUFBXdGVONWZBd3dTQmdFREFJUkVQQWlVU2p5Y2NqemFsTVE5eEFWamZrWUVEaFJ6aElOUFM0U1Vva05zNkowcHVsUjMzYmJiY3BRdVNjck41a2hYT285TXlaaHlUTmEzcmJKQWtPemRJRHBEZkx1Vng2NGlRZmtnNkpJeDdFVFQzMnpzSFdyVnNWK2VtaGR2dVBoOFBPMW52Y0lHNTBBRmcvL2pBMGNYUFZQRHNtckJOSmxjVElqZ1RsZUU5eURPSUZ4YkVRTjdGaW1mU0dTYXdzaTU0OHk5VmVONi9aZVdHSGc1NDF5WjNZYUcrZEhSSk9WekF2N1NPR0pIZmFwVEdrYmRURG9YMFNQanRDeEoxbHNzUEYwUUM5MkZCandqS1poeUd5YmxyR25BMENCZ0dEQUJIUWJjVmtvdUZVcGlGdVBBRTdFUkVra2hHSGRVbTBKQVY2c0NTQSt2b3JzblhyemNwN0l4blF3eVZoY2hVMENabkQxRno4eEhseEFzdDRCcTdFdmd6eXBqNTZ6Q1NjS1NkdUVKbjJ1RmxuMW9jZGpOMjdkOG5peFVzVWNaS3dTV3drYkhxcnZNWXZWMzB0alpqeGlDVHV4WXNYai9LNE9SckEwUWdTTjhtUnBFdGNHWGpXNUVsOUxJZmw4cUFzQTBtZWVWc3h6OTZDZy9xWVJ3K2ZrOGdwcjNXeVB1d3NjTjBBNTd4NTZMSTVCVUFTWjhkRUIrMnhNNy85dDZEVHpka2dZQkF3Q0JBQkp4Sk5OREpPWlJyaUJ1cVJqVFc5WkE3dGNqRVlHMzE2MENSa2todFhQZE9USldGeHdSYUhaT21oMHl1blIwaXlXYmR1cmVSazV3US9COG9oWW5yczFNbE9BT2RlcVNOZUhqY2ZMTzJrTGV4d2NHRWNQVmVTWUdUUUh2ZktsU1J1YTh0VDVtZmRPS0pBajV2enpCenE1NHAxWXNIQVlXMm5FQXR4RXp2V24wUHhKRWQyY3RoeDBSNHVjZENCNmZwZ2gwRUgya2h2bXdSTWI1b0hiU1pwMTJLSVhxODcwR1JQblNSMzVpR0pzMjc2RlRvK0E0NkkwQVlkcUQveWQ2RFR6TmtnWUJBd0NCQUJ0aE9USFp6S05NUWRlQXFSalRaSm1hK0ZrUXhKWVBUUU9DekwrV1VTaWdhVEM4NDQ5ODA1VkpJYjUxTkpURHBRamtPMzFIVUFDOE5JcWh3S3BqeUpSWHQ1dkhhZDR3NHNUcVBYN3pUSHpiSklUclNWSzcvcDhYT29tUTlYQjlyQmczUGNMSWRlSit0Q0Q1VHhlaDc2UTJ4NXl2eWF1SWtMMHhtY3lEc1c0dGJEM1Z6UlRoTG5ibkwwa0RraVFhSWxCZ3dzaHppUWRIbm9OUDFzdEJ4bDJCSGdRZDJzQit1ck93S1Uwd1N1Rk9NUHZYWjJuSWdQNVVuY0pIMnRXOHVaczBIQUlHQVFjRU5BdDRWdTZZbUlkeXJURUhjQTZjZ0duQVJESWlUaGtnZzR2RTB2bHNSTTR0YnlKRUlPbVRPT1pFUTV6cVdtZ3BDU2tJOXlKQnFTTytmQTZSbHlucFZlb2c0a0h6MUh6ZUYwa2lhOWNuWVlHT2pKNjNseWRncEkvSnFZK0ZCNWtFQkpaQ1FtUGxTU0UwY0JHRmcrUFU4U0Z3OE9OVE9kaThCSVh0UkZHUTdwdi9QdXU0cTQ5ZXB3cFNEd1I5ZVp0L3JIUkwxOGo1dHAxT20wT0kwa3pEclNObzQrc0V6S3NpT2s2NkhMb1lkUFc2aVB1RE12NHpnWEhpUnUzT3RWL2t3alhzU0UrUmlZbDNvcHIvUG8rbk02ZzUwVzRzdkZlNVMxQjEwdmUxeWtqRDNOWEJzRURBSnpCd0duOWlIUnRYY3EweEIzQVBYSXhwa2VHbGVTMHpzbElaQzBTVXBzN0RYWk1BKzlTSkk3aVpORVNEbVNBZ05KUTN1cEhOcmxBaTNLNlUxVG1KL0V4TEk0MUUxQ1pSeFhmUFBCNkRseTVpVnhrM1RwRFpPa3RONkErWW9ZS2NmT0JyMW4yc201WkQ1MGtodUprMmNTSjh1cFJjZEJFemQxTVoxVEErKzk5NTRhS2lkeGsxamRBdlhTMW42VTlTWldsZk9hODlzazVNaFY1ZFRCZWxJL2g4czV4RTNkSE1XZ0xQR2tiYlE3SFIwZ3JnUm5KNGlCSXgrMG1jUCttcnlKRit2S09XektzUzdzRUxFTTZtQ25pd2Yxc2tORm5aMFlrV0NuaVBtSW9aNnVVSVh3RHp0QXdadndDOWJOQklPQVFjQWc0RVNpaVViRnFVeEQzRGJVN1EwMHlab2VMSW1icEVKeW9BZXJWMnFUSkNoRFQ1cHlKQVh1bGtaeUo4a3dENGxia3p6SlNtK3l3cUZ6cHVueXFJZGtSRUtueDA3QzVldFlsT0ZEMDk4QUovSFJXK1N3TU9kbk5YbFNEKzBoV2JFRFFIdFlGc2xZMjhsT0FJZW9TWnpzQUxBdUpHNE9sZFBHWHVUbEsyZDhqNXVrelhUYW9tMjB3UlIyU2J2dEhqZHhzczhkVTVoMjBnNTJXa2pFSEtHZ3JkVE5LUU9XVDhMbHFBUHJ6czRQRCtZaC9uenRqZ1N0eWJzSCtBMmdYSmFqT3ptNkEwRDluRkk0ZCs0c09qZHBxdlBEdW5OdW5EaFRqcytKZFNPcDYrRDBqME9uallXQmxqTm5nNEJCWUhZakVLMmRTRlRObmNvMHhHMURPN0tCSnZueG5XQVNJQW5PV2dERm9XZHI0dzdLMDN2bE84YlhRVG9rR3c0RGszQkpPa3kzNnlUSmNTNmFCNG1MOXd3a0VCSUt5WWxIQm9lRlFXWTZxREpnQzg4a05ucXFibVdRQUVsZWxHVm5nUjBJZGpiNG9Ebk16L3J3WUYyb2gybjhZUXlqamgzSXcwVmNyQ3NQL1M2M3RzUHBUR3pZVVdBOXFZK2REOTFaMGZMVVR6a0draWZyenM0TDdlTkJBbVllcG5Ha2dBY0puWUhQZ052TTlxSmUxTU42VXhjL21ab0hHZHBKVDV6NWFRTXhwVzdXa2NQanJEL2pLWitERGhYMXNnT2dSek5VSWZoRDNUd1k3TS9NNlY0Sm1UOEdBWVBBbkVOQXR4R1RXWEduTWcxeFJ6d0JlNk5OZ2lESmtJUkpyRHdJSXU5NUpvbVFHTGlCQ0ltRnBFdVphSUY1U1Nna1dPYWxIcElPQ1ZRVFdHUitraEh6a05nb1I2S3lkd3pzTmxNZlBWdm00Y0V5TWpQNVZheGMxVUVncWZFZ0tkTldQZVRPZkt3djA2aWZ0dWkwU0h2czk3U0RlWWhGdER6VW5RSVp6dnN6c1A0OE5ISHJza2l3YVNoZjMydThLS2ZyVEJ4SXZOcCtUZHJhTHRhWjh0VFBjaGxZWDJJWFNkaE1ZOTMxV1EyS2cranR3WTZ2UGQ1Y0d3UU1Bbk1MQWQxV1RHYXRuY28weEIzeEJPeU5OQUVqU1pBWTdJSHhQRWhXR2xUbTA5ZU0xNEZ4SkJ6RzJXWHM1ZkNyWW5ZUG0zbDRVTVl1UjUyTXAwMDhTTEJNNTdWZGYyUWViUXZQT2k5bG1NZXBiclNYSVRKTlJRYithUHQ0cSt0blQ0Kzh0c3ZyUERxZnhzc3VNekl5alBLZFgwR3o2N2JYM1I2dnk5QTZkUm1STWdEVWRXNWJ5MGJEVTh1WXMwSEFJREQ3RVdCN010bkJxVXhEM0lHbjROUTRFekRkOEk5NldIeUFJTC9JNEtiSEtWN25kUzFEQzlqTzJpYWVOUm5aODBjcmgycDBmcTJTOGpvUDA3U005angxbXBhUDExbVg1YWJmWHFkb1pjWXFONVlPcHJ2WkVpMnZTVE1JR0FUbURnSzYzWnJxR25OYU1nbHppbjR1REVwVW1Ba05vcU9OSkc0UG9EanE4SkIvTE5GWWZqU3gyaENMTHRvVHE3NnhiSi91NmZIb0FFejNPaHI3REFJR2dZa2hFR3U3T2JGU3hzNU40djcvQVFBQS8vOTdhMlh0QUFBek9rbEVRVlR0blhuTVpFWFYvKzh3d3pMc3l6RE1EQU1NRFBzdXE4Z09RWDVFMFdqVXFELzFENWRvMUtoUkpFYU1VYU54amRzYm95YS9OM0dMeHUwVnR5aXZJTHZJaml3aSs3RE1NR3l5Z3l3RHYvclU4NXltK3ZhOXQyLzFjNnY3ZHZlM2tuNzYzcXBUcDg3NTF1M3pyVlAzZGovenR0aGlpeGYvL2U5L1o2bkt2SG56VXFsdVRHK2hqUysrbUwwWU1VS2hqb2orL1VSZmRQYjBLM1Z0cUtPTHNlcnE2MmRYMjl2QlkxcDhiZnRjeUQ0aDBGWUU2c2JOMVBadnRkVlcyVHdSZHdsQmliaEZacWsvZ2RJdkJJVEEyQ0FnNG03WlZCVm1XeVhFYlpObmZTeGJzL05VcnRtNFZmcnIybEJIRitQVTFWZGxrOXFFZ0JBUUFwT0FRTjI0bWRwWFpkeXpDSWNFMVc5eVhuamhoUXlaK2ZQbis5NGMwei9Va1dMaSt0bkZtSFZ0cUtNclJsOEtmNlZUQ0FnQklkQW1CT3JHemRRMmk3Z2R3aUhaUWNxODF1TysvQ3daTTFucnJiZWVud3VPMTYxYjU0bDdBY1NObkt2ajdyUEpGRTBhL2NKeGltUW10VzZhZlovVU9aVmZRbUFhRVNDV3RhR0l1TjBzaElScUU4TTdCTTJMekhyQmdnVmVqbnFJM1lwbDNaeGJIOW8zMkdBREU1bXFkNCtQdyt5RjJZVUsyUEtxV3RSTUZVQnlWZ2dJZ2JGRmdQaldoaUxpZHJQUVJkeU9kSjk3L3ZuczhjY2Z6NTUrK21sUDBvQzBjT0ZDVDk2UXNzbEQ2aEM2Rlo3TWYreXh4L3pwNHNXTHM0MDMzdGlhcHVJZGJKNTU1cG5zY1lmQk04OCttNEhiaGh0dTZCYytJdTZwdUFUa3BCQ1lhQVJFM0MyYVhpTmlUSUo0SG5yb29leUdHMjdJSG4zMFVVL1krKysvZjdhMUk2SDFYUlpOaG0xWjluUFBQWmV0di83NjNoTkkvcHBycnNudXV1c3VuM20vNGhXdnlIYmNjY2NXZWRtc0tVVVhNQXVaSjU1NHdtTzNkdTNhN1BEREQ4OFdMVnFVYmJUUlJzME9udE5XWkFzaTRiem11dWhVQ0FnQklSQ05RRm1zaVZZMHh3N0t1QjJBWVlCLzFtV0taTTVYWFhXVno1N0ptbmZhYWFkczZkS2wyVGJiYk5NaGJYQW53eVNUaE96dnZmZmU3STQ3N3NnZWVPQUJ2NzBPY2RPUGlRNzF6M0crV3RPOTZBSUdEeFl3ZDk1NXA4ZHdyNzMyeXR4WERUdUxtMVRHRjluQ1dKT0lleW9NcFZjSUNJSCtDSlRGbXY0OW01VVFjVHM4d3dCUEZ2M3d3dzluVjE1NVpmYmtrMC82N2U1Tk45M1VaODg3N0xCREYzRXpGVXdrbWZuTk45L3MzNTk2NnFrTUhXU2J5NWN2N3lKdVpCa3JITSttMHk2SWZKdXY1NzVLU1QreklkL1A5SmE5MjNqV1h0YmY1UEx0MUZzYk9tam5ITi9CNHovLytZOWY2SENMZ2NVTjJUanZ5SVczRytoVHRZMU9lMzVzeHZOajB4WThOR2h5dmcwaFY2eHU1cXo3YjVWdStwbWVHQjNXeDBhaXIvbHJla3pHemszV3Z6dWZuTkZkVlp5Z2czNkdZU2hBZmFFdUp4UzJtUjMwTFpNUDllcFlDQWlCYmdUc3M5dGRPL3d6RWJmRFBBeGlJWEdUU1creXlTYWVkTWllZDlsbEYvL1FXU2dQSWQxLy8vMCtRN2N0ZEVqcjRJTVA5c1NOTEpOTjBGeTM3bmxIL0FzNndkY3VBbVRRdzd1OTdGS2czZ0p1ZUQvZDJubW52WXo4d2pHUW81aE5ZVnUrdittMFB2bDI4OGwwNER0Nnd3S1daak1MR3JiTWtRTlhrOGUvc2dmNWlzWm1QTVl4WE94V1JUZ3VNaWFYdHltVU14K3BNM21PMGMyM0N2eGpLRTdYZXM3bW9wSWZCMzB6TnROejVvRTh4Z2NIL09WRlFUOTlEUnRmT2ZzbnRDbXNmOTQ5ZDhGdWtEMHprRzh6UEVNL09HWXNhNk0vOWpDWFprdW9SOGRDUUFoVUk4Qm5xZzFGeE8xbUlRenVJWEVUSkpjc1daTGRkdHR0MmJiYmJwdnR1dXV1UFZ1L1pKZHIxcXp4TWx0dnZiWFhkZmZkZDJjdmYvbkxPL2U0Q2NZODdQYmdndzltRUJnQmxIR29nM2pvdDJ6WnNvek1ubk1DS3hjSUN3QzIzcmx2VEQwTGgwY2VlY1F2RkxpSGpOMWt0TmFmUllZRmJ0b1lGOXZZK21mM1lJWlVNaCswdVFYQUEzUnMvNGZrUjM5ZTJJbTkzTyszdnB0dnZybVg1NkpadlhxMXYzNFptKzF3c0dKTVNCbi9HWFBseXBYWlZsdHU2WWx2blNPZXg1eS8ySTlPZGkrd0hmL1k0V0E4U0FhYmVJRzMyWXRlWHRqRlZqeTNKY3duNnZFRkc3aWZ6aUlLa21Oc0ZnUjFDQXFjYlI2M2RQYXlVd0ltakljTjZFQXZkbE80YllJY2hYYnNaazd2dSs4Kzd3dDRVWXlnRHpqZ0FEOUgyRXFoRHpaUzBBc0dYQTlHc3ZpQy8xdTZkMXMwMEdhM1pKRGRiTFBOdk44OERBbmVGT3hhc1dLRnh3cDVyaHV1WFd5ajhJNWZ6Tmx1dSsxV3VIRHdndm9qQklSQUlRTEVoRFlVRWJlYkJRdW9URWhJM0lCRElMemtra3N5U0F2aWhzZ2hCT3R6enozM2VISWtTRUk0QkdRZWJEdnFxS1A4UFc1MFFsb1B1cURQdlYvMEU3aTVBQ0J1NU5FSGtXMjMzWGIrSVRpQ05ZR1hkdlFUMkNHUDNYZmYzUk1XaEFvQkdxbEFnSHZzc1ljUDlxRnRCUHBiYjczVmt4TGpzaUJndk9leHdZMVBvSWVrSUR5SzJXVUxodHR2djcwamF3VEo0Z0tpNUg0K0dUVDRvQWZpcGora2RkMTExM2xpUCtLSUl6d20yRVJoRVlFL0xEcm9oeDdJanZIc3hlS0RSVXhJdkl5TmJqREdkM1FnVHgwK1lRY3Z4b0hVSVNjV1R1aXZROXlRSC8zKytjOS8rbms0OE1BRE82VEdQREUrT1BMZ0lXWFBQZmYwTm5Kczg0aFBFRHNMQ3l2Z0QrN1l3clZoaFQ3SUlROXhNNWRtSno1UnVCNjQxc0NiOGVuempQUDVCbWNqMXdYRXZhSHo5eW1uaDRVUE12U0JrTkdCVDF3M1lFVmZNTUVXeG9HNDk5MTNYMTluTnVsZENBaUIvZ2p3V1dwREVYRzdXU0RvV1NHNDJUMXVpQlN5UHVlY2N6d3BrUEd1ZEsvNTdpdGdCRWUyT20rNjZTWWZmTWxjQ2Faa2J0d2ZQL2JZWTdPZGQ5N1p5MEdXRU5TcVZhczh1WkpSUVNxUUR0a1NXUkhIak1XTDRNb0ZRb0NHTENBOEFqMVpIb1FPVVVOdVJyRG8zV09QM1YyR3Y1TW5DUHpCRHdqaEhxZC9RMGRxRUFmOXlHd2hDNGhvQXhmTWwyMi9mY1pUOHhUc1pHeDcwQTdmOXQ1N2IwOElFQWlrREhHU2JhTjdXMGY0ZXpnUzI5N3BvSjlsZWYvNHh6Kzh6SkZISHVremROc2loMFJZdkVCeStBK1pRRzZRRGVkazBXQ0JuVHpZQnFhR0U5bmlxbFYzWkxmY2NxdTNFMUpqMFVFNzJJQXZ6eGx3aks5SEgzMjBiOE91ZkFGYm0zT09tVzlzdS83NjYvMkM0YkRERHZQNE15ZFcvdld2Zi9uRkN1ZVFIaVJwaGZtNS9QTEwvWGpZdGNJdFN1aUxMU3cySUVxdURSdVRmb3pKdHhEQWpBOGgrcmlld1BYR0cyLzBpeWx3Ulo5dHFZTVZOaklIK01VNUMwcmtXTFF3QnZQMEh6ZnU3VzVoaFU5Z3djS01OcTVaY0tRdkdYM29uL21pZHlFZ0JNb1JFSEdYWXpQMGxqQ2doc1JOMElOQWJybmxGazhNR0hib29ZZjZZRW5RWXhLdnZ2cHFuem50dDk5K25sQWdKVEkzTW00amJ2UkRpaEF0UVpqQXlRc2RCR0hJRzdMa1BqclpuR1dvQkgxSW1RQk1YOGlhSUF5QlE0WUVZa2dZVWlFd0wzY0JmR2Uzc0tCQUNBUjJYb3lEVG9qU3NqSDZvSi9Bei8xNDJudzI3dXo4bHlPTysxMjJ4aGdzSkJnVEhiU2pqMzc0VFpaTnBnL3A0SS9MUHgzNVBweGRlKzIxbnB5UE9lWVlUNzdtRDM2WVB4QUhDeU5la0M4WTRTTzdGYnd6Sm9RT0VVRTJaSkRzQUVDUzJBU2hzUUJpWE5xeGlRd1c0a2RYRlhGN2dJSS82R2JlSU5JVmpuU1pZL3VBNGplRmErQk9OeGVVdmR4aUJySzB3dUxxb29zdThyY3lxTWMzZkVZSHRqSG42T0dGYlpBeml4K3dZTGVDNndTc2FZZnM4UkZmcUdOUkJjNFVkTEVvWXM3eDI4WmlEaW1NdzRzRkg0c3U4T2I2QldOd3hCN21IeHZzMWdiOXFLZE9SUWdJZ1dvRUxDNVVTNlZ2VmNidE1BNkRsbVdxbDExMm1RL0FCRTRDcldYV1pHT0xYV0RtTzkwRVdUSWdzbGkyaGNtaUNPSUVlYkxORlk0RW1HZ0wydUYwUXF5MDBZZEF6ZFl6OG1TNFJuUmt1TlJEN0FSY2dqQ0xDYmFUeldZSUI2S2tENEVjc3FPZ216NHpoUHJTdlZqcTBVdkdqVjlrdC9oRWY0Z0JYL2dxSERJMkhrRWZIOUJIZ2NEWmhjQUdGaHFNQy9HYlAyeVZZeGU3RG1TYnRGRWdFakp1TUdJckhNTENIN01WVENBbTdNSkhNdHZOM05oc0I0TVIvU0JvdHA0aDl0QTM1ZzNDb2orTEN4WU4rR1l5M29DQ1A0eU5UakoyaUp2RjB5R0hIT0p0TW5GOEo1dkhkbzdOWjlycHoveHdPd1dDWkVHQlQ1QXBKR3JGZktRL3BNMGlCRC9aeGVFRnRyendnNFVFOHc2K0xDTEFuNEpmK01kaUQ5K3dBeHdZaDc3b3BnOXp4OElNZS9FSGUxanNRZGJJSXNNTG15aThjMDZ4ZDMraVAwSkFDSFFoWUorWnJzb1JuSWk0SGVoaHNJS1VDSnhrVUdSTzNPOWtzc2dFQ2Faa21HUytCRTR5SDd1bkN2bHhUc1lIS1VMY0JFMHI2T0FGa1VCUWtDUXZ0b2Z2Y3lTMzFoRUhaQVpaR2RsQW9rYmNrQjladkpHNjZZWFFJQnlJanN3WEhVVUZ2eUNvNTU2RG5KLzI1SUYrQ0FiYktkZ0RtYkR0aTQzSEhYZWN0NFd4R2RjdVdramlyTFBPOGtTeGoxdG9iT3VJQVZLZ25qRWdibkFoNitVQ283OFJGbVFDZ1pQbFE5elUwNC9DTzc1Z0ExazRpeGpzdzA0V1RwQXI4bnhIbm5yc3dXYkk2RVhYOTk5dUVRU3hRWDRzR3BnajVQUEYvR0RlOFJPYm1Udkx1SXVJbSszclZTNUR4aGVlTldDeHdqeWhDN3NZRnowMkQwc2RnVzgyUzk3aDlZVThwSTAvSEpOeFEvYk1EM2J6d2libUZmMHZlOW5MUEhGempLK013d0tGQlJGenpVNkwrV1BYRGYyNURobUhZK1lBOHQ3RzlkbllYU2Y0Z0UzV0QzenNHTHhDZS9QWTZWd0lURE1DOWprWk5RWWk3dGtaOE1IS0JWTDd1Vk9JbStBSWNaUHhFQVRKcENFb0FpYmJ0R1RiQkV1eUh1b0k0TWhCM0pEc0NwZEJRMGE4MlA0bDRQTEFFRVJFSFFHVVlFeUdSTnZ1TGx2ZWU1OTlPcGthZGF2Y1l1RXVsOUZCbkdTUk1jUk4wR1poUVBiTHVGeDA5SWZvMEkwTitIalFRUWY1T2pJNmZDRGp4cStUVHo3WkIzR0NPUy9JaFVLL3M4OCsyOHVrSW00SWtJd2ZZZ0k3TU1VUHhpYmp0cWU2OGRFeVRqSlJ0dkR4NC9qamo2Kzh4NDBmekRuOTZ4QzNaYkRnWjRzM2JBRVh4bU94UWVZTnp1akRQcTRSWGhBei9waWRMQUM0bHBoN3JpZTJ4Q25NandVRzdPSzY0N3JpM1M5T1hEdUxDK2FPRHk1dExHQ3dnNEl0VnJpbW1Fc1dTaXdHakl4dFZ3RDdqT2l0alhjN05qMTZGd0pDNENVRTdQUDVVczFvamtUY3M3Z1RzSmdVeUluQW1DZHVTSVBzbDJ5Y256SWxJSk5aa2pHUjZSSkFMVkNHeEkxT0FqdWtRcVpKRUNYNEU0eDVoNVFJK2hBczkyNzNjY1J0d1JNQ0lNaXpSWXdzR1N6dllTbkx1Q0VGMjNJbGlCT2tOOTU0b1NPSmhiNDc5bUFYZGgvc2lKdXRmL3FnajYxM1NPREVFMC8wNHhraDJFV0xIRnZsNkRUaWhud2dFTENiYThiTkEzNFFIVnZCbXp2aTVuZlB3WjR0Wm16bXgyMjRjTTB1M2lFNmNPVEJRREE5enUwV29NUElLY1RNL0FCbmJBWm41cTRzNDZZdnhNMDg0Q2QyUWNaaDRicmh2alM0OGdJamJHSjhkaFpzKzV5eHlZYlpldWNZL0xtVzhNRmUyTVV4WTltdEJzNWR0VnRVWGUzbk5TUnU5TmcxWSsvWXhnS1JuUS84NHhoOFdBQ2drMnNOL2RqSEsrd1grcVZqSVNBRVhrTEFZc2RMTmFNNUVuSFA0azdnWWxKQzR1YXBaakp1dG0wSmVoQUhXUldnUVFvRWNyTENGUzZ6SmxBVHNHblBFemRrQmdHejNVb1FSNTdNaHdKSjJUMVA3bld5UFd5RllFcy9kSktkcy8xZWw3alJTeisyWk5rUllFR0EzUVJwN3MxREhQWUFGUGRSMGMraUFnSmpKd0ZDWXdzZFlzbVB5VUxnM0hQUDlTU1FpcmpKdExsZkQ2bGhGMWp6Z29Td0YvS0JoSGhSd0o4NVl0RUJ1Yk03d2J6aGI3N1loNDg1NzBmY3lFTEFFRGQ0c3YzT25MTmdDNHVSTlBMZ3l5S05GeGs0Q3p2bW5Gc3NGTEp0NWdVeWhrRHRsa0dScmNpakV6c3BMRXlZMnp4eG84dHNSVStvQ3p4WXhMSDRKQU4vd2ZsemtMdFZBYmI0WXhqNkFmUkhDQWlCVWdUNGpMV2hpTGhuWjZHSXVBbHNQQzF1NUVFUTVsNDM1QTdSOGYrNDkzUkJuUHVkQkc0Q0krUUNjWk1kRTZ3SnVHUTlrUE1EN2o3cS91N0hPQWo2Rml6SnRBbndCSE9DT0QvV1ljVUkzNGc3WnF1YzhTQWJzaytJZy91eTJFeEFaMEhBSWdMaUpuQ1R3VUxPK0FVcFE5eU12WlBiV2RqZWZlVUs4cWJnSTZTQlAvUm4xNEFGQWRtazNlTnVJdU9HWkNCdThHQnNNTVFmRmpHUU0vZWdMUlBGSndwMk1UZll4cUtLUlU0VHhJM1BZQWlXekpQZGU3ZWZzMlZzcmgxZVZsaG9zSkJnOTRKcllYMjN1TmpCWVlrL2ZQQnRaNFoydHQxWnJORWY4czBYZkxkZ2djd1ZWMXpoTWVDZjNxeWN4WWQySTNaMDJMV0ZMbXRqYmlGd3Z2SEFkY3dpQWg4TXgveTRPaGNDUXFBWEFmc3M5cllNdDBiRVBZdTNUUWdCOEFsSFdoZGNlS0cvVHdtUlFsQzBReG84SEFUWkVoeFhPR0ptMjV6TTNJaWJqSVpzbG51c1BKeEdQd0kraEE2eGs4RkQzR3hURWtpTjdBbm1aTnc4bkFZSlVpQlJ5QXFkRUJRUFhPV3pYNGdLbXlEZzhLbHlpQTV5OVFUczdEQnlJSUJEY3RoSUc4VElFL0hveFhjSWgwVUU5bEFJOEN4YzhCZDVTQXhpd2k1d1lVSEF0akUyNDJ0STNDdzB1SmRLWHdnRkhQQ0ZoUWprUzZacHBNYzcvWDFHNlhEbXdTN3UrVy9oK2xNUG1YTy8veDduRnc4TmN1RXlQcnBaaU5ET3ZEM2dkajNBQXVLMnJXRHZTTWtmZkNaRGhzeTRQODVjc2hVT1FkT0dibnZ5M3hZVWRvOGJuOERUaU5xMjVya1c2SXUvWk5iVVc5YU5HYlkxei95QXo0NXVZYldWMjBIQWJ1WVpmOUdKYm5BeC9LaTNmMzRENFlJZjgyZlk4VTR4bTdDRHZzd3R0akszWEN2TUxZc0lya1BtTnN6T3ZRTDlFUUpDb0JBQlBvTnRLQ0p1Tnd0TWhrMElBUmZDUFAvODgzMFE1OEV0U0ltZ1NNQWwyUElFTWdIUi83dFBGMENOdENCUjdzV1NuWjEwMGtuWkNrZnNGTWpaSG00allFSjBCRnlJRzhLZ0hjS2pIdkptYTV0Z0M2SFF6NGo3T0hmZnRvaTR1VGNMU1VHeUVDbEJHcjNjUzhVZXR1VWhJd3ZlL0wvc05jNVdTQWxTNGNsbEkyZUNQWmtneE04TGNrUUcvU3hjZUljNHlTUWhHdXpGYnVvcCtNRjJOVml3ME9BQ2d4akFEOExHbnJ2ZEl1WlF0dzFQWDhxQ0JXeG56NUFPVDdSRGxHVGNMRGF3eXdwRWlFKzBZeGVreDd4QnFNd2JHU1EvT09NRzgwK2VZeDgrVnhYNjJUWTd4STArOEYva0NQeDVod1hYd21OdW9mTzRtM3V3WWQ3WXdnZHJkRE9ITElUQUc1dkJnV3ZERm1YNHpPS09SUlc0VWREREhGenZkZ2l3SGJMZXdkbStwY09LL3RqQTNDQUg5aXdpMEFraFgrTnN4QlpzWkdHSVBlQnJmdUlQT3NFSTI4SEpGamljczVCQU43Y2J3TThXaVZVWXFVMElDSUVaQkl3blJvMkhpTnZOQUpOaEUwSVFKK2hkZXVtbG5uUWdad3Q4QkU1NzBJZUpneEJ0cTVaemdqU1pMT1IreWltbitLZCswVXNRSitPMis2OEVXUUkwNEJPQUlSajZFRmdKL296SlYzZWVkVm5YRFc3YmVyVWpVZ0s0UFN6R1dGYlF5M2VJMGNWQ2dXeVE0QTNwNHdmYnh4QXVkcUFET2JJMWpsa1VRTTZNeVpZM0dSd2tRTFpIWDhnWFVzSitpSmRzbEJmeUYxOThzU2NUeG9PNDhZRUNhWkFWZ3NVSko1emcvWU4wSUNITHVMR1o3WGtXTVdCaHBBUDJSdHdRRXJzZElYR0RqejM4UmVhUFRueUZFTEVMUFd6ell5OVA5WmR0bFJ0MnZOT2ZlWVhNV0JTd2lNSm5kREcza0JzK3NwaWhqWG5qSHJkdGxXT3ozL1Z3aXljV0RPdXZ2OEM5M0UrUk9uMWdTZis5ZU1qT0xVRHNHZ01QOEdUbkJpeVlBL3lobmhjRldSdWJPY01XNW9YcjhsRTNuMXM3ZjFta0lZTXU1Qm1QZ3Yzc21yQklncGlwcHgxY21IZm1pNFVjdnREWEY5ZHV1VVNuYnFaRmY0V0FFSmhGd0Q3RG93YUVtRERQQmNjWENTS3B5cmdFQWlZRk1pQ0lRakprdDl5L0pkaFJDUEw0d2p1eStleVhnQW1Pa0F0ZjFZRWdJUVVLbVNpWk91UkRYd0l4eEFKQlFYcVFBb3NDZ2l6YnFveTViaDAvbFhxL3J5Y0FHN0Y2aGJOL0dKUGdqdzdHZzhCNCtJaXZ0VUVxWklLTVRkQW5VS09YaFFoall5ZjJRbEpzbTlMWGdqOUJIbnQ0b1FlYklWSEc0WmluN3ZFZndtZGNkRk1QWWRrT3dncTNrR0E4MDRrZExDSWdkekpXU0lleDZlZnB3MkVMNGJQb3dGOXNDak5Dc01RdU1NUWY1b29YZWhpZnhRWVpKWFVzRE9vUU4yTXpuK2dqczM3WTJZZWQyQVdKb29Oc0daeDU0UXNMQmViTnJnZmsyUlhCQnlNLzJyQ2RSUTY0Z3BWZE4raEZQM1ppTTNNQXpoVHFlWEdkZ2JXLy9wd04vTXd1OHBDODRZTWR5RkRBQnR0NE1RYzh2NEJ1L0F0ZjJBMWV6Qm5qK0lMTXpGSG43N2g4WmpzRzYwQUlEQUVCUGt0dEtDSnVOd3NXcEppVThKaEFTYkMxb010NW1HRXpnVGFSOW03QmtIUDYwZ2VkOHduSUxxam14MEFIN1NiTEQ0bncxU3prVE5ac1FqWmZRamtiMjNRaFN5QzMvdlpPZTFpczN1bzZOcnUreUpvOGNoQW5STU85VXRzZFlDSEFPTmp5bkNONS9PU2NmdGhrZHBsK2V6Zi9JQjEwVzUraWZyWUFRZzU5ZVpzaEszWVFXQnhCbUd6L1ErWmxZNXNOOW02MjJKemJQSnN0eUlWWTI3bnBOem5lV2VqUUgzOG9oaWMyYzB3ZjYrY0YzQi84TXh0b1F6WWN6ODVwbzk3MFVNK0xNV2xqVVJDMnNTREJKbVN3aWZkOFFWOVJLWkl0a2xPZEVKZ1dCTW8rSzhQMlg4UWRJSjRQVkV5U0JXU09lVmxRRGJyNVEydm5uV0s2Q0tMb0lJamJOcWdYY0g4c29DSUxZWWZoa3paSzJNZDArNGJaUCtnbjZJZEVFZHBpNUdGOTBFdEdib3NJWkpFeGU1R0RCRG0zN0pveHZJMU9GbUxrL2paWk01a28yL3IwUjQvWmJPT0RsWTNQN29GRHBZTWZNamFtdDhuWnhibmhoUjBRTHdWWkNqc2hMQnhzb1dEOThaK2RCWjY0WnF0NjZkSmxmaWNneE00cnFQZ1QybVBIMk1XeCtaQS9SNTNaeHJIWnd6R0VHZnBQSGJMWWp6N215L0N5ZnJ3ancrSm5nV3VuUHlYRWgzYnFyYzBMdUQ5bWgrbWlIbHpBazRJOFk0YkYrb1IxNFhHb0s2elhzUkNZVmdUNmZXYUdoY3RFRUhkdkRqRUFmQzVvRnBXaWlTb0xhTWlhdk1sWUhlZFZ3ZGI2bVExMm51L2pCakFSLzg2LzV5U3dRd1kySmczV1A2eXpldHFvTjVuOEdOd21ZS3VWd0UrYnZSaUhMVjIyWU5tbTVUNHY1RzE2YWJmeGJBelRUUnVGZGhzN2xMVjJieE0rT2pralhyT1RlOGxzRlpzOVJvQVFPdHZuMk1iOTIvQkJNRC9vZ0g4WWw1ZjVZTGJObXlWVTFKcHQvdXB4TmxzeExNeEhrNFZJelg3clMxc29aekpXaDF4ZTF0cHN2S0ozYkxCK3lKc2ZKbXR0bkw5aytXeHI0SXZKNjEwSVREc0M0V2RtbEZpTVBYSFhDV0NqQkhnY3gxN2x2dXJGdldiSW05c0VFQ2dYckFWL01qZDcrdDN1c1JwSklGTTBKMFYxWUZQMVFhQlAyTTY5ZkI0Z0kydWxIaUxDUHRzbTVuNHdpd2tlK0ZPcGdRQUxBaWRXTmpjMU5FaEVDRXdWQW1FOEdxWGpJdTVSb3QvQ3NXMnJtaXpXSG01aTJ4ZXk1TjR4MjlRODNBUjVXd1pYZGpHSGhCQWVoMjZYOVExbDdCZ2J5S3g1T0F1eXhsYjZrM256RUprOUJHYnllaGNDUWtBSU5JbEFUTHhxY3R5OExoRjNIaEdkZXdTNDUvNjBJMjh1VkxKcHRzMGhTTzQ3aytWU2FMTlhFVEdIZGVHeDd6ejdKK2FEZ0IyUXRkMjc1WndYT3dJc0tzeXVVTCtPaFlBUUVBSk5JUkFUcjVvYXMwaVBpTHNJRmRWMUljREZDa0dTWVljRVRCMkZkbXNydTdERGZxSHlNdmxRSmp3MmVmUnhESkd6b0FpemYrcnRQT3lyWXlFZ0JJVEFYQkN3K0RNWEhVMzBGWEUzZ2VJRTZUQ0N4aVc3U0hubkJWa2FJU0puZGRTSHhHejlRbGpDOXJDK1NEWnNENCtSRGNla2pXMThIcXl5QjhiV3cwWkg1R1hGK3BlMXExNElDQUVoVUlaQVRMd3EwOUZFdllpN0NSUW5TRWNSc1lVWHF4RndXSWY3VnA4U0NzYk0yMmRaZnpnK3gzYWV0M05ZdHFiRVFicUZnQkFZRFFKRjhXUVVsb2k0UjRINkJJMlpKOUtrcmtIY0RReGdwTjZBS3FrUUFrSmdpaEFRY1RjMDJRckNEUUU1b0JvUjk0REFxWnNRRUFKamg0Q0l1NkVwRTNFM0JPUTRxRkhHUFE2ekpCdUZ3TVFpSU9KdWFHcEYzQTBCT1E1cVJOempNRXV5VVFoTUxBSWk3b2FtVnNUZEVKRGpvRWJFUFE2ekpCdUZ3TVFpSU9KdWFHcEYzQTBCS1RWQ1FBaU1ESUcyRU1MSUFKakFnVlBPS2YrV2Q2ei9IN2VJZXdLdmVMa2tCS1lNZ1pSQmZzcWdiSTI3S2VkVXhOMmFhWlloUWtBSVRDc0NLWVA4dEdJNmFyOVR6cW1JZTlTenEvR0ZnQkNZZWdSU0J2bXBCM2RFQUtTYzA3RW5idWFrNTM4SmwwMlUrMFV0RlNFZ0JJUkEyeEJJR2VUYjV1dTAySk55VGllQ3VHTXVCTjBUajBGTHNrSkFDQXdEZ1pSQmZoajJhNHhlQkZMTzZkUVJkeSs4cWhFQ1FrQUlDQUVoMEN3Q0l1NEtQR1BCVWNaZEFhYWFoSUFRRUFKQ29CRUVZcmtwWnRDeHo3aGp3UkZ4eDF3ZWtoVUNRa0FJQ0lGQkVJamxwcGd4aGtMY01RYjV4OGNpSGlLTEJVZkVIVE1ia2hVQ1FrQUlDSUZCRUlqbHBwZ3hXa2ZjR0I5RHJySGd4T2lPQVZLeVFrQUlDQUVoSUFRTWdWaHVzbjUxM2p2RS9kQkREM1hKeDJhK1haM25lRktiWEFmNDdlcmF1dWZvZzdvTEFTRWdCSVRBOUNJUVQ5d3ZabzdTYXBWdHR0bG01aWRQODhSTmI1RmNMUXdsSkFTRWdCQVFBa0pnVGdqRUVMMkllMDVRcTdNUUVBSkNRQWdJZ2JrajBEcmlqakZJV2Y3Y0x3QnBFQUpDUUFnSWdmRkNJSVluazJmY01jWVl6Q0p2UTBMdlFrQUlDQUVoTUEwSXhIQmxoN2dmZlBEQkhteGlDYlJJUHNZWU02QklqN1hwWFFnSUFTRWdCSVRBcENFUXc1VWQ0bjdnZ1FlNmNERHl0UGV1eHNRbm94Z3pzVXRTTHdTRWdCQVFBdE9Fd0FEZmVxb0xqNGk3TGxLU0V3SkNRQWdJQVNGUUU0R1lETHFteW81WUtYRWpFWnY1eHNwM3JNZ2ROS1VucDFhblFrQUlDQUVoSUFTR2dzQlFpUHYrKysvdmNTYUdRSkdOa2U4WkxLaG9TaytnVW9kQ1FBZ0lBU0VnQklhR2dJaDdhRkJySUNFZ0JJU0FFQkFDYzBjZ21yanIvbXlhTTIyYlJZdG1mamxOR2ZmY0owb2FoSUFRRUFKQ1FBaUFRQ3h4eDhndmFvcTRNYlNKTGU0bWRHQkw2akl1ZHFiR0lZbitoRTlqSnJGWFNvV0FFRWlDUU9yL21SRkRsb000R0t1L3J2eTIyMjQ3azNIZmQ5OTlQWGJGa0ZPTWJNOUFRUVY2bXRJVnFHMzhjQnhzYk56cElTbXNlL0VPeVJ3Tkl3U0V3QWdSU0JWclU4Y1o5S2NhUThROTRBV1o2bUlhMEp5SjZwYnFZcDhva09TTUVKZ1NCRkxGMnRSeFpoRGlybXZUNHNXTGxYRVBjdjJudXBnR3NXWFMrdFM5ZUNmTmIva2pCSVJBTHdLcFltM3FPQ1BpN3AzTGtkZWt1cGhHN2xnTERFajlnV3FCaXpKQkNBaUJtZ2lraXJXcDQ4eFlFSGZaSE1TQ2pueHNuN0t4VTlhUGc0MHAvVStwTy9VSEtxWHQwaTBFaElBUUFJR2hFUGZhdFd1NzBHNlNRR05JTGthMnkrQWhubFRaV05VMlJCUEhlaWdSOTFoUG40d1hBbU9CUU9vNEU2cy9ScjV6anp0UDNDQWZTMEt4OGtXejI0U09JcjFOMW1Gam1aMWw5VTJPUCttNllpN2dTY2RDL2dtQmFVWWdkU3dZVi8yTkVuZlJCUlpMWkxIeVJXT21yc1BHTWp2TDZsUGJORW42VTMrWUpna3IrU0lFSmhtQnBMRmdDTDhYa2NwK0VmY0FWMzBWY1ErZ1RsMkVnQkFRQWtLZ0FBR0lMeFg1RlF6WGFGVkt1MFhjQTB5VmlIc0EwTlJGQ0FnQklSQ0pRTnVJT3lVWngramVicnZ0WnI3SDNjUTk3cUk1aWQwNmpwVXZHak4xbllnN05jTFNMd1NFZ0JBWTdNbnNsTGpGa0d1c0hURzZPOFI5NzczMzlveFRSS0pGZFQwZGN4V3hmV0xsYzhNbFA2MnlyNm90dVdFVE1rRE1CVHdoTHNzTklTQUVDaEJvVlN4SWZFODh4dGRvNGdiYmxPU1VVbmZCZFZGWkZXc0w4ckY5S2cyWTBrWXU0SmlMZUVwaGt0dENZQ29RR09kWWtNcDJFWGZGcFI5THdpTHVDakFqbWtUY0VXQkpWQWhNT0FLcHlHOFlzS1d5WGNSZE1YdURFSGVGT2pWRklKRHFnbzh3UWFKQ1FBaTBBSUUyeFlMVXR0VFZ2MlRKa3BtSDArcmU0MlllWXdrdFp1NVQ2bzZ4STdXZnNiWklYZ2dJQVNFd2pRalVKYlBVMktTMkkwYS9pTHRpdHR1MGlLZ3dVMDFDUUFnSWdiRkJJSWFndXB4Sy9IQlkxMWdsSndQYlhxSnYwT29PY2E5WnM2WkhSeGx4bGRYM0tCaWdJcVh1V0hPd3BVMzJ4Tm92ZVNFZ0JJUkFteENvUzN4MTVZYnRXMHE3WW5RdlhicDBacXQ4emVyVjNSaFVrRlpLTWt1cHU5dkIvbWR0c3FXL3RaSVFBa0pBQ0l3L0FqRUVOa3h2c2FzdHRvbTRLMlpleEYwQmpwcUVnQkFRQWdNZ0VFTitNYklEbUJMVnBVMjJpTGdycGs3RVhRR09tb1NBRUJBQ0F5QVFRNEF4c2dPWUV0V2xUYlowaUh0MWZxdmN1VlJFWEVWMVZkN0h5cU5ya0Q1Vk5nemExaFk3QnJWZi9ZU0FFQkFDYlVNZ2hnQmpaRlA3MlNaYk9zUjl6ejMzZFBsdHBEV3ZxOWFkVk56N3pvdmF1ZW15OHliZlUrckd6dFQ2bThSQ3VvU0FFQkFDYlVjZ2hnQmpaRlA3M1NaYmhrTGNNWUMyaVNqYlpFc01ocElWQWtKQUNMUVZnVFlSWUF4R2JiSzdsTGh4cUl5NHl1ckxRSWlWTDlOVFZKOVNOK09sMWwva2srcUVnQkFRQXBPS1FKc0lNQWJqTnRuZEllNjc3NzY3eDRjaTBxS3VaL3U4cDJkUU1jRFdldEM3NzJHUmpYMDdSUWlrMWg5aGlrU0ZnQkFRQW1PUFFKc0lNQWJNTnRrdDR1NHpjeUx1UGdDcFdRZ0lBU0VRZ1VDYkNEREM3Tlo4aHh1YlJkeDlaazdFM1FjZ05Rc0JJU0FFSWhBUWNSZURGWVBMc21YTFpuNDVMV2FydkhqWTRscUlMMnBydlZoTmNhM1RUVWxKcmlsMUZ6dWxXaUVnQklUQVpDSVFRMDV0UThEYjduNDlMVlh4bW12cVg3Yjk5bkhFamRHeFpCWXJId05NU3QyRCtCcGp1MlNGZ0JBUUF0T0d3TGlTOTFEc1RrbmNNUmNheEtxTU93WXh5UW9CSVNBRUpoT0JvWkJmSXVpR2tuSFh0SDM3UVRMdW1ycTkyQ0FaY1cyaTExWjV6RlJJVmdnSUFTRXdVZ1RHaGJoTDdTeklpQnZiUEhlNjYrcGF2bng1LzYzeTBJbWtSTXdsRlpPaGk3aEgraUhVNEVKQUNBaUJHQVJDTHFuVDcvcnJyOC8rOUtjL1pWZGVlV1hHdjU1ZXQyNWRuVzZ0bDVrL2YzNjJ6UDFyem9NT09pajdQNmVja3UyN3p6NmV0T3ZpczhNT082UW43aGdVbzdiV1Jkd3gwRXBXQ0FnQklUQlNCT29TRTBaKzlhdGZ6YzQ4ODh5UjJqdXN3Vi96bXRka3A1MTJXdTJ2bkVVVE40NE1rblhYQlNCV2Q2eDhYVHZNejVUNlkyeVJyQkFRQWtKZzNCR29TOXdmL2VoSHMwc3Z2WFRjM1kyeS83REREdk9MbFRxZGVvamJpS291d1AwR01YMzk1QVpwTjkzMlBvaU9mbjFTNnU0MzlqUzNqeXZ1VFgxdXBubnU1ZnQwSXpCTm1YWitwc204UC9heGorV3JlODQ3eEgzWFhYZDFaZElXZ09ZYVFPZmF2OGZpb01JL3hCWnpUenpvVytzUTNiUGI4YlhrSmRRWUF1T0t1MzF1R2dOQ2lvVEFGQ0hBUGUzM3Z2ZTlVK1J4dDZ2RWorOSs5N3ZaUHU2ZWQxWHBFUGVkZDk3cDVZb0NabEZkbGRLd2JTNTlRejFGeHlMdUlsUW1veTdsZFpNU0lSRjNTblNsZTlJUm1PWnMyMkxIYTEvNzJyNVpkNGU0VjYxYTVhK0pzb0FaMW9mSFRWOUlNYnBGM0UyajN4NTlNZGRCZTZ6T2FqOWMwaWFiWllzUWFBc0NiMzd6bTdPaVgvRnNpMzFsZGhqcGxyWEgxRVBLUC9uSlR5cTc3TGpqampOUGxkOSsrKzFlTUF5WTY2MjNYay9uc0wybnNhQWlwYnlJdXdEd0NhbUt2VzdhNG5hVEgrQzIrQ1E3aE1Dd0VEam1tR1BHOGl0ZlRYN3UrYXJZWC8vNjEwcklPOFI5MjIyM2VjRXdZS0tncUlReVJlMzV1aGo1R0ZuR2laWFAyMVoxbmxKM2F0dGQ3dWV5dnlydjJ0dVdHdmYyZWk3TGhNRDRJZEFrYVIxMTFGRlJBT3l5eXk3WlNTZWQ1TDhQL2ZUVFQyZTMzbnByOXR2Zi9yYXhySDNCZ2dYWmU5N3puc3lTMkQvODRRK1ozVmJHVUJZYSsrNjdiMjJicjdycXF1eVNTeTdwSzMvKytlZFh5blFSdHdWTXkyVE4yTHdHazh2WE4zRWVxenRXUHNaR2RIc3NZanJWbFoxOTZDMlYvZjdETkw3TW5YUkJWbmVLSkNjRWhFQTFBaDNTYmlqV0hIWDAwZFVEenJadXQ5MTIyYzkvL3ZOczg4MDM3NUhISmpMV2ozLzg0ejF0ZFN2TXI2OTg1U3QrWVdEOXZ2bk5iMlkvL09FUDdkUnZhZmQ3a0t3ajdBNHV1K3l5V2cvZm5YZmVlV0czbnVPZGR0cXBlNnNjQ1NQdU1sSXBxKy9SanE3SXA3SlR5eGZaV0ZhSExTTHVNblFTMW9ONzVIV1QwQnFwRmdKQ29BUUJJN2ltdHZmcUVEZS8wLzJMWC93aVc3aHdZWWxWTTlVUSs1ZS8vT1ZLbWJKRy9OcHZ2LzJ5SC8zb1IxMGljeVZ1RmhSMXZ1NVZtN2p2bUwzSDNiR3lJbmpHQnRVWStSaFpiSTJWNy9oWDR3RGRJdTRhUURVdFVuSHROVDJVOUFrQklUQTRBcU1nN3AvKzlLZlpubnZ1NlkxKzRZVVhzdTk5NzN2K1oxRjVzTzJOYjN4anRzRUdHM1RhRGpua2tJR2N3Njl6emprbjIzcnJyYnY2NTRrYk8xYXNXTkVsRTU0c1dyU29pNml4aiszOGZrWEUzUStoaXZZVWk0TE9Rc0NSRXlYRkdPajFINmlHdHEvUU45UWk0aDRxM0JwTUNBeUt3Q2lJKys5Ly8zdUhuQ0U0Zm1YTkN0OEJENzhIL3FZM3ZhbUxLQ0gxQXc0NHdQLzJPYVJmVnZqNTBiZSs5YTA5elhuaTdoSElWWHo5NjEvUGpqLytlRi9MYjZYd1ZhODZwUlhFWGNkUWs2bERaSG1aRGhtYWtybTh6eElxS3J6ZTRId3Vhc08rcWZTR1kvaGpFWGNQSktvUUFvTWcwQ0dvUVRyWDZKT1BhVFc2dEVLa2cwdERzYWJmVmpuM2RuL3ptOTkwZkgvbk85K1pYWFBOTloxejdubUhwUGVCRDN5Zzh6QVk5OFgvK01jLytnZk5ubm5tbWV6SUk0L01pc2licmZqZi9lNTNQcW5DUDE3MnZGY01jVys4OGNiWmhSZGUyT2w3K3VtblozLzV5MTg2dGxZZGhENFV5UlhlNHpiQm9vdXBxTTdraTk1VHlNZnFMTEtycWk2bC9pcmRqUzVBcWh4c2UxdUN4VkxiWFpaOVk0QkFRK1RVNCttWVgrOGQ4dTV4TEw3aTZENFBwL0dVdHozRi9menp6MmY4MGxwWWVNTGM3bXREeXZ6K3Q1SHp1OTcxcmd3aXQvTEJEMzR3Kzl2Zi9tYW5uWGNXQmhBajVWZS8rbFgyNmxlL090dG9vNDM4ZVF4eG4zSEdHZGtiM3ZBRzMrK3h4eDdMamozMldIOWM1OCs1NTU1YktiWml4WXFaaDlQczYyQW1iUVRUUXlidUlyTTJrKzMzSGlNL2wydzBacHgrTnVmYmsrcG1zQVFmM3A2NXl6dWxjeUVnQkdvaGtQcWJsVTJTWHkySFdpckUxNnZ5SlFhYlgvN3lsOW11dSs3cVZmQkRMdnoydHhYdU4vTXZRaUgvcDU1NkttT1JZS1J1TW05NzI5czY5NlFoVzdhNUw3NzQ0bWppSmtQbmExOTJ2NTM3OE4vLy92ZHRtTDd2clNEdXZsWUdBckVFR1NzZkROWDNjSmk2VTR3bDR1NDd4UklRQXJVUUVISFhnbW5PUW5NaGJ1NTF2LzN0YisvWThPbFBmenI3L2U5LzN6bm5BRUxkZSsrOWV6SjEycmJZWW92czdMUFA5c1RPK2Z2ZTl6Ny9IOG9nNE5pTW0rOSt2Ly85NzBkTnhzN0FFVWNjNGQ5OVJZMC9ZMGZjK0JSRFlqR3lOZkRxRWttcE85YlBMc05xbkdDN2lMc0dVQklSQWpVUWdMaGpNcjhhS2lWU2dNQ2d4RTMyL08xdmY3dWo4WVliYnNqSW5tTUtYLzNpSzJBVXlOcUlkeERpdnVDQ0M3TE5OdHZNNnpycnJMT3lUM3ppRS82NDdwK0JpWnNCaW9ncm1oQUcyQUl1R3JmTTRSalpNaDFsOVNsMU0yWksvU2wxbCtHbCtoa0V0R0NhdkN0QnhEMmNPUjJFdUNIYkgvemdCNTJId0I1OTlOSHNsYTk4WmZic3M4L1dOdnJrazAvT3Z2U2xMM2w1K3JGRnpuWTZKWmE0VHozMTFPeHpuL3VjNzh0aWovdnVEejMwa0QrdisrZmNQajk1dW1Mbm5XZnVjZWUvVzJhQjM5N0RBWXZxd3ZiOGNVcjVXTjE1MjZyT1UrcG0zSEhYWDRYZE5MZUp1Q2R2OWtYYzVYUGE1RTVFRVhHWGo1ejVoOGk0cjczKyt1dDdNWjRXZi8zclg1K3RXYk9tcWx0WEcvZWgrWWxSMnc2LzVaWmJPaytpSTBqbWJrK1ZYM3Z0dGY0cGRqTGk4R24yVUNFWjl1TEZpMzNWZGRkZGw3M2pIZThJbTJzZDkvdXQ4cDNMaUJ2dFJjUkNYVlJnaXN5NGk4YXM4alJXdmtwWHZzMzdHbWwvWGtmVnVjY3hvZjZxc2RXV0JvR1UxMk1haTZXMURnSk5rbE9kOGNaSnBrbHNZb2liaDgzNDJwYjlnaHIza3QveWxyZDBmVys3RG83OEtNb25QL25KT3FJZEdYNFAvVE9mK1V6bjNBNE9QL3h3LzRNd2RnNXBROTYxeSt3M0Yvb1N0L3VOOW5udXB2eUwrWXliZ1lxQzBDQmtFMHYwUmVPV09SNGpXNmFqcWo2bC9uSFZYWVdYMm9UQXBDTFFKRUZOS2taejlhc3VjVyt5eVNiK085azhVRWJoNlhDKzdsV1dCVmZaOWFwWHZTcjcvT2MvWHlYUzAxWkczT0ZUN1d2WHJzMU9PZVdVbnI1VkZYYU45U051L3JtS0oyNjJCL0tsaUZpb2l5Yml2T0txYy9SSFpLRXhzbFhEbHJXbDFKOVNkNWsvcWsrTGdPWTBMYjZqMUc1QmRaUTJ0SEhzSm5HcDgxMW52czdGMCtKTGxpenhjREQraHo3MG9leWlpeTdxQ3c4LzBFSld6TmE0M1FPbjd0QkREeTN0eTcxdnhxU3dEYzZQcU54NDQ0MDkyL0dRNmE5Ly9ldU9uczkrOXJQWm1XZWUyVG52ZHhEaStGZjNjNnRWWlplVksrT0lHMld4d1NsR0h0bFkrU29INTlvV1kwdnNXQ2wxeDlvaStlWVEwTHcyaDJXYk5JV0J0VTEyamRxV0puR3BROXcvKzluUE9yOVZqdStQUC81NGx2OGRFc09FQjlVKzhwR1ArRk4rRVEzQzUvUEp0anEvbkdia2JmSkY3N1VlVG5PTGgvLzMzLytkSFh6d3dWNEZEN1lkK1lwWGRLbUwrVW9odjVOZVZWWU9RdHhWQ3ZOdHNVR01od0JpK3NUSTVtMnJjNTVTZjByZGRYeVRqQkFZSmdMamZyMDNTVkREeEQzMVdFM2lVb2U0K2RlWTlqQmFQOS9XclZ1WDJUOGFlZmU3MzkzMXkybjhpbHJSTDZmbGRkWWg3a1hiYkpQOXI4dkU3UnIvc2Z0cUdiOVRIcFpCaWJzSVgzNWtKbXFyUERTa3pyRTVVa2NXR1JGM1hhUWtKd1RHQzRIWVdOQTI3NG9DYU50c0hJVTlUZUxTTkhHVFdkczIrSlpiYnBuOStjOS96amJjY01PTVRQeUVFMDdvK2VXMEl2eEM0b2FNZi96akgvZUlzUzF1djlMRy9YWitjT1ZaOTRSN1dFVGNJUm9Kam9zQ1RGRmRFME5IUFMvUXlJQkRIM0V3cTJlZnJoeXM4d2g3UlR5Zk1VSXJSekswdi9MR0ZKOG15YWtVL0RHODVtUEl5UHl1d3ZLNDQ0NHpzV1R2YkptdlhyMjZNZjFWL2d3NlNMaFZYcVMvbFJtM2ZXZXVuOU5GRHZYclU2ZTlqS1RMNnV2b2JJdk11UGlRYW02SE1RL2pndkV3c05BWTlSQVk1K3U5bm9jdlNWWDVPZ3ppZnNtU1BrYzFGMUtETEY3NmpPeC9lclZLcGtQY045MTBVK2RMNXRhaGlRQVVxeU4ycTl4c2JmSzl6T2F5K2liSFRxMXJYSHlvK25DbnhtaXUrc2NGNDduNnFmN05JVERPMTNzc0NsVytubmppaVJuM3BWdFJSa1RjOCtmUDkwK3ZsMkhBVnZ6dXUrOCtjNC83OHNzdno3Z0hFSmF5QUZRRmZOaWZZM1NVNmNuTDFqblA2d3JQdytNNnVzcGt5dlNVMVpmcGFXUDl1UGdRYzQyMUVXZloxSXZBdUZ4N3ZaYW5yNW1tNjczS1YvNUpDUC9WYStTbEptbGpaOU1aOS9MbHkvMVB1SVlZaEpnOStzZ2oyU0h1NjJ2KzRUVCtCNm45bjFQclVQUkJDeFdZWE5WN2tZNHErVHB0b2M3OGNkRjl0TkRtVUw1c3JES1pzdm95UFcydEh3Yy93amxySzQ2eUt3NkJjYmp1NGp4cVRucGFydmQrZnZMd0Y3K0dOdFRpU0xxSWZQTlBBeFhKcExDVC8vOXRYMkZEZng0ei9nZjU2MTczdWhuaS9zSVh2cER4MDI5aEtmdWc1UlZabnlMNW9qcVRMM292MDIyeXBzL2VpK3JEdG80K1ZsQTFzLyt3ditsUDhUNnNjZXJZM2laYnNMY3piM1dNbDh4WUlOQzJhNnhOb0tXODNsUHFiaHBEL3FzWFg5TWFhbWtaY1gvclc5L3kvM3JVTU1qUEg3L09kc1laWjh3UU40K3lmKzFyWHpOWi8xNzJRY3NyNnVxVU95blRrUlBybk1iSWw4a1daZDFGZFoxQlN3N3krdlBuSmQxYVVUMU90cllDTUJraEJFYUlRRXhNSGFHWmpRemR6MWV5N3Z6LzBXNWs0RmtsL2NadmNxeFlYV1RiSC83d2g3dTY1ZTA5N2JUVC9LNkUzeXJmZE5OTnN5dXV1S0p6UDVyQVgwUjJLTWtyWXBRcW9xaHE2N0t3ajU2OHJKMmIvdEF1cTBNbVBMWSt2ajQ4S1RxdW1hRVhkYTFUVjJaWG5iNTFaRkxycjJPRFpJU0FFT2lQUUJpNytrdkhTNlRXSDI5UmRZL1RUejg5NDdtcnlzSXVhbVNKN3hFNXdCekUrYUdZTDM3eGk5MGFabmNEYlA1NFIrNkpKNTZZeWJpUjVvZld3KzN5b3NCdkNycTF6NXdWeWROU1ZoK2pvMGkyYmwzUitOVGw3MkgwNkp0QTRpNmJ2NkpGV2c4ZXFoQUNRaUFKQW1XZnl5WUdTNm03Q2Z2S2RQVE52Q2VJdU1tMCtiMzFvaExPSDl2a24vclVwN3lZejdnNTRoSHpjSXVpaVBCQ0pmbEJpdVNSS2F2UDk0K1ZMZXBmVkZjMFBuVWk3cGZRRW5HL2hJV09oTUN3RWFpS3EzTzFKYVh1dWRyV3J6LzN2UG5ISGxkZmZYVjI3NzMzZG45VmJJeUptNjk4TFYyNk5Ednd3QU96azA0NnlkL1RMcHVuc1A3VVUwL05icjc1Wmc5Ymg3ZzUrNTlUanN2MnUvbjZmbmkyc3YyTHg3Nm1sWGJKS0NFZ0JJU0FFQkFDYzBHQS96dituZTk4cDZPaWk3aXB2ZmJZZzdPRjk5elpFUmlYQXhIM3VNeVU3QlFDUWtBSUNJRzZDUEIveDcveGpXOTBpZmNROXl0M1c1bjkxOFl2Wk9zOThYaVhZTnRQUk54dG55SFpKd1NFZ0JBUUFqRUk4RTlSK0VjbjExeHpUVmUzSHVLbTlmOGVzRy8yNmV6SnNTSnZFWGZYdk9wRUNBZ0JJU0FFeGhpQmpSeHBYKy91ODE5d3dRVTlYaFFTTjFKazNsOWJ0dVhZYkp1THVIdm1WaFZDUUFnSUFTRXdoZ2l3UFg3ZWVlZjVCL09LekM4bGJoUCt0WHRnYmY4eGVHQk54RzB6cG5jaElBU0VnQkFZVndUeUQ2SVYrZEdYdU9sMDBtNjdaQjlidVVPMjh0WWIzZTlSdmxDa1orUjFJdTZSVDRFTUVBSkNRQWdJZ1FFUTRDdksvQkFhMitKOC9hMWZxVVhjcG1UeHBwdGtIemg0Lyt6bEN6ZklsanoxZUxidzBZZXplVTgrMlFveUYzSGJMT2xkQ0FnQklTQUUyb29BSk0xRFo3ejRudmJxMWF2OS8rQisrT0dIYTV2OC93R1JPZDBJdlN2RDlnQUFBQUJKUlU1RXJrSmdnZz09Ii8+CjwvZGVmcz4KPC9zdmc+Cg=="); /***/ }), @@ -46,22 +4073,209 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ }); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _icons_question_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icons/question.svg */ "./src/icons/question.svg"); +/* harmony import */ var _icons_close_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icons/close.svg */ "./src/icons/close.svg"); +/* harmony import */ var _icons_question_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icons/question.svg */ "./src/icons/question.svg"); +/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Modal */ "./src/components/Modal.js"); + + + const HelpCenter = () => { - return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", { - className: "help-center" - }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_question_svg__WEBPACK_IMPORTED_MODULE_1__.ReactComponent, { + const [showModal, setShowModal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const Icon = showModal ? _icons_close_svg__WEBPACK_IMPORTED_MODULE_1__.ReactComponent : _icons_question_svg__WEBPACK_IMPORTED_MODULE_2__.ReactComponent; + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: `nfd-help-center-setup ${showModal ? "modal-open" : ""}` + }, showModal && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_Modal__WEBPACK_IMPORTED_MODULE_3__["default"], { + setShowModal: setShowModal + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", { + className: "nfd-help-center-button", + onClick: () => setShowModal(!showModal) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Icon, { style: { verticalAlign: "middle" } - }), " Help"); + }))); }; /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HelpCenter); /***/ }), +/***/ "./src/components/Modal.js": +/*!*********************************!*\ + !*** ./src/components/Modal.js ***! + \*********************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element"); +/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _icons_loader_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icons/loader.svg */ "./src/icons/loader.svg"); +/* harmony import */ var _icons_no_result_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icons/no-result.svg */ "./src/icons/no-result.svg"); +/* harmony import */ var _icons_search_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/search.svg */ "./src/icons/search.svg"); +/* harmony import */ var _icons_video_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/video.svg */ "./src/icons/video.svg"); +/* harmony import */ var _icons_back_arrow_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icons/back-arrow.svg */ "./src/icons/back-arrow.svg"); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/dist/index.js"); + + + + + + + + +const data = [{ + id: 1, + type: "article", + title: "How to set your homepage", + content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque gravida in fermentum. Magnis dis parturient montes nascetur ridiculus mus mauris. Morbi tincidunt ornare massa eget egestas. Odio ut sem nulla pharetra diam. Quis imperdiet massa tincidunt nunc pulvinar sapien. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Amet commodo nulla facilisi nullam vehicula ipsum. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Orci eu lobortis elementum nibh. Pulvinar mattis nunc sed blandit libero volutpat sed. Elementum facilisis leo vel fringilla est.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque gravida in fermentum. Magnis dis parturient montes nascetur ridiculus mus mauris. Morbi tincidunt ornare massa eget egestas. Odio ut sem nulla pharetra diam. Quis imperdiet massa tincidunt nunc pulvinar sapien. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Amet commodo nulla facilisi nullam vehicula ipsum. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Orci eu lobortis elementum nibh. Pulvinar mattis nunc sed blandit libero volutpat sed. Elementum facilisis leo vel fringilla est." +}, { + id: 2, + type: "article", + title: "How to create pages", + content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci ac auctor augue mauris augue neque gravida in fermentum. Magnis dis parturient montes nascetur ridiculus mus mauris. Morbi tincidunt ornare massa eget egestas. Odio ut sem nulla pharetra diam. Quis imperdiet massa tincidunt nunc pulvinar sapien. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Amet commodo nulla facilisi nullam vehicula ipsum. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Orci eu lobortis elementum nibh. Pulvinar mattis nunc sed blandit libero volutpat sed. Elementum facilisis leo vel fringilla est." +}, { + id: 3, + type: "video", + title: "How to create a user in WordPress", + url: "https://www.youtube.com/embed/tgbNymZ7vqY", + content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." +}]; +const getArticleById = id => data.find(x => x.id == id); +const NoResult = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "Result based on your search:"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, "Sorry, we don't have any content for that yet."), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_no_result_svg__WEBPACK_IMPORTED_MODULE_2__.ReactComponent, null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "This tool is being built and doesn't always have a match."), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "In the meantime, try searching our ", (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", null, "Resource center.")), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null)); +}; +const SearchingLoader = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, "searching..."), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_loader_svg__WEBPACK_IMPORTED_MODULE_1__.ReactComponent, null)); +}; +const Search = _ref => { + let { + searchParam + } = _ref; + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)(); + const [searchInput, setSearchInput] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(searchParam); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "search-container" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("input", { + type: "text", + placeholder: "Search for helpful guides and videos", + value: searchInput, + onChange: e => setSearchInput(e.target.value) + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("button", { + onClick: () => { + navigate(`/${searchInput}`); + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_search_svg__WEBPACK_IMPORTED_MODULE_3__.ReactComponent, null))); +}; +const Article = () => { + let { + id + } = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useParams)(); + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)(); + const post = getArticleById(id); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "article-container", + "data-variant": post.type + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", { + onClick: () => navigate(-1) + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_back_arrow_svg__WEBPACK_IMPORTED_MODULE_5__.ReactComponent, { + style: { + verticalAlign: "middle" + } + }), "Back"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, post.title), post.type == "video" && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("iframe", { + src: post.url + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", null, post.content)); +}; +const Articles = () => { + const [articleList, setArticleList] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(data); + const [isLoading, setIsLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(false); + const navigate = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useNavigate)(); + let { + searchParam + } = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useParams)(); + (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { + setIsLoading(true); + const filteredData = data.filter(article => article.title.includes(searchParam !== null && searchParam !== void 0 ? searchParam : "")); + setArticleList(filteredData); + setTimeout(() => { + setIsLoading(false); + }, 2000); + }, [searchParam]); + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + style: { + width: "399px" + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Header, null), isLoading ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(SearchingLoader, null) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, articleList.length > 0 ? (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "article-list-container" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", { + style: { + margin: "8px 0" + } + }, "Popular results for this page:"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, "Videos"), articleList.filter(x => x.type == "video").map(video => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "video", + onClick: () => { + navigate(`/article/${video.id}`); + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_icons_video_svg__WEBPACK_IMPORTED_MODULE_4__.ReactComponent, { + className: "video-icon" + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "video-summary" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", null, video.title), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", { + className: "description" + }, video.content)))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h4", null, "Articles"), articleList.filter(x => x.type == "article").map(article => (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "article", + onClick: () => { + navigate(`/article/${article.id}`); + } + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", null, article.title), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", { + className: "description" + }, article.content))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("hr", null)) : (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(NoResult, null)), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Search, { + searchParam: searchParam + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Footer, null)); +}; +const HelpCenterRoutes = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.MemoryRouter, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Routes, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Route, { + exact: true, + path: "/", + element: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Articles, null) + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Route, { + exact: true, + path: "/article/:id", + element: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Article, null) + }), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.Route, { + exact: true, + path: "/:searchParam", + element: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Articles, null) + }))); +}; +const Header = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "modal-header" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", { + className: "heading" + }, "Need help?")); +}; +const Footer = () => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "modal-footer" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("span", null, "v. 0.04 beta"), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", null, "Don't show me this again")); +}; +const Modal = props => { + return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "modal" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "modal-content" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", { + className: "modal-body" + }, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(HelpCenterRoutes, null)))); +}; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Modal); + +/***/ }), + /***/ "./styles.scss": /*!*********************!*\ !*** ./styles.scss ***! @@ -72,6 +4286,1445 @@ __webpack_require__.r(__webpack_exports__); // extracted by mini-css-extract-plugin +/***/ }), + +/***/ "./node_modules/react-router/dist/index.js": +/*!*************************************************!*\ + !*** ./node_modules/react-router/dist/index.js ***! + \*************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "AbortedDeferredError": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.AbortedDeferredError), +/* harmony export */ "Await": () => (/* binding */ Await), +/* harmony export */ "MemoryRouter": () => (/* binding */ MemoryRouter), +/* harmony export */ "Navigate": () => (/* binding */ Navigate), +/* harmony export */ "NavigationType": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.Action), +/* harmony export */ "Outlet": () => (/* binding */ Outlet), +/* harmony export */ "Route": () => (/* binding */ Route), +/* harmony export */ "Router": () => (/* binding */ Router), +/* harmony export */ "RouterProvider": () => (/* binding */ RouterProvider), +/* harmony export */ "Routes": () => (/* binding */ Routes), +/* harmony export */ "UNSAFE_DataRouterContext": () => (/* binding */ DataRouterContext), +/* harmony export */ "UNSAFE_DataRouterStateContext": () => (/* binding */ DataRouterStateContext), +/* harmony export */ "UNSAFE_LocationContext": () => (/* binding */ LocationContext), +/* harmony export */ "UNSAFE_NavigationContext": () => (/* binding */ NavigationContext), +/* harmony export */ "UNSAFE_RouteContext": () => (/* binding */ RouteContext), +/* harmony export */ "UNSAFE_enhanceManualRouteObjects": () => (/* binding */ enhanceManualRouteObjects), +/* harmony export */ "createMemoryRouter": () => (/* binding */ createMemoryRouter), +/* harmony export */ "createPath": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.createPath), +/* harmony export */ "createRoutesFromChildren": () => (/* binding */ createRoutesFromChildren), +/* harmony export */ "createRoutesFromElements": () => (/* binding */ createRoutesFromChildren), +/* harmony export */ "defer": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.defer), +/* harmony export */ "generatePath": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.generatePath), +/* harmony export */ "isRouteErrorResponse": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.isRouteErrorResponse), +/* harmony export */ "json": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.json), +/* harmony export */ "matchPath": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.matchPath), +/* harmony export */ "matchRoutes": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.matchRoutes), +/* harmony export */ "parsePath": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.parsePath), +/* harmony export */ "redirect": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.redirect), +/* harmony export */ "renderMatches": () => (/* binding */ renderMatches), +/* harmony export */ "resolvePath": () => (/* reexport safe */ _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.resolvePath), +/* harmony export */ "useActionData": () => (/* binding */ useActionData), +/* harmony export */ "useAsyncError": () => (/* binding */ useAsyncError), +/* harmony export */ "useAsyncValue": () => (/* binding */ useAsyncValue), +/* harmony export */ "useHref": () => (/* binding */ useHref), +/* harmony export */ "useInRouterContext": () => (/* binding */ useInRouterContext), +/* harmony export */ "useLoaderData": () => (/* binding */ useLoaderData), +/* harmony export */ "useLocation": () => (/* binding */ useLocation), +/* harmony export */ "useMatch": () => (/* binding */ useMatch), +/* harmony export */ "useMatches": () => (/* binding */ useMatches), +/* harmony export */ "useNavigate": () => (/* binding */ useNavigate), +/* harmony export */ "useNavigation": () => (/* binding */ useNavigation), +/* harmony export */ "useNavigationType": () => (/* binding */ useNavigationType), +/* harmony export */ "useOutlet": () => (/* binding */ useOutlet), +/* harmony export */ "useOutletContext": () => (/* binding */ useOutletContext), +/* harmony export */ "useParams": () => (/* binding */ useParams), +/* harmony export */ "useResolvedPath": () => (/* binding */ useResolvedPath), +/* harmony export */ "useRevalidator": () => (/* binding */ useRevalidator), +/* harmony export */ "useRouteError": () => (/* binding */ useRouteError), +/* harmony export */ "useRouteLoaderData": () => (/* binding */ useRouteLoaderData), +/* harmony export */ "useRoutes": () => (/* binding */ useRoutes) +/* harmony export */ }); +/* harmony import */ var _remix_run_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @remix-run/router */ "./node_modules/@remix-run/router/dist/router.js"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__); +/** + * React Router v6.6.2 + * + * Copyright (c) Remix Software Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE.md file in the root directory of this source tree. + * + * @license MIT + */ + + + + +function _extends() { + _extends = Object.assign ? Object.assign.bind() : function (target) { + for (var i = 1; i < arguments.length; i++) { + var source = arguments[i]; + + for (var key in source) { + if (Object.prototype.hasOwnProperty.call(source, key)) { + target[key] = source[key]; + } + } + } + + return target; + }; + return _extends.apply(this, arguments); +} + +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +/** + * inlined Object.is polyfill to avoid requiring consumers ship their own + * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is + */ + +function isPolyfill(x, y) { + return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare + ; +} + +const is = typeof Object.is === "function" ? Object.is : isPolyfill; // Intentionally not using named imports because Rollup uses dynamic +// dispatch for CommonJS interop named imports. + +const { + useState, + useEffect, + useLayoutEffect, + useDebugValue +} = react__WEBPACK_IMPORTED_MODULE_1__; +let didWarnOld18Alpha = false; +let didWarnUncachedGetSnapshot = false; // Disclaimer: This shim breaks many of the rules of React, and only works +// because of a very particular set of implementation details and assumptions +// -- change any one of them and it will break. The most important assumption +// is that updates are always synchronous, because concurrent rendering is +// only available in versions of React that also have a built-in +// useSyncExternalStore API. And we only use this shim when the built-in API +// does not exist. +// +// Do not assume that the clever hacks used by this hook also work in general. +// The point of this shim is to replace the need for hacks by other libraries. + +function useSyncExternalStore$2(subscribe, getSnapshot, // Note: The shim does not use getServerSnapshot, because pre-18 versions of +// React do not expose a way to check if we're hydrating. So users of the shim +// will need to track that themselves and return the correct value +// from `getSnapshot`. +getServerSnapshot) { + if (true) { + if (!didWarnOld18Alpha) { + if ("startTransition" in react__WEBPACK_IMPORTED_MODULE_1__) { + didWarnOld18Alpha = true; + console.error("You are using an outdated, pre-release alpha of React 18 that " + "does not support useSyncExternalStore. The " + "use-sync-external-store shim will not work correctly. Upgrade " + "to a newer pre-release."); + } + } + } // Read the current snapshot from the store on every render. Again, this + // breaks the rules of React, and only works here because of specific + // implementation details, most importantly that updates are + // always synchronous. + + + const value = getSnapshot(); + + if (true) { + if (!didWarnUncachedGetSnapshot) { + const cachedValue = getSnapshot(); + + if (!is(value, cachedValue)) { + console.error("The result of getSnapshot should be cached to avoid an infinite loop"); + didWarnUncachedGetSnapshot = true; + } + } + } // Because updates are synchronous, we don't queue them. Instead we force a + // re-render whenever the subscribed state changes by updating an some + // arbitrary useState hook. Then, during render, we call getSnapshot to read + // the current value. + // + // Because we don't actually use the state returned by the useState hook, we + // can save a bit of memory by storing other stuff in that slot. + // + // To implement the early bailout, we need to track some things on a mutable + // object. Usually, we would put that in a useRef hook, but we can stash it in + // our useState hook instead. + // + // To force a re-render, we call forceUpdate({inst}). That works because the + // new object always fails an equality check. + + + const [{ + inst + }, forceUpdate] = useState({ + inst: { + value, + getSnapshot + } + }); // Track the latest getSnapshot function with a ref. This needs to be updated + // in the layout phase so we can access it during the tearing check that + // happens on subscribe. + + useLayoutEffect(() => { + inst.value = value; + inst.getSnapshot = getSnapshot; // Whenever getSnapshot or subscribe changes, we need to check in the + // commit phase if there was an interleaved mutation. In concurrent mode + // this can happen all the time, but even in synchronous mode, an earlier + // effect may have mutated the store. + + if (checkIfSnapshotChanged(inst)) { + // Force a re-render. + forceUpdate({ + inst + }); + } // eslint-disable-next-line react-hooks/exhaustive-deps + + }, [subscribe, value, getSnapshot]); + useEffect(() => { + // Check for changes right before subscribing. Subsequent changes will be + // detected in the subscription handler. + if (checkIfSnapshotChanged(inst)) { + // Force a re-render. + forceUpdate({ + inst + }); + } + + const handleStoreChange = () => { + // TODO: Because there is no cross-renderer API for batching updates, it's + // up to the consumer of this library to wrap their subscription event + // with unstable_batchedUpdates. Should we try to detect when this isn't + // the case and print a warning in development? + // The store changed. Check if the snapshot changed since the last time we + // read from the store. + if (checkIfSnapshotChanged(inst)) { + // Force a re-render. + forceUpdate({ + inst + }); + } + }; // Subscribe to the store and return a clean-up function. + + + return subscribe(handleStoreChange); // eslint-disable-next-line react-hooks/exhaustive-deps + }, [subscribe]); + useDebugValue(value); + return value; +} + +function checkIfSnapshotChanged(inst) { + const latestGetSnapshot = inst.getSnapshot; + const prevValue = inst.value; + + try { + const nextValue = latestGetSnapshot(); + return !is(prevValue, nextValue); + } catch (error) { + return true; + } +} + +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + * @flow + */ +function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) { + // Note: The shim does not use getServerSnapshot, because pre-18 versions of + // React do not expose a way to check if we're hydrating. So users of the shim + // will need to track that themselves and return the correct value + // from `getSnapshot`. + return getSnapshot(); +} + +/** + * Inlined into the react-router repo since use-sync-external-store does not + * provide a UMD-compatible package, so we need this to be able to distribute + * UMD react-router bundles + */ +const canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined"); +const isServerEnvironment = !canUseDOM; +const shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore$2; +const useSyncExternalStore = "useSyncExternalStore" in react__WEBPACK_IMPORTED_MODULE_1__ ? (module => module.useSyncExternalStore)(react__WEBPACK_IMPORTED_MODULE_1__) : shim; + +const DataRouterContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + DataRouterContext.displayName = "DataRouter"; +} + +const DataRouterStateContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + DataRouterStateContext.displayName = "DataRouterState"; +} + +const AwaitContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + AwaitContext.displayName = "Await"; +} + +const NavigationContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + NavigationContext.displayName = "Navigation"; +} + +const LocationContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + LocationContext.displayName = "Location"; +} + +const RouteContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext({ + outlet: null, + matches: [] +}); + +if (true) { + RouteContext.displayName = "Route"; +} + +const RouteErrorContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); + +if (true) { + RouteErrorContext.displayName = "RouteError"; +} + +/** + * Returns the full href for the given "to" value. This is useful for building + * custom links that are also accessible and preserve right-click behavior. + * + * @see https://reactrouter.com/hooks/use-href + */ + +function useHref(to, _temp) { + let { + relative + } = _temp === void 0 ? {} : _temp; + !useInRouterContext() ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useHref() may be used only in the context of a component.") : 0 : void 0; + let { + basename, + navigator + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(NavigationContext); + let { + hash, + pathname, + search + } = useResolvedPath(to, { + relative + }); + let joinedPathname = pathname; // If we're operating within a basename, prepend it to the pathname prior + // to creating the href. If this is a root navigation, then just use the raw + // basename which allows the basename to have full control over the presence + // of a trailing slash on root links + + if (basename !== "/") { + joinedPathname = pathname === "/" ? basename : (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.joinPaths)([basename, pathname]); + } + + return navigator.createHref({ + pathname: joinedPathname, + search, + hash + }); +} +/** + * Returns true if this component is a descendant of a . + * + * @see https://reactrouter.com/hooks/use-in-router-context + */ + +function useInRouterContext() { + return react__WEBPACK_IMPORTED_MODULE_1__.useContext(LocationContext) != null; +} +/** + * Returns the current location object, which represents the current URL in web + * browsers. + * + * Note: If you're using this it may mean you're doing some of your own + * "routing" in your app, and we'd like to know what your use case is. We may + * be able to provide something higher-level to better suit your needs. + * + * @see https://reactrouter.com/hooks/use-location + */ + +function useLocation() { + !useInRouterContext() ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useLocation() may be used only in the context of a component.") : 0 : void 0; + return react__WEBPACK_IMPORTED_MODULE_1__.useContext(LocationContext).location; +} +/** + * Returns the current navigation action which describes how the router came to + * the current location, either by a pop, push, or replace on the history stack. + * + * @see https://reactrouter.com/hooks/use-navigation-type + */ + +function useNavigationType() { + return react__WEBPACK_IMPORTED_MODULE_1__.useContext(LocationContext).navigationType; +} +/** + * Returns a PathMatch object if the given pattern matches the current URL. + * This is useful for components that need to know "active" state, e.g. + * . + * + * @see https://reactrouter.com/hooks/use-match + */ + +function useMatch(pattern) { + !useInRouterContext() ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useMatch() may be used only in the context of a component.") : 0 : void 0; + let { + pathname + } = useLocation(); + return react__WEBPACK_IMPORTED_MODULE_1__.useMemo(() => (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.matchPath)(pattern, pathname), [pathname, pattern]); +} +/** + * The interface for the navigate() function returned from useNavigate(). + */ + +/** + * Returns an imperative method for changing the location. Used by s, but + * may also be used by other elements to change the location. + * + * @see https://reactrouter.com/hooks/use-navigate + */ +function useNavigate() { + !useInRouterContext() ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useNavigate() may be used only in the context of a component.") : 0 : void 0; + let { + basename, + navigator + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(NavigationContext); + let { + matches + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + let { + pathname: locationPathname + } = useLocation(); + let routePathnamesJson = JSON.stringify((0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.UNSAFE_getPathContributingMatches)(matches).map(match => match.pathnameBase)); + let activeRef = react__WEBPACK_IMPORTED_MODULE_1__.useRef(false); + react__WEBPACK_IMPORTED_MODULE_1__.useEffect(() => { + activeRef.current = true; + }); + let navigate = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(function (to, options) { + if (options === void 0) { + options = {}; + } + + true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.warning)(activeRef.current, "You should call navigate() in a React.useEffect(), not when " + "your component is first rendered.") : 0; + if (!activeRef.current) return; + + if (typeof to === "number") { + navigator.go(to); + return; + } + + let path = (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.resolveTo)(to, JSON.parse(routePathnamesJson), locationPathname, options.relative === "path"); // If we're operating within a basename, prepend it to the pathname prior + // to handing off to history. If this is a root navigation, then we + // navigate to the raw basename which allows the basename to have full + // control over the presence of a trailing slash on root links + + if (basename !== "/") { + path.pathname = path.pathname === "/" ? basename : (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.joinPaths)([basename, path.pathname]); + } + + (!!options.replace ? navigator.replace : navigator.push)(path, options.state, options); + }, [basename, navigator, routePathnamesJson, locationPathname]); + return navigate; +} +const OutletContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createContext(null); +/** + * Returns the context (if provided) for the child route at this level of the route + * hierarchy. + * @see https://reactrouter.com/hooks/use-outlet-context + */ + +function useOutletContext() { + return react__WEBPACK_IMPORTED_MODULE_1__.useContext(OutletContext); +} +/** + * Returns the element for the child route at this level of the route + * hierarchy. Used internally by to render child routes. + * + * @see https://reactrouter.com/hooks/use-outlet + */ + +function useOutlet(context) { + let outlet = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext).outlet; + + if (outlet) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(OutletContext.Provider, { + value: context + }, outlet); + } + + return outlet; +} +/** + * Returns an object of key/value pairs of the dynamic params from the current + * URL that were matched by the route path. + * + * @see https://reactrouter.com/hooks/use-params + */ + +function useParams() { + let { + matches + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + let routeMatch = matches[matches.length - 1]; + return routeMatch ? routeMatch.params : {}; +} +/** + * Resolves the pathname of the given `to` value against the current location. + * + * @see https://reactrouter.com/hooks/use-resolved-path + */ + +function useResolvedPath(to, _temp2) { + let { + relative + } = _temp2 === void 0 ? {} : _temp2; + let { + matches + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + let { + pathname: locationPathname + } = useLocation(); + let routePathnamesJson = JSON.stringify((0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.UNSAFE_getPathContributingMatches)(matches).map(match => match.pathnameBase)); + return react__WEBPACK_IMPORTED_MODULE_1__.useMemo(() => (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.resolveTo)(to, JSON.parse(routePathnamesJson), locationPathname, relative === "path"), [to, routePathnamesJson, locationPathname, relative]); +} +/** + * Returns the element of the route that matched the current location, prepared + * with the correct context to render the remainder of the route tree. Route + * elements in the tree must render an to render their child route's + * element. + * + * @see https://reactrouter.com/hooks/use-routes + */ + +function useRoutes(routes, locationArg) { + !useInRouterContext() ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, // TODO: This error is probably because they somehow have 2 versions of the + // router loaded. We can help them understand how to avoid that. + "useRoutes() may be used only in the context of a component.") : 0 : void 0; + let { + navigator + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(NavigationContext); + let dataRouterStateContext = react__WEBPACK_IMPORTED_MODULE_1__.useContext(DataRouterStateContext); + let { + matches: parentMatches + } = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + let routeMatch = parentMatches[parentMatches.length - 1]; + let parentParams = routeMatch ? routeMatch.params : {}; + let parentPathname = routeMatch ? routeMatch.pathname : "/"; + let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : "/"; + let parentRoute = routeMatch && routeMatch.route; + + if (true) { + // You won't get a warning about 2 different under a + // without a trailing *, but this is a best-effort warning anyway since we + // cannot even give the warning unless they land at the parent route. + // + // Example: + // + // + // {/* This route path MUST end with /* because otherwise + // it will never match /blog/post/123 */} + // } /> + // } /> + // + // + // function Blog() { + // return ( + // + // } /> + // + // ); + // } + let parentPath = parentRoute && parentRoute.path || ""; + warningOnce(parentPathname, !parentRoute || parentPath.endsWith("*"), "You rendered descendant (or called `useRoutes()`) at " + ("\"" + parentPathname + "\" (under ) but the ") + "parent route path has no trailing \"*\". This means if you navigate " + "deeper, the parent won't match anymore and therefore the child " + "routes will never render.\n\n" + ("Please change the parent to .")); + } + + let locationFromContext = useLocation(); + let location; + + if (locationArg) { + var _parsedLocationArg$pa; + + let parsedLocationArg = typeof locationArg === "string" ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.parsePath)(locationArg) : locationArg; + !(parentPathnameBase === "/" || ((_parsedLocationArg$pa = parsedLocationArg.pathname) == null ? void 0 : _parsedLocationArg$pa.startsWith(parentPathnameBase))) ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, "When overriding the location using `` or `useRoutes(routes, location)`, " + "the location pathname must begin with the portion of the URL pathname that was " + ("matched by all parent routes. The current pathname base is \"" + parentPathnameBase + "\" ") + ("but pathname \"" + parsedLocationArg.pathname + "\" was given in the `location` prop.")) : 0 : void 0; + location = parsedLocationArg; + } else { + location = locationFromContext; + } + + let pathname = location.pathname || "/"; + let remainingPathname = parentPathnameBase === "/" ? pathname : pathname.slice(parentPathnameBase.length) || "/"; + let matches = (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.matchRoutes)(routes, { + pathname: remainingPathname + }); + + if (true) { + true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.warning)(parentRoute || matches != null, "No routes matched location \"" + location.pathname + location.search + location.hash + "\" ") : 0; + true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.warning)(matches == null || matches[matches.length - 1].route.element !== undefined, "Matched leaf route at location \"" + location.pathname + location.search + location.hash + "\" does not have an element. " + "This means it will render an with a null value by default resulting in an \"empty\" page.") : 0; + } + + let renderedMatches = _renderMatches(matches && matches.map(match => Object.assign({}, match, { + params: Object.assign({}, parentParams, match.params), + pathname: (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.joinPaths)([parentPathnameBase, // Re-encode pathnames that were decoded inside matchRoutes + navigator.encodeLocation ? navigator.encodeLocation(match.pathname).pathname : match.pathname]), + pathnameBase: match.pathnameBase === "/" ? parentPathnameBase : (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.joinPaths)([parentPathnameBase, // Re-encode pathnames that were decoded inside matchRoutes + navigator.encodeLocation ? navigator.encodeLocation(match.pathnameBase).pathname : match.pathnameBase]) + })), parentMatches, dataRouterStateContext || undefined); // When a user passes in a `locationArg`, the associated routes need to + // be wrapped in a new `LocationContext.Provider` in order for `useLocation` + // to use the scoped location instead of the global location. + + + if (locationArg && renderedMatches) { + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(LocationContext.Provider, { + value: { + location: _extends({ + pathname: "/", + search: "", + hash: "", + state: null, + key: "default" + }, location), + navigationType: _remix_run_router__WEBPACK_IMPORTED_MODULE_0__.Action.Pop + } + }, renderedMatches); + } + + return renderedMatches; +} + +function DefaultErrorElement() { + let error = useRouteError(); + let message = (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.isRouteErrorResponse)(error) ? error.status + " " + error.statusText : error instanceof Error ? error.message : JSON.stringify(error); + let stack = error instanceof Error ? error.stack : null; + let lightgrey = "rgba(200,200,200, 0.5)"; + let preStyles = { + padding: "0.5rem", + backgroundColor: lightgrey + }; + let codeStyles = { + padding: "2px 4px", + backgroundColor: lightgrey + }; + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("h2", null, "Unhandled Thrown Error!"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("h3", { + style: { + fontStyle: "italic" + } + }, message), stack ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("pre", { + style: preStyles + }, stack) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("p", null, "\uD83D\uDCBF Hey developer \uD83D\uDC4B"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("code", { + style: codeStyles + }, "errorElement"), " props on\xA0", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("code", { + style: codeStyles + }, ""))); +} + +class RenderErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_1__.Component { + constructor(props) { + super(props); + this.state = { + location: props.location, + error: props.error + }; + } + + static getDerivedStateFromError(error) { + return { + error: error + }; + } + + static getDerivedStateFromProps(props, state) { + // When we get into an error state, the user will likely click "back" to the + // previous page that didn't have an error. Because this wraps the entire + // application, that will have no effect--the error page continues to display. + // This gives us a mechanism to recover from the error when the location changes. + // + // Whether we're in an error state or not, we update the location in state + // so that when we are in an error state, it gets reset when a new location + // comes in and the user recovers from the error. + if (state.location !== props.location) { + return { + error: props.error, + location: props.location + }; + } // If we're not changing locations, preserve the location but still surface + // any new errors that may come through. We retain the existing error, we do + // this because the error provided from the app state may be cleared without + // the location changing. + + + return { + error: props.error || state.error, + location: state.location + }; + } + + componentDidCatch(error, errorInfo) { + console.error("React Router caught the following error during render", error, errorInfo); + } + + render() { + return this.state.error ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(RouteContext.Provider, { + value: this.props.routeContext + }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(RouteErrorContext.Provider, { + value: this.state.error, + children: this.props.component + })) : this.props.children; + } + +} + +function RenderedRoute(_ref) { + let { + routeContext, + match, + children + } = _ref; + let dataRouterContext = react__WEBPACK_IMPORTED_MODULE_1__.useContext(DataRouterContext); // Track how deep we got in our render pass to emulate SSR componentDidCatch + // in a DataStaticRouter + + if (dataRouterContext && dataRouterContext.static && dataRouterContext.staticContext && match.route.errorElement) { + dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id; + } + + return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(RouteContext.Provider, { + value: routeContext + }, children); +} + +function _renderMatches(matches, parentMatches, dataRouterState) { + if (parentMatches === void 0) { + parentMatches = []; + } + + if (matches == null) { + if (dataRouterState != null && dataRouterState.errors) { + // Don't bail if we have data router errors so we can render them in the + // boundary. Use the pre-matched (or shimmed) matches + matches = dataRouterState.matches; + } else { + return null; + } + } + + let renderedMatches = matches; // If we have data errors, trim matches to the highest error boundary + + let errors = dataRouterState == null ? void 0 : dataRouterState.errors; + + if (errors != null) { + let errorIndex = renderedMatches.findIndex(m => m.route.id && (errors == null ? void 0 : errors[m.route.id])); + !(errorIndex >= 0) ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, "Could not find a matching route for the current errors: " + errors) : 0 : void 0; + renderedMatches = renderedMatches.slice(0, Math.min(renderedMatches.length, errorIndex + 1)); + } + + return renderedMatches.reduceRight((outlet, match, index) => { + let error = match.route.id ? errors == null ? void 0 : errors[match.route.id] : null; // Only data routers handle errors + + let errorElement = dataRouterState ? match.route.errorElement || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(DefaultErrorElement, null) : null; + let matches = parentMatches.concat(renderedMatches.slice(0, index + 1)); + + let getChildren = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(RenderedRoute, { + match: match, + routeContext: { + outlet, + matches + } + }, error ? errorElement : match.route.element !== undefined ? match.route.element : outlet); // Only wrap in an error boundary within data router usages when we have an + // errorElement on this route. Otherwise let it bubble up to an ancestor + // errorElement + + + return dataRouterState && (match.route.errorElement || index === 0) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(RenderErrorBoundary, { + location: dataRouterState.location, + component: errorElement, + error: error, + children: getChildren(), + routeContext: { + outlet: null, + matches + } + }) : getChildren(); + }, null); +} +var DataRouterHook; + +(function (DataRouterHook) { + DataRouterHook["UseRevalidator"] = "useRevalidator"; +})(DataRouterHook || (DataRouterHook = {})); + +var DataRouterStateHook; + +(function (DataRouterStateHook) { + DataRouterStateHook["UseLoaderData"] = "useLoaderData"; + DataRouterStateHook["UseActionData"] = "useActionData"; + DataRouterStateHook["UseRouteError"] = "useRouteError"; + DataRouterStateHook["UseNavigation"] = "useNavigation"; + DataRouterStateHook["UseRouteLoaderData"] = "useRouteLoaderData"; + DataRouterStateHook["UseMatches"] = "useMatches"; + DataRouterStateHook["UseRevalidator"] = "useRevalidator"; +})(DataRouterStateHook || (DataRouterStateHook = {})); + +function getDataRouterConsoleError(hookName) { + return hookName + " must be used within a data router. See https://reactrouter.com/routers/picking-a-router."; +} + +function useDataRouterContext(hookName) { + let ctx = react__WEBPACK_IMPORTED_MODULE_1__.useContext(DataRouterContext); + !ctx ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, getDataRouterConsoleError(hookName)) : 0 : void 0; + return ctx; +} + +function useDataRouterState(hookName) { + let state = react__WEBPACK_IMPORTED_MODULE_1__.useContext(DataRouterStateContext); + !state ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, getDataRouterConsoleError(hookName)) : 0 : void 0; + return state; +} + +function useRouteContext(hookName) { + let route = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + !route ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, getDataRouterConsoleError(hookName)) : 0 : void 0; + return route; +} + +function useCurrentRouteId(hookName) { + let route = useRouteContext(hookName); + let thisRoute = route.matches[route.matches.length - 1]; + !thisRoute.route.id ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, hookName + " can only be used on routes that contain a unique \"id\"") : 0 : void 0; + return thisRoute.route.id; +} +/** + * Returns the current navigation, defaulting to an "idle" navigation when + * no navigation is in progress + */ + + +function useNavigation() { + let state = useDataRouterState(DataRouterStateHook.UseNavigation); + return state.navigation; +} +/** + * Returns a revalidate function for manually triggering revalidation, as well + * as the current state of any manual revalidations + */ + +function useRevalidator() { + let dataRouterContext = useDataRouterContext(DataRouterHook.UseRevalidator); + let state = useDataRouterState(DataRouterStateHook.UseRevalidator); + return { + revalidate: dataRouterContext.router.revalidate, + state: state.revalidation + }; +} +/** + * Returns the active route matches, useful for accessing loaderData for + * parent/child routes or the route "handle" property + */ + +function useMatches() { + let { + matches, + loaderData + } = useDataRouterState(DataRouterStateHook.UseMatches); + return react__WEBPACK_IMPORTED_MODULE_1__.useMemo(() => matches.map(match => { + let { + pathname, + params + } = match; // Note: This structure matches that created by createUseMatchesMatch + // in the @remix-run/router , so if you change this please also change + // that :) Eventually we'll DRY this up + + return { + id: match.route.id, + pathname, + params, + data: loaderData[match.route.id], + handle: match.route.handle + }; + }), [matches, loaderData]); +} +/** + * Returns the loader data for the nearest ancestor Route loader + */ + +function useLoaderData() { + let state = useDataRouterState(DataRouterStateHook.UseLoaderData); + let routeId = useCurrentRouteId(DataRouterStateHook.UseLoaderData); + + if (state.errors && state.errors[routeId] != null) { + console.error("You cannot `useLoaderData` in an errorElement (routeId: " + routeId + ")"); + return undefined; + } + + return state.loaderData[routeId]; +} +/** + * Returns the loaderData for the given routeId + */ + +function useRouteLoaderData(routeId) { + let state = useDataRouterState(DataRouterStateHook.UseRouteLoaderData); + return state.loaderData[routeId]; +} +/** + * Returns the action data for the nearest ancestor Route action + */ + +function useActionData() { + let state = useDataRouterState(DataRouterStateHook.UseActionData); + let route = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteContext); + !route ? true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.invariant)(false, "useActionData must be used inside a RouteContext") : 0 : void 0; + return Object.values((state == null ? void 0 : state.actionData) || {})[0]; +} +/** + * Returns the nearest ancestor Route error, which could be a loader/action + * error or a render error. This is intended to be called from your + * errorElement to display a proper error message. + */ + +function useRouteError() { + var _state$errors; + + let error = react__WEBPACK_IMPORTED_MODULE_1__.useContext(RouteErrorContext); + let state = useDataRouterState(DataRouterStateHook.UseRouteError); + let routeId = useCurrentRouteId(DataRouterStateHook.UseRouteError); // If this was a render error, we put it in a RouteError context inside + // of RenderErrorBoundary + + if (error) { + return error; + } // Otherwise look for errors from our data router state + + + return (_state$errors = state.errors) == null ? void 0 : _state$errors[routeId]; +} +/** + * Returns the happy-path data from the nearest ancestor value + */ + +function useAsyncValue() { + let value = react__WEBPACK_IMPORTED_MODULE_1__.useContext(AwaitContext); + return value == null ? void 0 : value._data; +} +/** + * Returns the error from the nearest ancestor value + */ + +function useAsyncError() { + let value = react__WEBPACK_IMPORTED_MODULE_1__.useContext(AwaitContext); + return value == null ? void 0 : value._error; +} +const alreadyWarned = {}; + +function warningOnce(key, cond, message) { + if (!cond && !alreadyWarned[key]) { + alreadyWarned[key] = true; + true ? (0,_remix_run_router__WEBPACK_IMPORTED_MODULE_0__.warning)(false, message) : 0; + } +} + +/** + * Given a Remix Router instance, render the appropriate UI + */ +function RouterProvider(_ref) { + let { + fallbackElement, + router + } = _ref; + // Sync router state to our component state to force re-renders + let state = useSyncExternalStore(router.subscribe, () => router.state, // We have to provide this so React@18 doesn't complain during hydration, + // but we pass our serialized hydration data into the router so state here + // is already synced with what the server saw + () => router.state); + let navigator = react__WEBPACK_IMPORTED_MODULE_1__.useMemo(() => { + return { + createHref: router.createHref, + encodeLocation: router.encodeLocation, + go: n => router.navigate(n), + push: (to, state, opts) => router.navigate(to, { + state, + preventScrollReset: opts == null ? void 0 : opts.preventScrollReset + }), + replace: (to, state, opts) => router.navigate(to, { + replace: true, + state, + preventScrollReset: opts == null ? void 0 : opts.preventScrollReset + }) + }; + }, [router]); + let basename = router.basename || "/"; // The fragment and {null} here are important! We need them to keep React 18's + // useId happy when we are server-rendering since we may have a