diff --git a/dist/dev/index.js b/dist/dev/index.js
index b4058cf..207a9fe 100644
--- a/dist/dev/index.js
+++ b/dist/dev/index.js
@@ -125,7 +125,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/c
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\"));\nvar ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___2___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2\"));\nvar ___CSS_LOADER_URL___3___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff\"));\nvar ___CSS_LOADER_URL___4___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf\"));\nvar ___CSS_LOADER_URL___5___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___6___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\"));\nvar ___CSS_LOADER_URL___7___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___8___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2\"));\nvar ___CSS_LOADER_URL___9___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff\"));\nvar ___CSS_LOADER_URL___10___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf\"));\nvar ___CSS_LOADER_URL___11___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___12___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\"));\nvar ___CSS_LOADER_URL___13___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___14___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2 */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2\"));\nvar ___CSS_LOADER_URL___15___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff\"));\nvar ___CSS_LOADER_URL___16___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf\"));\nvar ___CSS_LOADER_URL___17___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___18___ = urlEscape(__webpack_require__(/*! ../../assets/images/icon-bell-red.svg */ \"./src/assets/images/icon-bell-red.svg\"));\nvar ___CSS_LOADER_URL___19___ = urlEscape(__webpack_require__(/*! ../../assets/images/right-arrow.svg */ \"./src/assets/images/right-arrow.svg\"));\n\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n/* Roboto fonts */\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 700;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___0___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto Bold\\\"), local(\\\"Roboto-Bold\\\"), url(\" + ___CSS_LOADER_URL___1___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___2___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___3___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___4___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___5___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 400;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___6___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto\\\"), local(\\\"Roboto-Regular\\\"), url(\" + ___CSS_LOADER_URL___7___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___8___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___9___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___10___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___11___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Barlow Condensed\\\";\\n  font-weight: 600;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___12___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Barlow Condensed SemiBold\\\"), local(\\\"BarlowCondensed-SemiBold\\\"), url(\" + ___CSS_LOADER_URL___13___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___14___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___15___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___16___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___17___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._3Yrr8BSysj0rX_n27afX1v {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._39pyudu_xKObZW6pdJuvzE {\\n    display: none; } }\\n\\n._1DBEhWVAp80KcvisVjxeoJ {\\n  position: absolute;\\n  right: 0;\\n  top: 40px;\\n  color: #2A2A2B;\\n  border-radius: 10px;\\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\\n  width: 288px;\\n  background: #FFFFFF;\\n  border-radius: 6px;\\n  overflow: hidden;\\n  z-index: 1;\\n  display: none; }\\n  ._1DBEhWVAp80KcvisVjxeoJ .J7AZ7AoZpMiqcGkk5EiPI {\\n    position: fixed;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n    z-index: -1;\\n    cursor: default; }\\n  ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\\n    display: block; }\\n  ._1DBEhWVAp80KcvisVjxeoJ a {\\n    color: #2A2A2B; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\\n    padding: 0 20px;\\n    display: none;\\n    align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\\n      background: #137D60;\\n      color: #FFFFFF;\\n      height: 90px; }\\n      @media (min-width: 769px) {\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\\n          display: flex; } }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._1wFEBuiGu2rmAiS_Agpkj0 {\\n      display: flex;\\n      flex-direction: column; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3Y2gUUZLS01E2DBwAmL5AC {\\n      font-size: 16px;\\n      line-height: 20px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3MNC9RVKZqkHXDT4LawW2U {\\n      font-size: 12px;\\n      line-height: 14px;\\n      margin-top: 4px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B .SLZdcUmntH_Gz43MlKy_e {\\n      margin-right: 10px;\\n      border-radius: 50%; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO {\\n    background: #2A2A2B;\\n    height: 50px;\\n    display: flex;\\n    align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO ._2mlsFz0e2JplFFCaXj8NGz {\\n      margin: 0 10px 0 22px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO a {\\n      color: #FFFFFF;\\n      font-size: 14px;\\n      line-height: 30px; }\\n  @media (min-width: 769px) {\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\\n      padding: 15px 0 25px 0; } }\\n  @media (min-width: 769px) {\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj {\\n      display: none; } }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\\n    height: 50px;\\n    display: flex;\\n    align-items: center;\\n    margin: -5px 0;\\n    padding: 0 20px;\\n    font-size: 14px;\\n    font-weight: 400;\\n    line-height: 30px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\\n      background: #F4F4F4; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\\n    background: #E0E0E0;\\n    height: 1px;\\n    width: 100%;\\n    margin: 10px;\\n    height: 1px;\\n    width: calc(100% - 40px);\\n    align-self: center;\\n    display: block; }\\n    @media (min-width: 769px) {\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8._39pyudu_xKObZW6pdJuvzE {\\n        display: none; } }\\n\\n@media (max-width: 768px) {\\n  ._1DBEhWVAp80KcvisVjxeoJ {\\n    position: fixed;\\n    width: 100%;\\n    height: 100vh;\\n    overflow-y: auto;\\n    background: #FFFFFF;\\n    display: none;\\n    z-index: 10;\\n    top: 0;\\n    display: none;\\n    flex-direction: column;\\n    border-radius: 0; }\\n    ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\\n      display: flex; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\\n      padding: 7px 0 5px 17px;\\n      display: none;\\n      justify-content: space-between;\\n      align-items: center; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B.aglP2X7ywZf438_Bb1dtR {\\n        display: flex; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU {\\n        display: flex;\\n        align-items: center;\\n        margin-bottom: 2px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU img {\\n          border: 3px solid #C0C0C0;\\n          border-radius: 33px;\\n          margin-right: 17px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._1wFEBuiGu2rmAiS_Agpkj0 {\\n          display: flex;\\n          flex-direction: column;\\n          padding-top: 15px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._3Y2gUUZLS01E2DBwAmL5AC {\\n          font-family: 'Roboto';\\n          font-weight: 700;\\n          font-size: 20px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU .U68y4Y2wNYKEkEoINGHp5 {\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          font-size: 12px;\\n          color: #404041; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3c5H0OfZrcQpn4rG8MAh-8 {\\n        width: 50px;\\n        height: 50px;\\n        display: flex;\\n        justify-content: center;\\n        align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\\n      display: flex;\\n      flex-direction: column;\\n      margin-top: 15px; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\\n        background: #E0E0E0;\\n        width: calc(100% - 46px);\\n        margin: 15px 0;\\n        height: 1px;\\n        align-self: center;\\n        padding: 0 20px; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a,\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj {\\n        color: #2A2A2B;\\n        height: 40px;\\n        display: flex;\\n        align-items: center;\\n        margin: 5px 0;\\n        padding: 0 20px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover,\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj:hover {\\n          background: #F4F4F4; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj,\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj {\\n          display: flex;\\n          justify-content: space-between; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M,\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M {\\n            font-size: 18px;\\n            font-family: 'Roboto';\\n            font-weight: 700;\\n            background: url(\" + ___CSS_LOADER_URL___18___ + \") left center no-repeat;\\n            background-size: 16px;\\n            padding-left: 28px;\\n            text-align: left; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o,\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o {\\n            font-size: 14px;\\n            color: #EF476F; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy,\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy {\\n            background: url(\" + ___CSS_LOADER_URL___19___ + \") left center no-repeat;\\n            background-size: 10px;\\n            width: 10px;\\n            height: 16px; } }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_3Yrr8BSysj0rX_n27afX1v\",\n\t\"hide-not-mobile\": \"_39pyudu_xKObZW6pdJuvzE\",\n\t\"user-info-popup\": \"_1DBEhWVAp80KcvisVjxeoJ\",\n\t\"backdrop\": \"J7AZ7AoZpMiqcGkk5EiPI\",\n\t\"open\": \"_13ZRWXhKBcHUN13XpzxXsP\",\n\t\"header\": \"_3-ni4BP9S3pMtBmuWTdD-B\",\n\t\"header-mobile\": \"aglP2X7ywZf438_Bb1dtR\",\n\t\"handle-container\": \"_1wFEBuiGu2rmAiS_Agpkj0\",\n\t\"handle\": \"_3Y2gUUZLS01E2DBwAmL5AC\",\n\t\"email\": \"_3MNC9RVKZqkHXDT4LawW2U\",\n\t\"avatar\": \"SLZdcUmntH_Gz43MlKy_e\",\n\t\"switch-to-business-container\": \"_2eGTkF96fLsq65vhLrHCwO\",\n\t\"switch-icon\": \"_2mlsFz0e2JplFFCaXj8NGz\",\n\t\"menu\": \"_3XpyrYezAnF-8HlgAaQPVd\",\n\t\"notification-mobile\": \"_1uKKtJz3R1OJadiIC1Dhzj\",\n\t\"separator\": \"_1W9uvJn9LnD8xfxtrvZOi8\",\n\t\"left-content\": \"_2GIRHsafrrsIqKD2lAgAXU\",\n\t\"description\": \"U68y4Y2wNYKEkEoINGHp5\",\n\t\"icon-close\": \"_3c5H0OfZrcQpn4rG8MAh-8\",\n\t\"left-notifi\": \"_2LjGSqSat-Ui6-yUgv4xxg\",\n\t\"title\": \"_2SJSsuwf42CFIJW_MO_h6M\",\n\t\"red-number\": \"_1-ZXl0prjSGlB_Vf0WA85o\",\n\t\"notification-right-arrow\": \"_3MZGOFybb6E3PbTPTEBAIy\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
+eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\"));\nvar ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___2___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2\"));\nvar ___CSS_LOADER_URL___3___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff\"));\nvar ___CSS_LOADER_URL___4___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf\"));\nvar ___CSS_LOADER_URL___5___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___6___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\"));\nvar ___CSS_LOADER_URL___7___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___8___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2\"));\nvar ___CSS_LOADER_URL___9___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff\"));\nvar ___CSS_LOADER_URL___10___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf\"));\nvar ___CSS_LOADER_URL___11___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___12___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\"));\nvar ___CSS_LOADER_URL___13___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___14___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2 */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2\"));\nvar ___CSS_LOADER_URL___15___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff\"));\nvar ___CSS_LOADER_URL___16___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf\"));\nvar ___CSS_LOADER_URL___17___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___18___ = urlEscape(__webpack_require__(/*! ../../assets/images/icon-bell-red.svg */ \"./src/assets/images/icon-bell-red.svg\"));\nvar ___CSS_LOADER_URL___19___ = urlEscape(__webpack_require__(/*! ../../assets/images/right-arrow.svg */ \"./src/assets/images/right-arrow.svg\"));\n\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n/* Roboto fonts */\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 700;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___0___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto Bold\\\"), local(\\\"Roboto-Bold\\\"), url(\" + ___CSS_LOADER_URL___1___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___2___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___3___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___4___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___5___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 400;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___6___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto\\\"), local(\\\"Roboto-Regular\\\"), url(\" + ___CSS_LOADER_URL___7___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___8___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___9___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___10___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___11___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Barlow Condensed\\\";\\n  font-weight: 600;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___12___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Barlow Condensed SemiBold\\\"), local(\\\"BarlowCondensed-SemiBold\\\"), url(\" + ___CSS_LOADER_URL___13___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___14___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___15___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___16___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___17___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._3Yrr8BSysj0rX_n27afX1v {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._39pyudu_xKObZW6pdJuvzE {\\n    display: none; } }\\n\\n._1DBEhWVAp80KcvisVjxeoJ {\\n  position: absolute;\\n  right: 0;\\n  top: 40px;\\n  color: #2A2A2B;\\n  border-radius: 10px;\\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\\n  width: 288px;\\n  background: #FFFFFF;\\n  border-radius: 6px;\\n  overflow: hidden;\\n  z-index: 1;\\n  display: none; }\\n  ._1DBEhWVAp80KcvisVjxeoJ .J7AZ7AoZpMiqcGkk5EiPI {\\n    position: fixed;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n    z-index: -1;\\n    cursor: default; }\\n  ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\\n    display: block; }\\n  ._1DBEhWVAp80KcvisVjxeoJ a {\\n    color: #2A2A2B; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\\n    padding: 0 20px;\\n    display: none;\\n    align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\\n      background: #137D60;\\n      color: #FFFFFF;\\n      height: 90px; }\\n      @media (min-width: 769px) {\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\\n          display: flex; } }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._1wFEBuiGu2rmAiS_Agpkj0 {\\n      display: flex;\\n      flex-direction: column; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3Y2gUUZLS01E2DBwAmL5AC {\\n      font-size: 16px;\\n      line-height: 20px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3MNC9RVKZqkHXDT4LawW2U {\\n      font-size: 12px;\\n      line-height: 14px;\\n      margin-top: 4px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B .SLZdcUmntH_Gz43MlKy_e {\\n      margin-right: 10px;\\n      border-radius: 50%; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO {\\n    background: #2A2A2B;\\n    height: 50px;\\n    display: flex;\\n    align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO ._2mlsFz0e2JplFFCaXj8NGz {\\n      margin: 0 10px 0 22px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO a {\\n      color: #FFFFFF;\\n      font-size: 14px;\\n      line-height: 30px; }\\n  @media (min-width: 769px) {\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 {\\n      display: none; } }\\n  @media (min-width: 769px) {\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\\n      padding: 15px 0 25px 0; } }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\\n    height: 50px;\\n    display: flex;\\n    align-items: center;\\n    margin: -5px 0;\\n    padding: 0 20px;\\n    font-size: 14px;\\n    font-weight: 400;\\n    line-height: 30px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\\n      background: #F4F4F4; }\\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\\n    background: #E0E0E0;\\n    height: 1px;\\n    width: 100%;\\n    margin: 10px;\\n    height: 1px;\\n    width: calc(100% - 40px);\\n    align-self: center;\\n    display: block; }\\n    @media (min-width: 769px) {\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8._39pyudu_xKObZW6pdJuvzE {\\n        display: none; } }\\n\\n@media (max-width: 768px) {\\n  ._1DBEhWVAp80KcvisVjxeoJ {\\n    position: fixed;\\n    width: 100%;\\n    height: 100vh;\\n    overflow-y: auto;\\n    background: #FFFFFF;\\n    display: none;\\n    z-index: 10;\\n    top: 0;\\n    display: none;\\n    flex-direction: column;\\n    border-radius: 0; }\\n    ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\\n      display: flex; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\\n      padding: 7px 0 5px 17px;\\n      display: none;\\n      justify-content: space-between;\\n      align-items: center; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B.aglP2X7ywZf438_Bb1dtR {\\n        display: flex; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU {\\n        display: flex;\\n        align-items: center;\\n        margin-bottom: 2px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU img {\\n          border: 3px solid #C0C0C0;\\n          border-radius: 33px;\\n          margin-right: 17px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._1wFEBuiGu2rmAiS_Agpkj0 {\\n          display: flex;\\n          flex-direction: column;\\n          padding-top: 15px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._3Y2gUUZLS01E2DBwAmL5AC {\\n          font-family: 'Roboto';\\n          font-weight: 700;\\n          font-size: 20px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU .U68y4Y2wNYKEkEoINGHp5 {\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          font-size: 12px;\\n          color: #404041; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3c5H0OfZrcQpn4rG8MAh-8 {\\n        width: 50px;\\n        height: 50px;\\n        display: flex;\\n        justify-content: center;\\n        align-items: center; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 {\\n      height: 75px;\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U {\\n        display: flex;\\n        align-items: center;\\n        margin-bottom: 2px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U .zQhXk6aWa6UXm3lw65C95 {\\n          margin: 0 10px 0 22px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U ._1-ZXl0prjSGlB_Vf0WA85o {\\n          color: #EF476F;\\n          margin: 0 10px; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._25QTeNs1kXRb0Igox89CPc {\\n        width: 50px;\\n        height: 50px;\\n        display: flex;\\n        justify-content: center;\\n        align-items: center; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 a {\\n        color: #FFFFFF;\\n        font-size: 14px;\\n        line-height: 30px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3UHEVi5mxH3vXVq1kdlxdI {\\n      background: #E0E0E0;\\n      width: calc(100% - 46px);\\n      height: 1px;\\n      align-self: center;\\n      padding: 0 20px; }\\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\\n      display: flex;\\n      flex-direction: column;\\n      margin-top: 15px; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\\n        background: #E0E0E0;\\n        width: calc(100% - 46px);\\n        margin: 15px 0;\\n        height: 1px;\\n        align-self: center;\\n        padding: 0 20px; }\\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\\n        color: #2A2A2B;\\n        height: 40px;\\n        display: flex;\\n        align-items: center;\\n        margin: 5px 0;\\n        padding: 0 20px; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\\n          background: #F4F4F4; }\\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj {\\n          display: flex;\\n          justify-content: space-between; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M {\\n            font-size: 18px;\\n            font-family: 'Roboto';\\n            font-weight: 700;\\n            background: url(\" + ___CSS_LOADER_URL___18___ + \") left center no-repeat;\\n            background-size: 16px;\\n            padding-left: 28px;\\n            text-align: left; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o {\\n            font-size: 14px;\\n            color: #EF476F; }\\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy {\\n            background: url(\" + ___CSS_LOADER_URL___19___ + \") left center no-repeat;\\n            background-size: 10px;\\n            width: 10px;\\n            height: 16px; } }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_3Yrr8BSysj0rX_n27afX1v\",\n\t\"hide-not-mobile\": \"_39pyudu_xKObZW6pdJuvzE\",\n\t\"user-info-popup\": \"_1DBEhWVAp80KcvisVjxeoJ\",\n\t\"backdrop\": \"J7AZ7AoZpMiqcGkk5EiPI\",\n\t\"open\": \"_13ZRWXhKBcHUN13XpzxXsP\",\n\t\"header\": \"_3-ni4BP9S3pMtBmuWTdD-B\",\n\t\"header-mobile\": \"aglP2X7ywZf438_Bb1dtR\",\n\t\"handle-container\": \"_1wFEBuiGu2rmAiS_Agpkj0\",\n\t\"handle\": \"_3Y2gUUZLS01E2DBwAmL5AC\",\n\t\"email\": \"_3MNC9RVKZqkHXDT4LawW2U\",\n\t\"avatar\": \"SLZdcUmntH_Gz43MlKy_e\",\n\t\"switch-to-business-container\": \"_2eGTkF96fLsq65vhLrHCwO\",\n\t\"switch-icon\": \"_2mlsFz0e2JplFFCaXj8NGz\",\n\t\"notifications-mobile\": \"_2G9iuF8gnQNbBoenxbaMw0\",\n\t\"menu\": \"_3XpyrYezAnF-8HlgAaQPVd\",\n\t\"separator\": \"_1W9uvJn9LnD8xfxtrvZOi8\",\n\t\"left-content\": \"_2GIRHsafrrsIqKD2lAgAXU\",\n\t\"description\": \"U68y4Y2wNYKEkEoINGHp5\",\n\t\"icon-close\": \"_3c5H0OfZrcQpn4rG8MAh-8\",\n\t\"noti-left\": \"_3u_I26yp1U87z6Yn0Cae8U\",\n\t\"bell-icon\": \"zQhXk6aWa6UXm3lw65C95\",\n\t\"red-number\": \"_1-ZXl0prjSGlB_Vf0WA85o\",\n\t\"icon-open-noti\": \"_25QTeNs1kXRb0Igox89CPc\",\n\t\"noti-separator\": \"_3UHEVi5mxH3vXVq1kdlxdI\",\n\t\"notification-mobile\": \"_1uKKtJz3R1OJadiIC1Dhzj\",\n\t\"left-notifi\": \"_2LjGSqSat-Ui6-yUgv4xxg\",\n\t\"title\": \"_2SJSsuwf42CFIJW_MO_h6M\",\n\t\"notification-right-arrow\": \"_3MZGOFybb6E3PbTPTEBAIy\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
 
 /***/ }),
 
@@ -191,7 +191,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/c
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n._2Ii9wrSzf3Okhwg8qclKNK {\\n  position: relative;\\n  padding: 10px; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK img {\\n    display: block; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\\n    opacity: 0.5; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh {\\n    line-height: 36px; }\\n    ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh:hover {\\n      background-color: rgba(85, 85, 85, 0.4);\\n      border-radius: 50%; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\\n    content: \\\"\\\";\\n    width: 6px;\\n    height: 6px;\\n    position: absolute;\\n    top: 6px;\\n    right: 5px;\\n    background: #EF476F;\\n    border-radius: 6px;\\n    display: block; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh._1fEPa0UNfOfqQP46l2DmfT {\\n    background-color: rgba(85, 85, 85, 0.4);\\n    border-radius: 50%; }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"notificationButton\": \"_2Ii9wrSzf3Okhwg8qclKNK\",\n\t\"none\": \"q_nxMe059lniB16rnd5Tn\",\n\t\"new\": \"_3xZrCGzwx7RuauWwYHwENh\",\n\t\"isNotificationsPopupOpen\": \"_1fEPa0UNfOfqQP46l2DmfT\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
+eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._1FbstsxsOYjjccIB78Bf5 {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._3INAjyGw8wQPHAB_Re4yHH {\\n    display: none; } }\\n\\n._2Ii9wrSzf3Okhwg8qclKNK {\\n  position: relative;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 30px;\\n  height: 30px; }\\n  @media (max-width: 768px) {\\n    ._2Ii9wrSzf3Okhwg8qclKNK {\\n      display: none; } }\\n  ._2Ii9wrSzf3Okhwg8qclKNK img {\\n    display: block; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\\n    opacity: 0.5; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\\n    content: \\\"\\\";\\n    width: 6px;\\n    height: 6px;\\n    position: absolute;\\n    top: -1px;\\n    right: 3px;\\n    background: #EF476F;\\n    border-radius: 6px;\\n    display: block; }\\n  ._2Ii9wrSzf3Okhwg8qclKNK:hover, ._2Ii9wrSzf3Okhwg8qclKNK._1fEPa0UNfOfqQP46l2DmfT {\\n    background-color: rgba(85, 85, 85, 0.4);\\n    border-radius: 50%; }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_1FbstsxsOYjjccIB78Bf5\",\n\t\"hide-not-mobile\": \"_3INAjyGw8wQPHAB_Re4yHH\",\n\t\"notificationButton\": \"_2Ii9wrSzf3Okhwg8qclKNK\",\n\t\"none\": \"q_nxMe059lniB16rnd5Tn\",\n\t\"new\": \"_3xZrCGzwx7RuauWwYHwENh\",\n\t\"isNotificationsPopupOpen\": \"_1fEPa0UNfOfqQP46l2DmfT\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
 
 /***/ }),
 
@@ -213,7 +213,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/c
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\"));\nvar ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___2___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2\"));\nvar ___CSS_LOADER_URL___3___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff\"));\nvar ___CSS_LOADER_URL___4___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf\"));\nvar ___CSS_LOADER_URL___5___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___6___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\"));\nvar ___CSS_LOADER_URL___7___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___8___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2\"));\nvar ___CSS_LOADER_URL___9___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff\"));\nvar ___CSS_LOADER_URL___10___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf\"));\nvar ___CSS_LOADER_URL___11___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___12___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\"));\nvar ___CSS_LOADER_URL___13___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___14___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2 */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2\"));\nvar ___CSS_LOADER_URL___15___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff\"));\nvar ___CSS_LOADER_URL___16___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf\"));\nvar ___CSS_LOADER_URL___17___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___18___ = urlEscape(__webpack_require__(/*! ../../assets/images/icon-bell.svg */ \"./src/assets/images/icon-bell.svg\"));\nvar ___CSS_LOADER_URL___19___ = urlEscape(__webpack_require__(/*! ../../assets/images/bell-big.svg */ \"./src/assets/images/bell-big.svg\"));\nvar ___CSS_LOADER_URL___20___ = urlEscape(__webpack_require__(/*! ../../assets/images/e-remove.svg */ \"./src/assets/images/e-remove.svg\"));\nvar ___CSS_LOADER_URL___21___ = urlEscape(__webpack_require__(/*! ../../assets/images/delete-small.svg */ \"./src/assets/images/delete-small.svg\"));\nvar ___CSS_LOADER_URL___22___ = urlEscape(__webpack_require__(/*! ../../assets/images/group.svg */ \"./src/assets/images/group.svg\"));\nvar ___CSS_LOADER_URL___23___ = urlEscape(__webpack_require__(/*! ../../assets/images/left-arrow.svg */ \"./src/assets/images/left-arrow.svg\"));\nvar ___CSS_LOADER_URL___24___ = urlEscape(__webpack_require__(/*! ../../assets/images/icon-settings-gear.svg */ \"./src/assets/images/icon-settings-gear.svg\"));\n\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n/* Roboto fonts */\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 700;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___0___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto Bold\\\"), local(\\\"Roboto-Bold\\\"), url(\" + ___CSS_LOADER_URL___1___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___2___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___3___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___4___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___5___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 400;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___6___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto\\\"), local(\\\"Roboto-Regular\\\"), url(\" + ___CSS_LOADER_URL___7___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___8___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___9___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___10___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___11___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Barlow Condensed\\\";\\n  font-weight: 600;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___12___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Barlow Condensed SemiBold\\\"), local(\\\"BarlowCondensed-SemiBold\\\"), url(\" + ___CSS_LOADER_URL___13___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___14___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___15___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___16___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___17___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n._3uzpwBKEA-MbCkI9aIMOp7 {\\n  width: 100% !important;\\n  height: 100% !important;\\n  position: absolute;\\n  top: 0;\\n  left: 0; }\\n\\n.dqp77tD8W2ETuOAfmPKrb {\\n  position: relative; }\\n\\n._10uxAesUyb2uI6gmKN7J6z {\\n  display: none !important; }\\n\\n._3jhWQHRm5iNa8aHKufZPJM {\\n  display: none; }\\n\\n._3DFOkrCgDMnvjCqabi6xXD {\\n  display: block; }\\n\\n._3zI77bcsXMPehS4g_swO9f {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between; }\\n  ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\\n    align-items: flex-start; }\\n\\n._3_kpxJWCILsR8Tg-9uKzXZ {\\n  display: inline-block;\\n  vertical-align: middle; }\\n\\n/* btn */\\n._2oHjajwzyk-5gR6VkemMLi {\\n  font-size: 18px;\\n  font-weight: normal;\\n  text-decoration: none;\\n  border: none;\\n  box-shadow: none;\\n  position: relative;\\n  text-transform: none;\\n  font-weight: bold;\\n  display: inline-block; }\\n  ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\\n    box-shadow: none;\\n    outline: 0; }\\n\\n/* .btn-blue */\\n.iFKI2Ov4qa7QzgTzmFOtv,\\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\\n  cursor: pointer;\\n  height: 30px;\\n  color: #FFFFFF;\\n  line-height: 30px;\\n  border-radius: 15px;\\n  padding: 1px 18px;\\n  font-size: 14px;\\n  font-family: 'Roboto';\\n  font-weight: 700; }\\n\\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\\n  opacity: 0.75; }\\n\\n.iFKI2Ov4qa7QzgTzmFOtv {\\n  background-color: #2C95D7; }\\n  .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\\n    pointer-events: none; }\\n\\n/* .btn-gray */\\n._2qrP7i56V22adC8xa8ezas,\\n._2qrP7i56V22adC8xa8ezas:hover,\\n._2qrP7i56V22adC8xa8ezas:focus {\\n  cursor: pointer;\\n  height: 30px;\\n  color: #FFFFFF;\\n  line-height: 30px;\\n  border-radius: 4px;\\n  padding: 1px 18px;\\n  font-size: 13px;\\n  background-color: #AAAAAB;\\n  font-family: 'Roboto';\\n  font-weight: 400; }\\n\\n._2qrP7i56V22adC8xa8ezas:hover {\\n  opacity: 0.75; }\\n\\n/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._1KRwHAl5IRhFceiZQ7zk5B {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._1NDEgCD5MJCfPAwdP9B9P {\\n    display: none; } }\\n\\n._2bDaoAmFShmqVrbIpK298u {\\n  background-color: #FFFFFF;\\n  border-radius: 10px;\\n  overflow: hidden;\\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\\n  width: 480px;\\n  height: auto;\\n  position: absolute;\\n  right: 10px;\\n  top: 40px;\\n  display: none;\\n  z-index: 100;\\n  cursor: default; }\\n  ._2bDaoAmFShmqVrbIpK298u [role=\\\"button\\\"] {\\n    cursor: pointer; }\\n  ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\\n    display: flex; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\\n    position: fixed;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n    z-index: -1;\\n    cursor: default; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\\n    background-color: #0AB88A;\\n    border-radius: 10px 10px 0 0;\\n    padding: 10px 20px 10px;\\n    height: 30px;\\n    position: sticky;\\n    top: 0;\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center; }\\n    @media (min-width: 769px) {\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2P7pWG81MDfkRVy8vpNIHg {\\n        display: none; } }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\\n      background: url(\" + ___CSS_LOADER_URL___18___ + \") left center no-repeat;\\n      background-size: 16px;\\n      padding-left: 26px;\\n      color: #FFFFFF;\\n      font-size: 16px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      text-align: left; }\\n    @media (max-width: 768px) {\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\\n        display: none; } }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\\n      color: #FFFFFF;\\n      display: inline-block;\\n      vertical-align: middle;\\n      font-size: 12px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      text-align: right; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\\n        opacity: 0.75; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\\n      width: 3px;\\n      height: 3px;\\n      background-color: #FFFFFF;\\n      border-radius: 100%;\\n      display: inline-block;\\n      vertical-align: middle; }\\n    @media (min-width: 769px) {\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\\n        display: none; } }\\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\\n    max-height: 378px;\\n    overflow: scroll; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\\n      text-align: center; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\\n      background: url(\" + ___CSS_LOADER_URL___19___ + \") center center no-repeat;\\n      background-size: 73px 80px;\\n      width: 73px;\\n      height: 80px;\\n      margin: 50px 0 10px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3KTfOxCvh_KBa3DFMUvWe2 {\\n      color: #2A2A2B;\\n      font-size: 30px;\\n      font-family: 'Barlow Condensed';\\n      font-weight: 600;\\n      line-height: 40px;\\n      margin: 23px 0 -8px 0; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\\n      margin: 0;\\n      color: #2A2A2B;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 400;\\n      line-height: 20px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\\n        text-align: center;\\n        padding: 19px 60px 12px 60px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN .RZWo4BWfGuakP2wY9mMG1 {\\n        color: #0596dc;\\n        font-size: 14px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\\n      background-color: #B5E9DB;\\n      height: 28px;\\n      color: #229174;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      line-height: 28px;\\n      padding-left: 20px;\\n      margin-top: -2px;\\n      position: sticky;\\n      position: -webkit-sticky;\\n      top: 0;\\n      z-index: 2;\\n      padding-right: 20px;\\n      padding-top: 2px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\\n      border-bottom: 0; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\\n      margin-top: -2px;\\n      background-color: #FFFFFF;\\n      padding-top: 5px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\\n      position: absolute;\\n      right: 1px;\\n      top: 50%;\\n      margin-top: -10px;\\n      z-index: 666;\\n      display: none; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\\n        display: block;\\n        background: url(\" + ___CSS_LOADER_URL___20___ + \") center center no-repeat;\\n        background-size: 10px;\\n        width: 20px;\\n        height: 20px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\\n          background: url(\" + ___CSS_LOADER_URL___21___ + \") center center no-repeat; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\\n        position: absolute;\\n        top: -28px;\\n        left: -76px;\\n        background-color: #2A2A2B;\\n        border-radius: 2px;\\n        padding: 6px 0;\\n        color: #FFFFFF;\\n        font-size: 11px;\\n        font-family: 'Roboto';\\n        font-weight: 400;\\n        line-height: 13px;\\n        text-align: center;\\n        min-width: 110px;\\n        display: none; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\\n          content: '';\\n          display: block;\\n          position: absolute;\\n          bottom: -5px;\\n          left: calc(50% + 30px);\\n          margin-left: -3px;\\n          width: 0;\\n          height: 0;\\n          border-left: 4px solid transparent;\\n          border-right: 4px solid transparent;\\n          border-top: 5px solid #2A2A2B; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\\n        display: block; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\\n      padding: 0 30px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\\n        background-color: #FBFBFB; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\\n          display: block; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\\n        display: block;\\n        padding: 10px 0;\\n        border-bottom: 1px solid #E0E0E0;\\n        position: relative;\\n        cursor: pointer; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\\n          padding-right: 30px; }\\n        @media (max-width: 768px) {\\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\\n            display: none; } }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\\n        margin-top: 5px;\\n        line-height: 20px;\\n        font-size: 12px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\\n          padding: 0px 10px;\\n          display: inline-block;\\n          margin-right: 6px;\\n          background-color: #50ADE8;\\n          border-radius: 5px;\\n          color: #FFFFFF;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 20px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\\n          display: inline-block;\\n          vertical-align: middle;\\n          color: #AAA;\\n          font-size: 12px;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 20px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\\n      background-color: #F4F4F4;\\n      height: 50px;\\n      padding-left: 20px;\\n      margin-top: -4px;\\n      z-index: 1;\\n      position: relative;\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\\n        padding-left: 26px;\\n        background: url(\" + ___CSS_LOADER_URL___22___ + \") left center no-repeat;\\n        background-size: 15px;\\n        color: #2A2A2B;\\n        font-size: 14px;\\n        font-family: 'Roboto';\\n        font-weight: 700;\\n        width: calc(100% - 70px);\\n        overflow: hidden;\\n        text-overflow: ellipsis;\\n        white-space: nowrap; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\\n        right: 20px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\\n        display: block; }\\n  ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\\n    text-align: center;\\n    padding: 15px 0 45px 0; }\\n  ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\\n    background-color: #FBFBFB;\\n    border-radius: 0 0 10px 10px;\\n    height: 40px;\\n    display: flex;\\n    align-items: center;\\n    color: #7F7F7F;\\n    font-size: 12px;\\n    font-family: 'Roboto';\\n    font-weight: 400;\\n    line-height: 40px;\\n    justify-content: center;\\n    position: relative;\\n    z-index: 10;\\n    margin-top: -3px; }\\n\\n._2bDaoAmFShmqVrbIpK298u {\\n  max-height: 70vh;\\n  flex-direction: column; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\\n    flex: 1;\\n    max-height: none; }\\n\\n@media (max-width: 768px) {\\n  ._2bDaoAmFShmqVrbIpK298u {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    z-index: 100;\\n    width: 100%;\\n    height: 100%;\\n    position: fixed;\\n    box-shadow: none;\\n    border-radius: 0;\\n    display: none;\\n    top: 0;\\n    right: 0;\\n    overflow-y: auto; }\\n    ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\\n      display: flex; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\\n      height: 40px;\\n      border-radius: 0;\\n      padding-left: 10px;\\n      padding-right: 10px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2P7pWG81MDfkRVy8vpNIHg {\\n        width: 50px;\\n        height: 50px;\\n        background: url(\" + ___CSS_LOADER_URL___23___ + \") center center no-repeat;\\n        margin-left: -8px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\\n        width: 50px;\\n        height: 50px;\\n        background: url(\" + ___CSS_LOADER_URL___24___ + \") center center no-repeat; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\\n        margin-left: 0;\\n        padding-left: 0;\\n        background: none; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\\n      padding: 19px 20px 12px 21px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\\n      padding: 0 10px 0 20px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\\n        padding-right: 0; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\\n      right: 5px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\\n        left: -90px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\\n          left: 90%; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\\n        display: none; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\\n      padding-left: 25px;\\n      width: calc(100% - 50px); }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\\n      right: 15px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\\n      display: flex;\\n      justify-content: space-between; }\\n      ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\\n        color: #229174;\\n        font-size: 14px;\\n        font-family: 'Roboto';\\n        font-weight: 700;\\n        line-height: 30px;\\n        text-align: left; } }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"wrap-all\": \"_3uzpwBKEA-MbCkI9aIMOp7\",\n\t\"relative\": \"dqp77tD8W2ETuOAfmPKrb\",\n\t\"hide\": \"_10uxAesUyb2uI6gmKN7J6z\",\n\t\"desktop-hide\": \"_3jhWQHRm5iNa8aHKufZPJM\",\n\t\"desktop-show\": \"_3DFOkrCgDMnvjCqabi6xXD\",\n\t\"flex-grid\": \"_3zI77bcsXMPehS4g_swO9f\",\n\t\"item-start\": \"njaE6s5GBKM1QWGa3X0N1\",\n\t\"icons\": \"_3_kpxJWCILsR8Tg-9uKzXZ\",\n\t\"btn\": \"_2oHjajwzyk-5gR6VkemMLi\",\n\t\"active\": \"tTm4NWRWu70QFI-vy6lfh\",\n\t\"btn-blue\": \"iFKI2Ov4qa7QzgTzmFOtv\",\n\t\"disabled\": \"_2SKHVaubAgUcwsNX6eYUJk\",\n\t\"btn-gray\": \"_2qrP7i56V22adC8xa8ezas\",\n\t\"mobile-only\": \"_1KRwHAl5IRhFceiZQ7zk5B\",\n\t\"hide-not-mobile\": \"_1NDEgCD5MJCfPAwdP9B9P\",\n\t\"notifications-panel\": \"_2bDaoAmFShmqVrbIpK298u\",\n\t\"open\": \"_212HUD_1uAlLuuyrAeehri\",\n\t\"backdrop\": \"_1WVxyW6Rc0m3600-JdYsfL\",\n\t\"noti-header\": \"_1RFb2SmIhhRopMZePb4MU5\",\n\t\"notification-back-btn\": \"_2P7pWG81MDfkRVy8vpNIHg\",\n\t\"left-noti\": \"_1sAHEAFDeoX_ZTuPXeKmPq\",\n\t\"rights\": \"_2r9o0ga7lUDfvlv0Jy9p0h\",\n\t\"white-link\": \"gG-EY-ujRac3C3XNmxXsW\",\n\t\"point\": \"_3FpWnCPiOuQJLQsSr57gf7\",\n\t\"btn-setting\": \"_358oM7AujstXlvHcnoYHy3\",\n\t\"noti-body\": \"_1clear-wT4PIr6Ij0oX6aN\",\n\t\"center\": \"_1Bc2hR___vzLOqf-KCSQ8j\",\n\t\"icon-bell\": \"_3PX9-2AtdZY9sGhVyChc1t\",\n\t\"titles\": \"_3KTfOxCvh_KBa3DFMUvWe2\",\n\t\"txt\": \"_3zu5BfIWJ71Fd4J1DqWfkN\",\n\t\"center-txt\": \"_1wodp8ZcZPls60OS2tJ98H\",\n\t\"blue-link\": \"RZWo4BWfGuakP2wY9mMG1\",\n\t\"light-bar\": \"_31SfJMmwFiAncZnGzrr985\",\n\t\"greybar-section\": \"_3pSfnLAttSYTLgZyBO-I6F\",\n\t\"items\": \"_1x6dqFZ-IL6wFdtTotlnCn\",\n\t\"item-content\": \"_2TVvw7BG7N7OELifFSI4Ru\",\n\t\"lightblue-section\": \"_2U6_rtw03hfHM93vyb4eBM\",\n\t\"right-remove\": \"yHh07r7iWc4GuTRcs4pX0\",\n\t\"btn-close\": \"_2HHwQfzOvSt5DilSiYDF1R\",\n\t\"black-txt\": \"_7uhH3BTWyzWMLsM_8WzgF\",\n\t\"dismissItem\": \"_14yTDJk6l1sYTGFTef-Ym_\",\n\t\"bottom-info\": \"_14BY8-HwlYHKowDEAHswcb\",\n\t\"blue-squre\": \"_2ZUCs8P9S0HpqiCqTvFQdz\",\n\t\"time-txt\": \"_32hmK9ADRmBSTzMopKTqjl\",\n\t\"grey-bar\": \"_2H2C7O_dp6KwFeSAwq8AeX\",\n\t\"copyicon-title\": \"_2aUK1rWbfvxWFNltLlvdq2\",\n\t\"noti-footer\": \"_4_Xr0xGB9gg5Xbx30yOpI\",\n\t\"end-message\": \"_203n6NLK0TpwNfE1LM3U_\",\n\t\"green-link\": \"xfaifYntjgl4Dxspu_eFs\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
+eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Imports\nvar urlEscape = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/url-escape.js */ \"./node_modules/css-loader/dist/runtime/url-escape.js\");\nvar ___CSS_LOADER_URL___0___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\"));\nvar ___CSS_LOADER_URL___1___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___2___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff2\"));\nvar ___CSS_LOADER_URL___3___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.woff\"));\nvar ___CSS_LOADER_URL___4___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.ttf\"));\nvar ___CSS_LOADER_URL___5___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-700.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___6___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\"));\nvar ___CSS_LOADER_URL___7___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___8___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2 */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff2\"));\nvar ___CSS_LOADER_URL___9___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.woff\"));\nvar ___CSS_LOADER_URL___10___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.ttf\"));\nvar ___CSS_LOADER_URL___11___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg */ \"./src/assets/fonts/roboto-v19-latin/roboto-v19-latin-regular.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___12___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\"));\nvar ___CSS_LOADER_URL___13___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.eot\") + \"?#iefix\");\nvar ___CSS_LOADER_URL___14___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2 */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff2\"));\nvar ___CSS_LOADER_URL___15___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.woff\"));\nvar ___CSS_LOADER_URL___16___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.ttf\"));\nvar ___CSS_LOADER_URL___17___ = urlEscape(__webpack_require__(/*! ../../assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg */ \"./src/assets/fonts/barlow-condensed-v3-latin/barlow-condensed-v3-latin-600.svg\") + \"#Roboto\");\nvar ___CSS_LOADER_URL___18___ = urlEscape(__webpack_require__(/*! ../../assets/images/bell-big.svg */ \"./src/assets/images/bell-big.svg\"));\nvar ___CSS_LOADER_URL___19___ = urlEscape(__webpack_require__(/*! ../../assets/images/e-remove.svg */ \"./src/assets/images/e-remove.svg\"));\nvar ___CSS_LOADER_URL___20___ = urlEscape(__webpack_require__(/*! ../../assets/images/delete-small.svg */ \"./src/assets/images/delete-small.svg\"));\nvar ___CSS_LOADER_URL___21___ = urlEscape(__webpack_require__(/*! ../../assets/images/group.svg */ \"./src/assets/images/group.svg\"));\n\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n/* Roboto fonts */\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 700;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___0___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto Bold\\\"), local(\\\"Roboto-Bold\\\"), url(\" + ___CSS_LOADER_URL___1___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___2___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___3___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___4___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___5___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Roboto\\\";\\n  font-weight: 400;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___6___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Roboto\\\"), local(\\\"Roboto-Regular\\\"), url(\" + ___CSS_LOADER_URL___7___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___8___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___9___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___10___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___11___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n@font-face {\\n  font-family: \\\"Barlow Condensed\\\";\\n  font-weight: 600;\\n  font-style: normal;\\n  src: url(\" + ___CSS_LOADER_URL___12___ + \");\\n  /* IE9 Compat Modes */\\n  src: local(\\\"Barlow Condensed SemiBold\\\"), local(\\\"BarlowCondensed-SemiBold\\\"), url(\" + ___CSS_LOADER_URL___13___ + \") format(\\\"embedded-opentype\\\"), url(\" + ___CSS_LOADER_URL___14___ + \") format(\\\"woff2\\\"), url(\" + ___CSS_LOADER_URL___15___ + \") format(\\\"woff\\\"), url(\" + ___CSS_LOADER_URL___16___ + \") format(\\\"truetype\\\"), url(\" + ___CSS_LOADER_URL___17___ + \") format(\\\"svg\\\");\\n  /* Legacy iOS */ }\\n\\n._3uzpwBKEA-MbCkI9aIMOp7 {\\n  width: 100% !important;\\n  height: 100% !important;\\n  position: absolute;\\n  top: 0;\\n  left: 0; }\\n\\n.dqp77tD8W2ETuOAfmPKrb {\\n  position: relative; }\\n\\n._10uxAesUyb2uI6gmKN7J6z {\\n  display: none !important; }\\n\\n._3jhWQHRm5iNa8aHKufZPJM {\\n  display: none; }\\n\\n._3DFOkrCgDMnvjCqabi6xXD {\\n  display: block; }\\n\\n._3zI77bcsXMPehS4g_swO9f {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between; }\\n  ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\\n    align-items: flex-start; }\\n\\n._3_kpxJWCILsR8Tg-9uKzXZ {\\n  display: inline-block;\\n  vertical-align: middle; }\\n\\n/* btn */\\n._2oHjajwzyk-5gR6VkemMLi {\\n  font-size: 18px;\\n  font-weight: normal;\\n  text-decoration: none;\\n  border: none;\\n  box-shadow: none;\\n  position: relative;\\n  text-transform: none;\\n  font-weight: bold;\\n  display: inline-block; }\\n  ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\\n    box-shadow: none;\\n    outline: 0; }\\n\\n/* .btn-blue */\\n.iFKI2Ov4qa7QzgTzmFOtv,\\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\\n  cursor: pointer;\\n  height: 30px;\\n  color: #FFFFFF;\\n  line-height: 30px;\\n  border-radius: 15px;\\n  padding: 1px 18px;\\n  font-size: 14px;\\n  font-family: 'Roboto';\\n  font-weight: 700; }\\n\\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\\n  opacity: 0.75; }\\n\\n.iFKI2Ov4qa7QzgTzmFOtv {\\n  background-color: #2C95D7; }\\n  .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\\n    pointer-events: none; }\\n\\n/* .btn-gray */\\n._2qrP7i56V22adC8xa8ezas,\\n._2qrP7i56V22adC8xa8ezas:hover,\\n._2qrP7i56V22adC8xa8ezas:focus {\\n  cursor: pointer;\\n  height: 30px;\\n  color: #FFFFFF;\\n  line-height: 30px;\\n  border-radius: 4px;\\n  padding: 1px 18px;\\n  font-size: 13px;\\n  background-color: #AAAAAB;\\n  font-family: 'Roboto';\\n  font-weight: 400; }\\n\\n._2qrP7i56V22adC8xa8ezas:hover {\\n  opacity: 0.75; }\\n\\n/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._1KRwHAl5IRhFceiZQ7zk5B {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._1NDEgCD5MJCfPAwdP9B9P {\\n    display: none; } }\\n\\n._2bDaoAmFShmqVrbIpK298u {\\n  background-color: #FFFFFF;\\n  border-radius: 10px;\\n  overflow: hidden;\\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\\n  width: 480px;\\n  height: auto;\\n  position: absolute;\\n  right: 10px;\\n  top: 40px;\\n  display: none;\\n  z-index: 100;\\n  cursor: default; }\\n  ._2bDaoAmFShmqVrbIpK298u [role=\\\"button\\\"]:not(._2SKHVaubAgUcwsNX6eYUJk) {\\n    cursor: pointer; }\\n  ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\\n    display: flex; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\\n    position: fixed;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n    z-index: -1;\\n    cursor: default; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\\n    background-color: #0AB88A;\\n    border-radius: 10px 10px 0 0;\\n    padding: 17px 20px;\\n    height: 50px;\\n    position: sticky;\\n    top: 0;\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\\n      display: flex; }\\n      @media (max-width: 768px) {\\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._9Cu-O6etHYdsCuPXfisaQ {\\n          display: none; } }\\n      @media (min-width: 769px) {\\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Al5qt_SIdZJrXcKNRD8cH {\\n          display: none; } }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\\n        background-size: 16px;\\n        color: #FFFFFF;\\n        font-size: 16px;\\n        font-family: 'Roboto';\\n        font-weight: 700;\\n        text-align: left;\\n        padding-left: 10px; }\\n        @media (max-width: 768px) {\\n          ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\\n            display: none; } }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\\n      flex-basis: 50%;\\n      background-size: 20px;\\n      color: #FFFFFF;\\n      font-size: 20px;\\n      font-family: 'Roboto';\\n      font-weight: 400;\\n      text-align: center; }\\n      @media (min-width: 769px) {\\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\\n          display: none; } }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\\n      flex-basis: 50%;\\n      margin-right: 60px;\\n      background-size: 20px;\\n      color: #FFFFFF;\\n      font-size: 20px;\\n      font-family: 'Roboto';\\n      font-weight: 400;\\n      text-align: left; }\\n      @media (min-width: 769px) {\\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\\n          display: none; } }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\\n      color: #FFFFFF;\\n      display: inline-block;\\n      vertical-align: middle;\\n      font-size: 12px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      text-align: right; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\\n        opacity: 0.75; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW._2SKHVaubAgUcwsNX6eYUJk {\\n        opacity: 0.50; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\\n      width: 3px;\\n      height: 3px;\\n      background-color: #FFFFFF;\\n      border-radius: 100%;\\n      display: inline-block;\\n      vertical-align: middle; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\\n      display: none; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\\n    max-height: 800px;\\n    overflow: scroll;\\n    scrollbar-width: 7px;\\n    scrollbar-color: #2A2A2B; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\\n      padding-bottom: 50px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\\n      text-align: center; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._23EoeJfN5HQfGll9F8EyQk {\\n      margin: 50px auto; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\\n      background: url(\" + ___CSS_LOADER_URL___18___ + \") center center no-repeat;\\n      background-size: 73px 80px;\\n      width: 73px;\\n      height: 80px;\\n      margin: 50px 0 10px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._33BRWgRqLuhFi0Z_fj9uND {\\n      color: #2A2A2B;\\n      font-size: 24px;\\n      font-family: Barlow;\\n      line-height: 26px;\\n      font-weight: 600;\\n      text-transform: uppercase; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\\n      margin: 0;\\n      color: #2A2A2B;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 400;\\n      line-height: 22px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\\n        text-align: center;\\n        margin: 15px auto 25px auto; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN a {\\n        color: #0d61bf;\\n        text-decoration: underline;\\n        cursor: pointer; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\\n      background-color: #B5E9DB;\\n      height: 28px;\\n      color: #229174;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      line-height: 28px;\\n      padding-left: 20px;\\n      margin-top: -2px;\\n      position: sticky;\\n      position: -webkit-sticky;\\n      top: 0;\\n      padding-right: 20px;\\n      padding-top: 2px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PUmu4TJfpeh0EsusdDRik {\\n      background-color: #F4F4F4;\\n      color: #2A2A2B;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      font-weight: 500;\\n      line-height: 22px;\\n      padding-left: 20px;\\n      margin-top: -2px;\\n      padding: 5px 20px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\\n      border-bottom: 0; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\\n      margin-top: -2px;\\n      background-color: #FFFFFF;\\n      padding-top: 5px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\\n      position: absolute;\\n      right: 1px;\\n      top: 50%;\\n      margin-top: -10px;\\n      z-index: 666;\\n      display: none; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\\n        display: block;\\n        background: url(\" + ___CSS_LOADER_URL___19___ + \") center center no-repeat;\\n        background-size: 10px;\\n        width: 20px;\\n        height: 20px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\\n          background: url(\" + ___CSS_LOADER_URL___20___ + \") center center no-repeat; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\\n        position: absolute;\\n        top: -28px;\\n        left: -76px;\\n        background-color: #2A2A2B;\\n        border-radius: 2px;\\n        padding: 6px 0;\\n        color: #FFFFFF;\\n        font-size: 11px;\\n        font-family: 'Roboto';\\n        font-weight: 400;\\n        line-height: 13px;\\n        text-align: center;\\n        min-width: 110px;\\n        display: none; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\\n          content: '';\\n          display: block;\\n          position: absolute;\\n          bottom: -5px;\\n          left: calc(50% + 30px);\\n          margin-left: -3px;\\n          width: 0;\\n          height: 0;\\n          border-left: 4px solid transparent;\\n          border-right: 4px solid transparent;\\n          border-top: 5px solid #2A2A2B; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\\n        display: block; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR {\\n      background-color: #FFFFFF;\\n      padding: 5px 20px;\\n      display: flex;\\n      justify-content: space-between; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX {\\n        display: flex;\\n        flex-direction: column;\\n        padding-left: 30px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._3zu5BfIWJ71Fd4J1DqWfkN {\\n          margin: 0;\\n          color: #2A2A2B;\\n          font-size: 14px;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 22px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._32hmK9ADRmBSTzMopKTqjl {\\n          display: inline-block;\\n          vertical-align: middle;\\n          color: #AAA;\\n          font-size: 12px;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 20px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3FpWnCPiOuQJLQsSr57gf7 {\\n        width: 10px;\\n        height: 10px;\\n        background-color: #FFFFFF;\\n        border-radius: 100%;\\n        display: inline-block;\\n        vertical-align: middle;\\n        cursor: pointer; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._2xZJ_8SvvE83FXweMbCHiQ {\\n        background-color: #EF476F; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3ev54BPuVdNmvF_zTD5HV0 {\\n        background-color: #D4D4D4; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\\n      padding: 0 30px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\\n        background-color: #FBFBFB; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\\n          display: block; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\\n        display: block;\\n        padding: 10px 0;\\n        border-bottom: 1px solid #E0E0E0;\\n        position: relative;\\n        cursor: pointer; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\\n          padding-right: 30px; }\\n        @media (max-width: 768px) {\\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\\n            display: none; } }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\\n        margin-top: 5px;\\n        line-height: 20px;\\n        font-size: 12px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\\n          padding: 0px 10px;\\n          display: inline-block;\\n          margin-right: 6px;\\n          background-color: #50ADE8;\\n          border-radius: 5px;\\n          color: #FFFFFF;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 20px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\\n          display: inline-block;\\n          vertical-align: middle;\\n          color: #AAA;\\n          font-size: 12px;\\n          font-family: 'Roboto';\\n          font-weight: 400;\\n          line-height: 20px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\\n      background-color: #F4F4F4;\\n      height: 50px;\\n      padding-left: 20px;\\n      margin-top: -4px;\\n      z-index: 1;\\n      position: relative;\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\\n        padding-left: 26px;\\n        background: url(\" + ___CSS_LOADER_URL___21___ + \") left center no-repeat;\\n        background-size: 15px;\\n        color: #2A2A2B;\\n        font-size: 14px;\\n        font-family: 'Roboto';\\n        font-weight: 700;\\n        width: calc(100% - 70px);\\n        overflow: hidden;\\n        text-overflow: ellipsis;\\n        white-space: nowrap; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\\n        right: 20px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\\n        display: block; }\\n  ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH {\\n    display: grid;\\n    background-color: #F4F4F4;\\n    page-break-after: auto;\\n    position: relative;\\n    position: sticky;\\n    position: -webkit-sticky;\\n    top: 0;\\n    z-index: 2;\\n    text-align: center;\\n    border-radius: 0 0 10px 10px;\\n    height: 42px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH a {\\n      margin: auto;\\n      color: #0d61bf;\\n      font-size: 14px;\\n      font-family: 'Roboto';\\n      font-weight: 400;\\n      line-height: 22px;\\n      text-decoration: underline;\\n      padding: 0; }\\n  ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\\n    text-align: center;\\n    margin: 0 auto 50px auto; }\\n  ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\\n    background-color: #FBFBFB;\\n    border-radius: 0 0 10px 10px;\\n    height: 40px;\\n    display: flex;\\n    align-items: center;\\n    color: #7F7F7F;\\n    font-size: 12px;\\n    font-family: 'Roboto';\\n    font-weight: 400;\\n    line-height: 40px;\\n    justify-content: center;\\n    position: relative;\\n    z-index: 10;\\n    margin-top: -3px; }\\n\\n._2bDaoAmFShmqVrbIpK298u {\\n  max-height: 70vh;\\n  flex-direction: column;\\n  flex: 1; }\\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\\n    flex: 1;\\n    max-height: calc(100% - 82px); }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\\n      padding-bottom: 50px;\\n      max-height: calc(100% - 40px); }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._26kuYkWWYXCvxDHSBLy8oE {\\n      text-transform: uppercase;\\n      background-color: #FFFFFF;\\n      border: 1px solid #137D60;\\n      border-radius: 15px;\\n      width: 187px;\\n      height: 30px;\\n      color: #229174;\\n      font-family: 'Roboto';\\n      font-weight: 700;\\n      font-size: 12px;\\n      letter-spacing: 0.8px;\\n      line-height: 30px;\\n      text-align: left;\\n      padding: 9px; }\\n\\n@media (max-width: 768px) {\\n  ._2bDaoAmFShmqVrbIpK298u {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    max-height: none;\\n    z-index: 100;\\n    width: 100%;\\n    height: 100%;\\n    position: fixed;\\n    box-shadow: none;\\n    border-radius: 0;\\n    display: none;\\n    top: 0;\\n    right: 0;\\n    overflow-y: auto; }\\n    ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\\n      display: flex; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\\n      height: 60px;\\n      border-radius: 0;\\n      align-items: inherit; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\\n        align-content: stretch;\\n        flex: 1; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\\n        display: none; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\\n        display: flex;\\n        flex: 1;\\n        justify-content: flex-end; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD {\\n        margin: auto 0px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD._2SKHVaubAgUcwsNX6eYUJk {\\n          opacity: 0.50; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\\n        margin: auto 0px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\\n        margin-left: 0;\\n        padding-left: 0;\\n        background: none; }\\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\\n      max-height: calc(100%-102px); }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\\n        padding: 19px 20px 12px 21px; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\\n        padding-bottom: 50px;\\n        max-height: calc(100%-60px); }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\\n        padding: 0 10px 0 20px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\\n          padding-right: 0; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\\n        right: 5px; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\\n          left: -90px; }\\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\\n            left: 90%; }\\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\\n          display: none; }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\\n        padding-left: 25px;\\n        width: calc(100% - 50px); }\\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\\n        right: 15px; }\\n    ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\\n      display: flex;\\n      justify-content: space-between; }\\n      ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\\n        color: #229174;\\n        font-size: 14px;\\n        font-family: 'Roboto';\\n        font-weight: 700;\\n        line-height: 30px;\\n        text-align: left; } }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"wrap-all\": \"_3uzpwBKEA-MbCkI9aIMOp7\",\n\t\"relative\": \"dqp77tD8W2ETuOAfmPKrb\",\n\t\"hide\": \"_10uxAesUyb2uI6gmKN7J6z\",\n\t\"desktop-hide\": \"_3jhWQHRm5iNa8aHKufZPJM\",\n\t\"desktop-show\": \"_3DFOkrCgDMnvjCqabi6xXD\",\n\t\"flex-grid\": \"_3zI77bcsXMPehS4g_swO9f\",\n\t\"item-start\": \"njaE6s5GBKM1QWGa3X0N1\",\n\t\"icons\": \"_3_kpxJWCILsR8Tg-9uKzXZ\",\n\t\"btn\": \"_2oHjajwzyk-5gR6VkemMLi\",\n\t\"active\": \"tTm4NWRWu70QFI-vy6lfh\",\n\t\"btn-blue\": \"iFKI2Ov4qa7QzgTzmFOtv\",\n\t\"disabled\": \"_2SKHVaubAgUcwsNX6eYUJk\",\n\t\"btn-gray\": \"_2qrP7i56V22adC8xa8ezas\",\n\t\"mobile-only\": \"_1KRwHAl5IRhFceiZQ7zk5B\",\n\t\"hide-not-mobile\": \"_1NDEgCD5MJCfPAwdP9B9P\",\n\t\"notifications-panel\": \"_2bDaoAmFShmqVrbIpK298u\",\n\t\"open\": \"_212HUD_1uAlLuuyrAeehri\",\n\t\"backdrop\": \"_1WVxyW6Rc0m3600-JdYsfL\",\n\t\"noti-header\": \"_1RFb2SmIhhRopMZePb4MU5\",\n\t\"lefts\": \"_3M96SO4OKP7cVQFlpIQ-Ik\",\n\t\"notification-icon\": \"_9Cu-O6etHYdsCuPXfisaQ\",\n\t\"notification-left-btn-mobile\": \"_1Al5qt_SIdZJrXcKNRD8cH\",\n\t\"noti-title\": \"_1Jut592jFrUwlSXPV4dtcK\",\n\t\"noti-title-mobileonly\": \"_1jJ9N2HuKmQUj_A-mQ67qW\",\n\t\"noti-empty-title-mobileonly\": \"_1f8lcBrHq9x6yvItqU7Ep2\",\n\t\"rights\": \"_2r9o0ga7lUDfvlv0Jy9p0h\",\n\t\"white-link\": \"gG-EY-ujRac3C3XNmxXsW\",\n\t\"point\": \"_3FpWnCPiOuQJLQsSr57gf7\",\n\t\"rights-mobile\": \"_20RJ4TQaaVrz5BhsY29q3_\",\n\t\"noti-body\": \"_1clear-wT4PIr6Ij0oX6aN\",\n\t\"noti-body-empty\": \"It-eIvJJzNycowRXYNSGN\",\n\t\"center\": \"_1Bc2hR___vzLOqf-KCSQ8j\",\n\t\"big-icon-bell\": \"_23EoeJfN5HQfGll9F8EyQk\",\n\t\"icon-bell\": \"_3PX9-2AtdZY9sGhVyChc1t\",\n\t\"empty-title\": \"_33BRWgRqLuhFi0Z_fj9uND\",\n\t\"txt\": \"_3zu5BfIWJ71Fd4J1DqWfkN\",\n\t\"center-txt\": \"_1wodp8ZcZPls60OS2tJ98H\",\n\t\"light-bar\": \"_31SfJMmwFiAncZnGzrr985\",\n\t\"challenge-title\": \"_3PUmu4TJfpeh0EsusdDRik\",\n\t\"greybar-section\": \"_3pSfnLAttSYTLgZyBO-I6F\",\n\t\"items\": \"_1x6dqFZ-IL6wFdtTotlnCn\",\n\t\"item-content\": \"_2TVvw7BG7N7OELifFSI4Ru\",\n\t\"lightblue-section\": \"_2U6_rtw03hfHM93vyb4eBM\",\n\t\"right-remove\": \"yHh07r7iWc4GuTRcs4pX0\",\n\t\"btn-close\": \"_2HHwQfzOvSt5DilSiYDF1R\",\n\t\"black-txt\": \"_7uhH3BTWyzWMLsM_8WzgF\",\n\t\"noti-item\": \"_1vFU1IULi3uB1nW05MNVbR\",\n\t\"left\": \"_3-CsLueVOP-Sz_QfKfcxhX\",\n\t\"time-txt\": \"_32hmK9ADRmBSTzMopKTqjl\",\n\t\"right\": \"_206pokmSILHpJaqgYudJUx\",\n\t\"point-red\": \"_2xZJ_8SvvE83FXweMbCHiQ\",\n\t\"point-grey\": \"_3ev54BPuVdNmvF_zTD5HV0\",\n\t\"dismissItem\": \"_14yTDJk6l1sYTGFTef-Ym_\",\n\t\"bottom-info\": \"_14BY8-HwlYHKowDEAHswcb\",\n\t\"blue-squre\": \"_2ZUCs8P9S0HpqiCqTvFQdz\",\n\t\"grey-bar\": \"_2H2C7O_dp6KwFeSAwq8AeX\",\n\t\"copyicon-title\": \"_2aUK1rWbfvxWFNltLlvdq2\",\n\t\"view-all-notifications\": \"_3pIDWY_lBmJURjVgicjlQH\",\n\t\"noti-footer\": \"_4_Xr0xGB9gg5Xbx30yOpI\",\n\t\"end-message\": \"_203n6NLK0TpwNfE1LM3U_\",\n\t\"btn-empty-noti\": \"_26kuYkWWYXCvxDHSBLy8oE\",\n\t\"btn-tick\": \"_1aGOTxZZ4syg1EJMdBLoUD\",\n\t\"btn-setting\": \"_358oM7AujstXlvHcnoYHy3\",\n\t\"left-noti\": \"_1sAHEAFDeoX_ZTuPXeKmPq\",\n\t\"green-link\": \"xfaifYntjgl4Dxspu_eFs\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
 
 /***/ }),
 
@@ -301,7 +301,7 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/c
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._3-S7ERzJfyhbHGt11EIpER {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._3rust1gttUzFUo5G6HwRBj {\\n    display: none; } }\\n\\n.fKMH2imvVlyWN-E_J8Ytr {\\n  margin-left: 33px;\\n  border-radius: 15px;\\n  display: flex;\\n  align-items: center;\\n  cursor: pointer; }\\n  .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\\n    position: relative; }\\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\\n      width: 30px;\\n      height: 30px;\\n      display: block;\\n      border-radius: 50%; }\\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\\n      content: \\\"\\\";\\n      width: 7px;\\n      height: 7px;\\n      position: absolute;\\n      top: -4px;\\n      right: -6px;\\n      background: #EF476F;\\n      border-radius: 6px;\\n      display: block; }\\n      @media (min-width: 769px) {\\n        .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\\n          display: none; } }\\n  .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\\n    display: flex;\\n    align-items: center; }\\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n      display: block;\\n      font-size: 14px;\\n      font-weight: 700;\\n      line-height: 30px;\\n      margin-left: 5px;\\n      white-space: nowrap; }\\n      @media (max-width: 768px) {\\n        .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n          display: none; } }\\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      width: 16px;\\n      height: 16px;\\n      margin-left: 12px; }\\n      .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\\n        transition: all 0.5s; }\\n  @media (min-width: 769px) {\\n    .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\\n      background-color: rgba(85, 85, 85, 0.4); } }\\n  .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n    display: block; }\\n    @media (max-width: 768px) {\\n      .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n        display: none; } }\\n  .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\\n    transform: rotate(180deg); }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_3-S7ERzJfyhbHGt11EIpER\",\n\t\"hide-not-mobile\": \"_3rust1gttUzFUo5G6HwRBj\",\n\t\"userInfoContainer\": \"fKMH2imvVlyWN-E_J8Ytr\",\n\t\"avatarContainer\": \"_3jYcrF2UXpM0DaUW7v2N9H\",\n\t\"avatar\": \"_1rDJnekJrLVLis92R02FDc\",\n\t\"newNotifications\": \"_3CZecOq_pMX8Ybp7wq0VXm\",\n\t\"handleContainer\": \"DXaKhI0KdO_AMvRrJA1Uz\",\n\t\"handle\": \"_12SkNHB6uAcn3Nr5m87Dv3\",\n\t\"dropdownIcon\": \"_26tWpkJqj0GnCfpp5X_XT3\",\n\t\"isUserPopupOpen\": \"_1C66unEGOCwLzLHeXB7Zxb\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
+eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"/* colors */\\n/* Grayscale colors. */\\n@media (min-width: 769px) {\\n  ._3-S7ERzJfyhbHGt11EIpER {\\n    display: none; } }\\n\\n@media (min-width: 769px) {\\n  ._3rust1gttUzFUo5G6HwRBj {\\n    display: none; } }\\n\\n.fKMH2imvVlyWN-E_J8Ytr {\\n  margin-left: 33px;\\n  border-radius: 15px;\\n  display: flex;\\n  align-items: center;\\n  cursor: pointer; }\\n  .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\\n    position: relative; }\\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\\n      width: 30px;\\n      height: 30px;\\n      display: block;\\n      border-radius: 50%; }\\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\\n      content: \\\"\\\";\\n      width: 7px;\\n      height: 7px;\\n      position: absolute;\\n      top: -4px;\\n      right: -6px;\\n      background: #EF476F;\\n      border-radius: 6px;\\n      display: block; }\\n      @media (min-width: 769px) {\\n        .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\\n          display: none; } }\\n  .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\\n    display: flex;\\n    align-items: center; }\\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n      display: block;\\n      font-size: 14px;\\n      font-weight: 700;\\n      line-height: 30px;\\n      margin-left: 5px;\\n      white-space: nowrap; }\\n      @media (max-width: 768px) {\\n        .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n          display: none; } }\\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      width: 16px;\\n      height: 16px;\\n      margin-left: 12px; }\\n      .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\\n        transition: all 0.5s; }\\n  @media (min-width: 769px) {\\n    .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\\n      background-color: rgba(85, 85, 85, 0.4); } }\\n  .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n    display: block; }\\n    @media (max-width: 768px) {\\n      .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\\n        display: none; } }\\n  .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\\n    transform: rotate(180deg); }\\n\\n@media (max-width: 768px) {\\n  .fKMH2imvVlyWN-E_J8Ytr {\\n    margin-left: 5px; } }\\n\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_3-S7ERzJfyhbHGt11EIpER\",\n\t\"hide-not-mobile\": \"_3rust1gttUzFUo5G6HwRBj\",\n\t\"userInfoContainer\": \"fKMH2imvVlyWN-E_J8Ytr\",\n\t\"avatarContainer\": \"_3jYcrF2UXpM0DaUW7v2N9H\",\n\t\"avatar\": \"_1rDJnekJrLVLis92R02FDc\",\n\t\"newNotifications\": \"_3CZecOq_pMX8Ybp7wq0VXm\",\n\t\"handleContainer\": \"DXaKhI0KdO_AMvRrJA1Uz\",\n\t\"handle\": \"_12SkNHB6uAcn3Nr5m87Dv3\",\n\t\"dropdownIcon\": \"_26tWpkJqj0GnCfpp5X_XT3\",\n\t\"isUserPopupOpen\": \"_1C66unEGOCwLzLHeXB7Zxb\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/styles.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.js");
 
 /***/ }),
 
@@ -951,7 +951,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n    id: \"a\",\n    x: \".8\",\n    y: \".5\",\n    width: \"140\",\n    height: \"140\",\n    rx: \"306\"\n  })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"mask\", {\n    id: \"b\",\n    fill: \"#fff\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n    xlinkHref: \"#a\"\n  })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n    fill: \"#F0F0F0\",\n    xlinkHref: \"#a\"\n  }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n    stroke: \"#A3A3AE\",\n    strokeWidth: \"3\",\n    opacity: \".2\",\n    fill: \"#A3A3AE\",\n    mask: \"url(#b)\"\n  })));\n};\n\nIconAvatar.defaultProps = {\n  width: \"141\",\n  height: \"141\",\n  viewBox: \"0 0 141 141\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\nvar IconCloseDark = function IconCloseDark(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n    fill: \"#2A2A2A\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nIconCloseDark.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconSwitchBusiness = function IconSwitchBusiness(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"#FFF\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z\"\n  })));\n};\n\nIconSwitchBusiness.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n // The roles of managers/copilots/admins.\n\nvar MANAGE_ROLES = ['administrator', 'admin', 'copilot', 'connect copilot', 'manager', 'global manager', 'client manager', 'connect manager', 'connect account manager', 'connect copilot manager'];\n\nvar hasAccess = function hasAccess(roles) {\n  if (!roles) {\n    return false;\n  }\n\n  return roles.some(function (v) {\n    return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n  });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n  function AccountMenu() {\n    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n    return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n  }\n\n  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n    key: \"renderLink\",\n    value: function renderLink(menu, i) {\n      var onClose = this.props.onClose;\n      var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n      return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: to,\n        key: \"item-\".concat(i),\n        onClick: onClose\n      }, menu.title);\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this = this;\n\n      var _this$props = this.props,\n          onClose = _this$props.onClose,\n          open = _this$props.open,\n          menu = _this$props.menu,\n          switchText = _this$props.switchText,\n          onSwitch = _this$props.onSwitch,\n          profile = _this$props.profile,\n          domRef = _this$props.domRef;\n      return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        ref: domRef,\n        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n        onClick: onClose\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n      }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n        src: profile.photoURL,\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n        alt: \"avatar\"\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n      }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n        src: profile.photoURL,\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n        alt: \"avatar\"\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n      }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n        onClick: onClose\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n        onClick: onSwitch\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n        onClick: onClose\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n      }, switchText.title))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu\n      }, menu.map(function (item, i) {\n        return item.separator ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n          className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,\n          key: \"separator-\".concat(i)\n        }) : _this.renderLink(item, i);\n      })));\n    }\n  }, {\n    key: \"__reactstandin__regenerateByEval\",\n    // @ts-ignore\n    value: function __reactstandin__regenerateByEval(key, code) {\n      // @ts-ignore\n      this[key] = eval(code);\n    }\n  }]);\n\n  return AccountMenu;\n}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);\n\nAccountMenu.defaultProps = {\n  numNotifications: 35\n};\nAccountMenu.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,\n  switchText: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n  onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n  domRef: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape()\n};\nvar _default = AccountMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MANAGE_ROLES, \"MANAGE_ROLES\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(hasAccess, \"hasAccess\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/AccountMenu/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"rect\", {\n    id: \"a\",\n    x: \".8\",\n    y: \".5\",\n    width: \"140\",\n    height: \"140\",\n    rx: \"306\"\n  })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"mask\", {\n    id: \"b\",\n    fill: \"#fff\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n    xlinkHref: \"#a\"\n  })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"use\", {\n    fill: \"#F0F0F0\",\n    xlinkHref: \"#a\"\n  }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n    stroke: \"#A3A3AE\",\n    strokeWidth: \"3\",\n    opacity: \".2\",\n    fill: \"#A3A3AE\",\n    mask: \"url(#b)\"\n  })));\n};\n\nIconAvatar.defaultProps = {\n  width: \"141\",\n  height: \"141\",\n  viewBox: \"0 0 141 141\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\nvar IconCloseDark = function IconCloseDark(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n    fill: \"#2A2A2A\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nIconCloseDark.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconSwitchBusiness = function IconSwitchBusiness(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"#FFF\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z\"\n  })));\n};\n\nIconSwitchBusiness.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsRed = function IconNotificationsRed(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    fill: \"#ef476f\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nIconNotificationsRed.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconNotificationsGrey = function IconNotificationsGrey(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    fill: \"#888894\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nIconNotificationsGrey.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconRightArrow = function IconRightArrow(props) {\n  return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"path\", {\n    d: \"M1.9 15.7L.4 14.3 6.7 8 .4 1.7 1.9.3 9.6 8z\",\n    fill: \"#2A2A2A\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nIconRightArrow.defaultProps = {\n  width: \"10\",\n  height: \"16\",\n  viewBox: \"0 0 10 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n // The roles of managers/copilots/admins.\n\nvar MANAGE_ROLES = ['administrator', 'admin', 'copilot', 'connect copilot', 'manager', 'global manager', 'client manager', 'connect manager', 'connect account manager', 'connect copilot manager'];\n\nvar hasAccess = function hasAccess(roles) {\n  if (!roles) {\n    return false;\n  }\n\n  return roles.some(function (v) {\n    return MANAGE_ROLES.indexOf(v.toLowerCase()) !== -1;\n  });\n};\n\nvar AccountMenu =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu, _React$Component);\n\n  function AccountMenu() {\n    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, AccountMenu);\n\n    return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this, arguments));\n  }\n\n  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu, [{\n    key: \"renderLink\",\n    value: function renderLink(menu, i) {\n      var onClose = this.props.onClose;\n      var to = lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(menu.link) ? menu.href : menu.link;\n      return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: to,\n        key: \"item-\".concat(i),\n        onClick: onClose\n      }, menu.title);\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this = this;\n\n      var _this$props = this.props,\n          onClose = _this$props.onClose,\n          open = _this$props.open,\n          menu = _this$props.menu,\n          switchText = _this$props.switchText,\n          onSwitch = _this$props.onSwitch,\n          profile = _this$props.profile,\n          domRef = _this$props.domRef,\n          numNotifications = _this$props.numNotifications,\n          onClickNotifications = _this$props.onClickNotifications;\n      return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        ref: domRef,\n        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['user-info-popup'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,\n        onClick: onClose\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '/' : \"/members/\".concat(profile.handle)\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n      }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n        src: profile.photoURL,\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n        alt: \"avatar\"\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['email']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.email)))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['header-mobile'])\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['left-content']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar, {\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar']\n      }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"img\", {\n        src: profile.photoURL,\n        width: \"60\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['avatar'],\n        alt: \"avatar\"\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle-container']\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['handle']\n      }, \"@\", lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['description']\n      }, lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) ? '' : \"Member since \".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(profile.createdAt).format('MMMM, YYYY'))))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-close'],\n        onClick: onClose\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark, null))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-business-container'],\n        onClick: onSwitch\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness, {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-icon']\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__[\"Link\"], {\n        to: hasAccess(profile.roles) ? lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(switchText.href) ? switchText.link : switchText.href : 'http://www.topcoder.com',\n        onClick: onClose\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['switch-to-busniness']\n      }, switchText.title))), !lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(profile) && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-mobile'],\n        onClick: onClickNotifications\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-left']\n      }, numNotifications > 0 ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed, {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n      }) : react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey, {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['bell-icon']\n      }), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['notifications-title']\n      }, \"Notifications\"), numNotifications > 0 && react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['red-number']\n      }, '(' + numNotifications + ')'))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        role: \"button\",\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['icon-open-noti']\n      }, react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow, null))), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a['noti-separator']\n      })), react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu\n      }, menu.map(function (item, i) {\n        return item.separator ? react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(\"span\", {\n          className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,\n          key: \"separator-\".concat(i)\n        }) : _this.renderLink(item, i);\n      })));\n    }\n  }, {\n    key: \"__reactstandin__regenerateByEval\",\n    // @ts-ignore\n    value: function __reactstandin__regenerateByEval(key, code) {\n      // @ts-ignore\n      this[key] = eval(code);\n    }\n  }]);\n\n  return AccountMenu;\n}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);\n\nAccountMenu.defaultProps = {\n  numNotifications: 0\n};\nAccountMenu.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,\n  switchText: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n  onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n  domRef: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),\n  numNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,\n  onClickNotifications: prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired\n};\nvar _default = AccountMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MANAGE_ROLES, \"MANAGE_ROLES\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(hasAccess, \"hasAccess\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/AccountMenu/index.js?");
 
 /***/ }),
 
@@ -974,7 +974,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n  var checked = _ref.checked,\n      onClick = _ref.onClick;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n  }));\n};\n\nCheckBox.propTypes = {\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/CheckBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/CheckBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/CheckBox/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/CheckBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar CheckBox = function CheckBox(_ref) {\n  var checked = _ref.checked,\n      onClick = _ref.onClick;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checkbox'],\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['check-icon'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'])\n  }));\n};\n\nCheckBox.propTypes = {\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = CheckBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/CheckBox/index.js?");
 
 /***/ }),
 
@@ -997,7 +997,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ChosenArrow/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar ChosenArrow = function ChosenArrow(_ref) {\n  var show = _ref.show,\n      x = _ref.x;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.chosenArrow,\n    style: {\n      transform: \"translateX(\".concat(x, \"px)\")\n    },\n    hidden: !show\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n    width: \"40px\",\n    height: \"10px\",\n    viewBox: \"0 0 40 10\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    id: \"Page-1\",\n    stroke: \"none\",\n    strokeWidth: \"1\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    id: \"Desktop-navigation-specification\",\n    transform: \"translate(-229.000000, -1000.000000)\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n    id: \"Path-3\"\n  })))));\n};\n\nChosenArrow.propTypes = {\n  /** Show or hide the arrow */\n  show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** The x position of the arrow. Generally this will be the center of the target */\n  x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/ChosenArrow/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar ChosenArrow = function ChosenArrow(_ref) {\n  var show = _ref.show,\n      x = _ref.x;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.chosenArrow,\n    style: {\n      transform: \"translateX(\".concat(x, \"px)\")\n    },\n    hidden: !show\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", {\n    width: \"40px\",\n    height: \"10px\",\n    viewBox: \"0 0 40 10\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    id: \"Page-1\",\n    stroke: \"none\",\n    strokeWidth: \"1\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    id: \"Desktop-navigation-specification\",\n    transform: \"translate(-229.000000, -1000.000000)\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z\",\n    id: \"Path-3\"\n  })))));\n};\n\nChosenArrow.propTypes = {\n  /** Show or hide the arrow */\n  show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** The x position of the arrow. Generally this will be the center of the target */\n  x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = ChosenArrow;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/ChosenArrow/index.js?");
 
 /***/ }),
 
@@ -1020,7 +1020,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n  var opt = options.find(function (x) {\n    return x.value === value;\n  });\n  return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n  var open = _ref.open,\n      onClick = _ref.onClick,\n      onClose = _ref.onClose,\n      checked = _ref.checked,\n      value = _ref.value,\n      options = _ref.options,\n      onChange = _ref.onChange;\n\n  var handleClick = function handleClick(e) {\n    return !e.defaultPrevented && onClick();\n  };\n\n  var handleClose = function handleClose(e) {\n    e.preventDefault();\n    onClose();\n  };\n\n  var createHandleChange = function createHandleChange(value) {\n    return function (e) {\n      e.preventDefault();\n      onClose();\n      onChange(value);\n    };\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n    onClick: handleClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n    onClick: handleClose\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n  }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n  }, options.map(function (opt) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n      key: opt.value,\n      onClick: createHandleChange(opt.value)\n    }, opt.label);\n  })));\n};\n\nDropdownBox.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(optionLabel, \"optionLabel\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js\");\n  reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/DropdownBox/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/DropdownBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar optionLabel = function optionLabel(value, options) {\n  var opt = options.find(function (x) {\n    return x.value === value;\n  });\n  return opt && opt.label;\n};\n\nvar DropdownBox = function DropdownBox(_ref) {\n  var open = _ref.open,\n      onClick = _ref.onClick,\n      onClose = _ref.onClose,\n      checked = _ref.checked,\n      value = _ref.value,\n      options = _ref.options,\n      onChange = _ref.onChange;\n\n  var handleClick = function handleClick(e) {\n    return !e.defaultPrevented && onClick();\n  };\n\n  var handleClose = function handleClose(e) {\n    e.preventDefault();\n    onClose();\n  };\n\n  var createHandleChange = function createHandleChange(value) {\n    return function (e) {\n      e.preventDefault();\n      onClose();\n      onChange(value);\n    };\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['open']),\n    onClick: handleClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['backdrop'],\n    onClick: handleClose\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['selected-label']\n  }, optionLabel(value, options), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dropdown-arrow']\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['options']\n  }, options.map(function (opt) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['option-li'], opt.value === value && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['active']),\n      key: opt.value,\n      onClick: createHandleChange(opt.value)\n    }, opt.label);\n  })));\n};\n\nDropdownBox.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = DropdownBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(optionLabel, \"optionLabel\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n  reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/DropdownBox/index.js?");
 
 /***/ }),
 
@@ -1043,7 +1043,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/IconSelect/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconSelect = function IconSelect(_ref) {\n  var show = _ref.show,\n      x = _ref.x,\n      isResize = _ref.isResize;\n  var styleObj = {\n    transform: \"translateX(\".concat(x, \"px)\") // is window is on resize, stop animation\n\n  };\n\n  if (isResize) {\n    styleObj['transition'] = 'auto';\n    styleObj['-webkit-transition'] = 'auto';\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.iconSelect,\n    style: styleObj,\n    hidden: !show\n  });\n};\n\nIconSelect.propTypes = {\n  // screen is changing size\n  isResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** Show or hide the icon */\n  show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** The x position of the arrow. Generally this will be the center of the target */\n  x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/IconSelect/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/IconSelect/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/IconSelect/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/IconSelect/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconSelect = function IconSelect(_ref) {\n  var show = _ref.show,\n      x = _ref.x,\n      isResize = _ref.isResize;\n  var styleObj = {\n    transform: \"translateX(\".concat(x, \"px)\") // is window is on resize, stop animation\n\n  };\n\n  if (isResize) {\n    styleObj['transition'] = 'auto';\n    styleObj['-webkit-transition'] = 'auto';\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.iconSelect,\n    style: styleObj,\n    hidden: !show\n  });\n};\n\nIconSelect.propTypes = {\n  // screen is changing size\n  isResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** Show or hide the icon */\n  show: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n\n  /** The x position of the arrow. Generally this will be the center of the target */\n  x: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number\n};\nvar _default = IconSelect;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/IconSelect/index.js?");
 
 /***/ }),
 
@@ -1066,7 +1066,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/LoginNav/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _NotificationButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../NotificationButton */ \"./src/components/NotificationButton/index.js\");\n/* harmony import */ var _NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../UserInfo */ \"./src/components/UserInfo/index.js\");\n/* harmony import */ var _AccountMenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AccountMenu */ \"./src/components/AccountMenu/index.js\");\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar LoginNav = function LoginNav(_ref) {\n  var loggedIn = _ref.loggedIn,\n      notificationButtonState = _ref.notificationButtonState,\n      notifications = _ref.notifications,\n      accountMenu = _ref.accountMenu,\n      switchText = _ref.switchText,\n      onSwitch = _ref.onSwitch,\n      onMenuOpen = _ref.onMenuOpen,\n      showNotification = _ref.showNotification,\n      profile = _ref.profile,\n      authURLs = _ref.authURLs;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      openNotifications = _useState2[0],\n      setOpenNotifications = _useState2[1];\n\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n      openAccountMenu = _useState4[0],\n      setOpenAccountMenu = _useState4[1];\n\n  var accountMenuRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  var userInfoRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n    // trigger when orientationChange in ipad\n    var onOrientationChange = function onOrientationChange() {\n      setOpenNotifications(false);\n      setOpenAccountMenu(false);\n      document.body.style.position = '';\n    };\n\n    window.addEventListener('orientationchange', onOrientationChange);\n    return function () {\n      return window.removeEventListener('orientationchange', onOrientationChange);\n    };\n  }, []);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n    // Internet Explorer 6-11\n    var isIE =\n    /*@cc_on!@*/\n     false || !!document.documentMode; // eslint-disable-line spaced-comment\n    // Edge 20+\n\n    var isEdge = !isIE && !!window.StyleMedia;\n    if (!(isIE || isEdge)) return; // trigger when click outside\n\n    var onClickOutside = function onClickOutside(event) {\n      if (!(userInfoRef.current.contains(event.target) || accountMenuRef.current.contains(event.target))) {\n        setOpenAccountMenu(false);\n        document.body.style.position = '';\n      }\n    };\n\n    document.addEventListener('mousedown', onClickOutside, true);\n    return function () {\n      return document.removeEventListener('mousedown', onClickOutside, true);\n    };\n  }, []);\n\n  var handleClickNotifications = function handleClickNotifications() {\n    return setOpenNotifications(function (x) {\n      return !x;\n    });\n  };\n\n  var handleClickUserInfo = function handleClickUserInfo() {\n    if (!openAccountMenu) {\n      onMenuOpen(); // prevent body from scrolling on handheld devices\n\n      if (window.innerWidth <= 768) {\n        document.body.style.position = 'fixed';\n      }\n    }\n\n    setOpenAccountMenu(function (x) {\n      return !x;\n    });\n  };\n\n  var renderLoginPanel = function renderLoginPanel() {\n    if (showNotification) {\n      return [react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationButton__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton,\n        state: notificationButtonState,\n        notificationsPopupOpen: openNotifications,\n        onClick: handleClickNotifications,\n        key: \"notification-button\"\n      }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        profile: profile,\n        newNotifications: notificationButtonState === 'new',\n        onClick: handleClickUserInfo,\n        open: openAccountMenu,\n        key: \"user-info\",\n        domRef: userInfoRef\n      })];\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n      profile: profile,\n      newNotifications: notificationButtonState === 'new',\n      onClick: handleClickUserInfo,\n      open: openAccountMenu,\n      key: \"user-info\",\n      domRef: userInfoRef\n    });\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.loginContainer\n  }, loggedIn ? renderLoginPanel() : react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n    href: \"javascript:void(0)\",\n    onClick: function onClick(event) {\n      var retUrl = encodeURIComponent(window.location.href);\n      window.location = authURLs.location.replace('%S', retUrl).replace('member?', '#!/member?');\n      event.preventDefault();\n      return false;\n    }\n  }, \"LOGIN\"), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    open: openNotifications,\n    notifications: notifications,\n    onClose: function onClose() {\n      return setOpenNotifications(false);\n    }\n  }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_AccountMenu__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    profile: profile,\n    open: openAccountMenu,\n    menu: accountMenu,\n    switchText: switchText,\n    numNotifications: (notifications || []).length,\n    onClickNotifications: handleClickNotifications,\n    onSwitch: onSwitch,\n    onClose: function onClose() {\n      setOpenAccountMenu(false);\n      document.body.style.position = '';\n    },\n    domRef: accountMenuRef\n  }));\n};\n\nLoginNav.propTypes = {\n  loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  notificationButtonState: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n  accountMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n  onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  onMenuOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  showNotification: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape()\n};\nvar _default = LoginNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/LoginNav/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/LoginNav/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/LoginNav/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/LoginNav/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _NotificationButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../NotificationButton */ \"./src/components/NotificationButton/index.js\");\n/* harmony import */ var _NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\");\n/* harmony import */ var _UserInfo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../UserInfo */ \"./src/components/UserInfo/index.js\");\n/* harmony import */ var _AccountMenu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../AccountMenu */ \"./src/components/AccountMenu/index.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar LoginNav = function LoginNav(_ref) {\n  var loggedIn = _ref.loggedIn,\n      notifications = _ref.notifications,\n      accountMenu = _ref.accountMenu,\n      switchText = _ref.switchText,\n      onSwitch = _ref.onSwitch,\n      onMenuOpen = _ref.onMenuOpen,\n      showNotification = _ref.showNotification,\n      profile = _ref.profile,\n      authURLs = _ref.authURLs,\n      auth = _ref.auth,\n      markNotificationAsRead = _ref.markNotificationAsRead,\n      markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n      markAllNotificationAsSeen = _ref.markAllNotificationAsSeen,\n      dismissChallengeNotifications = _ref.dismissChallengeNotifications;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState, 2),\n      openNotifications = _useState2[0],\n      setOpenNotifications = _useState2[1];\n\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useState\"])(),\n      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_useState3, 2),\n      openAccountMenu = _useState4[0],\n      setOpenAccountMenu = _useState4[1];\n\n  var accountMenuRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  var userInfoRef = Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useRef\"])(null);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n    // trigger when orientationChange in ipad\n    var onOrientationChange = function onOrientationChange() {\n      setOpenNotifications(false);\n      setOpenAccountMenu(false);\n      document.body.style.position = '';\n    };\n\n    window.addEventListener('orientationchange', onOrientationChange);\n    return function () {\n      return window.removeEventListener('orientationchange', onOrientationChange);\n    };\n  }, []);\n  Object(react__WEBPACK_IMPORTED_MODULE_1__[\"useEffect\"])(function () {\n    // Internet Explorer 6-11\n    var isIE =\n    /*@cc_on!@*/\n     false || !!document.documentMode; // eslint-disable-line spaced-comment\n    // Edge 20+\n\n    var isEdge = !isIE && !!window.StyleMedia;\n    if (!(isIE || isEdge)) return; // trigger when click outside\n\n    var onClickOutside = function onClickOutside(event) {\n      if (!(userInfoRef.current.contains(event.target) || accountMenuRef.current.contains(event.target))) {\n        setOpenAccountMenu(false);\n        document.body.style.position = '';\n      }\n    };\n\n    document.addEventListener('mousedown', onClickOutside, true);\n    return function () {\n      return document.removeEventListener('mousedown', onClickOutside, true);\n    };\n  }, []);\n\n  var handleClickNotifications = function handleClickNotifications() {\n    return setOpenNotifications(function (x) {\n      return !x;\n    });\n  };\n\n  var handleClickUserInfo = function handleClickUserInfo() {\n    if (!openAccountMenu) {\n      onMenuOpen(); // prevent body from scrolling on handheld devices\n\n      if (window.innerWidth <= 768) {\n        document.body.style.position = 'fixed';\n      }\n    }\n\n    setOpenAccountMenu(function (x) {\n      return !x;\n    });\n  }; // process seenNotifications\n\n\n  var seenNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n    return !t.isSeen && !t.isRead;\n  }).map(function (opt) {\n    return opt.id;\n  }).join('-'); // process unReadNotifications\n\n\n  var unReadNotifications = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (t) {\n    return !t.isRead;\n  }).length > 0;\n\n  var renderLoginPanel = function renderLoginPanel() {\n    if (showNotification) {\n      return [react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationButton__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n        notifications: notifications || [],\n        notificationsPopupOpen: openNotifications,\n        onClick: handleClickNotifications,\n        key: \"notification-button\"\n      }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n        profile: profile,\n        newNotifications: !!seenNotifications,\n        onClick: handleClickUserInfo,\n        open: openAccountMenu,\n        key: \"user-info\",\n        domRef: userInfoRef\n      })];\n    }\n\n    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_UserInfo__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n      profile: profile,\n      newNotifications: !!seenNotifications,\n      onClick: handleClickUserInfo,\n      open: openAccountMenu,\n      key: \"user-info\",\n      domRef: userInfoRef\n    });\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.loginContainer\n  }, loggedIn ? renderLoginPanel() : react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"a\", {\n    href: \"javascript:void(0)\",\n    onClick: function onClick(event) {\n      var retUrl = encodeURIComponent(window.location.href);\n      window.location = authURLs.location.replace('%S', retUrl).replace('member?', '#!/member?');\n      event.preventDefault();\n      return false;\n    }\n  }, \"LOGIN\"), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_NotificationsPopup__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    open: openNotifications,\n    notifications: notifications,\n    onClose: function onClose() {\n      seenNotifications && markAllNotificationAsSeen(seenNotifications, auth.tokenV3);\n      setOpenNotifications(false);\n    },\n    auth: auth,\n    unReadNotifications: unReadNotifications,\n    markNotificationAsRead: markNotificationAsRead,\n    markAllNotificationAsRead: markAllNotificationAsRead,\n    dismissChallengeNotifications: dismissChallengeNotifications\n  }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_AccountMenu__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    profile: profile,\n    open: openAccountMenu,\n    menu: accountMenu,\n    switchText: switchText,\n    numNotifications: lodash__WEBPACK_IMPORTED_MODULE_8___default.a.filter(notifications || [], function (n) {\n      return !n.isSeen && !n.isRead;\n    }).length,\n    onClickNotifications: handleClickNotifications,\n    onSwitch: onSwitch,\n    onClose: function onClose() {\n      setOpenAccountMenu(false);\n      document.body.style.position = '';\n    },\n    domRef: accountMenuRef\n  }));\n};\n\nLoginNav.propTypes = {\n  loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n  accountMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.array,\n  onSwitch: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  onMenuOpen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  showNotification: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  auth: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  switchText: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  authURLs: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape(),\n  markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n  markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n  markAllNotificationAsSeen: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired,\n  dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func.isRequired\n};\nvar _default = LoginNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/LoginNav/index.js?");
 
 /***/ }),
 
@@ -1089,7 +1089,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationButton/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconBell = function IconBell(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nIconBell.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar NotificationButton = function NotificationButton(_ref) {\n  var className = _ref.className,\n      state = _ref.state,\n      onClick = _ref.onClick,\n      notificationsPopupOpen = _ref.notificationsPopupOpen;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[state], notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, className),\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null));\n};\n\nNotificationButton.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  state: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['none', 'new', 'seen']),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\nvar _default = NotificationButton;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationButton/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconBellEmpty = function IconBellEmpty(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"title\", null, \"icon-bell\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#888894\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nIconBellEmpty.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconBell = function IconBell(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nIconBell.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar getNotificationButtonState = function getNotificationButtonState(notifications) {\n  if (notifications && lodash__WEBPACK_IMPORTED_MODULE_4___default.a.countBy(notifications || [], function (n) {\n    return !n.isSeen && !n.isRead;\n  })[\"true\"] > 0) {\n    return 'new';\n  }\n\n  if (notifications.length === 0) {\n    return 'none';\n  } else {\n    return 'seen';\n  }\n};\n\nvar NotificationButton = function NotificationButton(_ref) {\n  var onClick = _ref.onClick,\n      notificationsPopupOpen = _ref.notificationsPopupOpen,\n      notifications = _ref.notifications;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.notificationButton, notificationsPopupOpen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.isNotificationsPopupOpen, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a[getNotificationButtonState(notifications)]]),\n    onClick: onClick\n  }, !lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(notifications || []) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBell, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconBellEmpty, null));\n};\n\nNotificationButton.propTypes = {\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  notificationsPopupOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array\n};\nvar _default = NotificationButton;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(getNotificationButtonState, \"getNotificationButtonState\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n  reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationButton/index.js?");
 
 /***/ }),
 
@@ -1112,7 +1112,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n  var control = _ref.control,\n      name = _ref.name,\n      value = _ref.value,\n      options = _ref.options,\n      _onChange = _ref.onChange;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n      dropdownOpen = _useState2[0],\n      setDropdownOpen = _useState2[1];\n\n  return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    checked: value,\n    onClick: function onClick() {\n      return _onChange(name, !value);\n    }\n  }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    checked: value,\n    onClick: function onClick() {\n      return _onChange(name, !value);\n    }\n  }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    open: dropdownOpen,\n    onClick: function onClick() {\n      return setDropdownOpen(function (x) {\n        return !x;\n      });\n    },\n    onClose: function onClose() {\n      return setDropdownOpen(false);\n    },\n    checked: value !== options[0].value,\n    value: value,\n    options: options,\n    onChange: function onChange(value) {\n      return _onChange(name, value);\n    }\n  });\n};\n\nItemControl.propTypes = {\n  control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n  /**\n   * Render option controls.\n   *\n   * @param item {item} The option object\n   * @param onChange {function} Called with name (eg. website) and the new value\n   */\n\n};\n\nvar Item = function Item(_ref2) {\n  var item = _ref2.item,\n      onChange = _ref2.onChange;\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n  }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n    control: item.websiteControl,\n    name: \"website\",\n    value: item.website,\n    options: item.websiteOptions,\n    onChange: onChange\n  })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n    control: item.emailControl,\n    name: \"email\",\n    value: item.email,\n    options: item.emailOptions,\n    onChange: onChange\n  }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n  }, item.description));\n};\n\nItem.propTypes = {\n  item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n  var open = _ref3.open,\n      settings = _ref3.settings,\n      theme = _ref3.theme,\n      onChange = _ref3.onChange,\n      onClose = _ref3.onClose,\n      onSave = _ref3.onSave;\n  var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return settings.map(function (x, i) {\n      return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n        id: x.id || i\n      });\n    });\n  }, [settings]);\n  var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n      return x.category;\n    })).map(function (category) {\n      return {\n        category: category,\n        settings: settingsWithId.filter(function (x) {\n          return x.category === category;\n        })\n      };\n    });\n  }, [settingsWithId]);\n\n  var createHandleChangeItem = function createHandleChangeItem(item) {\n    return function (name, value) {\n      var _settings = settingsWithId.map(function (x) {\n        x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n        if (x.id === item.id) {\n          x[name] = value;\n        }\n\n        delete x.id;\n        return x;\n      });\n\n      item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n      delete item.id;\n      onChange(_settings, item, name);\n    };\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n    src: \"../../assets/images/tc-logo.svg\",\n    alt: \"logo\"\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n    onClick: onClose\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n    src: \"../../assets/images/icon-close.svg\",\n    alt: \"close\"\n  })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, \"Notifications\"), categories.map(function (category) {\n    return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n      key: category.category\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n    }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n    }, category.settings.map(function (item, i) {\n      return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n        item: item,\n        key: \"item-\".concat(i),\n        onChange: createHandleChangeItem(item)\n      });\n    })));\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n    onClick: onSave\n  }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n  theme: 'light',\n  settings: [{\n    category: 'Project notifications',\n    title: 'New posts and replies',\n    description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n    websiteControl: 'checkbox',\n    website: true,\n    emailControl: 'dropdown',\n    email: 'immediately',\n    emailOptions: [{\n      value: 'off',\n      label: 'Off'\n    }, {\n      value: 'immediately',\n      label: 'Immediately'\n    }, {\n      value: 'daily',\n      label: 'Daily'\n    }, {\n      value: 'everyOtherDay',\n      label: 'Every other day'\n    }]\n  }]\n};\nNotificationSettings.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n  /**\n   * Array of options object, each with properties:\n   *\n   *   - id (optional)\n   *   - title {string} Option title\n   *   - description {string} Option description\n   *   - category {string} Option category. Eg. Project notifications\n   *   - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n   *   - website {bool|string} Website value\n   *   - websiteOptions {array({ value, label })} Website options for dropdown\n   *   - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n   *   - email {bool|string} Email value\n   *   - emailOptions {array({ value, label })} Email options for dropdown\n  */\n  settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n  /**\n   * Called when changing settings.\n   *\n   * @param settings {array} The updated settings\n   * @param option {object} The specific settings item that changed\n   * @param name {object} The value that changed. Eg. website\n   *\n  */\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n  /** Called when save button is clicked */\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(ItemControl, \"ItemControl\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(Item, \"Item\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationSettings/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"@babel/runtime/helpers/defineProperty\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationSettings/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _CheckBox__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../CheckBox */ \"./src/components/CheckBox/index.js\");\n/* harmony import */ var _SwitchBox__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../SwitchBox */ \"./src/components/SwitchBox/index.js\");\n/* harmony import */ var _DropdownBox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../DropdownBox */ \"./src/components/DropdownBox/index.js\");\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\nvar ItemControl = function ItemControl(_ref) {\n  var control = _ref.control,\n      name = _ref.name,\n      value = _ref.value,\n      options = _ref.options,\n      _onChange = _ref.onChange;\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),\n      dropdownOpen = _useState2[0],\n      setDropdownOpen = _useState2[1];\n\n  return control === 'checkbox' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n    checked: value,\n    onClick: function onClick() {\n      return _onChange(name, !value);\n    }\n  }) : control === 'switch' ? react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SwitchBox__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    checked: value,\n    onClick: function onClick() {\n      return _onChange(name, !value);\n    }\n  }) : control === 'dropdown' && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_DropdownBox__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    open: dropdownOpen,\n    onClick: function onClick() {\n      return setDropdownOpen(function (x) {\n        return !x;\n      });\n    },\n    onClose: function onClose() {\n      return setDropdownOpen(false);\n    },\n    checked: value !== options[0].value,\n    value: value,\n    options: options,\n    onChange: function onChange(value) {\n      return _onChange(name, value);\n    }\n  });\n};\n\nItemControl.propTypes = {\n  control: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n  /**\n   * Render option controls.\n   *\n   * @param item {item} The option object\n   * @param onChange {function} Called with name (eg. website) and the new value\n   */\n\n};\n\nvar Item = function Item(_ref2) {\n  var item = _ref2.item,\n      onChange = _ref2.onChange;\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"li\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['list-item']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, item.title), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description']\n  }, item.description)), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n    control: item.websiteControl,\n    name: \"website\",\n    value: item.website,\n    options: item.websiteOptions,\n    onChange: onChange\n  })), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(ItemControl, {\n    control: item.emailControl,\n    name: \"email\",\n    value: item.email,\n    options: item.emailOptions,\n    onChange: onChange\n  }))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['description-mobile']\n  }, item.description));\n};\n\nItem.propTypes = {\n  item: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.object,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\n\nvar NotificationSettings = function NotificationSettings(_ref3) {\n  var open = _ref3.open,\n      settings = _ref3.settings,\n      theme = _ref3.theme,\n      onChange = _ref3.onChange,\n      onClose = _ref3.onClose,\n      onSave = _ref3.onSave;\n  var settingsWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return settings.map(function (x, i) {\n      return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x, {\n        id: x.id || i\n      });\n    });\n  }, [settings]);\n  var categories = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return lodash__WEBPACK_IMPORTED_MODULE_6___default.a.uniq(settingsWithId.map(function (x) {\n      return x.category;\n    })).map(function (category) {\n      return {\n        category: category,\n        settings: settingsWithId.filter(function (x) {\n          return x.category === category;\n        })\n      };\n    });\n  }, [settingsWithId]);\n\n  var createHandleChangeItem = function createHandleChangeItem(item) {\n    return function (name, value) {\n      var _settings = settingsWithId.map(function (x) {\n        x = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, x);\n\n        if (x.id === item.id) {\n          x[name] = value;\n        }\n\n        delete x.id;\n        return x;\n      });\n\n      item = _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_1___default()({}, item, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, name, value));\n      delete item.id;\n      onChange(_settings, item, name);\n    };\n  };\n\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-dialog'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['theme-wrapper'], \"theme-\".concat(theme), open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a.open)\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['header-nav-ui']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-nav']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['tc-logo'],\n    src: \"../../assets/images/tc-logo.svg\",\n    alt: \"logo\"\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, \"Topcoder Settings\"), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['close-btn'],\n    onClick: onClose\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"img\", {\n    src: \"../../assets/images/icon-close.svg\",\n    alt: \"close\"\n  })))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['settings-panel']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['title']\n  }, \"Notifications\"), categories.map(function (category) {\n    return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['panel-content'],\n      key: category.category\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-title']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['left']\n    }, category.category), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['website']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"Website\"))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['as-email']\n    }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"em\", null, \"As email\")))), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"ul\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['section-list']\n    }, category.settings.map(function (item, i) {\n      return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(Item, {\n        item: item,\n        key: \"item-\".concat(i),\n        onChange: createHandleChangeItem(item)\n      });\n    })));\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['bottom-btn']\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_7___default.a['btn-gray']),\n    onClick: onSave\n  }, \"Save settings\"))));\n};\n\nNotificationSettings.defaultProps = {\n  theme: 'light',\n  settings: [{\n    category: 'Project notifications',\n    title: 'New posts and replies',\n    description: \"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.\",\n    websiteControl: 'checkbox',\n    website: true,\n    emailControl: 'dropdown',\n    email: 'immediately',\n    emailOptions: [{\n      value: 'off',\n      label: 'Off'\n    }, {\n      value: 'immediately',\n      label: 'Immediately'\n    }, {\n      value: 'daily',\n      label: 'Daily'\n    }, {\n      value: 'everyOtherDay',\n      label: 'Every other day'\n    }]\n  }]\n};\nNotificationSettings.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n\n  /**\n   * Array of options object, each with properties:\n   *\n   *   - id (optional)\n   *   - title {string} Option title\n   *   - description {string} Option description\n   *   - category {string} Option category. Eg. Project notifications\n   *   - websiteControl {string(checkbox|switch|dropdown)} Type of control for website\n   *   - website {bool|string} Website value\n   *   - websiteOptions {array({ value, label })} Website options for dropdown\n   *   - emailControl {string(checkbox|switch|dropdown)} Type of control for email\n   *   - email {bool|string} Email value\n   *   - emailOptions {array({ value, label })} Email options for dropdown\n  */\n  settings: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array,\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n\n  /**\n   * Called when changing settings.\n   *\n   * @param settings {array} The updated settings\n   * @param option {object} The specific settings item that changed\n   * @param name {object} The value that changed. Eg. website\n   *\n  */\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n\n  /** Called when save button is clicked */\n  onSave: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func\n};\nvar _default = NotificationSettings;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(ItemControl, \"ItemControl\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationSettings/index.js?");
 
 /***/ }),
 
@@ -1135,7 +1135,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar EmptyNotifications = function EmptyNotifications(_ref) {\n  var onClose = _ref.onClose,\n      emptyTitle = _ref.emptyTitle,\n      emptyText = _ref.emptyText;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-header']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-back-btn'],\n    role: \"button\",\n    onClick: onClose\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['left-noti']\n  }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.rights\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['white-link'],\n    role: \"button\"\n  }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-setting'],\n    role: \"button\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.center)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.icons, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['icon-bell'])\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h4\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.titles\n  }, emptyTitle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.txt, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['center-txt'])\n  }, emptyText)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-footer']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.btn, _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['btn-blue']),\n    role: \"button\"\n  }, \"Notification Settings\")));\n};\n\nEmptyNotifications.defaultProps = {\n  emptyTitle: 'Good job! You’re all caught up',\n  emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    href: \"/\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n  }, \"blog post\"), \" for more info\")\n};\nEmptyNotifications.propTypes = {\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = EmptyNotifications;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(EmptyNotifications, \"EmptyNotifications\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/EmptyNotifications.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar NotificationIcon = function NotificationIcon(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nNotificationIcon.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar BackArrow = function BackArrow(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n    fill: \"#fff\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nBackArrow.defaultProps = {\n  width: \"10\",\n  height: \"16\",\n  viewBox: \"0 0 10 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIconBig = function NotificationIconBig(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z\",\n    fill: \"#B5E9DB\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nNotificationIconBig.defaultProps = {\n  width: \"73\",\n  height: \"80\",\n  viewBox: \"0 0 73 80\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar EmptyNotifications = function EmptyNotifications(_ref) {\n  var onClose = _ref.onClose,\n      emptyTitle = _ref.emptyTitle,\n      emptyText = _ref.emptyText;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-header']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['lefts']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-icon']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notification-left-btn-mobile'],\n    role: \"button\",\n    onClick: onClose\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-title']\n  }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-empty-title-mobileonly'])\n  }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-body'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['noti-body-empty'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.center)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NotificationIconBig, {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['big-icon-bell']\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['empty-title']\n  }, emptyTitle)));\n};\n\nEmptyNotifications.defaultProps = {\n  emptyTitle: 'Good job! You’re all caught up',\n  emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nEmptyNotifications.propTypes = {\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = EmptyNotifications;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(EmptyNotifications, \"EmptyNotifications\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/EmptyNotifications.js?");
 
 /***/ }),
 
@@ -1147,7 +1147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar LightBar = function LightBar(_ref) {\n  var title = _ref.title,\n      onDismiss = _ref.onDismiss;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['light-bar']\n  }, title, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['green-link'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['mobile-only'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissSection),\n    onClick: onDismiss\n  }, \"Dismiss All\"));\n};\n\nLightBar.propTypes = {\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Category = function Category(_ref2) {\n  var title = _ref2.title,\n      onDismiss = _ref2.onDismiss;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['grey-bar']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['copyicon-title']\n  }, title), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissCategory),\n    onClick: onDismiss\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n  }, \"Dismiss notification\")));\n};\n\nCategory.propTypes = {\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar Item = function Item(_ref3) {\n  var item = _ref3.item,\n      onDismiss = _ref3.onDismiss;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['items']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    href: item.href,\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['item-content']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['txt']\n  }, item.content), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['bottom-info']\n  }, item.tags && item.tags.map(function (tag) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['blue-squre'],\n      key: tag\n    }, tag);\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['time-txt']\n  }, moment__WEBPACK_IMPORTED_MODULE_4___default()(item.timestamp).fromNow())), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['right-remove'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.dismissItem),\n    onClick: onDismiss\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-close']\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['black-txt']\n  }, \"Dismiss notification\"))));\n};\n\nItem.propTypes = {\n  item: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n\nvar NotificationList = function NotificationList(_ref4) {\n  var notifications = _ref4.notifications,\n      _onDismiss = _ref4.onDismiss,\n      onSettings = _ref4.onSettings,\n      onClose = _ref4.onClose;\n\n  var categories = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.uniq((notifications || []).map(function (noti) {\n    return noti.category;\n  }).filter(function (x) {\n    return x;\n  })).sort(function (a, b) {\n    return a.localeCompare(b);\n  });\n\n  var newest = notifications.filter(function (x) {\n    return x.timestamp > moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n  });\n  var earlier = notifications.filter(function (x) {\n    return x.timestamp < moment__WEBPACK_IMPORTED_MODULE_4___default()().subtract(1, 'day').valueOf();\n  });\n  var sections = [{\n    title: 'New',\n    list: newest\n  }, {\n    title: 'Earlier',\n    list: earlier\n  }];\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['noti-header']\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['notification-back-btn'],\n    role: \"button\",\n    onClick: onClose\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['left-noti']\n  }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rights\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n    onClick: function onClick() {\n      return _onDismiss(notifications);\n    }\n  }, \"Dismiss All\"), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.point\n  }), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['white-link'],\n    onClick: onSettings\n  }, \"Settings\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    role: \"button\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['btn-setting']\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['noti-body']\n  }, sections.map(function (section) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], {\n      key: section.title\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LightBar, {\n      title: section.title,\n      onDismiss: function onDismiss() {\n        return _onDismiss(section.list);\n      }\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['lightblue-section']\n    }, section.list.filter(function (x) {\n      return !x.category;\n    }).map(function (item, i) {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n        item: item,\n        key: \"noti-\".concat(i),\n        onDismiss: function onDismiss() {\n          return _onDismiss([item]);\n        }\n      });\n    })), categories.map(function (category) {\n      var items = section.list.filter(function (x) {\n        return x.category === category;\n      });\n      if (!items.length) return null;\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['greybar-section'],\n        key: category\n      }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Category, {\n        title: \"\".concat(category, \" (\").concat(items.length, \")\"),\n        onDismiss: function onDismiss() {\n          return _onDismiss(items);\n        }\n      }), items.map(function (item, i) {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Item, {\n          item: item,\n          key: \"noti-\".concat(i),\n          onDismiss: function onDismiss() {\n            return _onDismiss([item]);\n          }\n        });\n      }));\n    }));\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a['end-message'], _styles_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.center)\n  }, \"You have no more notifications\")));\n};\n\nNotificationList.defaultProps = {\n  notifications: [],\n  onDismiss: function onDismiss() {\n    return null;\n  }\n};\nNotificationList.propTypes = {\n  /**\n   * Array of Notifications, each with properties:\n   *\n   *   - content {string|node}\n   *   - href {string} href for the item's wrapper anchor\n   *   - category {array}\n   *   - tags {array}\n   *   - timestamp {number}\n  */\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n\n  /**\n   * Called with array of items to be dismissed.\n   *\n   * @param items {array} Items to be dismissed\n   */\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n\n  /** Called on Settings button click */\n  onSettings: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = NotificationList;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(LightBar, \"LightBar\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(Category, \"Category\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(Item, \"Item\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(NotificationList, \"NotificationList\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/NotificationList.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return NotificationList; });\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"@babel/runtime/helpers/classCallCheck\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"@babel/runtime/helpers/createClass\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"@babel/runtime/helpers/possibleConstructorReturn\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"@babel/runtime/helpers/getPrototypeOf\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"@babel/runtime/helpers/inherits\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__);\n\n\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar BackArrow = function BackArrow(props) {\n  return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n    d: \"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z\",\n    fill: \"#fff\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nBackArrow.defaultProps = {\n  width: \"10\",\n  height: \"16\",\n  viewBox: \"0 0 10 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}; // import GearIcon from '../../assets/images/icon-settings-gear.svg'\n\nvar TickIcon = function TickIcon(props) {\n  return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"title\", null, \"checkmark\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n    d: \"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z\",\n    fill: \"#FFF\",\n    fillRule: \"evenodd\"\n  }));\n};\n\nTickIcon.defaultProps = {\n  width: \"15\",\n  height: \"13\",\n  viewBox: \"0 0 15 13\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar NotificationIcon = function NotificationIcon(props) {\n  return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z\",\n    id: \"a\"\n  })));\n};\n\nNotificationIcon.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}; // TODO: We change this later based on API event mapping\n\nvar eventTypes = {\n  PROJECT: {\n    ACTIVE: ['challenge.notification.events', 'notifications.autopilot.events'],\n    COMPLETED: 'challenge.notification.completed'\n  },\n  BROADCAST: 'admin.notification.broadcast' // Dynamic element, to select between Link and Div\n\n};\n\nvar ConditionalWrapper = function ConditionalWrapper(_ref) {\n  var condition = _ref.condition,\n      renderLink = _ref.renderLink,\n      renderDiv = _ref.renderDiv,\n      children = _ref.children;\n  return condition ? renderLink(children) : renderDiv(children);\n};\n\nvar Item = function Item(_ref2) {\n  var item = _ref2.item,\n      auth = _ref2.auth,\n      onDismiss = _ref2.onDismiss,\n      markNotificationAsRead = _ref2.markNotificationAsRead,\n      isLink = _ref2.isLink;\n  return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper, {\n    condition: (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId,\n    renderLink: function renderLink(children) {\n      return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n        to: \"/challenges/\".concat(item.sourceId),\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item'],\n        onClick: function onClick() {\n          return !item.isRead && markNotificationAsRead(item, auth.tokenV3);\n        }\n      }, children);\n    },\n    renderDiv: function renderDiv(children) {\n      return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-item']\n      }, children);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left\n  }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"p\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['txt'],\n    dangerouslySetInnerHTML: {\n      // eslint-disable-line react/no-danger\n      __html: item.contents || ''\n    }\n  }), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['time-txt']\n  }, moment__WEBPACK_IMPORTED_MODULE_9___default()(item.date).fromNow())), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right\n  }, !item.isRead && react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point, item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-grey'], !item.isSeen && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['point-red']]),\n    onClick: function onClick(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      e.nativeEvent.stopImmediatePropagation();\n      markNotificationAsRead(item, auth.tokenV3);\n    }\n  }))));\n};\n\nItem.propTypes = {\n  item: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,\n  auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n  markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n  isLink: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired\n};\n\nvar NotificationList =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList, _React$Component);\n\n  function NotificationList(props) {\n    var _this;\n\n    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, NotificationList);\n\n    _this = _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this, _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this, props));\n    _this.state = {\n      nonCompletedSection: [],\n      unreadCount: 0\n    };\n    return _this;\n  }\n\n  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList, [{\n    key: \"challenges\",\n    value: function challenges(list) {\n      list = list || [];\n\n      var challengeTitles = lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(list.map(function (noti) {\n        return noti.sourceName;\n      }).filter(function (x) {\n        return x;\n      }));\n\n      return challengeTitles.map(function (title) {\n        return {\n          challengeTitle: title,\n          items: list.filter(function (t) {\n            return t.sourceName === title;\n          })\n        };\n      });\n    }\n  }, {\n    key: \"isLink\",\n    value: function isLink(item) {\n      var ret = (eventTypes.PROJECT.ACTIVE.includes(item.eventType) || eventTypes.PROJECT.COMPLETED.includes(item.eventType)) && item.sourceId > 0;\n      return ret;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      var _this$props = this.props,\n          onClose = _this$props.onClose,\n          notifications = _this$props.notifications,\n          _onDismiss = _this$props.onDismiss,\n          unReadNotifications = _this$props.unReadNotifications,\n          markNotificationAsRead = _this$props.markNotificationAsRead,\n          markAllNotificationAsRead = _this$props.markAllNotificationAsRead,\n          auth = _this$props.auth;\n      return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-header']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['lefts']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-icon']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['notification-left-btn-mobile'],\n        role: \"button\",\n        onClick: onClose\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow, null)), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title']\n      }, \"Notifications\")), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-title-mobileonly']\n      }, \"Notifications\"), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", {\n        role: \"button\",\n        className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['white-link'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n        onClick: function onClick() {\n          unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n        }\n      }, \"Mark All as Read\")), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['rights-mobile']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['btn-tick'], !unReadNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['disabled']),\n        role: \"button\",\n        onClick: function onClick() {\n          unReadNotifications && markAllNotificationAsRead(auth.tokenV3);\n        }\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon, null)))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['noti-body']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], null, this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(notifications || []).filter(function (t) {\n        return eventTypes.PROJECT.ACTIVE.includes(t.eventType) || eventTypes.BROADCAST.includes(t.eventType);\n      })).map(function (challenge, challengeIdx) {\n        return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__[\"Fragment\"], {\n          key: \"nonComplete-\".concat(challengeIdx)\n        }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n          key: \"noti-\".concat(challengeIdx),\n          className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['challenge-title']\n        }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"span\", null, challenge.challengeTitle)), challenge.items.map(function (item, itemIdx) {\n          return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item, {\n            item: item,\n            auth: auth,\n            markNotificationAsRead: markNotificationAsRead,\n            key: \"noti-\".concat(challengeIdx, \"-\").concat(itemIdx),\n            onDismiss: function onDismiss() {\n              return _onDismiss([item]);\n            },\n            isLink: _this2.isLink(item)\n          });\n        }));\n      }))), react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(\"div\", {\n        className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a['view-all-notifications']\n      }, react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__[\"Link\"], {\n        to: \"/notifications\"\n      }, \"View all Notifications\")));\n    }\n  }, {\n    key: \"__reactstandin__regenerateByEval\",\n    // @ts-ignore\n    value: function __reactstandin__regenerateByEval(key, code) {\n      // @ts-ignore\n      this[key] = eval(code);\n    }\n  }]);\n\n  return NotificationList;\n}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component);\n\n\nNotificationList.defaultProps = {\n  notifications: [],\n  auth: null,\n  onDismiss: function onDismiss() {\n    return null;\n  },\n  markAllNotificationAsRead: function markAllNotificationAsRead() {\n    return null;\n  },\n  markNotificationAsRead: function markNotificationAsRead() {\n    return null;\n  }\n};\nNotificationList.propTypes = {\n  auth: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),\n\n  /**\n   * Array of Notifications, each with properties:\n   *\n   *   - id {number} message identifier\n   *   - sourceId {number} identifies the associated challenge\n   *   - sourceName {string} challenge title\n   *   - eventType {string} indicates if challenge is active(connect.notification.project.active)\n   *       or completed(connect.notification.project.completed)\n   *   - date {date} when notification was raised\n   *   - isRead {boolean} indicates if is read\n   *   - isSeen {boolean} indicates if is seen\n   *   - contents {string} message\n   *\n  */\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,\n\n  /**\n   * Called with array of items to be dismissed.\n   *\n   * @param items {array} Items to be dismissed\n   */\n  onDismiss: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,\n  unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,\n  markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,\n  markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired\n};\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(eventTypes, \"eventTypes\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(ConditionalWrapper, \"ConditionalWrapper\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(Item, \"Item\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n  reactHotLoader.register(NotificationList, \"NotificationList\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/NotificationList.js?");
 
 /***/ }),
 
@@ -1159,7 +1159,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(f
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmptyNotifications */ \"./src/components/NotificationsPopup/EmptyNotifications.js\");\n/* harmony import */ var _NotificationList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NotificationList */ \"./src/components/NotificationsPopup/NotificationList.js\");\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar NotificationsPopup = function NotificationsPopup(_ref) {\n  var open = _ref.open,\n      onClose = _ref.onClose,\n      emptyTitle = _ref.emptyTitle,\n      emptyText = _ref.emptyText,\n      notifications = _ref.notifications;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notifications-panel'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.open)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.backdrop,\n    onClick: onClose\n  }), notifications && notifications.length > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NotificationList__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    notifications: notifications,\n    onClose: onClose\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    emptyTitle: emptyTitle,\n    emptyText: emptyText,\n    onClose: onClose\n  }));\n};\n\nNotificationsPopup.defaultProps = {\n  emptyTitle: 'Good job! You’re all caught up',\n  emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications. Read our \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    href: \"/\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.blueLink\n  }, \"blog post\"), \" for more info\")\n};\nNotificationsPopup.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n\n  /**\n   * Array of Notifications, each with properties:\n   *\n   *   - content {string|node}\n   *   - category {array}\n   *   - tags {array}\n   *   - timestamp {number}\n  */\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array\n};\nvar _default = NotificationsPopup;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/NotificationsPopup/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./EmptyNotifications */ \"./src/components/NotificationsPopup/EmptyNotifications.js\");\n/* harmony import */ var _NotificationList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./NotificationList */ \"./src/components/NotificationsPopup/NotificationList.js\");\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\nvar NotificationsPopup = function NotificationsPopup(_ref) {\n  var open = _ref.open,\n      onClose = _ref.onClose,\n      emptyTitle = _ref.emptyTitle,\n      markNotificationAsRead = _ref.markNotificationAsRead,\n      emptyText = _ref.emptyText,\n      notifications = _ref.notifications,\n      unReadNotifications = _ref.unReadNotifications,\n      markAllNotificationAsRead = _ref.markAllNotificationAsRead,\n      dismissChallengeNotifications = _ref.dismissChallengeNotifications,\n      auth = _ref.auth;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['notifications-panel'], open && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.open)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.backdrop,\n    onClick: onClose\n  }), notifications && notifications.length > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_NotificationList__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    notifications: notifications,\n    markNotificationAsRead: markNotificationAsRead,\n    auth: auth,\n    unReadNotifications: unReadNotifications,\n    markAllNotificationAsRead: markAllNotificationAsRead,\n    dismissChallengeNotifications: dismissChallengeNotifications,\n    onClose: onClose\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_EmptyNotifications__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    emptyTitle: emptyTitle,\n    emptyText: emptyText,\n    onClose: onClose\n  }));\n};\n\nNotificationsPopup.defaultProps = {\n  emptyTitle: 'Good job! You’re all caught up',\n  emptyText: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Join challenges and check your notification settings if you don\\u2019t receive notifications. We\\u2019re actively adding new notifications.\")\n};\nNotificationsPopup.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClose: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  emptyTitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  emptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  auth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n\n  /**\n   * Array of Notifications, each with properties:\n   *\n   *   - content {string|node}\n   *   - category {array}\n   *   - tags {array}\n   *   - timestamp {number}\n  */\n  notifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  unReadNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  markNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  markAllNotificationAsRead: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  dismissChallengeNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired\n};\nvar _default = NotificationsPopup;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/NotificationsPopup/index.js?");
 
 /***/ }),
 
@@ -1182,7 +1182,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n  var checked = _ref.checked,\n      onClick = _ref.onClick;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n  }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n  }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/SwitchBox/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/SwitchBox/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar SwitchBox = function SwitchBox(_ref) {\n  var checked = _ref.checked,\n      onClick = _ref.onClick;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['switch-box'], checked && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['checked']),\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-on']\n  }, \"on\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['dot']\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['label-off']\n  }, \"off\"));\n};\n\nSwitchBox.propTypes = {\n  checked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = SwitchBox;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/SwitchBox/index.js?");
 
 /***/ }),
 
@@ -1205,7 +1205,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileMenu.module.scss */ \"./src/components/TopNav/MobileMenu.module.scss\");\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar MobileMenu = function MobileMenu(_ref) {\n  var menu = _ref.menu,\n      activeChildId = _ref.activeChildId,\n      createHandleClickItem = _ref.createHandleClickItem;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobile\n  }, menu.subMenu && menu.subMenu.map(function (level2, i) {\n    if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItem, level2.id === activeChildId && _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItemOpen),\n        href: level2.href,\n        key: \"level2-\".concat(i),\n        onClick: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickItem(level2.id) : null\n      }, level2.title);\n    }\n  }));\n};\n\nMobileMenu.propTypes = {\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileMenu.module.scss */ \"./src/components/TopNav/MobileMenu.module.scss\");\n/* harmony import */ var _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\nvar MobileMenu = function MobileMenu(_ref) {\n  var menu = _ref.menu,\n      activeChildId = _ref.activeChildId,\n      createHandleClickItem = _ref.createHandleClickItem;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobile\n  }, menu.subMenu && menu.subMenu.map(function (level2, i) {\n    if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItem, level2.id === activeChildId && _MobileMenu_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.secondaryNavMobileItemOpen),\n        href: level2.href,\n        key: \"level2-\".concat(i),\n        onClick: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickItem(level2.id) : null\n      }, level2.title);\n    }\n  }));\n};\n\nMobileMenu.propTypes = {\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileMenu;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileMenu, \"MobileMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileMenu.js?");
 
 /***/ }),
 
@@ -1228,7 +1228,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconClose = function IconClose(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nIconClose.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMenu = function IconMenu(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n  })));\n};\n\nIconMenu.defaultProps = {\n  width: \"24\",\n  height: \"16\",\n  viewBox: \"0 0 24 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n    fill: \"#979797\",\n    fillRule: \"evenodd\"\n  }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n  width: \"18\",\n  height: \"18\",\n  viewBox: \"0 0 18 18\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MobileNav = function MobileNav(_ref) {\n  var showLeftMenu = _ref.showLeftMenu,\n      onClickLeftMenu = _ref.onClickLeftMenu,\n      logo = _ref.logo,\n      onClickLogo = _ref.onClickLogo,\n      rightMenu = _ref.rightMenu;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n    onClick: onClickLeftMenu\n  }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    onClick: function onClick(e) {\n      return onClickLogo(e);\n    },\n    href: \"/\"\n  }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n  }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    onKeyPress: function onKeyPress(event) {\n      if (event.key === 'Enter') {\n        window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n      }\n    },\n    placeholder: \"Find members by username or skill\",\n    \"aria-label\": \"Find members by username or skill\"\n  })));\n};\n\nMobileNav.propTypes = {\n  showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileNav, \"MobileNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./MobileNav.module.scss */ \"./src/components/TopNav/MobileNav.module.scss\");\n/* harmony import */ var _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconClose = function IconClose(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\"\n  }));\n};\n\nIconClose.defaultProps = {\n  width: \"16\",\n  height: \"16\",\n  viewBox: \"0 0 16 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMenu = function IconMenu(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z\"\n  })));\n};\n\nIconMenu.defaultProps = {\n  width: \"24\",\n  height: \"16\",\n  viewBox: \"0 0 24 16\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconMagnifyingGlass = function IconMagnifyingGlass(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n    fill: \"#979797\",\n    fillRule: \"evenodd\"\n  }));\n};\n\nIconMagnifyingGlass.defaultProps = {\n  width: \"18\",\n  height: \"18\",\n  viewBox: \"0 0 18 18\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MobileNav = function MobileNav(_ref) {\n  var showLeftMenu = _ref.showLeftMenu,\n      onClickLeftMenu = _ref.onClickLeftMenu,\n      logo = _ref.logo,\n      onClickLogo = _ref.onClickLogo,\n      rightMenu = _ref.rightMenu;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.mobileNav\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.leftMenuContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.menuBtn,\n    onClick: onClickLeftMenu\n  }, showLeftMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconClose, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMenu, null))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    onClick: function onClick(e) {\n      return onClickLogo(e);\n    },\n    href: \"/\"\n  }, logo), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.rightMenu\n  }, rightMenu)), showLeftMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.search\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconMagnifyingGlass, {\n    className: _MobileNav_module_scss__WEBPACK_IMPORTED_MODULE_2___default.a.icon\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    onKeyPress: function onKeyPress(event) {\n      if (event.key === 'Enter') {\n        window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n      }\n    },\n    placeholder: \"Find members by username or skill\",\n    \"aria-label\": \"Find members by username or skill\"\n  })));\n};\n\nMobileNav.propTypes = {\n  showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onClickLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n};\nvar _default = MobileNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileNav, \"MobileNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileNav.js?");
 
 /***/ }),
 
@@ -1251,7 +1251,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n  var open = _ref.open,\n      menu = _ref.menu,\n      isSecondaryMenu = _ref.isSecondaryMenu,\n      activeChildId = _ref.activeChildId,\n      onClick = _ref.onClick,\n      createHandleClickItem = _ref.createHandleClickItem;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n  }), (!isSecondaryMenu && menu.subMenu && menu.subMenu.length > 0 || menu.secondaryMenu && menu.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader,\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title), open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavContent\n  }, (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChild, level3.id === activeChildId && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChildOpen),\n      href: level3.href,\n      key: \"level3-\".concat(i),\n      onClick: createHandleClickItem(level3.id)\n    }, level3.title);\n  }))) || react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"dev\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title))));\n};\n\nMobileSubNav.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./MobileSubNav.module.scss */ \"./src/components/TopNav/MobileSubNav.module.scss\");\n/* harmony import */ var _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar MobileSubNav = function MobileSubNav(_ref) {\n  var open = _ref.open,\n      menu = _ref.menu,\n      isSecondaryMenu = _ref.isSecondaryMenu,\n      activeChildId = _ref.activeChildId,\n      onClick = _ref.onClick,\n      createHandleClickItem = _ref.createHandleClickItem;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNav, open && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavMask\n  }), (!isSecondaryMenu && menu.subMenu && menu.subMenu.length > 0 || menu.secondaryMenu && menu.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader,\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title), open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), open && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavContent\n  }, (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChild, level3.id === activeChildId && _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavChildOpen),\n      href: level3.href,\n      key: \"level3-\".concat(i),\n      onClick: createHandleClickItem(level3.id)\n    }, level3.title);\n  }))) || react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"dev\", {\n    className: _MobileSubNav_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.mobileSubNavHeader\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, menu.title))));\n};\n\nMobileSubNav.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = MobileSubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(MobileSubNav, \"MobileSubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/MobileSubNav.js?");
 
 /***/ }),
 
@@ -1274,7 +1274,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n    fill: \"#979797\",\n    fillRule: \"evenodd\"\n  }));\n};\n\nMagnifyingGlass.defaultProps = {\n  width: \"18\",\n  height: \"18\",\n  viewBox: \"0 0 18 18\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar PrimaryNav = function PrimaryNav(_ref) {\n  var collapsed = _ref.collapsed,\n      showLeftMenu = _ref.showLeftMenu,\n      logo = _ref.logo,\n      menu = _ref.menu,\n      rightMenu = _ref.rightMenu,\n      moreMenu = _ref.moreMenu,\n      openMore = _ref.openMore,\n      onCloseMore = _ref.onCloseMore,\n      moreId = _ref.moreId,\n      activeLevel1Id = _ref.activeLevel1Id,\n      activeLevel2Id = _ref.activeLevel2Id,\n      onClickLogo = _ref.onClickLogo,\n      onRightMenuResize = _ref.onRightMenuResize,\n      createHandleClickLevel1 = _ref.createHandleClickLevel1,\n      createHandleClickLevel2 = _ref.createHandleClickLevel2,\n      handleClickMore = _ref.handleClickMore,\n      createHandleClickMoreItem = _ref.createHandleClickMoreItem,\n      createSetRef = _ref.createSetRef,\n      showChosenArrow = _ref.showChosenArrow,\n      showLevel3 = _ref.showLevel3,\n      forceHideLevel3 = _ref.forceHideLevel3,\n      chosenArrowX = _ref.chosenArrowX,\n      searchOpened = _ref.searchOpened,\n      toggleSearchOpen = _ref.toggleSearchOpen;\n\n  var filterNotInMore = function filterNotInMore(menu) {\n    return !(moreMenu || []).find(function (x) {\n      return x.id === menu.id;\n    });\n  };\n\n  var activeTrigger = {\n    bottom: 50 // The main nav head bottom Y\n\n  };\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n    ref: createSetRef('primaryNav')\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n    onClick: function onClick(e) {\n      return onClickLogo(e);\n    },\n    href: \"/\"\n  }, logo), menu.map(function (level1, i) {\n    return [react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Separator,\n      key: \"separator-\".concat(i)\n    }),\n    /* Level 1 menu item */\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, (!activeLevel2Id || showLeftMenu) && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n      href: level1.href,\n      key: \"level1-\".concat(i),\n      onClick: createHandleClickLevel1(level1.id, true),\n      ref: createSetRef(level1.id)\n    }, level1.title),\n    /* Level 2 menu */\n    level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n      key: \"level2-\".concat(i, \"-container\"),\n      ref: createSetRef(\"level2Container\".concat(i))\n    }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n      if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n          className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, level2.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n          href: level2.href,\n          key: \"level2-\".concat(i),\n          onClick: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickLevel2(level2.id, true) : null,\n          ref: createSetRef(level2.id)\n        }, level2.title);\n      }\n    }), level1.id === activeLevel1Id && moreMenu && moreMenu.length > 0 && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnContainer, openMore && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreOpen)\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.backdrop,\n      onClick: onCloseMore\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtn),\n      onClick: handleClickMore,\n      ref: createSetRef(moreId)\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnMask\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"More\"), openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreContentContainer\n    }, moreMenu.map(function (menu, i) {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, menu.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n        href: menu.href,\n        key: \"more-item-\".concat(i),\n        onClick: createHandleClickMoreItem(menu.id)\n      }, menu.title);\n    }))))];\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ChosenArrow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    show: showChosenArrow && showLevel3 && !forceHideLevel3,\n    x: chosenArrowX\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavRight\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_resize_detector__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    handleWidth: true,\n    onResize: onRightMenuResize\n  }), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rightMenuPrimaryLevel1)\n  }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"aria-label\": \"Find members by username or skill\",\n    role: \"button\",\n    tabIndex: 0,\n    \"data-menu\": \"search\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n      opened: searchOpened\n    }),\n    onFocus: function onFocus() {\n      return toggleSearchOpen(true);\n    },\n    onBlur: function onBlur(event) {\n      if (event.pageY < activeTrigger.bottom) {\n        toggleSearchOpen(false);\n      }\n    },\n    onMouseEnter: function onMouseEnter(event) {\n      return toggleSearchOpen(true);\n    },\n    onMouseLeave: function onMouseLeave(event) {\n      console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n      if (event.pageY < activeTrigger.bottom) {\n        toggleSearchOpen(false);\n      }\n    },\n    onTouchStart: function onTouchStart(event) {\n      if (searchOpened) {\n        toggleSearchOpen(false);\n      } else {\n        toggleSearchOpen(true);\n      }\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    role: \"search\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n      opened: searchOpened,\n      closed: !searchOpened\n    }),\n    onMouseLeave: function onMouseLeave(event) {\n      toggleSearchOpen(false);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    ref: createSetRef('searchInputBox'),\n    onKeyPress: function onKeyPress(event) {\n      if (event.key === 'Enter') {\n        window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n      }\n    },\n    onBlur: function onBlur() {\n      return toggleSearchOpen(false);\n    },\n    \"aria-label\": \"Find members by username or skill\",\n    placeholder: \"Find members by username or skill\"\n  })));\n};\n\nPrimaryNav.propTypes = {\n  collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  showLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  forceHideLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_resize_detector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-resize-detector */ \"./node_modules/react-resize-detector/lib/esm/index.js\");\n/* harmony import */ var _ChosenArrow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ChosenArrow */ \"./src/components/ChosenArrow/index.js\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PrimaryNav.module.scss */ \"./src/components/TopNav/PrimaryNav.module.scss\");\n/* harmony import */ var _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar MagnifyingGlass = function MagnifyingGlass(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z\",\n    fill: \"#979797\",\n    fillRule: \"evenodd\"\n  }));\n};\n\nMagnifyingGlass.defaultProps = {\n  width: \"18\",\n  height: \"18\",\n  viewBox: \"0 0 18 18\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\nvar PrimaryNav = function PrimaryNav(_ref) {\n  var collapsed = _ref.collapsed,\n      showLeftMenu = _ref.showLeftMenu,\n      logo = _ref.logo,\n      menu = _ref.menu,\n      rightMenu = _ref.rightMenu,\n      moreMenu = _ref.moreMenu,\n      openMore = _ref.openMore,\n      onCloseMore = _ref.onCloseMore,\n      moreId = _ref.moreId,\n      activeLevel1Id = _ref.activeLevel1Id,\n      activeLevel2Id = _ref.activeLevel2Id,\n      onClickLogo = _ref.onClickLogo,\n      onRightMenuResize = _ref.onRightMenuResize,\n      createHandleClickLevel1 = _ref.createHandleClickLevel1,\n      createHandleClickLevel2 = _ref.createHandleClickLevel2,\n      handleClickMore = _ref.handleClickMore,\n      createHandleClickMoreItem = _ref.createHandleClickMoreItem,\n      createSetRef = _ref.createSetRef,\n      showChosenArrow = _ref.showChosenArrow,\n      showLevel3 = _ref.showLevel3,\n      forceHideLevel3 = _ref.forceHideLevel3,\n      chosenArrowX = _ref.chosenArrowX,\n      searchOpened = _ref.searchOpened,\n      toggleSearchOpen = _ref.toggleSearchOpen;\n\n  var filterNotInMore = function filterNotInMore(menu) {\n    return !(moreMenu || []).find(function (x) {\n      return x.id === menu.id;\n    });\n  };\n\n  var activeTrigger = {\n    bottom: 50 // The main nav head bottom Y\n\n  };\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainer, showLeftMenu && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavContainerOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNav,\n    ref: createSetRef('primaryNav')\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogo, collapsed && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.tcLogoPush),\n    onClick: function onClick(e) {\n      return onClickLogo(e);\n    },\n    href: \"/\"\n  }, logo), menu.map(function (level1, i) {\n    return [react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Separator,\n      key: \"separator-\".concat(i)\n    }),\n    /* Level 1 menu item */\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, (!activeLevel2Id || showLeftMenu) && level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1Open, level1.mobileOnly && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mobileOnly),\n      href: level1.href,\n      key: \"level1-\".concat(i),\n      onClick: createHandleClickLevel1(level1.id, true),\n      ref: createSetRef(level1.id)\n    }, level1.title),\n    /* Level 2 menu */\n    level1.subMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Container, level1.id === activeLevel1Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2ContainerOpen),\n      key: \"level2-\".concat(i, \"-container\"),\n      ref: createSetRef(\"level2Container\".concat(i))\n    }, level1.subMenu.filter(filterNotInMore).map(function (level2, i) {\n      if (level2.subMenu && level2.subMenu.length > 0 || level2.href) {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n          className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, level2.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n          href: level2.href,\n          key: \"level2-\".concat(i),\n          onClick: level2.subMenu && level2.subMenu.length > 0 ? createHandleClickLevel2(level2.id, true) : null,\n          ref: createSetRef(level2.id)\n        }, level2.title);\n      }\n    }), level1.id === activeLevel1Id && moreMenu && moreMenu.length > 0 && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnContainer, openMore && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreOpen)\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.backdrop,\n      onClick: onCloseMore\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtn),\n      onClick: handleClickMore,\n      ref: createSetRef(moreId)\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreBtnMask\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, \"More\"), openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null), !openMore && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.moreContentContainer\n    }, moreMenu.map(function (menu, i) {\n      return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2, menu.id === activeLevel2Id && _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel2Open),\n        href: menu.href,\n        key: \"more-item-\".concat(i),\n        onClick: createHandleClickMoreItem(menu.id)\n      }, menu.title);\n    }))))];\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ChosenArrow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    show: showChosenArrow && showLevel3 && !forceHideLevel3,\n    x: chosenArrowX\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryNavRight\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_resize_detector__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    handleWidth: true,\n    onResize: onRightMenuResize\n  }), rightMenu && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1, _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.rightMenuPrimaryLevel1)\n  }, rightMenu), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    \"aria-label\": \"Find members by username or skill\",\n    role: \"button\",\n    tabIndex: 0,\n    \"data-menu\": \"search\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchIcon, {\n      opened: searchOpened\n    }),\n    onFocus: function onFocus() {\n      return toggleSearchOpen(true);\n    },\n    onBlur: function onBlur(event) {\n      if (event.pageY < activeTrigger.bottom) {\n        toggleSearchOpen(false);\n      }\n    },\n    onMouseEnter: function onMouseEnter(event) {\n      return toggleSearchOpen(true);\n    },\n    onMouseLeave: function onMouseLeave(event) {\n      console.log(\"\".concat(event.clientX, \" - \").concat(event.clientY));\n\n      if (event.pageY < activeTrigger.bottom) {\n        toggleSearchOpen(false);\n      }\n    },\n    onTouchStart: function onTouchStart(event) {\n      if (searchOpened) {\n        toggleSearchOpen(false);\n      } else {\n        toggleSearchOpen(true);\n      }\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(MagnifyingGlass, null)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    role: \"search\",\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.searchField, {\n      opened: searchOpened,\n      closed: !searchOpened\n    }),\n    onMouseLeave: function onMouseLeave(event) {\n      toggleSearchOpen(false);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n    ref: createSetRef('searchInputBox'),\n    onKeyPress: function onKeyPress(event) {\n      if (event.key === 'Enter') {\n        window.location = \"\".concat(window.origin, \"/search/members?q=\").concat(encodeURIComponent(event.target.value));\n      }\n    },\n    onBlur: function onBlur() {\n      return toggleSearchOpen(false);\n    },\n    \"aria-label\": \"Find members by username or skill\",\n    placeholder: \"Find members by username or skill\"\n  })));\n};\n\nPrimaryNav.propTypes = {\n  collapsed: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  showLeftMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  moreMenu: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.array,\n  openMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onCloseMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  moreId: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  activeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  activeLevel2Id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.any,\n  onClickLogo: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onRightMenuResize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickLevel1: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickLevel2: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  handleClickMore: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createHandleClickMoreItem: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  showChosenArrow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  showLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  forceHideLevel3: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  chosenArrowX: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  searchOpened: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  toggleSearchOpen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\nvar _default = PrimaryNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(PrimaryNav, \"PrimaryNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.js?");
 
 /***/ }),
 
@@ -1297,7 +1297,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n  var open = _ref.open,\n      menu = _ref.menu,\n      isSecondaryMenu = _ref.isSecondaryMenu,\n      isResize = _ref.isResize,\n      activeChildId = _ref.activeChildId,\n      showIndicator = _ref.showIndicator,\n      indicatorX = _ref.indicatorX,\n      createHandleClickItem = _ref.createHandleClickItem,\n      createSetRef = _ref.createSetRef;\n  return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNav, open && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavLinkContainer\n  }, menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n    var to = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.isEmpty(level3.link) ? level3.href : level3.link;\n    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__[\"Link\"], {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItem, level3.id === activeChildId && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItemOpen),\n      key: \"level3-\".concat(i),\n      to: to,\n      onClick: !level3.openNewTab && createHandleClickItem(level3.id),\n      openNewTab: level3.openNewTab\n    }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n      ref: createSetRef(level3.id)\n    }, level3.title), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.indicator)\n    }));\n  }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_IconSelect__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    isResize: isResize,\n    show: showIndicator,\n    x: indicatorX\n  }), \" \"));\n};\n\nSubNav.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object,\n  isResize: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n  showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(SubNav, \"SubNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/SubNav.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _IconSelect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../IconSelect */ \"./src/components/IconSelect/index.js\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SubNav.module.scss */ \"./src/components/TopNav/SubNav.module.scss\");\n/* harmony import */ var _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\nvar SubNav = function SubNav(_ref) {\n  var open = _ref.open,\n      menu = _ref.menu,\n      isSecondaryMenu = _ref.isSecondaryMenu,\n      isResize = _ref.isResize,\n      activeChildId = _ref.activeChildId,\n      showIndicator = _ref.showIndicator,\n      indicatorX = _ref.indicatorX,\n      createHandleClickItem = _ref.createHandleClickItem,\n      createSetRef = _ref.createSetRef;\n  return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNav, open && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavOpen)\n  }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"div\", {\n    className: _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavLinkContainer\n  }, menu && (isSecondaryMenu ? menu.secondaryMenu : menu.subMenu).map(function (level3, i) {\n    var to = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.isEmpty(level3.link) ? level3.href : level3.link;\n    return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_5__[\"Link\"], {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItem, level3.id === activeChildId && _SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryNavItemOpen),\n      key: \"level3-\".concat(i),\n      to: to,\n      onClick: !level3.openNewTab && createHandleClickItem(level3.id),\n      openNewTab: level3.openNewTab\n    }, react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n      ref: createSetRef(level3.id)\n    }, level3.title), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(\"span\", {\n      className: classnames__WEBPACK_IMPORTED_MODULE_3___default()(_SubNav_module_scss__WEBPACK_IMPORTED_MODULE_6___default.a.indicator)\n    }));\n  }), react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_IconSelect__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    isResize: isResize,\n    show: showIndicator,\n    x: indicatorX\n  }), \" \"));\n};\n\nSubNav.propTypes = {\n  open: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.object,\n  isResize: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  isSecondaryMenu: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  activeChildId: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n  showIndicator: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  indicatorX: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n  createHandleClickItem: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  createSetRef: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func\n};\nvar _default = SubNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(SubNav, \"SubNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/SubNav.js?");
 
 /***/ }),
 
@@ -1320,7 +1320,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"@babel/runtime/helpers/toConsumableArray\");\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.js\");\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n  id = 1;\n  menu = menu.map(function (level1) {\n    return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n      id: level1.id || id++,\n      subMenu: level1.subMenu && level1.subMenu.map(function (level2) {\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level2, {\n          id: level2.id || id++,\n          subMenu: level2.subMenu && level2.subMenu.map(function (level3) {\n            return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level3, {\n              id: level3.id || id++\n            });\n          })\n        });\n      }),\n      secondaryMenu: loggedIn && profileHandle ? lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n        return item && item.logged;\n      }) : lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n        return item && !item.logged;\n      })\n    });\n  });\n  menu = menu.map(function (level1) {\n    return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n      secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, levelsec, {\n          id: levelsec.id || idForSecondary++,\n          // set user profile link\n          href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n        });\n      })\n    });\n  });\n  var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n  if (cacheMenu && cacheMenu.date + 32000 > new Date().getTime()) {\n    var menuItem = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.find(menu, function (m) {\n      return m.id === cacheMenu.id;\n    });\n\n    if (menuItem) {\n      menuItem.subMenu = cacheMenu.subMenu;\n    }\n  }\n\n  return menu;\n};\n/**\n * TopNav is the main navigation component.\n */\n\n\nvar TopNav = function TopNav(_ref) {\n  var _menu = _ref.menu,\n      rightMenu = _ref.rightMenu,\n      logo = _ref.logo,\n      theme = _ref.theme,\n      currentLevel1Id = _ref.currentLevel1Id,\n      onChangeLevel1Id = _ref.onChangeLevel1Id,\n      path = _ref.path,\n      setOpenMore = _ref.setOpenMore,\n      openMore = _ref.openMore,\n      loggedIn = _ref.loggedIn,\n      profileHandle = _ref.profileHandle;\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    var orientationchange = function orientationchange() {\n      setOpenMore(false);\n      setShowLeftMenu(false);\n    };\n\n    window.addEventListener('orientationchange', orientationchange);\n    return function () {\n      return window.removeEventListener('orientationchange', orientationchange);\n    };\n  }, []);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])({\n    refs: {},\n    slide: {}\n  }),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 1),\n      cache = _useState2[0];\n\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),\n      collapsed = _useState4[0],\n      setCollapsed = _useState4[1];\n\n  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),\n      activeLevel1Id = _useState6[0],\n      setActiveLevel1Id = _useState6[1];\n\n  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),\n      activeLevel2Id = _useState8[0],\n      setActiveLevel2Id = _useState8[1];\n\n  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),\n      activeLevel3Id = _useState10[0],\n      setActiveLevel3Id = _useState10[1];\n\n  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState11, 2),\n      isResize = _useState12[0],\n      setResize = _useState12[1];\n\n  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),\n      showLevel3 = _useState14[0],\n      setShowLevel3 = _useState14[1];\n\n  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),\n      forceHideLevel3 = _useState16[0],\n      setforceHideLevel3 = _useState16[1];\n\n  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),\n      searchOpened = _useState18[0],\n      setSearchOpened = _useState18[1];\n\n  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),\n      showChosenArrow = _useState20[0],\n      setShowChosenArrow = _useState20[1];\n\n  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),\n      chosenArrowX = _useState22[0],\n      setChosenArrowX = _useState22[1];\n\n  var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(0),\n      _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState23, 2),\n      chosenArrowTick = _useState24[0],\n      setChosenArrowTick = _useState24[1];\n\n  var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState25, 2),\n      showIconSelect = _useState26[0],\n      setShowIconSelect = _useState26[1];\n\n  var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState27, 2),\n      iconSelectX = _useState28[0],\n      setIconSelectX = _useState28[1];\n\n  var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return initMenuId(_menu, profileHandle, loggedIn);\n  }, [_menu, profileHandle, loggedIn]);\n\n  var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(menuWithId),\n      _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState29, 2),\n      leftNav = _useState30[0],\n      setLeftNav = _useState30[1];\n\n  var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState31, 2),\n      showLeftMenu = _useState32[0],\n      setShowLeftMenu = _useState32[1];\n\n  var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState33, 2),\n      showMobileSubMenu = _useState34[0],\n      setShowMobileSubMenu = _useState34[1];\n\n  var _useState35 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState36 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState35, 2),\n      moreMenu = _useState36[0],\n      setMoreMenu = _useState36[1];\n\n  var regenerateMoreMenu = function regenerateMoreMenu() {\n    return setMoreMenu([]);\n  };\n\n  var createSetRef = function createSetRef(id) {\n    return function (el) {\n      cache.refs[id] = el;\n    };\n  };\n\n  var findLevel1Menu = function findLevel1Menu(level1Id) {\n    return leftNav.find(function (level1) {\n      return level1.id === level1Id;\n    });\n  };\n\n  var findLevel2Menu = function findLevel2Menu(level1Id, level2Id) {\n    var menu1 = findLevel1Menu(level1Id);\n    return menu1 && menu1.subMenu && menu1.subMenu.find(function (level2) {\n      return level2.id === level2Id;\n    });\n  }; // if click level2 menu from 'more', exchange to the first place\n\n\n  var reArrangeLevel2Menu = function reArrangeLevel2Menu(level1Id, menuId) {\n    var menu1 = findLevel1Menu(level1Id);\n\n    if (menu1 && menu1.subMenu) {\n      var subMenu = menu1.subMenu;\n\n      var pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(subMenu, function (level2) {\n        return level2.id === menuId;\n      });\n\n      var t = subMenu[0];\n      subMenu[0] = subMenu[pos];\n      subMenu[pos] = t;\n      pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(moreMenu, function (level2) {\n        return level2.id === menuId;\n      });\n      moreMenu[pos] = t;\n      window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, menu1)));\n      setMoreMenu(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(moreMenu));\n      setChosenArrowPos(menuId);\n    }\n  };\n\n  var activeMenu1 = findLevel1Menu(activeLevel1Id);\n  var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n  var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function () {\n    setLeftNav(function (leftNav) {\n      return leftNav.map(function (menu) {\n        if (!cache.refs[menu.id]) return menu;\n        cache.slide[menu.id] = true;\n        var el = cache.refs[menu.id];\n        if (!el) return menu;\n        var rect = el.getBoundingClientRect();\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, menu, {\n          initialX: rect.x || rect.left\n        });\n      });\n    });\n  }, [cache.refs, cache.slide]);\n  var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n    var el = cache.refs[menuId];\n    if (!el) return;\n    var rect = el.getBoundingClientRect();\n    return (rect.x || rect.left) + rect.width / 2;\n  }, [cache.refs]);\n  var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n    setChosenArrowX(getMenuCenter(menuId));\n  }, [setChosenArrowX, getMenuCenter]);\n\n  var setIconSelectPos = function setIconSelectPos(menuId) {\n    // wait for menuId element to get positioned in its place\n    setTimeout(function () {\n      setIconSelectX(getMenuCenter(menuId));\n    }, 0);\n  };\n\n  var handleClickLogo = function handleClickLogo(e) {\n    e.preventDefault();\n    window.location = loggedIn ? topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.HOME : topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.BASE;\n  };\n\n  var expandMenu = function expandMenu(menuId, menu2Id) {\n    if (!menuId) return;\n    createHandleClickLevel1(menuId, false)();\n    setTimeout(function () {\n      if (menu2Id) createHandleClickLevel2(menu2Id, false)();\n    }, 0);\n  };\n\n  var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId, isClick) {\n    return function () {\n      if (!menuId) return;\n      setOpenMore(false);\n      setCollapsed(false);\n      setActiveLevel1Id(menuId);\n      onChangeLevel1Id(menuId);\n      setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n      setShowLevel3(true);\n      if (isClick) setforceHideLevel3(false);\n      startSlide();\n      setTimeout(function () {\n        // wait for sliding to end before showing arrow for the first time\n        setShowChosenArrow(true);\n      }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n      // the other dependencies don't change\n\n      setChosenArrowTick(function (x) {\n        return x + 1;\n      });\n    };\n  }, [collapsed, onChangeLevel1Id, startSlide]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (currentLevel1Id !== activeLevel1Id) {\n      !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n    }\n  }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n    // get final menu pos before it slide. Do this before sliding start, or\n    // we'll get incorrect pos\n    activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n  }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n  var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n    return function () {\n      setOpenMore(false);\n      setActiveLevel2Id(menuId);\n      setShowLevel3(true);\n      if (isClick) setforceHideLevel3(false);\n      setChosenArrowPos(menuId);\n    };\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // update level3 select icon, show it only if current menu is as same as menu address in url\n    var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n        m1 = _getMenuIdsFromPath.m1,\n        m2 = _getMenuIdsFromPath.m2,\n        m3 = _getMenuIdsFromPath.m3;\n\n    if (m3) {\n      // show level 3 icon if active menu menuLevel2 is as same as url\n      // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n      if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n        setActiveLevel3Id(m3);\n        setIconSelectPos(m3);\n        setShowIconSelect(true);\n      } else {\n        setShowIconSelect(false);\n      }\n    }\n  }, [activeLevel1Id, activeLevel2Id, path]);\n\n  var isLevel3ExactPath = function isLevel3ExactPath(menuWithId_, path_) {\n    var found = {\n      exact: false // If haven't a path just return\n\n    };\n    if (!path_) return found;\n    menuWithId_.forEach(function (level1) {\n      level1.subMenu && level1.subMenu.forEach(function (level2) {\n        level2.subMenu && level2.subMenu.forEach(function (level3) {\n          if (level3.href && path_.indexOf(level3.href) > -1) {\n            if (found.exact) {\n              if (level3.href === path_) found = {\n                exact: true\n              };\n            } else {\n              found = {\n                exact: path_.endsWith(level3.href)\n              };\n            }\n          }\n        });\n      });\n      level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n        if (level3.href) {\n          // Check if path have parameters\n          var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n          if (path_.indexOf(href) > -1) found = {\n            exact: path_.endsWith(href)\n          };\n        }\n      });\n    });\n    return found;\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (!path || !menuWithId) return; // check if current path is an exact matches with level3 href\n\n    var _isLevel3ExactPath = isLevel3ExactPath(menuWithId, path),\n        exact = _isLevel3ExactPath.exact;\n\n    if (!exact) {\n      setActiveLevel3Id(undefined);\n      setIconSelectPos(undefined);\n      setShowIconSelect(false);\n    }\n  }, [activeLevel3Id]);\n\n  var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n    return function () {\n      setActiveLevel3Id(menuId);\n      setIconSelectPos(menuId);\n      var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n      if (cacheMenu) {\n        window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, cacheMenu, {\n          date: new Date().getTime()\n        })));\n      }\n    };\n  };\n\n  var handleClickMore = function handleClickMore() {\n    return setOpenMore(function (x) {\n      return !x;\n    });\n  };\n\n  var handleCloseMore = function handleCloseMore() {\n    return setOpenMore(false);\n  };\n\n  var handleSearchPanel = function handleSearchPanel(x) {\n    setSearchOpened(x);\n    cache.refs.searchInputBox.value = '';\n  };\n\n  var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n    return function () {\n      setOpenMore(false);\n      setActiveLevel2Id(menuId);\n      setShowLevel3(true);\n      setforceHideLevel3(false); // let the level 3 menu mounted first for sliding indicator to work\n\n      setTimeout(function () {\n        reArrangeLevel2Menu(activeLevel1Id, menuId);\n      });\n    };\n  };\n\n  var handleClickLeftMenu = function handleClickLeftMenu() {\n    return setShowLeftMenu(function (x) {\n      return !x;\n    });\n  };\n\n  var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n    return function () {\n      setShowLeftMenu(false);\n      setActiveLevel2Id(menuId);\n    };\n  };\n\n  var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n    return function () {\n      setActiveLevel3Id(menuId);\n      setShowMobileSubMenu(false);\n    };\n  };\n\n  var handleClickSubMenu = function handleClickSubMenu() {\n    return setShowMobileSubMenu(function (x) {\n      return !x;\n    });\n  };\n\n  var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (set) {\n    cache.refs.primaryNav.style.overflow = set ? 'hidden' : '';\n    var containers = Object.keys(cache.refs).filter(function (key) {\n      return key.startsWith('level2Container');\n    }).map(function (key) {\n      return cache.refs[key];\n    });\n    containers.forEach(function (el) {\n      el.style.overflow = set ? 'hidden' : '';\n    });\n  }, [cache.refs]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    var doSlide = function doSlide() {\n      leftNav.forEach(function (menu) {\n        if (!cache.slide[menu.id] || !cache.refs[menu.id]) return;\n        cache.slide[menu.id] = false;\n        var el = cache.refs[menu.id];\n        if (!el) return;\n        var rect = el.getBoundingClientRect();\n        var relativeX = menu.initialX - (rect.x || rect.left);\n        el.style.transform = \"translateX(\".concat(relativeX, \"px)\");\n        setTimeout(function () {\n          el.style.transition = 'transform 250ms ease-out';\n          el.style.transform = \"translateX(0px)\";\n          setTimeout(function () {\n            el.style.transition = '';\n            el.style.transform = '';\n          }, 250);\n        });\n      });\n    }; // set overflow first to have correct final position\n\n\n    setOverflow(true);\n    doSlide(); // overflow must not be set, otherwise popups won't show\n\n    setOverflow(false);\n  }, [cache.slide, cache.refs, leftNav, setOverflow]);\n\n  var handleRightMenuResize = function handleRightMenuResize() {\n    regenerateMoreMenu();\n  }; // trigger more menu generation on level 1 item change\n\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    setMoreMenu([]);\n  }, [activeMenu1]); // show/hide level 2 more menu\n\n  var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function () {\n    // only proceed if more menu is empty\n    if (moreMenu && moreMenu.length) return;\n    if (!activeMenu1 || !activeMenu1.subMenu) return;\n\n    var generateMenu = function generateMenu() {\n      var newMoreMenu = [];\n      var prect;\n\n      for (var i = activeMenu1.subMenu.length - 1; i >= 0; i--) {\n        var menu = activeMenu1.subMenu[i];\n        var menuEl = cache.refs[menu.id];\n        if (!menuEl) return;\n        var rect = menuEl.getBoundingClientRect();\n\n        if (!prect) {\n          if (!menuEl.parentElement) return;\n          prect = menuEl.parentElement.getBoundingClientRect();\n        } // add the item if it's overflowing\n\n\n        if (rect.right > prect.right && rect.right - prect.right > 1) {\n          newMoreMenu.unshift(menu);\n        } else if (newMoreMenu.length && prect.right - rect.right < 100) {\n          // make sure we have space for the 'more' menu\n          newMoreMenu.unshift(menu);\n        } else {\n          break;\n        }\n      }\n\n      if (newMoreMenu.length) {\n        setMoreMenu(newMoreMenu);\n      } else {\n        window.localStorage.removeItem('__top_nav_bar_state');\n      }\n    };\n\n    setOverflow(true);\n    generateMenu();\n    setOverflow(false);\n  }, [activeMenu1, cache.refs, moreMenu, setOverflow]); // generate more menu before paint\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n    generateMoreMenu();\n  }, [generateMoreMenu]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // trigger more menu generation on resize\n    var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n      regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n      // setChosenArrowTick(x => x + 1)\n    }, 100);\n\n    window.addEventListener('resize', onResize);\n    return function () {\n      return window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n    var found = {\n      m1: null,\n      m2: null,\n      m3: null // If haven't a path just return\n\n    };\n    if (!path_) return found;\n    menuWithId_.forEach(function (level1) {\n      if (level1.href && path_.indexOf(level1.href) > -1) found = {\n        m1: level1.id,\n        m2: null\n      };\n      level1.subMenu && level1.subMenu.forEach(function (level2) {\n        if (level2.href && path_.indexOf(level2.href) > -1) found = {\n          m1: level1.id,\n          m2: level2.id\n        };\n        level2.subMenu && level2.subMenu.forEach(function (level3) {\n          if (level3.href && path_.indexOf(level3.href) > -1) {\n            if (found.m3) {\n              if (level3.href === path_) found = {\n                m1: level1.id,\n                m2: level2.id,\n                m3: level3.id\n              };\n            } else {\n              found = {\n                m1: level1.id,\n                m2: level2.id,\n                m3: level3.id\n              };\n            }\n\n            if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n          }\n        });\n      });\n      level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n        if (level3.href) {\n          // Check if path have parameters\n          var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n          if (path_.indexOf(href) > -1) found = {\n            m1: level1.id,\n            m3: level3.id\n          };\n        }\n      });\n    });\n    return found;\n  };\n\n  var timeId = 0;\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // when scren change size, keep green indicator keep static\n    var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n      if (timeId) {\n        clearTimeout(timeId);\n      }\n\n      var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n          m3 = _getMenuIdsFromPath2.m3;\n\n      activeLevel2Id && setChosenArrowPos(activeLevel2Id);\n      setIconSelectPos(m3);\n      setResize(true);\n      timeId = setTimeout(function () {\n        setResize(false);\n        timeId = 0;\n      }, 1000);\n    }, 50);\n\n    window.addEventListener('resize', onResize);\n    return function () {\n      return window.removeEventListener('resize', onResize);\n    };\n  }, [getMenuIdsFromPath]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (!path || !menuWithId[0]) return;\n    setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n    // also in challenge details page, level 3 menu shouldnt be visible    if (!path || !menuWithId[0]) return\n\n    var _getMenuIdsFromPath3 = getMenuIdsFromPath(menuWithId, path),\n        m1 = _getMenuIdsFromPath3.m1,\n        m2 = _getMenuIdsFromPath3.m2;\n\n    var forceM2 = null;\n\n    if (path.indexOf('/challenges') > -1) {\n      // If All Challenge page\n      if (path.match(/challenges\\/[0-9]+/)) {\n        // If Challenge Details page\n        setforceHideLevel3(true);\n        forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n      }\n    } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n      // If My Dashboard and My Profile page\n      setShowLevel3(true);\n    } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n      // Show 3rd level menu to Community [ Overview - How It Works ]\n      forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n    } else if (!m2) {\n      setShowLevel3(false);\n      setforceHideLevel3(true);\n    } // expand first Level1Menu(like work/business) on login / logout.\n\n\n    setTimeout(function () {\n      expandMenu(m1 || 'community', m2 || forceM2);\n    });\n  }, [path, loggedIn, profileHandle]);\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.themeWrapper, \"theme-\".concat(theme))\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.headerNavUi\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    showLeftMenu: showLeftMenu,\n    logo: logo,\n    onClickLogo: handleClickLogo,\n    rightMenu: rightMenu,\n    onClickLeftMenu: handleClickLeftMenu\n  }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    open: showMobileSubMenu,\n    menu: activeMenu2 || activeMenu1,\n    isSecondaryMenu: !activeMenu2,\n    activeChildId: activeLevel3Id,\n    onClick: handleClickSubMenu,\n    createHandleClickItem: createHandleClickLevel3Mobile\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    collapsed: collapsed,\n    showLeftMenu: showLeftMenu,\n    logo: logo,\n    menu: leftNav,\n    rightMenu: rightMenu,\n    moreMenu: moreMenu,\n    openMore: openMore,\n    onCloseMore: handleCloseMore,\n    moreId: moreId,\n    activeLevel1Id: activeLevel1Id,\n    activeLevel2Id: activeLevel2Id,\n    onClickLogo: handleClickLogo,\n    onRightMenuResize: handleRightMenuResize,\n    createHandleClickLevel1: createHandleClickLevel1,\n    createHandleClickLevel2: createHandleClickLevel2,\n    handleClickMore: handleClickMore,\n    createHandleClickMoreItem: createHandleClickMoreItem,\n    createSetRef: createSetRef,\n    showChosenArrow: showChosenArrow,\n    showLevel3: showLevel3,\n    forceHideLevel3: forceHideLevel3,\n    chosenArrowX: chosenArrowX,\n    searchOpened: searchOpened,\n    toggleSearchOpen: handleSearchPanel\n  }), (activeMenu2 && activeMenu2.subMenu && activeMenu2.subMenu.length > 0 || !activeMenu2 && activeMenu1 && activeMenu1.secondaryMenu && activeMenu1.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    open: forceHideLevel3 ? false : showLevel3,\n    menu: activeMenu2 || activeMenu1,\n    isResize: isResize,\n    isSecondaryMenu: !activeMenu2,\n    activeChildId: activeLevel3Id,\n    showIndicator: showIconSelect,\n    indicatorX: iconSelectX,\n    createHandleClickItem: createHandleClickLevel3,\n    createSetRef: createSetRef\n  }), showLeftMenu && activeMenu1 && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    menu: activeMenu1,\n    activeChildId: activeLevel2Id,\n    createHandleClickItem: createHandleClickLevel2Mobile\n  })));\n};\n\nTopNav.defaultProps = {\n  theme: 'light',\n  onChangeLevel1Id: function onChangeLevel1Id() {\n    return null;\n  }\n};\nTopNav.propTypes = {\n  /**\n   * Array of menu objects, each with properties:\n   *\n   *   - title {string|element} The title\n   *   - href {string} The href for wrapper anchor\n   *   - subMenu {array} Children menu\n   */\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array.isRequired,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n\n  /** light|dark etc */\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  path: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  openMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(moreId, \"moreId\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(id, \"id\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(initMenuId, \"initMenuId\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(TopNav, \"TopNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ \"@babel/runtime/helpers/toConsumableArray\");\n/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ \"@babel/runtime/helpers/slicedToArray\");\n/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread */ \"@babel/runtime/helpers/objectSpread\");\n/* harmony import */ var _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index.module.scss */ \"./src/components/TopNav/index.module.scss\");\n/* harmony import */ var _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_index_module_scss__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _MobileNav__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./MobileNav */ \"./src/components/TopNav/MobileNav.js\");\n/* harmony import */ var _MobileSubNav__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./MobileSubNav */ \"./src/components/TopNav/MobileSubNav.js\");\n/* harmony import */ var _MobileMenu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MobileMenu */ \"./src/components/TopNav/MobileMenu.js\");\n/* harmony import */ var _PrimaryNav__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./PrimaryNav */ \"./src/components/TopNav/PrimaryNav.js\");\n/* harmony import */ var _SubNav__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./SubNav */ \"./src/components/TopNav/SubNav.js\");\n\n\n\n\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\n\n\n\n\n\n\n\nvar moreId = 'more';\nvar id = 1;\nvar idForSecondary = 1000;\n\nvar initMenuId = function initMenuId(menu, profileHandle, loggedIn) {\n  id = 1;\n  menu = menu.map(function (level1) {\n    return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n      id: level1.id || id++,\n      subMenu: level1.subMenu && level1.subMenu.map(function (level2) {\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level2, {\n          id: level2.id || id++,\n          subMenu: level2.subMenu && level2.subMenu.map(function (level3) {\n            return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level3, {\n              id: level3.id || id++\n            });\n          })\n        });\n      }),\n      secondaryMenu: loggedIn && profileHandle ? lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n        return item && item.logged;\n      }) : lodash__WEBPACK_IMPORTED_MODULE_6___default.a.filter(level1.secondaryMenu, function (item) {\n        return item && !item.logged;\n      })\n    });\n  });\n  menu = menu.map(function (level1) {\n    return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, level1, {\n      secondaryMenu: level1.secondaryMenu && level1.secondaryMenu.map(function (levelsec) {\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, levelsec, {\n          id: levelsec.id || idForSecondary++,\n          // set user profile link\n          href: levelsec.id !== 'myprofile' ? levelsec.href || '#' : profileHandle ? \"/members/\".concat(profileHandle) : '/'\n        });\n      })\n    });\n  });\n  var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n  if (cacheMenu && cacheMenu.date + 32000 > new Date().getTime()) {\n    var menuItem = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.find(menu, function (m) {\n      return m.id === cacheMenu.id;\n    });\n\n    if (menuItem) {\n      menuItem.subMenu = cacheMenu.subMenu;\n    }\n  }\n\n  return menu;\n};\n/**\n * TopNav is the main navigation component.\n */\n\n\nvar TopNav = function TopNav(_ref) {\n  var _menu = _ref.menu,\n      rightMenu = _ref.rightMenu,\n      logo = _ref.logo,\n      theme = _ref.theme,\n      currentLevel1Id = _ref.currentLevel1Id,\n      onChangeLevel1Id = _ref.onChangeLevel1Id,\n      path = _ref.path,\n      setOpenMore = _ref.setOpenMore,\n      openMore = _ref.openMore,\n      loggedIn = _ref.loggedIn,\n      profileHandle = _ref.profileHandle;\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    var orientationchange = function orientationchange() {\n      setOpenMore(false);\n      setShowLeftMenu(false);\n    };\n\n    window.addEventListener('orientationchange', orientationchange);\n    return function () {\n      return window.removeEventListener('orientationchange', orientationchange);\n    };\n  }, []);\n\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])({\n    refs: {},\n    slide: {}\n  }),\n      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 1),\n      cache = _useState2[0];\n\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),\n      collapsed = _useState4[0],\n      setCollapsed = _useState4[1];\n\n  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),\n      activeLevel1Id = _useState6[0],\n      setActiveLevel1Id = _useState6[1];\n\n  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),\n      activeLevel2Id = _useState8[0],\n      setActiveLevel2Id = _useState8[1];\n\n  var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState9, 2),\n      activeLevel3Id = _useState10[0],\n      setActiveLevel3Id = _useState10[1];\n\n  var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState11, 2),\n      isResize = _useState12[0],\n      setResize = _useState12[1];\n\n  var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState13, 2),\n      showLevel3 = _useState14[0],\n      setShowLevel3 = _useState14[1];\n\n  var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState15, 2),\n      forceHideLevel3 = _useState16[0],\n      setforceHideLevel3 = _useState16[1];\n\n  var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(false),\n      _useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState17, 2),\n      searchOpened = _useState18[0],\n      setSearchOpened = _useState18[1];\n\n  var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState19, 2),\n      showChosenArrow = _useState20[0],\n      setShowChosenArrow = _useState20[1];\n\n  var _useState21 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState21, 2),\n      chosenArrowX = _useState22[0],\n      setChosenArrowX = _useState22[1];\n\n  var _useState23 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(0),\n      _useState24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState23, 2),\n      chosenArrowTick = _useState24[0],\n      setChosenArrowTick = _useState24[1];\n\n  var _useState25 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState26 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState25, 2),\n      showIconSelect = _useState26[0],\n      setShowIconSelect = _useState26[1];\n\n  var _useState27 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState28 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState27, 2),\n      iconSelectX = _useState28[0],\n      setIconSelectX = _useState28[1];\n\n  var menuWithId = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useMemo\"])(function () {\n    return initMenuId(_menu, profileHandle, loggedIn);\n  }, [_menu, profileHandle, loggedIn]);\n\n  var _useState29 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(menuWithId),\n      _useState30 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState29, 2),\n      leftNav = _useState30[0],\n      setLeftNav = _useState30[1];\n\n  var _useState31 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState32 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState31, 2),\n      showLeftMenu = _useState32[0],\n      setShowLeftMenu = _useState32[1];\n\n  var _useState33 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState34 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState33, 2),\n      showMobileSubMenu = _useState34[0],\n      setShowMobileSubMenu = _useState34[1];\n\n  var _useState35 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useState\"])(),\n      _useState36 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState35, 2),\n      moreMenu = _useState36[0],\n      setMoreMenu = _useState36[1];\n\n  var regenerateMoreMenu = function regenerateMoreMenu() {\n    return setMoreMenu([]);\n  };\n\n  var createSetRef = function createSetRef(id) {\n    return function (el) {\n      cache.refs[id] = el;\n    };\n  };\n\n  var findLevel1Menu = function findLevel1Menu(level1Id) {\n    return leftNav.find(function (level1) {\n      return level1.id === level1Id;\n    });\n  };\n\n  var findLevel2Menu = function findLevel2Menu(level1Id, level2Id) {\n    var menu1 = findLevel1Menu(level1Id);\n    return menu1 && menu1.subMenu && menu1.subMenu.find(function (level2) {\n      return level2.id === level2Id;\n    });\n  }; // if click level2 menu from 'more', exchange to the first place\n\n\n  var reArrangeLevel2Menu = function reArrangeLevel2Menu(level1Id, menuId) {\n    var menu1 = findLevel1Menu(level1Id);\n\n    if (menu1 && menu1.subMenu) {\n      var subMenu = menu1.subMenu;\n\n      var pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(subMenu, function (level2) {\n        return level2.id === menuId;\n      });\n\n      var t = subMenu[0];\n      subMenu[0] = subMenu[pos];\n      subMenu[pos] = t;\n      pos = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.findIndex(moreMenu, function (level2) {\n        return level2.id === menuId;\n      });\n      moreMenu[pos] = t;\n      window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, menu1)));\n      setMoreMenu(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(moreMenu));\n      setChosenArrowPos(menuId);\n    }\n  };\n\n  var activeMenu1 = findLevel1Menu(activeLevel1Id);\n  var activeMenu2 = findLevel2Menu(activeLevel1Id, activeLevel2Id);\n  var startSlide = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function () {\n    setLeftNav(function (leftNav) {\n      return leftNav.map(function (menu) {\n        if (!cache.refs[menu.id]) return menu;\n        cache.slide[menu.id] = true;\n        var el = cache.refs[menu.id];\n        if (!el) return menu;\n        var rect = el.getBoundingClientRect();\n        return _babel_runtime_helpers_objectSpread__WEBPACK_IMPORTED_MODULE_2___default()({}, menu, {\n          initialX: rect.x || rect.left\n        });\n      });\n    });\n  }, [cache.refs, cache.slide]);\n  var getMenuCenter = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n    var el = cache.refs[menuId];\n    if (!el) return;\n    var rect = el.getBoundingClientRect();\n    return (rect.x || rect.left) + rect.width / 2;\n  }, [cache.refs]);\n  var setChosenArrowPos = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId) {\n    setChosenArrowX(getMenuCenter(menuId));\n  }, [setChosenArrowX, getMenuCenter]);\n\n  var setIconSelectPos = function setIconSelectPos(menuId) {\n    // wait for menuId element to get positioned in its place\n    setTimeout(function () {\n      setIconSelectX(getMenuCenter(menuId));\n    }, 0);\n  };\n\n  var handleClickLogo = function handleClickLogo(e) {\n    e.preventDefault();\n    window.location = loggedIn ? topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.HOME : topcoder_react_utils__WEBPACK_IMPORTED_MODULE_7__[\"config\"].URL.BASE;\n  };\n\n  var expandMenu = function expandMenu(menuId, menu2Id) {\n    if (!menuId) return;\n    createHandleClickLevel1(menuId, false)();\n    setTimeout(function () {\n      if (menu2Id) createHandleClickLevel2(menu2Id, false)();\n    }, 0);\n  };\n\n  var createHandleClickLevel1 = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (menuId, isClick) {\n    return function () {\n      if (!menuId) return;\n      setOpenMore(false);\n      setCollapsed(false);\n      setActiveLevel1Id(menuId);\n      onChangeLevel1Id(menuId);\n      setActiveLevel2Id(); // isClick means that its clicked by user. !isClick is when we click programmatically\n\n      setShowLevel3(true);\n      if (isClick) setforceHideLevel3(false);\n      startSlide();\n      setTimeout(function () {\n        // wait for sliding to end before showing arrow for the first time\n        setShowChosenArrow(true);\n      }, collapsed ? 250 : 0); // trigger the execution of useLayoutEffect below, this is necessary because\n      // the other dependencies don't change\n\n      setChosenArrowTick(function (x) {\n        return x + 1;\n      });\n    };\n  }, [collapsed, onChangeLevel1Id, startSlide]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (currentLevel1Id !== activeLevel1Id) {\n      !collapsed && currentLevel1Id && createHandleClickLevel1(currentLevel1Id, false)();\n    }\n  }, [currentLevel1Id, activeLevel1Id, createHandleClickLevel1]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n    // get final menu pos before it slide. Do this before sliding start, or\n    // we'll get incorrect pos\n    activeLevel1Id && setChosenArrowPos(activeLevel1Id);\n  }, [activeLevel1Id, setChosenArrowPos, chosenArrowTick, showLeftMenu]);\n\n  var createHandleClickLevel2 = function createHandleClickLevel2(menuId, isClick) {\n    return function () {\n      setOpenMore(false);\n      setActiveLevel2Id(menuId);\n      setShowLevel3(true);\n      if (isClick) setforceHideLevel3(false);\n      setChosenArrowPos(menuId);\n    };\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // update level3 select icon, show it only if current menu is as same as menu address in url\n    var _getMenuIdsFromPath = getMenuIdsFromPath(menuWithId, path),\n        m1 = _getMenuIdsFromPath.m1,\n        m2 = _getMenuIdsFromPath.m2,\n        m3 = _getMenuIdsFromPath.m3;\n\n    if (m3) {\n      // show level 3 icon if active menu menuLevel2 is as same as url\n      // or if level2 menu (in both menu and url) is null, and active menu level1 is as same as url\n      if (m2 === activeLevel2Id || !m2 && !activeLevel2Id && m1 === activeLevel1Id) {\n        setActiveLevel3Id(m3);\n        setIconSelectPos(m3);\n        setShowIconSelect(true);\n      } else {\n        setShowIconSelect(false);\n      }\n    }\n  }, [activeLevel1Id, activeLevel2Id, path]);\n\n  var isLevel3ExactPath = function isLevel3ExactPath(menuWithId_, path_) {\n    var found = {\n      exact: false // If haven't a path just return\n\n    };\n    if (!path_) return found;\n    menuWithId_.forEach(function (level1) {\n      level1.subMenu && level1.subMenu.forEach(function (level2) {\n        level2.subMenu && level2.subMenu.forEach(function (level3) {\n          if (level3.href && path_.indexOf(level3.href) > -1) {\n            if (found.exact) {\n              if (level3.href === path_) found = {\n                exact: true\n              };\n            } else {\n              found = {\n                exact: path_.endsWith(level3.href)\n              };\n            }\n          }\n        });\n      });\n      level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n        if (level3.href) {\n          // Check if path have parameters\n          var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n          if (path_.indexOf(href) > -1) found = {\n            exact: path_.endsWith(href)\n          };\n        }\n      });\n    });\n    return found;\n  };\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (!path || !menuWithId) return; // check if current path is an exact matches with level3 href\n\n    var _isLevel3ExactPath = isLevel3ExactPath(menuWithId, path),\n        exact = _isLevel3ExactPath.exact;\n\n    if (!exact) {\n      setActiveLevel3Id(undefined);\n      setIconSelectPos(undefined);\n      setShowIconSelect(false);\n    }\n  }, [activeLevel3Id]);\n\n  var createHandleClickLevel3 = function createHandleClickLevel3(menuId) {\n    return function () {\n      setActiveLevel3Id(menuId);\n      setIconSelectPos(menuId);\n      var cacheMenu = JSON.parse(window.localStorage.getItem('__top_nav_bar_state'));\n\n      if (cacheMenu) {\n        window.localStorage.setItem('__top_nav_bar_state', JSON.stringify(lodash__WEBPACK_IMPORTED_MODULE_6___default.a.assign({}, cacheMenu, {\n          date: new Date().getTime()\n        })));\n      }\n    };\n  };\n\n  var handleClickMore = function handleClickMore() {\n    return setOpenMore(function (x) {\n      return !x;\n    });\n  };\n\n  var handleCloseMore = function handleCloseMore() {\n    return setOpenMore(false);\n  };\n\n  var handleSearchPanel = function handleSearchPanel(x) {\n    setSearchOpened(x);\n    cache.refs.searchInputBox.value = '';\n  };\n\n  var createHandleClickMoreItem = function createHandleClickMoreItem(menuId) {\n    return function () {\n      setOpenMore(false);\n      setActiveLevel2Id(menuId);\n      setShowLevel3(true);\n      setforceHideLevel3(false); // let the level 3 menu mounted first for sliding indicator to work\n\n      setTimeout(function () {\n        reArrangeLevel2Menu(activeLevel1Id, menuId);\n      });\n    };\n  };\n\n  var handleClickLeftMenu = function handleClickLeftMenu() {\n    return setShowLeftMenu(function (x) {\n      return !x;\n    });\n  };\n\n  var createHandleClickLevel2Mobile = function createHandleClickLevel2Mobile(menuId) {\n    return function () {\n      setShowLeftMenu(false);\n      setActiveLevel2Id(menuId);\n    };\n  };\n\n  var createHandleClickLevel3Mobile = function createHandleClickLevel3Mobile(menuId) {\n    return function () {\n      setActiveLevel3Id(menuId);\n      setShowMobileSubMenu(false);\n    };\n  };\n\n  var handleClickSubMenu = function handleClickSubMenu() {\n    return setShowMobileSubMenu(function (x) {\n      return !x;\n    });\n  };\n\n  var setOverflow = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function (set) {\n    cache.refs.primaryNav.style.overflow = set ? 'hidden' : '';\n    var containers = Object.keys(cache.refs).filter(function (key) {\n      return key.startsWith('level2Container');\n    }).map(function (key) {\n      return cache.refs[key];\n    });\n    containers.forEach(function (el) {\n      el.style.overflow = set ? 'hidden' : '';\n    });\n  }, [cache.refs]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    var doSlide = function doSlide() {\n      leftNav.forEach(function (menu) {\n        if (!cache.slide[menu.id] || !cache.refs[menu.id]) return;\n        cache.slide[menu.id] = false;\n        var el = cache.refs[menu.id];\n        if (!el) return;\n        var rect = el.getBoundingClientRect();\n        var relativeX = menu.initialX - (rect.x || rect.left);\n        el.style.transform = \"translateX(\".concat(relativeX, \"px)\");\n        setTimeout(function () {\n          el.style.transition = 'transform 250ms ease-out';\n          el.style.transform = \"translateX(0px)\";\n          setTimeout(function () {\n            el.style.transition = '';\n            el.style.transform = '';\n          }, 250);\n        });\n      });\n    }; // set overflow first to have correct final position\n\n\n    setOverflow(true);\n    doSlide(); // overflow must not be set, otherwise popups won't show\n\n    setOverflow(false);\n  }, [cache.slide, cache.refs, leftNav, setOverflow]);\n\n  var handleRightMenuResize = function handleRightMenuResize() {\n    regenerateMoreMenu();\n  }; // trigger more menu generation on level 1 item change\n\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    setMoreMenu([]);\n  }, [activeMenu1]); // show/hide level 2 more menu\n\n  var generateMoreMenu = Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useCallback\"])(function () {\n    // only proceed if more menu is empty\n    if (moreMenu && moreMenu.length) return;\n    if (!activeMenu1 || !activeMenu1.subMenu) return;\n\n    var generateMenu = function generateMenu() {\n      var newMoreMenu = [];\n      var prect;\n\n      for (var i = activeMenu1.subMenu.length - 1; i >= 0; i--) {\n        var menu = activeMenu1.subMenu[i];\n        var menuEl = cache.refs[menu.id];\n        if (!menuEl) return;\n        var rect = menuEl.getBoundingClientRect();\n\n        if (!prect) {\n          if (!menuEl.parentElement) return;\n          prect = menuEl.parentElement.getBoundingClientRect();\n        } // add the item if it's overflowing\n\n\n        if (rect.right > prect.right && rect.right - prect.right > 1) {\n          newMoreMenu.unshift(menu);\n        } else if (newMoreMenu.length && prect.right - rect.right < 100) {\n          // make sure we have space for the 'more' menu\n          newMoreMenu.unshift(menu);\n        } else {\n          break;\n        }\n      }\n\n      if (newMoreMenu.length) {\n        setMoreMenu(newMoreMenu);\n      } else {\n        window.localStorage.removeItem('__top_nav_bar_state');\n      }\n    };\n\n    setOverflow(true);\n    generateMenu();\n    setOverflow(false);\n  }, [activeMenu1, cache.refs, moreMenu, setOverflow]); // generate more menu before paint\n\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useLayoutEffect\"])(function () {\n    generateMoreMenu();\n  }, [generateMoreMenu]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // trigger more menu generation on resize\n    var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n      regenerateMoreMenu([]); // tick to update menu (reposition arrow)\n      // setChosenArrowTick(x => x + 1)\n    }, 100);\n\n    window.addEventListener('resize', onResize);\n    return function () {\n      return window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  var getMenuIdsFromPath = function getMenuIdsFromPath(menuWithId_, path_) {\n    var found = {\n      m1: null,\n      m2: null,\n      m3: null // If haven't a path just return\n\n    };\n    if (!path_) return found;\n    menuWithId_.forEach(function (level1) {\n      if (level1.href && path_.indexOf(level1.href) > -1) found = {\n        m1: level1.id,\n        m2: null\n      };\n      level1.subMenu && level1.subMenu.forEach(function (level2) {\n        if (level2.href && path_.indexOf(level2.href) > -1) found = {\n          m1: level1.id,\n          m2: level2.id\n        };\n        level2.subMenu && level2.subMenu.forEach(function (level3) {\n          if (level3.href && path_.indexOf(level3.href) > -1) {\n            if (found.m3) {\n              if (level3.href === path_) found = {\n                m1: level1.id,\n                m2: level2.id,\n                m3: level3.id\n              };\n            } else {\n              found = {\n                m1: level1.id,\n                m2: level2.id,\n                m3: level3.id\n              };\n            }\n\n            if (!activeLevel3Id && level3.collapsed) setforceHideLevel3(true);\n          }\n        });\n      });\n      level1.secondaryMenu && level1.secondaryMenu.forEach(function (level3) {\n        if (level3.href) {\n          // Check if path have parameters\n          var href = level3.href.indexOf('?') > -1 ? level3.href.split('?')[0] : level3.href;\n          if (path_.indexOf(href) > -1) found = {\n            m1: level1.id,\n            m3: level3.id\n          };\n        }\n      });\n    });\n    return found;\n  };\n\n  var timeId = 0;\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    // when scren change size, keep green indicator keep static\n    var onResize = lodash__WEBPACK_IMPORTED_MODULE_6___default.a.debounce(function () {\n      if (timeId) {\n        clearTimeout(timeId);\n      }\n\n      var _getMenuIdsFromPath2 = getMenuIdsFromPath(menuWithId, path),\n          m3 = _getMenuIdsFromPath2.m3;\n\n      activeLevel2Id && setChosenArrowPos(activeLevel2Id);\n      setIconSelectPos(m3);\n      setResize(true);\n      timeId = setTimeout(function () {\n        setResize(false);\n        timeId = 0;\n      }, 1000);\n    }, 50);\n\n    window.addEventListener('resize', onResize);\n    return function () {\n      return window.removeEventListener('resize', onResize);\n    };\n  }, [getMenuIdsFromPath]);\n  Object(react__WEBPACK_IMPORTED_MODULE_3__[\"useEffect\"])(function () {\n    if (!path || !menuWithId[0]) return;\n    setLeftNav(menuWithId); // always expand menu on challenge list page and challenge details page\n    // also in challenge details page, level 3 menu shouldnt be visible    if (!path || !menuWithId[0]) return\n\n    var _getMenuIdsFromPath3 = getMenuIdsFromPath(menuWithId, path),\n        m1 = _getMenuIdsFromPath3.m1,\n        m2 = _getMenuIdsFromPath3.m2;\n\n    var forceM2 = null;\n\n    if (path.indexOf('/challenges') > -1) {\n      // If All Challenge page\n      if (path.match(/challenges\\/[0-9]+/)) {\n        // If Challenge Details page\n        setforceHideLevel3(true);\n        forceM2 = getMenuIdsFromPath(menuWithId, '/challenges').m2;\n      }\n    } else if (path.indexOf('/my-dashboard') > -1 || path.indexOf('/members/' + profileHandle) > -1) {\n      // If My Dashboard and My Profile page\n      setShowLevel3(true);\n    } else if (path.indexOf('/community/learn') > -1 || path.indexOf('/thrive/tracks') > -1) {\n      // Show 3rd level menu to Community [ Overview - How It Works ]\n      forceM2 = getMenuIdsFromPath(menuWithId, '/community').m2;\n    } else if (!m2) {\n      setShowLevel3(false);\n      setforceHideLevel3(true);\n    } // expand first Level1Menu(like work/business) on login / logout.\n\n\n    setTimeout(function () {\n      expandMenu(m1 || 'community', m2 || forceM2);\n    });\n  }, [path, loggedIn, profileHandle]);\n  return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_5___default()(_index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.themeWrapper, \"theme-\".concat(theme))\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(\"div\", {\n    className: _index_module_scss__WEBPACK_IMPORTED_MODULE_8___default.a.headerNavUi\n  }, react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileNav__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n    showLeftMenu: showLeftMenu,\n    logo: logo,\n    onClickLogo: handleClickLogo,\n    rightMenu: rightMenu,\n    onClickLeftMenu: handleClickLeftMenu\n  }), !showLeftMenu && (activeMenu2 || activeMenu1) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileSubNav__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    open: showMobileSubMenu,\n    menu: activeMenu2 || activeMenu1,\n    isSecondaryMenu: !activeMenu2,\n    activeChildId: activeLevel3Id,\n    onClick: handleClickSubMenu,\n    createHandleClickItem: createHandleClickLevel3Mobile\n  }), react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_PrimaryNav__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n    collapsed: collapsed,\n    showLeftMenu: showLeftMenu,\n    logo: logo,\n    menu: leftNav,\n    rightMenu: rightMenu,\n    moreMenu: moreMenu,\n    openMore: openMore,\n    onCloseMore: handleCloseMore,\n    moreId: moreId,\n    activeLevel1Id: activeLevel1Id,\n    activeLevel2Id: activeLevel2Id,\n    onClickLogo: handleClickLogo,\n    onRightMenuResize: handleRightMenuResize,\n    createHandleClickLevel1: createHandleClickLevel1,\n    createHandleClickLevel2: createHandleClickLevel2,\n    handleClickMore: handleClickMore,\n    createHandleClickMoreItem: createHandleClickMoreItem,\n    createSetRef: createSetRef,\n    showChosenArrow: showChosenArrow,\n    showLevel3: showLevel3,\n    forceHideLevel3: forceHideLevel3,\n    chosenArrowX: chosenArrowX,\n    searchOpened: searchOpened,\n    toggleSearchOpen: handleSearchPanel\n  }), (activeMenu2 && activeMenu2.subMenu && activeMenu2.subMenu.length > 0 || !activeMenu2 && activeMenu1 && activeMenu1.secondaryMenu && activeMenu1.secondaryMenu.length > 0) && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_SubNav__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n    open: forceHideLevel3 ? false : showLevel3,\n    menu: activeMenu2 || activeMenu1,\n    isResize: isResize,\n    isSecondaryMenu: !activeMenu2,\n    activeChildId: activeLevel3Id,\n    showIndicator: showIconSelect,\n    indicatorX: iconSelectX,\n    createHandleClickItem: createHandleClickLevel3,\n    createSetRef: createSetRef\n  }), showLeftMenu && activeMenu1 && react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_MobileMenu__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n    menu: activeMenu1,\n    activeChildId: activeLevel2Id,\n    createHandleClickItem: createHandleClickLevel2Mobile\n  })));\n};\n\nTopNav.defaultProps = {\n  theme: 'light',\n  onChangeLevel1Id: function onChangeLevel1Id() {\n    return null;\n  }\n};\nTopNav.propTypes = {\n  /**\n   * Array of menu objects, each with properties:\n   *\n   *   - title {string|element} The title\n   *   - href {string} The href for wrapper anchor\n   *   - subMenu {array} Children menu\n   */\n  menu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.array.isRequired,\n  rightMenu: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n  logo: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.node,\n\n  /** light|dark etc */\n  theme: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  currentLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.any,\n  onChangeLevel1Id: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  path: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string,\n  setOpenMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.func,\n  openMore: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  loggedIn: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.bool,\n  profileHandle: prop_types__WEBPACK_IMPORTED_MODULE_4___default.a.string\n};\nvar _default = TopNav;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(moreId, \"moreId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(id, \"id\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(idForSecondary, \"idForSecondary\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(initMenuId, \"initMenuId\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/index.js?");
 
 /***/ }),
 
@@ -1343,7 +1343,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n    id: \"a\",\n    x: \".8\",\n    y: \".5\",\n    width: \"140\",\n    height: \"140\",\n    rx: \"306\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"mask\", {\n    id: \"b\",\n    fill: \"#fff\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n    xlinkHref: \"#a\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n    fill: \"#F0F0F0\",\n    xlinkHref: \"#a\"\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n    stroke: \"#A3A3AE\",\n    strokeWidth: \"3\",\n    opacity: \".2\",\n    fill: \"#A3A3AE\",\n    mask: \"url(#b)\"\n  })));\n};\n\nIconAvatar.defaultProps = {\n  width: \"141\",\n  height: \"141\",\n  viewBox: \"0 0 141 141\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n  var profile = _ref.profile,\n      onClick = _ref.onClick,\n      open = _ref.open,\n      newNotifications = _ref.newNotifications,\n      domRef = _ref.domRef;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: domRef,\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n    role: \"button\",\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n  }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n    width: \"60\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n    src: profile.photoURL,\n    alt: \"avatar\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n  }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n  }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  domRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape()\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* WEBPACK VAR INJECTION */(function(module) {/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\");\n/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/UserInfo/styles.module.scss\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\n\n\n\n\nvar IconAvatar = function IconAvatar(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"defs\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"rect\", {\n    id: \"a\",\n    x: \".8\",\n    y: \".5\",\n    width: \"140\",\n    height: \"140\",\n    rx: \"306\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"g\", {\n    fill: \"none\",\n    fillRule: \"evenodd\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"mask\", {\n    id: \"b\",\n    fill: \"#fff\"\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n    xlinkHref: \"#a\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"use\", {\n    fill: \"#F0F0F0\",\n    xlinkHref: \"#a\"\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    d: \"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z\",\n    stroke: \"#A3A3AE\",\n    strokeWidth: \"3\",\n    opacity: \".2\",\n    fill: \"#A3A3AE\",\n    mask: \"url(#b)\"\n  })));\n};\n\nIconAvatar.defaultProps = {\n  width: \"141\",\n  height: \"141\",\n  viewBox: \"0 0 141 141\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  xmlnsXlink: \"http://www.w3.org/1999/xlink\"\n};\n\nvar IconArrowSmalldown = function IconArrowSmalldown(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    transform: \"translate(-2 -4)\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmalldown.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\nvar IconArrowSmallup = function IconArrowSmallup(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"svg\", props, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"path\", {\n    transform: \"rotate(180 7 6)\",\n    fill: \"#FFF\",\n    fillRule: \"nonzero\",\n    d: \"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z\",\n    id: \"a\"\n  }));\n};\n\nIconArrowSmallup.defaultProps = {\n  width: \"12\",\n  height: \"8\",\n  viewBox: \"0 0 12 8\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n};\n\n\n\nvar UserInfo = function UserInfo(_ref) {\n  var profile = _ref.profile,\n      onClick = _ref.onClick,\n      open = _ref.open,\n      newNotifications = _ref.newNotifications,\n      domRef = _ref.domRef;\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    ref: domRef,\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.userInfoContainer,\n    role: \"button\",\n    onClick: onClick\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatarContainer, newNotifications && _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.newNotifications)\n  }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) || lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile.photoURL) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconAvatar, {\n    width: \"60\",\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a['avatar']\n  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.avatar,\n    src: profile.photoURL,\n    alt: \"avatar\"\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handleContainer\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.handle\n  }, lodash__WEBPACK_IMPORTED_MODULE_4___default.a.isEmpty(profile) ? '' : profile.handle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n    className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3___default.a.dropdownIcon\n  }, open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmallup, null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(IconArrowSmalldown, null))));\n};\n\nUserInfo.propTypes = {\n  profile: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape(),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  open: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  newNotifications: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  domRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape()\n};\nvar _default = UserInfo;\n/* harmony default export */ __webpack_exports__[\"default\"] = (_default);\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n  reactHotLoader.register(_default, \"default\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../node_modules/webpack/buildin/harmony-module.js */ \"./node_modules/webpack/buildin/harmony-module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/components/UserInfo/index.js?");
 
 /***/ }),
 
@@ -1365,7 +1365,7 @@ eval("\nvar content = __webpack_require__(/*! !../../../node_modules/css-loader/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n  AccountMenu: AccountMenu,\n  CheckBox: CheckBox,\n  ChosenArrow: ChosenArrow,\n  DropdownBox: DropdownBox,\n  IconSelect: IconSelect,\n  LoginNav: LoginNav,\n  NotificationButton: NotificationButton,\n  NotificationSettings: NotificationSettings,\n  NotificationsPopup: NotificationsPopup,\n  SwitchBox: SwitchBox,\n  TopNav: TopNav,\n  UserInfo: UserInfo\n};\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(TopNav, \"TopNav\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n  reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/Roger/w/cop/cop_base/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?");
+eval("/* WEBPACK VAR INJECTION */(function(module) {(function () {\n  var enterModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).enterModule;\n  enterModule && enterModule(module);\n})();\n\nvar AccountMenu = __webpack_require__(/*! ./components/AccountMenu */ \"./src/components/AccountMenu/index.js\")[\"default\"];\n\nvar CheckBox = __webpack_require__(/*! ./components/CheckBox */ \"./src/components/CheckBox/index.js\")[\"default\"];\n\nvar ChosenArrow = __webpack_require__(/*! ./components/ChosenArrow */ \"./src/components/ChosenArrow/index.js\")[\"default\"];\n\nvar DropdownBox = __webpack_require__(/*! ./components/DropdownBox */ \"./src/components/DropdownBox/index.js\")[\"default\"];\n\nvar IconSelect = __webpack_require__(/*! ./components/IconSelect */ \"./src/components/IconSelect/index.js\")[\"default\"];\n\nvar LoginNav = __webpack_require__(/*! ./components/LoginNav */ \"./src/components/LoginNav/index.js\")[\"default\"];\n\nvar NotificationButton = __webpack_require__(/*! ./components/NotificationButton */ \"./src/components/NotificationButton/index.js\")[\"default\"];\n\nvar NotificationSettings = __webpack_require__(/*! ./components/NotificationSettings */ \"./src/components/NotificationSettings/index.js\")[\"default\"];\n\nvar NotificationsPopup = __webpack_require__(/*! ./components/NotificationsPopup */ \"./src/components/NotificationsPopup/index.js\")[\"default\"];\n\nvar SwitchBox = __webpack_require__(/*! ./components/SwitchBox */ \"./src/components/SwitchBox/index.js\")[\"default\"];\n\nvar TopNav = __webpack_require__(/*! ./components/TopNav */ \"./src/components/TopNav/index.js\")[\"default\"];\n\nvar UserInfo = __webpack_require__(/*! ./components/UserInfo */ \"./src/components/UserInfo/index.js\")[\"default\"];\n\n__webpack_require__(/*! ./assets/sass/style.scss */ \"./src/assets/sass/style.scss\");\n\nmodule.exports = {\n  AccountMenu: AccountMenu,\n  CheckBox: CheckBox,\n  ChosenArrow: ChosenArrow,\n  DropdownBox: DropdownBox,\n  IconSelect: IconSelect,\n  LoginNav: LoginNav,\n  NotificationButton: NotificationButton,\n  NotificationSettings: NotificationSettings,\n  NotificationsPopup: NotificationsPopup,\n  SwitchBox: SwitchBox,\n  TopNav: TopNav,\n  UserInfo: UserInfo\n};\n;\n\n(function () {\n  var reactHotLoader = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).default;\n\n  if (!reactHotLoader) {\n    return;\n  }\n\n  reactHotLoader.register(AccountMenu, \"AccountMenu\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(CheckBox, \"CheckBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(ChosenArrow, \"ChosenArrow\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(DropdownBox, \"DropdownBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(IconSelect, \"IconSelect\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(LoginNav, \"LoginNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationButton, \"NotificationButton\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationSettings, \"NotificationSettings\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(NotificationsPopup, \"NotificationsPopup\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(SwitchBox, \"SwitchBox\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(TopNav, \"TopNav\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n  reactHotLoader.register(UserInfo, \"UserInfo\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js\");\n})();\n\n;\n\n(function () {\n  var leaveModule = (typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal : __webpack_require__(/*! react-hot-loader */ \"react-hot-loader\")).leaveModule;\n  leaveModule && leaveModule(module);\n})();\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../node_modules/webpack/buildin/module.js */ \"./node_modules/webpack/buildin/module.js\")(module)))\n\n//# sourceURL=webpack://navigation-component/./src/index.js?");
 
 /***/ }),
 
diff --git a/dist/prod/index.js b/dist/prod/index.js
index 9531dda..9b1155f 100644
--- a/dist/prod/index.js
+++ b/dist/prod/index.js
@@ -1,4 +1,4 @@
-!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/objectSpread"),require("topcoder-react-utils"),require("moment"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","@babel/runtime/helpers/objectSpread","topcoder-react-utils","moment","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","@babel/runtime/helpers/defineProperty","@babel/runtime/helpers/toConsumableArray","react-dom"],e):"object"==typeof exports?exports["navigation-component"]=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/helpers/objectSpread"),require("topcoder-react-utils"),require("moment"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):n["navigation-component"]=e(n.react,n["prop-types"],n["react-hot-loader"],n.lodash,n["@babel/runtime/helpers/slicedToArray"],n["@babel/runtime/helpers/objectSpread"],n["topcoder-react-utils"],n.moment,n["@babel/runtime/helpers/classCallCheck"],n["@babel/runtime/helpers/createClass"],n["@babel/runtime/helpers/possibleConstructorReturn"],n["@babel/runtime/helpers/getPrototypeOf"],n["@babel/runtime/helpers/inherits"],n["@babel/runtime/helpers/defineProperty"],n["@babel/runtime/helpers/toConsumableArray"],n["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__5__,__WEBPACK_EXTERNAL_MODULE__8__,__WEBPACK_EXTERNAL_MODULE__29__,__WEBPACK_EXTERNAL_MODULE__31__,__WEBPACK_EXTERNAL_MODULE__36__,__WEBPACK_EXTERNAL_MODULE__66__,__WEBPACK_EXTERNAL_MODULE__67__,__WEBPACK_EXTERNAL_MODULE__68__,__WEBPACK_EXTERNAL_MODULE__69__,__WEBPACK_EXTERNAL_MODULE__70__,__WEBPACK_EXTERNAL_MODULE__75__,__WEBPACK_EXTERNAL_MODULE__76__,__WEBPACK_EXTERNAL_MODULE__81__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var a=e[o]={i:o,l:!1,exports:{}};return n[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)t.d(o,a,function(e){return n[e]}.bind(null,a));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=86)}([function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__0__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__1__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__2__},function(n,e,t){var o=t(98);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o;
+!function(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","prop-types","react-hot-loader","lodash","@babel/runtime/helpers/slicedToArray","topcoder-react-utils","@babel/runtime/helpers/objectSpread","@babel/runtime/helpers/classCallCheck","@babel/runtime/helpers/createClass","@babel/runtime/helpers/possibleConstructorReturn","@babel/runtime/helpers/getPrototypeOf","@babel/runtime/helpers/inherits","moment","@babel/runtime/helpers/defineProperty","@babel/runtime/helpers/toConsumableArray","react-dom"],e):"object"==typeof exports?exports["navigation-component"]=e(require("react"),require("prop-types"),require("react-hot-loader"),require("lodash"),require("@babel/runtime/helpers/slicedToArray"),require("topcoder-react-utils"),require("@babel/runtime/helpers/objectSpread"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("@babel/runtime/helpers/inherits"),require("moment"),require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/toConsumableArray"),require("react-dom")):n["navigation-component"]=e(n.react,n["prop-types"],n["react-hot-loader"],n.lodash,n["@babel/runtime/helpers/slicedToArray"],n["topcoder-react-utils"],n["@babel/runtime/helpers/objectSpread"],n["@babel/runtime/helpers/classCallCheck"],n["@babel/runtime/helpers/createClass"],n["@babel/runtime/helpers/possibleConstructorReturn"],n["@babel/runtime/helpers/getPrototypeOf"],n["@babel/runtime/helpers/inherits"],n.moment,n["@babel/runtime/helpers/defineProperty"],n["@babel/runtime/helpers/toConsumableArray"],n["react-dom"])}("undefined"!=typeof self?self:this,function(__WEBPACK_EXTERNAL_MODULE__0__,__WEBPACK_EXTERNAL_MODULE__1__,__WEBPACK_EXTERNAL_MODULE__2__,__WEBPACK_EXTERNAL_MODULE__4__,__WEBPACK_EXTERNAL_MODULE__9__,__WEBPACK_EXTERNAL_MODULE__17__,__WEBPACK_EXTERNAL_MODULE__30__,__WEBPACK_EXTERNAL_MODULE__38__,__WEBPACK_EXTERNAL_MODULE__39__,__WEBPACK_EXTERNAL_MODULE__40__,__WEBPACK_EXTERNAL_MODULE__41__,__WEBPACK_EXTERNAL_MODULE__42__,__WEBPACK_EXTERNAL_MODULE__43__,__WEBPACK_EXTERNAL_MODULE__72__,__WEBPACK_EXTERNAL_MODULE__73__,__WEBPACK_EXTERNAL_MODULE__78__){return function(n){var e={};function t(o){if(e[o])return e[o].exports;var a=e[o]={i:o,l:!1,exports:{}};return n[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}return t.m=n,t.c=e,t.d=function(n,e,o){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:o})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var o=Object.create(null);if(t.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)t.d(o,a,function(e){return n[e]}.bind(null,a));return o},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=83)}([function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__0__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__1__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__2__},function(n,e,t){var o;
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -9,4 +9,4 @@
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
-!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var n=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)&&o.length){var r=a.apply(null,o);r&&n.push(r)}else if("object"===i)for(var l in o)t.call(o,l)&&o[l]&&n.push(l)}}return n.join(" ")}n.exports?(a.default=a,n.exports=a):void 0===(o=function(){return a}.apply(e,[]))||(n.exports=o)}()},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__5__},function(n,e,t){var o=t(108);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(101);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__8__},function(n,e,t){var o=t(89);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.eot"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.eot"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.eot"},function(n,e){n.exports=function(n){if(!n.webpackPolyfill){var e=Object.create(n);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}},function(n,e,t){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t=function(n,e){var t=n[1]||"",o=n[3];if(!o)return t;if(e&&"function"==typeof btoa){var a=(r=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),i=o.sources.map(function(n){return"/*# sourceURL="+o.sourceRoot+n+" */"});return[t].concat(i).concat([a]).join("\n")}var r;return[t].join("\n")}(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var o={},a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(a=0;a<n.length;a++){var r=n[a];null!=r[0]&&o[r[0]]||(t&&!r[2]?r[2]=t:t&&(r[2]="("+r[2]+") and ("+t+")"),e.push(r))}},e}},function(n,e,t){var o,a,i={},r=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===a&&(a=o.apply(this,arguments)),a}),l=function(n){var e={};return function(n,t){if("function"==typeof n)return n();if(void 0===e[n]){var o=function(n,e){return e?e.querySelector(n):document.querySelector(n)}.call(this,n,t);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}e[n]=o}return e[n]}}(),s=null,c=0,p=[],d=t(90);function u(n,e){for(var t=0;t<n.length;t++){var o=n[t],a=i[o.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](o.parts[r]);for(;r<o.parts.length;r++)a.parts.push(g(o.parts[r],e))}else{var l=[];for(r=0;r<o.parts.length;r++)l.push(g(o.parts[r],e));i[o.id]={id:o.id,refs:1,parts:l}}}}function f(n,e){for(var t=[],o={},a=0;a<n.length;a++){var i=n[a],r=e.base?i[0]+e.base:i[0],l={css:i[1],media:i[2],sourceMap:i[3]};o[r]?o[r].parts.push(l):t.push(o[r]={id:r,parts:[l]})}return t}function m(n,e){var t=l(n.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=p[p.length-1];if("top"===n.insertAt)o?o.nextSibling?t.insertBefore(e,o.nextSibling):t.appendChild(e):t.insertBefore(e,t.firstChild),p.push(e);else if("bottom"===n.insertAt)t.appendChild(e);else{if("object"!=typeof n.insertAt||!n.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var a=l(n.insertAt.before,t);t.insertBefore(e,a)}}function h(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n);var e=p.indexOf(n);e>=0&&p.splice(e,1)}function b(n){var e=document.createElement("style");if(void 0===n.attrs.type&&(n.attrs.type="text/css"),void 0===n.attrs.nonce){var o=function(){0;return t.nc}();o&&(n.attrs.nonce=o)}return _(e,n.attrs),m(n,e),e}function _(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function g(n,e){var t,o,a,i;if(e.transform&&n.css){if(!(i="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=i}if(e.singleton){var r=c++;t=s||(s=b(e)),o=x.bind(null,t,r,!1),a=x.bind(null,t,r,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return void 0===n.attrs.type&&(n.attrs.type="text/css"),n.attrs.rel="stylesheet",_(e,n.attrs),m(n,e),e}(e),o=function(n,e,t){var o=t.css,a=t.sourceMap,i=void 0===e.convertToAbsoluteUrls&&a;(e.convertToAbsoluteUrls||i)&&(o=d(o));a&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),a=function(){h(t),t.href&&URL.revokeObjectURL(t.href)}):(t=b(e),o=function(n,e){var t=e.css,o=e.media;o&&n.setAttribute("media",o);if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}.bind(null,t),a=function(){h(t)});return o(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;o(n=e)}else a()}}n.exports=function(n,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=r()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var t=f(n,e);return u(t,e),function(n){for(var o=[],a=0;a<t.length;a++){var r=t[a];(l=i[r.id]).refs--,o.push(l)}n&&u(f(n,e),e);for(a=0;a<o.length;a++){var l;if(0===(l=o[a]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete i[l.id]}}}};var v,y=(v=[],function(n,e){return v[n]=e,v.filter(Boolean).join("\n")});function x(n,e,t,o){var a=t?"":o.css;if(n.styleSheet)n.styleSheet.cssText=y(e,a);else{var i=document.createTextNode(a),r=n.childNodes;r[e]&&n.removeChild(r[e]),r.length?n.insertBefore(i,r[e]):n.appendChild(i)}}},function(n,e,t){"use strict";n.exports=function(n,e){return"string"!=typeof n?n:(/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),/["'() \t\n]/.test(n)||e?'"'+n.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':n)}},function(n,e){n.exports="data:application/font-woff;base64,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"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.woff"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.ttf"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.svg"},function(n,e){n.exports="data:application/font-woff;base64,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"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.woff"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.ttf"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.svg"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.woff2"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.woff"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.ttf"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.svg"},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__29__},function(n,e,t){var o=t(93);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__31__},function(n,e,t){var o=t(99);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(106);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(105);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(109);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__36__},function(n,e,t){var o=t(102);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/e-remove.svg"},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(32),d=t.n(p),u=t(5),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var m=function(n){return i.a.createElement("svg",n,i.a.createElement("defs",null,i.a.createElement("rect",{id:"a",x:".8",y:".5",width:"140",height:"140",rx:"306"})),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("mask",{id:"b",fill:"#fff"},i.a.createElement("use",{xlinkHref:"#a"})),i.a.createElement("use",{fill:"#F0F0F0",xlinkHref:"#a"}),i.a.createElement("path",{d:"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z",stroke:"#A3A3AE",strokeWidth:"3",opacity:".2",fill:"#A3A3AE",mask:"url(#b)"})))};m.defaultProps={width:"141",height:"141",viewBox:"0 0 141 141",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};h.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};b.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){var e=n.profile,t=n.onClick,o=n.open,a=n.newNotifications,r=n.domRef;return i.a.createElement("div",{ref:r,className:d.a.userInfoContainer,role:"button",onClick:t},i.a.createElement("div",{className:c()(d.a.avatarContainer,a&&d.a.newNotifications)},f.a.isEmpty(e)||f.a.isEmpty(e.photoURL)?i.a.createElement(m,{width:"60",className:d.a.avatar}):i.a.createElement("img",{className:d.a.avatar,src:e.photoURL,alt:"avatar"})),i.a.createElement("div",{className:d.a.handleContainer},i.a.createElement("span",{className:d.a.handle},f.a.isEmpty(e)?"":e.handle),i.a.createElement("span",{className:d.a.dropdownIcon},o?i.a.createElement(b,null):i.a.createElement(h,null))))};_.propTypes={profile:l.a.shape(),onClick:l.a.func,open:l.a.bool,newNotifications:l.a.bool,domRef:l.a.shape()};var g,v,y=_;e.default=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(_,"UserInfo","/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js"),g.register(y,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/UserInfo/index.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(91);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(97);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(107);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/flat-icon-checked.svg"},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(66),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(67),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(68),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(69),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(70),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__),lodash__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(5),lodash__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(4),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(31),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__),_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(9),_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__),moment__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(36),moment__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__),enterModule;enterModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).enterModule,enterModule&&enterModule(module);var IconAvatar=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("defs",null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("rect",{id:"a",x:".8",y:".5",width:"140",height:"140",rx:"306"})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("mask",{id:"b",fill:"#fff"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("use",{xlinkHref:"#a"})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("use",{fill:"#F0F0F0",xlinkHref:"#a"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z",stroke:"#A3A3AE",strokeWidth:"3",opacity:".2",fill:"#A3A3AE",mask:"url(#b)"})))};IconAvatar.defaultProps={width:"141",height:"141",viewBox:"0 0 141 141",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"};var IconCloseDark=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#2A2A2A",fillRule:"nonzero"}))};IconCloseDark.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var IconSwitchBusiness=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"#FFF",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z"})))};IconSwitchBusiness.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var MANAGE_ROLES=["administrator","admin","copilot","connect copilot","manager","global manager","client manager","connect manager","connect account manager","connect copilot manager"],hasAccess=function(n){return!!n&&n.some(function(n){return-1!==MANAGE_ROLES.indexOf(n.toLowerCase())})},AccountMenu=function(_React$Component){function AccountMenu(){return _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this,AccountMenu),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this,arguments))}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu,_React$Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu,[{key:"renderLink",value:function(n,e){var t=this.props.onClose,o=lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(n.link)?n.href:n.link;return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:o,key:"item-".concat(e),onClick:t},n.title)}},{key:"render",value:function(){var n=this,e=this.props,t=e.onClose,o=e.open,a=e.menu,i=e.switchText,r=e.onSwitch,l=e.profile,s=e.domRef;return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{ref:s,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["user-info-popup"],o&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,onClick:t}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"/":"/members/".concat(l.handle)},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.header},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)||lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l.photoURL)?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar,{width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("img",{src:l.photoURL,width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar,alt:"avatar"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["handle-container"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.handle},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.handle),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.email},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.email)))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.header,_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["header-mobile"])},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["left-content"]},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)||lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l.photoURL)?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar,{width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("img",{src:l.photoURL,width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar,alt:"avatar"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["handle-container"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.handle},"@",lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.handle),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.description},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":"Member since ".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(l.createdAt).format("MMMM, YYYY"))))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["icon-close"],onClick:t},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark,null))),!lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-to-business-container"],onClick:r},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-icon"]}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:hasAccess(l.roles)?lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(i.href)?i.link:i.href:"http://www.topcoder.com",onClick:t},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-to-busniness"]},i.title))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu},a.map(function(e,t){return e.separator?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,key:"separator-".concat(t)}):n.renderLink(e,t)})))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),AccountMenu}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);AccountMenu.defaultProps={numNotifications:35},AccountMenu.propTypes={open:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,onClose:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,menu:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,switchText:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),onSwitch:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,profile:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),domRef:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape()};var _default=AccountMenu,reactHotLoader,leaveModule;__webpack_exports__.default=_default,reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(MANAGE_ROLES,"MANAGE_ROLES","/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(hasAccess,"hasAccess","/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(AccountMenu,"AccountMenu","/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(_default,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/AccountMenu/index.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}.call(this,__webpack_require__(13)(module))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(40),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:d.a.checkbox,onClick:t},i.a.createElement("div",{className:c()(d.a["check-icon"],e&&d.a.checked)}))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var f,m,h=u;e.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"CheckBox","/Users/Roger/w/cop/cop_base/navigation-component/src/components/CheckBox/index.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/CheckBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(71),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x;return i.a.createElement("div",{className:c.a.chosenArrow,style:{transform:"translateX(".concat(t,"px)")},hidden:!e},i.a.createElement("svg",{width:"40px",height:"10px",viewBox:"0 0 40 10"},i.a.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},i.a.createElement("g",{id:"Desktop-navigation-specification",transform:"translate(-229.000000, -1000.000000)"},i.a.createElement("path",{d:"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z",id:"Path-3"})))))};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,f=p;e.default=f,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"ChosenArrow","/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js"),d.register(f,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/ChosenArrow/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(30),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n,e){var t=e.find(function(e){return e.value===n});return t&&t.label},f=function(n){var e=n.open,t=n.onClick,o=n.onClose,a=n.checked,r=n.value,l=n.options,s=n.onChange,p=function(n){return function(e){e.preventDefault(),o(),s(n)}};return i.a.createElement("div",{className:c()(d.a["dropdown-box"],a&&d.a.checked,e&&d.a.open),onClick:function(n){return!n.defaultPrevented&&t()}},i.a.createElement("div",{className:d.a.backdrop,onClick:function(n){n.preventDefault(),o()}}),i.a.createElement("span",{className:d.a["selected-label"]},u(r,l),i.a.createElement("i",{className:d.a["dropdown-arrow"]})),i.a.createElement("ul",{className:d.a.options},l.map(function(n){return i.a.createElement("li",{className:c()(d.a["option-li"],n.value===r&&d.a.active),key:n.value,onClick:p(n.value)},n.label)})))};f.propTypes={open:l.a.bool,onClick:l.a.func,onClose:l.a.func,checked:l.a.bool,value:l.a.any,options:l.a.array,onChange:l.a.func};var m,h,b=f;e.default=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(u,"optionLabel","/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js"),m.register(f,"DropdownBox","/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js"),m.register(b,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/DropdownBox/index.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(72),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x,o=n.isResize,a={transform:"translateX(".concat(t,"px)")};return o&&(a.transition="auto",a["-webkit-transition"]="auto"),i.a.createElement("span",{className:c.a.iconSelect,style:a,hidden:!e})};p.propTypes={isResize:l.a.bool,show:l.a.bool,x:l.a.number};var d,u,f=p;e.default=f,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"IconSelect","/Users/Roger/w/cop/cop_base/navigation-component/src/components/IconSelect/index.js"),d.register(f,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/IconSelect/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(41),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){return i.a.createElement("svg",n,i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};u.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){var e=n.className,t=n.state,o=n.onClick,a=n.notificationsPopupOpen;return i.a.createElement("div",{className:c()(d.a.notificationButton,d.a[t],a&&d.a.isNotificationsPopupOpen,e),onClick:o},i.a.createElement(u,null))};f.propTypes={className:l.a.string,state:l.a.oneOf(["none","new","seen"]),onClick:l.a.func,notificationsPopupOpen:l.a.bool};var m,h,b=f;e.default=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"NotificationButton","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js"),m.register(b,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationButton/index.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(3),d=t.n(p),u=t(73),f=t(74);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var m=function(n){var e=n.open,t=n.onClose,o=n.emptyTitle,a=n.emptyText,r=n.notifications;return i.a.createElement("div",{className:c()(d.a["notifications-panel"],e&&d.a.open)},i.a.createElement("div",{className:d.a.backdrop,onClick:t}),r&&r.length>0?i.a.createElement(f.a,{notifications:r,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:a,onClose:t}))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},m.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,notifications:l.a.array};var h,b,_=m;e.default=_,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js"),h.register(_,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/index.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(37),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:c()(d.a["switch-box"],e&&d.a.checked),onClick:t},i.a.createElement("span",{className:d.a["label-on"]},"on"),i.a.createElement("span",{className:d.a.dot}),i.a.createElement("span",{className:d.a["label-off"]},"off"))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var f,m,h=u;e.default=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"SwitchBox","/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/SwitchBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(96);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(104);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/icon-bell-red.svg"},function(n,e,t){n.exports=t.p+"images/right-arrow.svg"},function(n,e,t){n.exports=t.p+"images/flat-icon-opposite-arrows.svg"},function(n,e,t){n.exports=t.p+"images/icon-bell.svg"},function(n,e,t){n.exports=t.p+"images/bell-big.svg"},function(n,e,t){n.exports=t.p+"images/delete-small.svg"},function(n,e,t){n.exports=t.p+"images/group.svg"},function(n,e,t){n.exports=t.p+"images/left-arrow.svg"},function(n,e,t){n.exports=t.p+"images/icon-settings-gear.svg"},function(n,e,t){n.exports=t.p+"images/bell-black.svg"},function(n,e,t){n.exports=t.p+"images/icon-email.svg"},function(n,e){var t;t=function(){return this}();try{t=t||new Function("return this")()}catch(n){"object"==typeof window&&(t=window)}n.exports=t},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__66__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__67__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__68__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__69__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__70__},function(n,e,t){var o=t(92);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(94);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(3),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.onClose,t=n.emptyTitle,o=n.emptyText;return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:d.a["noti-header"]},i.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),i.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),i.a.createElement("div",{className:d.a.rights},i.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),i.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),i.a.createElement("div",{className:c()(d.a["noti-body"],d.a.center)},i.a.createElement("i",{className:c()(d.a.icons,d.a["icon-bell"])}),i.a.createElement("h4",{className:d.a.titles},t),i.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o)),i.a.createElement("div",{className:d.a["noti-footer"]},i.a.createElement("span",{className:c()(d.a.btn,d.a["btn-blue"]),role:"button"},"Notification Settings")))};u.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications. Read our ",i.a.createElement("a",{href:"/",className:d.a.blueLink},"blog post")," for more info")},u.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"EmptyNotifications","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(5),d=t.n(p),u=t(36),f=t.n(u),m=t(3),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["light-bar"]},e,i.a.createElement("span",{role:"button",className:c()(h.a["green-link"],h.a["mobile-only"],h.a.dismissSection),onClick:t},"Dismiss All"))};b.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.title,t=n.onDismiss;return i.a.createElement("div",{className:h.a["grey-bar"]},i.a.createElement("div",{className:h.a["copyicon-title"]},e),i.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissCategory),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};_.propTypes={title:l.a.node,onDismiss:l.a.func};var g=function(n){var e=n.item,t=n.onDismiss;return i.a.createElement("div",{className:h.a.items},i.a.createElement("a",{href:e.href,className:h.a["item-content"]},i.a.createElement("p",{className:h.a.txt},e.content),i.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return i.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),i.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),i.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissItem),onClick:t},i.a.createElement("div",{className:h.a["btn-close"]}),i.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};g.propTypes={item:l.a.object,onDismiss:l.a.func};var v=function(n){var e=n.notifications,t=n.onDismiss,o=n.onSettings,r=n.onClose,l=d.a.uniq((e||[]).map(function(n){return n.category}).filter(function(n){return n})).sort(function(n,e){return n.localeCompare(e)}),s=[{title:"New",list:e.filter(function(n){return n.timestamp>f()().subtract(1,"day").valueOf()})},{title:"Earlier",list:e.filter(function(n){return n.timestamp<f()().subtract(1,"day").valueOf()})}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:h.a["noti-header"]},i.a.createElement("span",{className:h.a["notification-back-btn"],role:"button",onClick:r}),i.a.createElement("span",{className:h.a["left-noti"]},"Notifications"),i.a.createElement("div",{className:h.a.rights},i.a.createElement("span",{role:"button",className:h.a["white-link"],onClick:function(){return t(e)}},"Dismiss All")," ",i.a.createElement("span",{className:h.a.point})," ",i.a.createElement("span",{role:"button",className:h.a["white-link"],onClick:o},"Settings")),i.a.createElement("span",{role:"button",className:h.a["btn-setting"]})),i.a.createElement("div",{className:h.a["noti-body"]},s.map(function(n){return i.a.createElement(a.Fragment,{key:n.title},i.a.createElement(b,{title:n.title,onDismiss:function(){return t(n.list)}}),i.a.createElement("div",{className:h.a["lightblue-section"]},n.list.filter(function(n){return!n.category}).map(function(n,e){return i.a.createElement(g,{item:n,key:"noti-".concat(e),onDismiss:function(){return t([n])}})})),l.map(function(e){var o=n.list.filter(function(n){return n.category===e});return o.length?i.a.createElement("div",{className:h.a["greybar-section"],key:e},i.a.createElement(_,{title:"".concat(e," (").concat(o.length,")"),onDismiss:function(){return t(o)}}),o.map(function(n,e){return i.a.createElement(g,{item:n,key:"noti-".concat(e),onDismiss:function(){return t([n])}})})):null}))}),i.a.createElement("div",{className:c()(h.a["end-message"],h.a.center)},"You have no more notifications")))};v.defaultProps={notifications:[],onDismiss:function(){return null}},v.propTypes={notifications:l.a.array,onDismiss:l.a.func,onSettings:l.a.func,onClose:l.a.func};var y,x,w=v;e.a=w,(y=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(y.register(b,"LightBar","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js"),y.register(_,"Category","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js"),y.register(g,"Item","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js"),y.register(v,"NotificationList","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js"),y.register(w,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationsPopup/NotificationList.js")),(x=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&x(n)}).call(this,t(13)(n))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__75__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__76__},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(34),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#FFF",fillRule:"nonzero"}))};p.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var d=function(n){return i.a.createElement("svg",n,i.a.createElement("g",{fill:"#FFF",fillRule:"nonzero"},i.a.createElement("path",{d:"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z"})))};d.defaultProps={width:"24",height:"16",viewBox:"0 0 24 16",xmlns:"http://www.w3.org/2000/svg"};var u=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};u.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){var e=n.showLeftMenu,t=n.onClickLeftMenu,o=n.logo,a=n.onClickLogo,r=n.rightMenu;return i.a.createElement("div",null,i.a.createElement("div",{className:c.a.mobileNav},i.a.createElement("div",{className:c.a.leftMenuContainer},i.a.createElement("button",{className:c.a.menuBtn,onClick:t},e?i.a.createElement(p,null):i.a.createElement(d,null))),i.a.createElement("a",{onClick:function(n){return a(n)},href:"/"},o),r&&i.a.createElement("div",{className:c.a.rightMenu},r)),e&&i.a.createElement("div",{className:c.a.search},i.a.createElement(u,{className:c.a.icon}),i.a.createElement("input",{onKeyPress:function(n){"Enter"===n.key&&(window.location="".concat(window.origin,"/search/members?q=").concat(encodeURIComponent(n.target.value)))},placeholder:"Find members by username or skill","aria-label":"Find members by username or skill"})))};f.propTypes={showLeftMenu:l.a.bool,onClickLeftMenu:l.a.func,logo:l.a.node,onClickLogo:l.a.func,rightMenu:l.a.node};var m,h,b=f;e.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(f,"MobileNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js"),m.register(b,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(33),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};u.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};f.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.activeChildId,r=n.onClick,l=n.createHandleClickItem;return i.a.createElement("div",{className:c()(d.a.mobileSubNav,e&&d.a.mobileSubNavOpen)},i.a.createElement("div",{className:d.a.mobileSubNavMask}),(!o&&t.subMenu&&t.subMenu.length>0||t.secondaryMenu&&t.secondaryMenu.length>0)&&i.a.createElement(i.a.Fragment,null,i.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},i.a.createElement("span",null,t.title),e?i.a.createElement(f,null):i.a.createElement(u,null)),e&&i.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu).map(function(n,e){return i.a.createElement("a",{className:c()(d.a.mobileSubNavChild,n.id===a&&d.a.mobileSubNavChildOpen),href:n.href,key:"level3-".concat(e),onClick:l(n.id)},n.title)})))||i.a.createElement(i.a.Fragment,null,i.a.createElement("dev",{className:d.a.mobileSubNavHeader},i.a.createElement("span",null,t.title))))};m.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var h,b,_=m;e.a=_,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"MobileSubNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js"),h.register(_,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileSubNav.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(42),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.menu,t=n.activeChildId,o=n.createHandleClickItem;return i.a.createElement("div",{className:d.a.secondaryNavMobile},e.subMenu&&e.subMenu.map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(d.a.secondaryNavMobileItem,n.id===t&&d.a.secondaryNavMobileItemOpen),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?o(n.id):null},n.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var f,m,h=u;e.a=h,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"MobileMenu","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js"),f.register(h,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/MobileMenu.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(4),c=t.n(s),p=t(85),d=t(46),u=t(6),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var m=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};h.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};b.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){var e=n.collapsed,t=n.showLeftMenu,o=n.logo,a=n.menu,r=n.rightMenu,l=n.moreMenu,s=n.openMore,u=n.onCloseMore,_=n.moreId,g=n.activeLevel1Id,v=n.activeLevel2Id,y=n.onClickLogo,x=n.onRightMenuResize,w=n.createHandleClickLevel1,A=n.createHandleClickLevel2,E=n.handleClickMore,F=n.createHandleClickMoreItem,k=n.createSetRef,M=n.showChosenArrow,D=n.showLevel3,O=n.forceHideLevel3,C=n.chosenArrowX,N=n.searchOpened,R=n.toggleSearchOpen,L=function(n){return!(l||[]).find(function(e){return e.id===n.id})},I=50;return i.a.createElement("div",null,i.a.createElement("div",{className:c()(f.a.primaryNavContainer,t&&f.a.primaryNavContainerOpen)},i.a.createElement("div",{className:f.a.primaryNav,ref:k("primaryNav")},i.a.createElement("a",{className:c()(f.a.tcLogo,e&&f.a.tcLogoPush),onClick:function(n){return y(n)},href:"/"},o),a.map(function(n,e){return[i.a.createElement("span",{className:f.a.primaryLevel1Separator,key:"separator-".concat(e)}),i.a.createElement("a",{className:c()(f.a.primaryLevel1,(!v||t)&&n.id===g&&f.a.primaryLevel1Open,n.mobileOnly&&f.a.mobileOnly),href:n.href,key:"level1-".concat(e),onClick:w(n.id,!0),ref:k(n.id)},n.title),n.subMenu&&i.a.createElement("div",{className:c()(f.a.primaryLevel2Container,n.id===g&&f.a.primaryLevel2ContainerOpen),key:"level2-".concat(e,"-container"),ref:k("level2Container".concat(e))},n.subMenu.filter(L).map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?A(n.id,!0):null,ref:k(n.id)},n.title)}),n.id===g&&l&&l.length>0&&i.a.createElement("div",{className:c()(f.a.moreBtnContainer,s&&f.a.moreOpen)},i.a.createElement("div",{className:f.a.backdrop,onClick:u}),i.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:E,ref:k(_)},i.a.createElement("div",{className:f.a.moreBtnMask}),i.a.createElement("span",null,"More"),s&&i.a.createElement(h,null),!s&&i.a.createElement(m,null)),i.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:F(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:M&&D&&!O,x:C})),i.a.createElement("div",{className:f.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:x}),r&&i.a.createElement("div",{className:c()(f.a.primaryLevel1,f.a.rightMenuPrimaryLevel1)},r),i.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(f.a.searchIcon,{opened:N}),onFocus:function(){return R(!0)},onBlur:function(n){n.pageY<I&&R(!1)},onMouseEnter:function(n){return R(!0)},onMouseLeave:function(n){console.log("".concat(n.clientX," - ").concat(n.clientY)),n.pageY<I&&R(!1)},onTouchStart:function(n){R(!N)}},i.a.createElement(b,null)))),i.a.createElement("div",{role:"search",className:c()(f.a.searchField,{opened:N,closed:!N}),onMouseLeave:function(n){R(!1)}},i.a.createElement("input",{ref:k("searchInputBox"),onKeyPress:function(n){"Enter"===n.key&&(window.location="".concat(window.origin,"/search/members?q=").concat(encodeURIComponent(n.target.value)))},onBlur:function(){return R(!1)},"aria-label":"Find members by username or skill",placeholder:"Find members by username or skill"})))};_.propTypes={collapsed:l.a.bool,showLeftMenu:l.a.bool,logo:l.a.node,menu:l.a.array,rightMenu:l.a.node,moreMenu:l.a.array,openMore:l.a.bool,onCloseMore:l.a.func,moreId:l.a.any,activeLevel1Id:l.a.any,activeLevel2Id:l.a.any,onClickLogo:l.a.func,onRightMenuResize:l.a.func,createHandleClickLevel1:l.a.func,createHandleClickLevel2:l.a.func,handleClickMore:l.a.func,createHandleClickMoreItem:l.a.func,createSetRef:l.a.func,showChosenArrow:l.a.bool,showLevel3:l.a.bool,forceHideLevel3:l.a.bool,chosenArrowX:l.a.number,searchOpened:l.a.bool,toggleSearchOpen:l.a.func};var g,v,y=_;e.a=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(_,"PrimaryNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js"),g.register(y,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/PrimaryNav.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}).call(this,t(13)(n))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__81__},function(n,e,t){"use strict";(function(n){var t=function(){if("undefined"!=typeof Map)return Map;function n(n,e){var t=-1;return n.some(function(n,o){return n[0]===e&&(t=o,!0)}),t}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var t=n(this.__entries__,e),o=this.__entries__[t];return o&&o[1]},e.prototype.set=function(e,t){var o=n(this.__entries__,e);~o?this.__entries__[o][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,o=n(t,e);~o&&t.splice(o,1)},e.prototype.has=function(e){return!!~n(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(n,e){void 0===e&&(e=null);for(var t=0,o=this.__entries__;t<o.length;t++){var a=o[t];n.call(e,a[1],a[0])}},e}()}(),o="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,a=void 0!==n&&n.Math===Math?n:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),i="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(a):function(n){return setTimeout(function(){return n(Date.now())},1e3/60)},r=2;var l=20,s=["top","right","bottom","left","width","height","size","weight"],c="undefined"!=typeof MutationObserver,p=function(){function n(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(n,e){var t=!1,o=!1,a=0;function l(){t&&(t=!1,n()),o&&c()}function s(){i(l)}function c(){var n=Date.now();if(t){if(n-a<r)return;o=!0}else t=!0,o=!1,setTimeout(s,e);a=n}return c}(this.refresh.bind(this),l)}return n.prototype.addObserver=function(n){~this.observers_.indexOf(n)||this.observers_.push(n),this.connected_||this.connect_()},n.prototype.removeObserver=function(n){var e=this.observers_,t=e.indexOf(n);~t&&e.splice(t,1),!e.length&&this.connected_&&this.disconnect_()},n.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},n.prototype.updateObservers_=function(){var n=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return n.forEach(function(n){return n.broadcastActive()}),n.length>0},n.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},n.prototype.disconnect_=function(){o&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},n.prototype.onTransitionEnd_=function(n){var e=n.propertyName,t=void 0===e?"":e;s.some(function(n){return!!~t.indexOf(n)})&&this.refresh()},n.getInstance=function(){return this.instance_||(this.instance_=new n),this.instance_},n.instance_=null,n}(),d=function(n,e){for(var t=0,o=Object.keys(e);t<o.length;t++){var a=o[t];Object.defineProperty(n,a,{value:e[a],enumerable:!1,writable:!1,configurable:!0})}return n},u=function(n){return n&&n.ownerDocument&&n.ownerDocument.defaultView||a},f=v(0,0,0,0);function m(n){return parseFloat(n)||0}function h(n){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];return e.reduce(function(e,t){return e+m(n["border-"+t+"-width"])},0)}function b(n){var e=n.clientWidth,t=n.clientHeight;if(!e&&!t)return f;var o=u(n).getComputedStyle(n),a=function(n){for(var e={},t=0,o=["top","right","bottom","left"];t<o.length;t++){var a=o[t],i=n["padding-"+a];e[a]=m(i)}return e}(o),i=a.left+a.right,r=a.top+a.bottom,l=m(o.width),s=m(o.height);if("border-box"===o.boxSizing&&(Math.round(l+i)!==e&&(l-=h(o,"left","right")+i),Math.round(s+r)!==t&&(s-=h(o,"top","bottom")+r)),!function(n){return n===u(n).document.documentElement}(n)){var c=Math.round(l+i)-e,p=Math.round(s+r)-t;1!==Math.abs(c)&&(l-=c),1!==Math.abs(p)&&(s-=p)}return v(a.left,a.top,l,s)}var _="undefined"!=typeof SVGGraphicsElement?function(n){return n instanceof u(n).SVGGraphicsElement}:function(n){return n instanceof u(n).SVGElement&&"function"==typeof n.getBBox};function g(n){return o?_(n)?function(n){var e=n.getBBox();return v(0,0,e.width,e.height)}(n):b(n):f}function v(n,e,t,o){return{x:n,y:e,width:t,height:o}}var y=function(){function n(n){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=v(0,0,0,0),this.target=n}return n.prototype.isActive=function(){var n=g(this.target);return this.contentRect_=n,n.width!==this.broadcastWidth||n.height!==this.broadcastHeight},n.prototype.broadcastRect=function(){var n=this.contentRect_;return this.broadcastWidth=n.width,this.broadcastHeight=n.height,n},n}(),x=function(){return function(n,e){var t,o,a,i,r,l,s,c=(o=(t=e).x,a=t.y,i=t.width,r=t.height,l="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,s=Object.create(l.prototype),d(s,{x:o,y:a,width:i,height:r,top:a,right:o+i,bottom:r+a,left:o}),s);d(this,{target:n,contentRect:c})}}(),w=function(){function n(n,e,o){if(this.activeObservations_=[],this.observations_=new t,"function"!=typeof n)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=n,this.controller_=e,this.callbackCtx_=o}return n.prototype.observe=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(n instanceof u(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(n)||(e.set(n,new y(n)),this.controller_.addObserver(this),this.controller_.refresh())}},n.prototype.unobserve=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(n instanceof u(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(n)&&(e.delete(n),e.size||this.controller_.removeObserver(this))}},n.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},n.prototype.gatherActive=function(){var n=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&n.activeObservations_.push(e)})},n.prototype.broadcastActive=function(){if(this.hasActive()){var n=this.callbackCtx_,e=this.activeObservations_.map(function(n){return new x(n.target,n.broadcastRect())});this.callback_.call(n,e,n),this.clearActive()}},n.prototype.clearActive=function(){this.activeObservations_.splice(0)},n.prototype.hasActive=function(){return this.activeObservations_.length>0},n}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,E=function(){return function n(e){if(!(this instanceof n))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var t=p.getInstance(),o=new w(e,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){E.prototype[n]=function(){var e;return(e=A.get(this))[n].apply(e,arguments)}});var F=void 0!==a.ResizeObserver?a.ResizeObserver:E;e.a=F}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var t="object"==typeof n&&n&&n.Object===Object&&n;e.a=t}).call(this,t(65))},function(n,e,t){"use strict";(function(n){var o,a=t(5),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(4),d=t.n(p),u=t(48),f=t(31),m=t(35),h=t.n(m);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.isResize,r=n.activeChildId,s=n.showIndicator,c=n.indicatorX,p=n.createHandleClickItem,m=n.createSetRef;return l.a.createElement("div",{className:d()(h.a.secondaryNav,e&&h.a.secondaryNavOpen)},l.a.createElement("div",{className:h.a.secondaryNavLinkContainer},t&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){var t=i.a.isEmpty(n.link)?n.href:n.link;return l.a.createElement(f.Link,{className:d()(h.a.secondaryNavItem,n.id===r&&h.a.secondaryNavItemOpen),key:"level3-".concat(e),to:t,onClick:!n.openNewTab&&p(n.id),openNewTab:n.openNewTab},l.a.createElement("span",{ref:m(n.id)},n.title),l.a.createElement("span",{className:d()(h.a.indicator)}))}),l.a.createElement(u.default,{isResize:a,show:s,x:c})," "))};b.propTypes={open:c.a.bool,menu:c.a.object,isResize:c.a.bool,isSecondaryMenu:c.a.bool,activeChildId:c.a.any,showIndicator:c.a.bool,indicatorX:c.a.number,createHandleClickItem:c.a.func,createSetRef:c.a.func};var _,g,v=b;e.a=v,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(b,"SubNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js"),_.register(v,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/SubNav.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),a=t.n(o),i=t(81),r=t(82),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];e=a,t||(t=requestAnimationFrame(function(){t=null,n.apply(void 0,e)}))};return o.cancel=function(){t&&(cancelAnimationFrame(t),t=null)},o},s=t(1);var c=function(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)},p=t(83),d="object"==typeof self&&self&&self.Object===Object&&self,u=p.a||d||Function("return this")(),f=function(){return u.Date.now()},m=u.Symbol,h=Object.prototype,b=h.hasOwnProperty,_=h.toString,g=m?m.toStringTag:void 0;var v=function(n){var e=b.call(n,g),t=n[g];try{n[g]=void 0;var o=!0}catch(n){}var a=_.call(n);return o&&(e?n[g]=t:delete n[g]),a},y=Object.prototype.toString;var x=function(n){return y.call(n)},w="[object Null]",A="[object Undefined]",E=m?m.toStringTag:void 0;var F=function(n){return null==n?void 0===n?A:w:E&&E in Object(n)?v(n):x(n)};var k=function(n){return null!=n&&"object"==typeof n},M="[object Symbol]";var D=function(n){return"symbol"==typeof n||k(n)&&F(n)==M},O=NaN,C=/^\s+|\s+$/g,N=/^[-+]0x[0-9a-f]+$/i,R=/^0b[01]+$/i,L=/^0o[0-7]+$/i,I=parseInt;var B=function(n){if("number"==typeof n)return n;if(D(n))return O;if(c(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=c(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=n.replace(C,"");var t=R.test(n);return t||L.test(n)?I(n.slice(2),t?2:8):N.test(n)?O:+n},W="Expected a function",S=Math.max,P=Math.min;var j=function(n,e,t){var o,a,i,r,l,s,p=0,d=!1,u=!1,m=!0;if("function"!=typeof n)throw new TypeError(W);function h(e){var t=o,i=a;return o=a=void 0,p=e,r=n.apply(i,t)}function b(n){var t=n-s;return void 0===s||t>=e||t<0||u&&n-p>=i}function _(){var n=f();if(b(n))return g(n);l=setTimeout(_,function(n){var t=e-(n-s);return u?P(t,i-(n-p)):t}(n))}function g(n){return l=void 0,m&&o?h(n):(o=a=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,a=this,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(_,e),d?h(n):r}(s);if(u)return l=setTimeout(_,e),h(s)}return void 0===l&&(l=setTimeout(_,e)),r}return e=B(e)||0,c(t)&&(d=!!t.leading,i=(u="maxWait"in t)?S(B(t.maxWait)||0,e):i,m="trailing"in t?!!t.trailing:m),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=a=l=void 0},v.flush=function(){return void 0===l?r:g(f())},v},U="Expected a function";var T=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(U);return c(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),j(n,e,{leading:o,maxWait:e,trailing:a})},K={debounce:j,throttle:T},H=function(n){return K[n]},X=function(n){return"function"==typeof n},G=function(){return"undefined"==typeof window},z=function(n){return n instanceof Element||n instanceof HTMLDocument};function q(n){return(q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function V(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function Y(n,e){return!e||"object"!==q(e)&&"function"!=typeof e?function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(n):e}function J(n){return(J=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)})(n)}function Z(n,e){return(Z=Object.setPrototypeOf||function(n,e){return n.__proto__=e,n})(n,e)}var Q=function(n){function e(){return function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),Y(this,J(e).apply(this,arguments))}var t,a,i;return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),e&&Z(n,e)}(e,o["PureComponent"]),t=e,(a=[{key:"render",value:function(){return this.props.children}}])&&V(t.prototype,a),i&&V(t,i),e}();function $(n){return($="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function nn(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function en(n){return(en=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)})(n)}function tn(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function on(n,e){return(on=Object.setPrototypeOf||function(n,e){return n.__proto__=e,n})(n,e)}function an(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var rn=function(n){function e(n){var t,a,s;!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),a=this,s=en(e).call(this,n),t=!s||"object"!==$(s)&&"function"!=typeof s?tn(a):s,an(tn(t),"cancelHandler",function(){t.resizeHandler&&t.resizeHandler.cancel&&(t.resizeHandler.cancel(),t.resizeHandler=null)}),an(tn(t),"rafClean",function(){t.raf&&t.raf.cancel&&(t.raf.cancel(),t.raf=null)}),an(tn(t),"toggleObserver",function(n){var e=t.getElement();e&&t.resizeObserver[n]&&t.resizeObserver[n](e)}),an(tn(t),"getElement",function(){var n=t.props,e=n.querySelector,o=n.targetDomEl;if(!G()){if(e)return document.querySelector(e);if(o&&z(o))return o;var a=t.element&&Object(i.findDOMNode)(t.element);if(a)return a.parentElement}}),an(tn(t),"createUpdater",function(){return t.rafClean(),t.raf=l(function(n){var e=n.width,o=n.height,a=t.props.onResize;X(a)&&a(e,o),t.setState({width:e,height:o})}),t.raf}),an(tn(t),"createResizeHandler",function(n){var e=t.state,o=e.width,a=e.height,i=t.props,r=i.handleWidth,l=i.handleHeight;if(r||l){var s=t.createUpdater();n.forEach(function(n){var e=n&&n.contentRect||{},i=e.width,c=e.height,p=r&&o!==i||l&&a!==c;!t.skipOnMount&&p&&!G()&&s({width:i,height:c}),t.skipOnMount=!1})}}),an(tn(t),"onRef",function(n){t.element=n}),an(tn(t),"getRenderType",function(){var n=t.props,e=n.render,a=n.children;return X(e)?"renderProp":X(a)?"childFunction":Object(o.isValidElement)(a)?"child":Array.isArray(a)?"childArray":"parent"}),an(tn(t),"getTargetComponent",function(){var n=t.props,e=n.render,a=n.children,i=n.nodeType,r=t.state,l={width:r.width,height:r.height};switch(t.getRenderType()){case"renderProp":return Object(o.cloneElement)(e(l),{key:"resize-detector"});case"childFunction":return Object(o.cloneElement)(a(l));case"child":return Object(o.cloneElement)(a,l);case"childArray":return a.map(function(n){return!!n&&Object(o.cloneElement)(n,l)});default:return Object(o.createElement)(i)}});var c=n.skipOnMount,p=n.refreshMode,d=n.refreshRate,u=n.refreshOptions;t.state={width:void 0,height:void 0},t.skipOnMount=c,t.raf=null,t.element=null,t.unmounted=!1;var f=H(p);return t.resizeHandler=f?f(t.createResizeHandler,d,u):t.createResizeHandler,t.resizeObserver=new r.a(t.resizeHandler),t}var t,s,c;return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),e&&on(n,e)}(e,o["PureComponent"]),t=e,(s=[{key:"componentDidMount",value:function(){this.toggleObserver("observe")}},{key:"componentWillUnmount",value:function(){this.toggleObserver("unobserve"),this.rafClean(),this.cancelHandler(),this.unmounted=!0}},{key:"render",value:function(){return a.a.createElement(Q,{ref:this.onRef},this.getTargetComponent())}}])&&nn(t.prototype,s),c&&nn(t,c),e}();rn.propTypes={handleWidth:s.bool,handleHeight:s.bool,skipOnMount:s.bool,refreshRate:s.number,refreshMode:s.string,refreshOptions:Object(s.shape)({leading:s.bool,trailing:s.bool}),querySelector:s.string,targetDomEl:s.any,onResize:s.func,render:s.func,children:s.any,nodeType:s.node},rn.defaultProps={handleWidth:!1,handleHeight:!1,skipOnMount:!1,refreshRate:1e3,refreshMode:void 0,refreshOptions:void 0,querySelector:null,targetDomEl:null,onResize:null,render:void 0,children:null,nodeType:"div"};var ln=rn;e.a=ln},function(n,e,t){(function(n){var e;(e=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&e(n);var o,a,i=t(44).default,r=t(45).default,l=t(46).default,s=t(47).default,c=t(48).default,p=t(95).default,d=t(49).default,u=t(100).default,f=t(50).default,m=t(51).default,h=t(103).default,b=t(39).default;t(110),n.exports={AccountMenu:i,CheckBox:r,ChosenArrow:l,DropdownBox:s,IconSelect:c,LoginNav:p,NotificationButton:d,NotificationSettings:u,NotificationsPopup:f,SwitchBox:m,TopNav:h,UserInfo:b},(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(o.register(i,"AccountMenu","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(r,"CheckBox","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(l,"ChosenArrow","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(s,"DropdownBox","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(c,"IconSelect","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(p,"LoginNav","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(d,"NotificationButton","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(u,"NotificationSettings","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(f,"NotificationsPopup","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(m,"SwitchBox","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(h,"TopNav","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js"),o.register(b,"UserInfo","/Users/Roger/w/cop/cop_base/navigation-component/src/index.js")),(a=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&a(n)}).call(this,t(88)(n))},,function(n,e){n.exports=function(n){return n.webpackPolyfill||(n.deprecate=function(){},n.paths=[],n.children||(n.children=[]),Object.defineProperty(n,"loaded",{enumerable:!0,get:function(){return n.l}}),Object.defineProperty(n,"id",{enumerable:!0,get:function(){return n.i}}),n.webpackPolyfill=1),n}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(54)),A=o(t(55));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._3Yrr8BSysj0rX_n27afX1v {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._39pyudu_xKObZW6pdJuvzE {\n    display: none; } }\n\n._1DBEhWVAp80KcvisVjxeoJ {\n  position: absolute;\n  right: 0;\n  top: 40px;\n  color: #2A2A2B;\n  border-radius: 10px;\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n  width: 288px;\n  background: #FFFFFF;\n  border-radius: 6px;\n  overflow: hidden;\n  z-index: 1;\n  display: none; }\n  ._1DBEhWVAp80KcvisVjxeoJ .J7AZ7AoZpMiqcGkk5EiPI {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\n    display: block; }\n  ._1DBEhWVAp80KcvisVjxeoJ a {\n    color: #2A2A2B; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\n    padding: 0 20px;\n    display: none;\n    align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\n      background: #137D60;\n      color: #FFFFFF;\n      height: 90px; }\n      @media (min-width: 769px) {\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\n          display: flex; } }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._1wFEBuiGu2rmAiS_Agpkj0 {\n      display: flex;\n      flex-direction: column; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3Y2gUUZLS01E2DBwAmL5AC {\n      font-size: 16px;\n      line-height: 20px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3MNC9RVKZqkHXDT4LawW2U {\n      font-size: 12px;\n      line-height: 14px;\n      margin-top: 4px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B .SLZdcUmntH_Gz43MlKy_e {\n      margin-right: 10px;\n      border-radius: 50%; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO {\n    background: #2A2A2B;\n    height: 50px;\n    display: flex;\n    align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO ._2mlsFz0e2JplFFCaXj8NGz {\n      margin: 0 10px 0 22px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO a {\n      color: #FFFFFF;\n      font-size: 14px;\n      line-height: 30px; }\n  @media (min-width: 769px) {\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\n      padding: 15px 0 25px 0; } }\n  @media (min-width: 769px) {\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj {\n      display: none; } }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\n    height: 50px;\n    display: flex;\n    align-items: center;\n    margin: -5px 0;\n    padding: 0 20px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 30px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\n      background: #F4F4F4; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\n    background: #E0E0E0;\n    height: 1px;\n    width: 100%;\n    margin: 10px;\n    height: 1px;\n    width: calc(100% - 40px);\n    align-self: center;\n    display: block; }\n    @media (min-width: 769px) {\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8._39pyudu_xKObZW6pdJuvzE {\n        display: none; } }\n\n@media (max-width: 768px) {\n  ._1DBEhWVAp80KcvisVjxeoJ {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    overflow-y: auto;\n    background: #FFFFFF;\n    display: none;\n    z-index: 10;\n    top: 0;\n    display: none;\n    flex-direction: column;\n    border-radius: 0; }\n    ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\n      display: flex; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\n      padding: 7px 0 5px 17px;\n      display: none;\n      justify-content: space-between;\n      align-items: center; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B.aglP2X7ywZf438_Bb1dtR {\n        display: flex; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU {\n        display: flex;\n        align-items: center;\n        margin-bottom: 2px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU img {\n          border: 3px solid #C0C0C0;\n          border-radius: 33px;\n          margin-right: 17px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._1wFEBuiGu2rmAiS_Agpkj0 {\n          display: flex;\n          flex-direction: column;\n          padding-top: 15px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._3Y2gUUZLS01E2DBwAmL5AC {\n          font-family: 'Roboto';\n          font-weight: 700;\n          font-size: 20px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU .U68y4Y2wNYKEkEoINGHp5 {\n          font-family: 'Roboto';\n          font-weight: 400;\n          font-size: 12px;\n          color: #404041; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3c5H0OfZrcQpn4rG8MAh-8 {\n        width: 50px;\n        height: 50px;\n        display: flex;\n        justify-content: center;\n        align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\n      display: flex;\n      flex-direction: column;\n      margin-top: 15px; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\n        background: #E0E0E0;\n        width: calc(100% - 46px);\n        margin: 15px 0;\n        height: 1px;\n        align-self: center;\n        padding: 0 20px; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a,\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj {\n        color: #2A2A2B;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        margin: 5px 0;\n        padding: 0 20px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover,\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj:hover {\n          background: #F4F4F4; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj,\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj {\n          display: flex;\n          justify-content: space-between; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M,\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M {\n            font-size: 18px;\n            font-family: 'Roboto';\n            font-weight: 700;\n            background: url("+w+") left center no-repeat;\n            background-size: 16px;\n            padding-left: 28px;\n            text-align: left; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o,\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o {\n            font-size: 14px;\n            color: #EF476F; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy,\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1uKKtJz3R1OJadiIC1Dhzj._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy {\n            background: url("+A+") left center no-repeat;\n            background-size: 10px;\n            width: 10px;\n            height: 16px; } }\n",""]),e.locals={"mobile-only":"_3Yrr8BSysj0rX_n27afX1v","hide-not-mobile":"_39pyudu_xKObZW6pdJuvzE","user-info-popup":"_1DBEhWVAp80KcvisVjxeoJ",backdrop:"J7AZ7AoZpMiqcGkk5EiPI",open:"_13ZRWXhKBcHUN13XpzxXsP",header:"_3-ni4BP9S3pMtBmuWTdD-B","header-mobile":"aglP2X7ywZf438_Bb1dtR","handle-container":"_1wFEBuiGu2rmAiS_Agpkj0",handle:"_3Y2gUUZLS01E2DBwAmL5AC",email:"_3MNC9RVKZqkHXDT4LawW2U",avatar:"SLZdcUmntH_Gz43MlKy_e","switch-to-business-container":"_2eGTkF96fLsq65vhLrHCwO","switch-icon":"_2mlsFz0e2JplFFCaXj8NGz",menu:"_3XpyrYezAnF-8HlgAaQPVd","notification-mobile":"_1uKKtJz3R1OJadiIC1Dhzj",separator:"_1W9uvJn9LnD8xfxtrvZOi8","left-content":"_2GIRHsafrrsIqKD2lAgAXU",description:"U68y4Y2wNYKEkEoINGHp5","icon-close":"_3c5H0OfZrcQpn4rG8MAh-8","left-notifi":"_2LjGSqSat-Ui6-yUgv4xxg",title:"_2SJSsuwf42CFIJW_MO_h6M","red-number":"_1-ZXl0prjSGlB_Vf0WA85o","notification-right-arrow":"_3MZGOFybb6E3PbTPTEBAIy"}},function(n,e){n.exports=function(n){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!n||"string"!=typeof n)return n;var t=e.protocol+"//"+e.host,o=t+e.pathname.replace(/\/[^\/]*$/,"/");return n.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(n,e){var a,i=e.trim().replace(/^"(.*)"$/,function(n,e){return e}).replace(/^'(.*)'$/,function(n,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?n:(a=0===i.indexOf("//")?i:0===i.indexOf("/")?t+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(a)+")")})}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(38)),i=o(t(43));e.push([n.i,"/* colors */\n/* Grayscale colors. */\n._3LEfLC6roEXF3q2QmOTHWd {\n  flex: 0 0 15%;\n  display: flex;\n  justify-content: center;\n  margin-top: 12px; }\n  ._3LEfLC6roEXF3q2QmOTHWd .ErMZbUbOq4Ie7FRyaUAjO {\n    background: url("+a+") left center no-repeat;\n    background-size: 7px;\n    width: 12px;\n    height: 7px;\n    cursor: pointer; }\n    ._3LEfLC6roEXF3q2QmOTHWd .ErMZbUbOq4Ie7FRyaUAjO._2KuT4gPTbUDZGJ9I9iH_Hx {\n      background: url("+i+") left center no-repeat;\n      background-size: 10px;\n      width: 9px;\n      height: 7px;\n      margin-left: -5px; }\n",""]),e.locals={checkbox:"_3LEfLC6roEXF3q2QmOTHWd","check-icon":"ErMZbUbOq4Ie7FRyaUAjO",checked:"_2KuT4gPTbUDZGJ9I9iH_Hx"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n._3kEL1CuXIbYxx0bdhqtbUt {\n  position: absolute;\n  bottom: -1px;\n  left: -20px;\n  z-index: 1;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n  ._3kEL1CuXIbYxx0bdhqtbUt svg {\n    display: block; }\n    .theme-light ._3kEL1CuXIbYxx0bdhqtbUt svg {\n      fill: #FBFBFB; }\n    .theme-dark ._3kEL1CuXIbYxx0bdhqtbUt svg {\n      fill: #636363; }\n",""]),e.locals={chosenArrow:"_3kEL1CuXIbYxx0bdhqtbUt"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(56));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .FiI0R2zOapkwMus631VUJ {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .GFH-u2tHEY5bELZr9-mgn {\n    display: none; } }\n\n._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f {\n  background-color: #C0C0C0;\n  border-radius: 15px;\n  width: 148px;\n  height: 30px;\n  position: relative;\n  cursor: pointer; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1Qp_Ah8FxL6gqzhkr1zO-b {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f.uNJnEhKjeOi08aYFNGcBr {\n    background-color: #AAAAAB;\n    box-shadow: inset 0 1px 3px 0 #808080; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f.uNJnEhKjeOi08aYFNGcBr ._1UrYH5pnd2F3BMjqpCcA-c {\n      display: block; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f:hover {\n    background-color: none;\n    background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s {\n    background-color: #0681FF; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s.uNJnEhKjeOi08aYFNGcBr {\n      background-color: #006DEA;\n      box-shadow: inset 0 1px 3px 0 #404041; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s:hover {\n      background-color: none;\n      background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n      box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._2notQ2VhrCNXWXIVhMk_dR {\n    color: #FFFFFF;\n    font-family: 'Roboto';\n    font-weight: 700;\n    font-size: 13px;\n    line-height: 30px;\n    margin-left: 17px;\n    cursor: pointer; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._2notQ2VhrCNXWXIVhMk_dR ._1Q2X7m7bpTVHzaWex05wh4 {\n      background: url("+w+") left center no-repeat;\n      background-size: 14px;\n      width: 14px;\n      height: 14px;\n      display: block;\n      position: absolute;\n      right: 13px;\n      top: 9px;\n      transform: rotateZ(90deg); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c {\n    display: none;\n    background-color: #FFFFFF;\n    border-radius: 6px;\n    box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n    padding: 5px 5px;\n    position: absolute;\n    width: 138px;\n    z-index: 100; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li {\n      color: #151516;\n      font-family: 'Roboto';\n      font-weight: 400;\n      font-size: 13px;\n      line-height: 30px;\n      padding-top: 0;\n      min-height: initial;\n      padding-bottom: initial;\n      box-shadow: none;\n      align-items: start;\n      cursor: pointer; }\n      ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li._2m37YSsT85HbU1quxZkX0J {\n        font-weight: 700;\n        background-color: #FAFAFB; }\n      ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li:hover {\n        background-color: #F4F9FF; }\n",""]),e.locals={"mobile-only":"FiI0R2zOapkwMus631VUJ","hide-not-mobile":"GFH-u2tHEY5bELZr9-mgn","dropdown-box":"_18FKlvA7Q96dhDsc31hj-f",backdrop:"_1Qp_Ah8FxL6gqzhkr1zO-b",open:"uNJnEhKjeOi08aYFNGcBr",options:"_1UrYH5pnd2F3BMjqpCcA-c",checked:"_18BWxHVraQeHlJob7KOP7s","selected-label":"_2notQ2VhrCNXWXIVhMk_dR","dropdown-arrow":"_1Q2X7m7bpTVHzaWex05wh4",active:"_2m37YSsT85HbU1quxZkX0J"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n.XfmzOwZf6y97UzMGl8VN1 {\n  position: absolute;\n  bottom: -1px;\n  left: -7px;\n  width: 15px;\n  height: 3px;\n  border-radius: 1.5px;\n  background: #43D7B0;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n",""]),e.locals={iconSelect:"XfmzOwZf6y97UzMGl8VN1"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(8),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(52),d=t.n(p),u=t(49),f=t(50),m=t(39),h=t(44);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var b=function(n){var e=n.loggedIn,t=n.notificationButtonState,o=n.notifications,a=n.accountMenu,s=n.switchText,c=n.onSwitch,p=n.onMenuOpen,b=n.showNotification,_=n.profile,g=n.authURLs,v=Object(r.useState)(),y=i()(v,2),x=y[0],w=y[1],A=Object(r.useState)(),E=i()(A,2),F=E[0],k=E[1],M=Object(r.useRef)(null),D=Object(r.useRef)(null);Object(r.useEffect)(function(){var n=function(){w(!1),k(!1),document.body.style.position=""};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]),Object(r.useEffect)(function(){var n=!!document.documentMode,e=!n&&!!window.StyleMedia;if(n||e){var t=function(n){D.current.contains(n.target)||M.current.contains(n.target)||(k(!1),document.body.style.position="")};return document.addEventListener("mousedown",t,!0),function(){return document.removeEventListener("mousedown",t,!0)}}},[]);var O=function(){return w(function(n){return!n})},C=function(){F||(p(),window.innerWidth<=768&&(document.body.style.position="fixed")),k(function(n){return!n})};return l.a.createElement("div",{className:d.a.loginContainer},e?b?[l.a.createElement(u.default,{className:d.a.notificationButton,state:t,notificationsPopupOpen:x,onClick:O,key:"notification-button"}),l.a.createElement(m.default,{profile:_,newNotifications:"new"===t,onClick:C,open:F,key:"user-info",domRef:D})]:l.a.createElement(m.default,{profile:_,newNotifications:"new"===t,onClick:C,open:F,key:"user-info",domRef:D}):l.a.createElement("a",{href:"javascript:void(0)",onClick:function(n){var e=encodeURIComponent(window.location.href);return window.location=g.location.replace("%S",e).replace("member?","#!/member?"),n.preventDefault(),!1}},"LOGIN"),l.a.createElement(f.default,{open:x,notifications:o,onClose:function(){return w(!1)}}),l.a.createElement(h.default,{profile:_,open:F,menu:a,switchText:s,numNotifications:(o||[]).length,onClickNotifications:O,onSwitch:c,onClose:function(){k(!1),document.body.style.position=""},domRef:M}))};b.propTypes={loggedIn:c.a.bool,notificationButtonState:c.a.string,notifications:c.a.array,accountMenu:c.a.array,onSwitch:c.a.func,onMenuOpen:c.a.func,showNotification:c.a.bool,profile:c.a.shape(),switchText:c.a.shape(),authURLs:c.a.shape()};var _,g,v=b;e.default=v,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(b,"LoginNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/LoginNav/index.js"),_.register(v,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/LoginNav/index.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .TLi8zlACFsu05s9-S0KD6 {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .XioWN-AAeGkJnsjIq4V5z {\n    display: none; } }\n\n._1lZDYTI4twm2tPiSSYmH7j {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: default; }\n  @media (max-width: 768px) {\n    ._1lZDYTI4twm2tPiSSYmH7j .FoUSAd5lNc93mRCKoyl8k {\n      display: none; } }\n",""]),e.locals={"mobile-only":"TLi8zlACFsu05s9-S0KD6","hide-not-mobile":"XioWN-AAeGkJnsjIq4V5z",loginContainer:"_1lZDYTI4twm2tPiSSYmH7j",notificationButton:"FoUSAd5lNc93mRCKoyl8k"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n._2Ii9wrSzf3Okhwg8qclKNK {\n  position: relative;\n  padding: 10px; }\n  ._2Ii9wrSzf3Okhwg8qclKNK img {\n    display: block; }\n  ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\n    opacity: 0.5; }\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh {\n    line-height: 36px; }\n    ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh:hover {\n      background-color: rgba(85, 85, 85, 0.4);\n      border-radius: 50%; }\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\n    content: "";\n    width: 6px;\n    height: 6px;\n    position: absolute;\n    top: 6px;\n    right: 5px;\n    background: #EF476F;\n    border-radius: 6px;\n    display: block; }\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh._1fEPa0UNfOfqQP46l2DmfT {\n    background-color: rgba(85, 85, 85, 0.4);\n    border-radius: 50%; }\n',""]),e.locals={notificationButton:"_2Ii9wrSzf3Okhwg8qclKNK",none:"q_nxMe059lniB16rnd5Tn",new:"_3xZrCGzwx7RuauWwYHwENh",isNotificationsPopupOpen:"_1fEPa0UNfOfqQP46l2DmfT"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(57)),A=o(t(58)),E=o(t(38)),F=o(t(59)),k=o(t(60)),M=o(t(61)),D=o(t(62));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n._3uzpwBKEA-MbCkI9aIMOp7 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n.dqp77tD8W2ETuOAfmPKrb {\n  position: relative; }\n\n._10uxAesUyb2uI6gmKN7J6z {\n  display: none !important; }\n\n._3jhWQHRm5iNa8aHKufZPJM {\n  display: none; }\n\n._3DFOkrCgDMnvjCqabi6xXD {\n  display: block; }\n\n._3zI77bcsXMPehS4g_swO9f {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\n    align-items: flex-start; }\n\n._3_kpxJWCILsR8Tg-9uKzXZ {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n._2oHjajwzyk-5gR6VkemMLi {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n.iFKI2Ov4qa7QzgTzmFOtv,\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\n  opacity: 0.75; }\n\n.iFKI2Ov4qa7QzgTzmFOtv {\n  background-color: #2C95D7; }\n  .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n._2qrP7i56V22adC8xa8ezas,\n._2qrP7i56V22adC8xa8ezas:hover,\n._2qrP7i56V22adC8xa8ezas:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n._2qrP7i56V22adC8xa8ezas:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1KRwHAl5IRhFceiZQ7zk5B {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1NDEgCD5MJCfPAwdP9B9P {\n    display: none; } }\n\n._2bDaoAmFShmqVrbIpK298u {\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n  width: 480px;\n  height: auto;\n  position: absolute;\n  right: 10px;\n  top: 40px;\n  display: none;\n  z-index: 100;\n  cursor: default; }\n  ._2bDaoAmFShmqVrbIpK298u [role=\"button\"] {\n    cursor: pointer; }\n  ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n    display: flex; }\n  ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n    background-color: #0AB88A;\n    border-radius: 10px 10px 0 0;\n    padding: 10px 20px 10px;\n    height: 30px;\n    position: sticky;\n    top: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center; }\n    @media (min-width: 769px) {\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2P7pWG81MDfkRVy8vpNIHg {\n        display: none; } }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\n      background: url("+w+") left center no-repeat;\n      background-size: 16px;\n      padding-left: 26px;\n      color: #FFFFFF;\n      font-size: 16px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      text-align: left; }\n    @media (max-width: 768px) {\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\n        display: none; } }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\n      color: #FFFFFF;\n      display: inline-block;\n      vertical-align: middle;\n      font-size: 12px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      text-align: right; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\n        opacity: 0.75; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\n      width: 3px;\n      height: 3px;\n      background-color: #FFFFFF;\n      border-radius: 100%;\n      display: inline-block;\n      vertical-align: middle; }\n    @media (min-width: 769px) {\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\n        display: none; } }\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n    max-height: 378px;\n    overflow: scroll; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\n      text-align: center; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\n      background: url("+A+") center center no-repeat;\n      background-size: 73px 80px;\n      width: 73px;\n      height: 80px;\n      margin: 50px 0 10px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3KTfOxCvh_KBa3DFMUvWe2 {\n      color: #2A2A2B;\n      font-size: 30px;\n      font-family: 'Barlow Condensed';\n      font-weight: 600;\n      line-height: 40px;\n      margin: 23px 0 -8px 0; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\n      margin: 0;\n      color: #2A2A2B;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      line-height: 20px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\n        text-align: center;\n        padding: 19px 60px 12px 60px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN .RZWo4BWfGuakP2wY9mMG1 {\n        color: #0596dc;\n        font-size: 14px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\n      background-color: #B5E9DB;\n      height: 28px;\n      color: #229174;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      line-height: 28px;\n      padding-left: 20px;\n      margin-top: -2px;\n      position: sticky;\n      position: -webkit-sticky;\n      top: 0;\n      z-index: 2;\n      padding-right: 20px;\n      padding-top: 2px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n      border-bottom: 0; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\n      margin-top: -2px;\n      background-color: #FFFFFF;\n      padding-top: 5px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n      position: absolute;\n      right: 1px;\n      top: 50%;\n      margin-top: -10px;\n      z-index: 666;\n      display: none; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\n        display: block;\n        background: url("+E+") center center no-repeat;\n        background-size: 10px;\n        width: 20px;\n        height: 20px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\n          background: url("+F+") center center no-repeat; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n        position: absolute;\n        top: -28px;\n        left: -76px;\n        background-color: #2A2A2B;\n        border-radius: 2px;\n        padding: 6px 0;\n        color: #FFFFFF;\n        font-size: 11px;\n        font-family: 'Roboto';\n        font-weight: 400;\n        line-height: 13px;\n        text-align: center;\n        min-width: 110px;\n        display: none; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n          content: '';\n          display: block;\n          position: absolute;\n          bottom: -5px;\n          left: calc(50% + 30px);\n          margin-left: -3px;\n          width: 0;\n          height: 0;\n          border-left: 4px solid transparent;\n          border-right: 4px solid transparent;\n          border-top: 5px solid #2A2A2B; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n        display: block; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n      padding: 0 30px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\n        background-color: #FBFBFB; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\n          display: block; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n        display: block;\n        padding: 10px 0;\n        border-bottom: 1px solid #E0E0E0;\n        position: relative;\n        cursor: pointer; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n          padding-right: 30px; }\n        @media (max-width: 768px) {\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\n            display: none; } }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\n        margin-top: 5px;\n        line-height: 20px;\n        font-size: 12px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\n          padding: 0px 10px;\n          display: inline-block;\n          margin-right: 6px;\n          background-color: #50ADE8;\n          border-radius: 5px;\n          color: #FFFFFF;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 20px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\n          display: inline-block;\n          vertical-align: middle;\n          color: #AAA;\n          font-size: 12px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 20px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\n      background-color: #F4F4F4;\n      height: 50px;\n      padding-left: 20px;\n      margin-top: -4px;\n      z-index: 1;\n      position: relative;\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n        padding-left: 26px;\n        background: url("+k+") left center no-repeat;\n        background-size: 15px;\n        color: #2A2A2B;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        width: calc(100% - 70px);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n        right: 20px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\n        display: block; }\n  ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\n    text-align: center;\n    padding: 15px 0 45px 0; }\n  ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\n    background-color: #FBFBFB;\n    border-radius: 0 0 10px 10px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    color: #7F7F7F;\n    font-size: 12px;\n    font-family: 'Roboto';\n    font-weight: 400;\n    line-height: 40px;\n    justify-content: center;\n    position: relative;\n    z-index: 10;\n    margin-top: -3px; }\n\n._2bDaoAmFShmqVrbIpK298u {\n  max-height: 70vh;\n  flex-direction: column; }\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n    flex: 1;\n    max-height: none; }\n\n@media (max-width: 768px) {\n  ._2bDaoAmFShmqVrbIpK298u {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    box-shadow: none;\n    border-radius: 0;\n    display: none;\n    top: 0;\n    right: 0;\n    overflow-y: auto; }\n    ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n      display: flex; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n      height: 40px;\n      border-radius: 0;\n      padding-left: 10px;\n      padding-right: 10px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2P7pWG81MDfkRVy8vpNIHg {\n        width: 50px;\n        height: 50px;\n        background: url("+M+") center center no-repeat;\n        margin-left: -8px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\n        width: 50px;\n        height: 50px;\n        background: url("+D+") center center no-repeat; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\n        margin-left: 0;\n        padding-left: 0;\n        background: none; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\n      padding: 19px 20px 12px 21px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n      padding: 0 10px 0 20px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n        padding-right: 0; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n      right: 5px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n        left: -90px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n          left: 90%; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n        display: none; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n      padding-left: 25px;\n      width: calc(100% - 50px); }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n      right: 15px; }\n    ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\n      display: flex;\n      justify-content: space-between; }\n      ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 30px;\n        text-align: left; } }\n",""]),e.locals={"wrap-all":"_3uzpwBKEA-MbCkI9aIMOp7",relative:"dqp77tD8W2ETuOAfmPKrb",hide:"_10uxAesUyb2uI6gmKN7J6z","desktop-hide":"_3jhWQHRm5iNa8aHKufZPJM","desktop-show":"_3DFOkrCgDMnvjCqabi6xXD","flex-grid":"_3zI77bcsXMPehS4g_swO9f","item-start":"njaE6s5GBKM1QWGa3X0N1",icons:"_3_kpxJWCILsR8Tg-9uKzXZ",btn:"_2oHjajwzyk-5gR6VkemMLi",active:"tTm4NWRWu70QFI-vy6lfh","btn-blue":"iFKI2Ov4qa7QzgTzmFOtv",disabled:"_2SKHVaubAgUcwsNX6eYUJk","btn-gray":"_2qrP7i56V22adC8xa8ezas","mobile-only":"_1KRwHAl5IRhFceiZQ7zk5B","hide-not-mobile":"_1NDEgCD5MJCfPAwdP9B9P","notifications-panel":"_2bDaoAmFShmqVrbIpK298u",open:"_212HUD_1uAlLuuyrAeehri",backdrop:"_1WVxyW6Rc0m3600-JdYsfL","noti-header":"_1RFb2SmIhhRopMZePb4MU5","notification-back-btn":"_2P7pWG81MDfkRVy8vpNIHg","left-noti":"_1sAHEAFDeoX_ZTuPXeKmPq",rights:"_2r9o0ga7lUDfvlv0Jy9p0h","white-link":"gG-EY-ujRac3C3XNmxXsW",point:"_3FpWnCPiOuQJLQsSr57gf7","btn-setting":"_358oM7AujstXlvHcnoYHy3","noti-body":"_1clear-wT4PIr6Ij0oX6aN",center:"_1Bc2hR___vzLOqf-KCSQ8j","icon-bell":"_3PX9-2AtdZY9sGhVyChc1t",titles:"_3KTfOxCvh_KBa3DFMUvWe2",txt:"_3zu5BfIWJ71Fd4J1DqWfkN","center-txt":"_1wodp8ZcZPls60OS2tJ98H","blue-link":"RZWo4BWfGuakP2wY9mMG1","light-bar":"_31SfJMmwFiAncZnGzrr985","greybar-section":"_3pSfnLAttSYTLgZyBO-I6F",items:"_1x6dqFZ-IL6wFdtTotlnCn","item-content":"_2TVvw7BG7N7OELifFSI4Ru","lightblue-section":"_2U6_rtw03hfHM93vyb4eBM","right-remove":"yHh07r7iWc4GuTRcs4pX0","btn-close":"_2HHwQfzOvSt5DilSiYDF1R","black-txt":"_7uhH3BTWyzWMLsM_8WzgF",dismissItem:"_14yTDJk6l1sYTGFTef-Ym_","bottom-info":"_14BY8-HwlYHKowDEAHswcb","blue-squre":"_2ZUCs8P9S0HpqiCqTvFQdz","time-txt":"_32hmK9ADRmBSTzMopKTqjl","grey-bar":"_2H2C7O_dp6KwFeSAwq8AeX","copyicon-title":"_2aUK1rWbfvxWFNltLlvdq2","noti-footer":"_4_Xr0xGB9gg5Xbx30yOpI","end-message":"_203n6NLK0TpwNfE1LM3U_","green-link":"xfaifYntjgl4Dxspu_eFs"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._3-S7ERzJfyhbHGt11EIpER {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._3rust1gttUzFUo5G6HwRBj {\n    display: none; } }\n\n.fKMH2imvVlyWN-E_J8Ytr {\n  margin-left: 33px;\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  cursor: pointer; }\n  .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\n    position: relative; }\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\n      width: 30px;\n      height: 30px;\n      display: block;\n      border-radius: 50%; }\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n      content: "";\n      width: 7px;\n      height: 7px;\n      position: absolute;\n      top: -4px;\n      right: -6px;\n      background: #EF476F;\n      border-radius: 6px;\n      display: block; }\n      @media (min-width: 769px) {\n        .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n          display: none; } }\n  .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\n    display: flex;\n    align-items: center; }\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n      display: block;\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 30px;\n      margin-left: 5px;\n      white-space: nowrap; }\n      @media (max-width: 768px) {\n        .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n          display: none; } }\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 16px;\n      height: 16px;\n      margin-left: 12px; }\n      .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\n        transition: all 0.5s; }\n  @media (min-width: 769px) {\n    .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\n      background-color: rgba(85, 85, 85, 0.4); } }\n  .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n    display: block; }\n    @media (max-width: 768px) {\n      .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n        display: none; } }\n  .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n    transform: rotate(180deg); }\n',""]),e.locals={"mobile-only":"_3-S7ERzJfyhbHGt11EIpER","hide-not-mobile":"_3rust1gttUzFUo5G6HwRBj",userInfoContainer:"fKMH2imvVlyWN-E_J8Ytr",avatarContainer:"_3jYcrF2UXpM0DaUW7v2N9H",avatar:"_1rDJnekJrLVLis92R02FDc",newNotifications:"_3CZecOq_pMX8Ybp7wq0VXm",handleContainer:"DXaKhI0KdO_AMvRrJA1Uz",handle:"_12SkNHB6uAcn3Nr5m87Dv3",dropdownIcon:"_26tWpkJqj0GnCfpp5X_XT3",isUserPopupOpen:"_1C66unEGOCwLzLHeXB7Zxb"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(75),i=t.n(a),r=t(29),l=t.n(r),s=t(8),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),m=t(4),h=t.n(m),b=t(5),_=t.n(b),g=t(7),v=t.n(g),y=t(45),x=t(51),w=t(47);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=function(n){var e=n.control,t=n.name,o=n.value,a=n.options,i=n.onChange,r=Object(p.useState)(),l=c()(r,2),s=l[0],u=l[1];return"checkbox"===e?d.a.createElement(y.default,{checked:o,onClick:function(){return i(t,!o)}}):"switch"===e?d.a.createElement(x.default,{checked:o,onClick:function(){return i(t,!o)}}):"dropdown"===e&&d.a.createElement(w.default,{open:s,onClick:function(){return u(function(n){return!n})},onClose:function(){return u(!1)},checked:o!==a[0].value,value:o,options:a,onChange:function(n){return i(t,n)}})};A.propTypes={control:f.a.string,name:f.a.string,value:f.a.any,options:f.a.array,onChange:f.a.func};var E=function(n){var e=n.item,t=n.onChange;return d.a.createElement("li",null,d.a.createElement("div",{className:v.a["list-item"]},d.a.createElement("div",{className:v.a.left},d.a.createElement("div",{className:v.a.title},e.title),d.a.createElement("div",{className:v.a.description},e.description)),d.a.createElement("div",{className:v.a.website},d.a.createElement(A,{control:e.websiteControl,name:"website",value:e.website,options:e.websiteOptions,onChange:t})),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement(A,{control:e.emailControl,name:"email",value:e.email,options:e.emailOptions,onChange:t}))),d.a.createElement("div",{className:v.a["description-mobile"]},e.description))};E.propTypes={item:f.a.object,onChange:f.a.func};var F=function(n){var e=n.open,t=n.settings,o=n.theme,a=n.onChange,r=n.onClose,s=n.onSave,c=Object(p.useMemo)(function(){return t.map(function(n,e){return l()({},n,{id:n.id||e})})},[t]),u=Object(p.useMemo)(function(){return _.a.uniq(c.map(function(n){return n.category})).map(function(n){return{category:n,settings:c.filter(function(e){return e.category===n})}})},[c]),f=function(n){return function(e,t){var o=c.map(function(o){return(o=l()({},o)).id===n.id&&(o[e]=t),delete o.id,o});delete(n=l()({},n,i()({},e,t))).id,a(o,n,e)}};return d.a.createElement("div",{className:h()(v.a["settings-dialog"],v.a["theme-wrapper"],"theme-".concat(o),e&&v.a.open)},d.a.createElement("div",{className:v.a["header-nav-ui"]},d.a.createElement("div",{className:v.a["settings-nav"]},d.a.createElement("img",{className:v.a["tc-logo"],src:"../../assets/images/tc-logo.svg",alt:"logo"}),d.a.createElement("span",{className:v.a.title},"Topcoder Settings"),d.a.createElement("span",{role:"button",className:v.a["close-btn"],onClick:r},d.a.createElement("img",{src:"../../assets/images/icon-close.svg",alt:"close"})))),d.a.createElement("div",{className:v.a["settings-panel"]},d.a.createElement("div",{className:v.a.title},"Notifications"),u.map(function(n){return d.a.createElement("div",{className:v.a["panel-content"],key:n.category},d.a.createElement("div",{className:v.a["section-title"]},d.a.createElement("div",{className:v.a.left},n.category),d.a.createElement("div",{className:v.a.website},d.a.createElement("span",null,d.a.createElement("em",null,"Website"))),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement("span",null,d.a.createElement("em",null,"As email")))),d.a.createElement("ul",{className:v.a["section-list"]},n.settings.map(function(n,e){return d.a.createElement(E,{item:n,key:"item-".concat(e),onChange:f(n)})})))}),d.a.createElement("div",{className:v.a["bottom-btn"]},d.a.createElement("span",{role:"button",className:h()(v.a.btn,v.a["btn-gray"]),onClick:s},"Save settings"))))};F.defaultProps={theme:"light",settings:[{category:"Project notifications",title:"New posts and replies",description:"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.",websiteControl:"checkbox",website:!0,emailControl:"dropdown",email:"immediately",emailOptions:[{value:"off",label:"Off"},{value:"immediately",label:"Immediately"},{value:"daily",label:"Daily"},{value:"everyOtherDay",label:"Every other day"}]}]},F.propTypes={open:f.a.bool,settings:f.a.array,theme:f.a.string,onChange:f.a.func,onSave:f.a.func,onClose:f.a.func};var k,M,D=F;e.default=D,(k=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(k.register(A,"ItemControl","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js"),k.register(E,"Item","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js"),k.register(F,"NotificationSettings","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js"),k.register(D,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/NotificationSettings/index.js")),(M=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&M(n)}.call(this,t(13)(n))},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(63)),A=o(t(64)),E=o(t(38)),F=o(t(43));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n.eC-XVUOCrLjhmXzHI0vGN {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n._2xo4uOqkSud82iwvYR3qf1 {\n  position: relative; }\n\n.NlrYxlXgGI3rEqT6M42Jv {\n  display: none !important; }\n\n._3NH1eX76zUIIqougfg1Ymw {\n  display: none; }\n\n._1Z1quIuGPzfYvCkDntIYlb {\n  display: block; }\n\n._1Symr618U2KCrSqSCdIyBj {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  ._1Symr618U2KCrSqSCdIyBj._3xTu4q4J8091vIF0lc5dKR {\n    align-items: flex-start; }\n\n._1bAM9uOkMIPyCzX36IH7ee {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n._1jDYKAzHkTnCcpR9MltfnI {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  ._1jDYKAzHkTnCcpR9MltfnI._3dMiiVxCKHoTFlWF5H874_, ._1jDYKAzHkTnCcpR9MltfnI:active, ._1jDYKAzHkTnCcpR9MltfnI:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n._2DSryVrhvXvqpJW0x0lUDT,\n._2DSryVrhvXvqpJW0x0lUDT:hover,\n._2DSryVrhvXvqpJW0x0lUDT:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n._2DSryVrhvXvqpJW0x0lUDT:hover {\n  opacity: 0.75; }\n\n._2DSryVrhvXvqpJW0x0lUDT {\n  background-color: #2C95D7; }\n  ._2DSryVrhvXvqpJW0x0lUDT._1MHUFM2yNbOKoVGNISgS3w, ._2DSryVrhvXvqpJW0x0lUDT:disabled, ._2DSryVrhvXvqpJW0x0lUDT[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n._--arUl_Dy5b5W86b7LUv,\n._--arUl_Dy5b5W86b7LUv:hover,\n._--arUl_Dy5b5W86b7LUv:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n._--arUl_Dy5b5W86b7LUv:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1P9-Bk4ixH89d314mDbLCU {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._17ggnmpagGsicRppyh_P8y {\n    display: none; } }\n\n.WAgkW-bDfiYQsjyNB9Xxt {\n  display: none;\n  background-color: #D4D4D4;\n  overflow: auto;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 10; }\n  .WAgkW-bDfiYQsjyNB9Xxt._2v9qkCIvI9h57uZ3T5YH5A {\n    display: block; }\n  .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm {\n    font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n    color: #2A2A2B;\n    position: relative;\n    display: flex;\n    flex-direction: column; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V {\n      background: #2A2A2B;\n      color: #FFFFFF;\n      height: 60px;\n      position: relative;\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._3W_w2YG6HjC9SwP0OlxpFK {\n        margin: 0 30px;\n        justify-self: flex-start;\n        cursor: pointer; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V a,\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Gvn15ZFPAnE0Wrne00JHX {\n        color: #EDEDF2;\n        font-size: 20px; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n        background-color: #808080;\n        border-radius: 29px;\n        width: 30px;\n        height: 30px;\n        margin-right: 25px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer; }\n        @media (max-width: 900px) {\n          .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n            background-color: initial; } }\n        .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st img {\n          transform: scale(0.9); }\n  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr {\n    background-color: #FFFFFF;\n    border-radius: 6px;\n    box-shadow: 0 1px 1px 0 #D5D5D5;\n    width: 720px;\n    margin: 26px auto 26px auto;\n    font-family: 'Roboto';\n    font-weight: 400;\n    padding: 30px 20px; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._2Gvn15ZFPAnE0Wrne00JHX {\n      color: #151516;\n      font-size: 28px;\n      font-weight: 300;\n      line-height: 35px;\n      text-align: center;\n      margin-bottom: 20px; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe {\n      margin-bottom: 60px; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp {\n        background-color: #EBEBEB;\n        border-radius: 4px 4px 0 0;\n        height: 50px;\n        padding: 0 10px;\n        display: flex;\n        align-items: center; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n          color: #151516;\n          font-family: 'Roboto';\n          font-weight: 700;\n          font-size: 15px;\n          line-height: 30px;\n          flex: 0 0 63%; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div {\n          color: #151516;\n          font-family: 'Roboto';\n          font-weight: 400;\n          font-size: 13px;\n          line-height: 35px; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n            flex: 0 0 15%;\n            display: flex;\n            justify-content: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n              background: url("+w+") left center no-repeat;\n              background-size: 17px;\n              padding-left: 22px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n                font-style: normal; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n            flex: 0 0 22%;\n            display: flex;\n            justify-content: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n              background: url("+A+") left center no-repeat;\n              background-size: 17px;\n              padding-left: 22px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n                font-style: normal; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n        padding-left: 0;\n        margin-top: 0; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li {\n          min-height: 50px;\n          padding: 0 10px;\n          box-shadow: 0 1px 0 0 #E0E0E0;\n          padding-bottom: 10px;\n          padding-top: 10px;\n          display: block; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li:hover {\n            background-color: #FAFAFB; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV {\n            display: flex;\n            align-items: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n              flex: 0 0 63%; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n                color: #151516;\n                font-family: 'Roboto';\n                font-weight: 400;\n                font-size: 15px;\n                line-height: 30px;\n                text-align: left;\n                margin-bottom: auto; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n                color: #808080;\n                font-family: 'Roboto';\n                font-weight: 400;\n                font-size: 12px;\n                line-height: 20px;\n                margin-right: 40px; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div {\n              color: #151516;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 13px;\n              line-height: 30px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n                flex: 0 0 15%;\n                display: flex;\n                justify-content: center;\n                margin-top: 12px; }\n                .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6 {\n                  background: url("+E+") left center no-repeat;\n                  background-size: 7px;\n                  width: 12px;\n                  height: 7px;\n                  cursor: pointer; }\n                  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n                    background: url("+F+") left center no-repeat;\n                    background-size: 10px;\n                    width: 9px;\n                    height: 7px;\n                    margin-left: -5px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n                flex: 0 0 22%;\n                display: flex;\n                justify-content: center;\n                margin-top: 12px; }\n                .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n                  background: url("+E+") left center no-repeat;\n                  background-size: 7px;\n                  width: 12px;\n                  height: 10px; }\n                  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n                    background: url("+F+") left center no-repeat;\n                    background-size: 10px;\n                    width: 9px;\n                    height: 7px;\n                    cursor: pointer;\n                    margin-left: -5px; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n            display: none; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._3bl253IZy8-oMDwdXOyrus {\n      text-align: center; }\n\n@media (max-width: 768px) {\n  ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr {\n    margin-top: 0;\n    margin-bottom: 0;\n    border-radius: 0;\n    width: 100%;\n    padding: 12px 0 32px 0; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr > ._2Gvn15ZFPAnE0Wrne00JHX {\n      display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n      flex: 0 0 45%; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n      flex: 0 0 10%; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n          display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n      flex: 0 0 45%; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n          display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n      padding-left: 0; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        padding-top: 5px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n          line-height: 20px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n          display: none; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n        flex: 0 0 10%;\n        align-self: flex-start;\n        margin-top: 0; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        margin-top: 0; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n          margin-top: 12px; }\n          ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n            margin-top: 13px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._1FOQUwg-2XS6hvLZP1WRAX {\n          margin-top: 2px; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n        display: block;\n        color: #808080;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 20px;\n        margin-top: 10px; } }\n",""]),e.locals={"wrap-all":"eC-XVUOCrLjhmXzHI0vGN",relative:"_2xo4uOqkSud82iwvYR3qf1",hide:"NlrYxlXgGI3rEqT6M42Jv","desktop-hide":"_3NH1eX76zUIIqougfg1Ymw","desktop-show":"_1Z1quIuGPzfYvCkDntIYlb","flex-grid":"_1Symr618U2KCrSqSCdIyBj","item-start":"_3xTu4q4J8091vIF0lc5dKR",icons:"_1bAM9uOkMIPyCzX36IH7ee",btn:"_1jDYKAzHkTnCcpR9MltfnI",active:"_3dMiiVxCKHoTFlWF5H874_","btn-blue":"_2DSryVrhvXvqpJW0x0lUDT",disabled:"_1MHUFM2yNbOKoVGNISgS3w","btn-gray":"_--arUl_Dy5b5W86b7LUv","mobile-only":"_1P9-Bk4ixH89d314mDbLCU","hide-not-mobile":"_17ggnmpagGsicRppyh_P8y","settings-dialog":"WAgkW-bDfiYQsjyNB9Xxt",open:"_2v9qkCIvI9h57uZ3T5YH5A","header-nav-ui":"_1W_n_GGLCGjv3fpeGOjSCm","settings-nav":"_2I1SE4gNRECztNNjaAzJ6V","tc-logo":"_3W_w2YG6HjC9SwP0OlxpFK",title:"_2Gvn15ZFPAnE0Wrne00JHX","close-btn":"_2Wgs3HQby4L8y36XV5D1st","settings-panel":"_3N-14AJ4MmXRhhDwqkWGAr","panel-content":"_1gulSyfqud0UjtTcdoSOAe","section-title":"_3C90LDZ6cYBmFV1XPg2GDp",left:"_2LCm86m8fj5yohjyk2QfRe",website:"_3ALt3PpcD58-qbvFCZ1OLM","as-email":"L64aYEiYaYSywXfE0ZIWo","section-list":"_3tp6rAbLKoZcIUAaPiTb5a","list-item":"_3nXiD0KUnXINwk4FYwwoIV",description:"BUaRF4hgRCYEJJifVxI5x","check-icon":"_3t0QeK5ghczPa8HZOx-jB6",checked:"_3-B38j7UutmsO-K5ttodXB","description-mobile":"_2tbVwtm8ZbPpSmBqAKlR6z","bottom-btn":"_3bl253IZy8-oMDwdXOyrus","switch-box":"_1FOQUwg-2XS6hvLZP1WRAX"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n._3iN6GG9R7O17fAeKetBoaH {\n  background-color: #C0C0C0;\n  border-radius: 14px;\n  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n  width: 48px;\n  height: 25px;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer; }\n  ._3iN6GG9R7O17fAeKetBoaH:hover {\n    opacity: 0.75; }\n  ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse,\n  ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n    color: #FAFAFB;\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 14px;\n    line-height: 26px;\n    display: flex;\n    justify-content: center;\n    flex-direction: column; }\n  ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse {\n    margin-left: 7px;\n    display: none; }\n  ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n    margin-right: 7px; }\n  ._3iN6GG9R7O17fAeKetBoaH .oHo2PeH7-1KAmOjR6b2KG {\n    background-color: #FFFFFF;\n    border-radius: 100%;\n    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n    width: 17px;\n    height: 17px;\n    margin-top: 4px;\n    margin-left: 4px;\n    margin-right: 4px; }\n  ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ {\n    background-color: #0681FF; }\n    ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._1Ms7yTjX__D9mbI3JGfMse {\n      display: block; }\n    ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._2odfs98GPxgLxdtl1Y8riF {\n      display: none; }\n",""]),e.locals={"switch-box":"_3iN6GG9R7O17fAeKetBoaH","label-on":"_1Ms7yTjX__D9mbI3JGfMse","label-off":"_2odfs98GPxgLxdtl1Y8riF",dot:"oHo2PeH7-1KAmOjR6b2KG",checked:"_3UTM5pJ7_T3ekWDh5HwQRZ"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(76),i=t.n(a),r=t(8),l=t.n(r),s=t(29),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),m=t(4),h=t.n(m),b=t(5),_=t.n(b),g=t(31),v=t(53),y=t.n(v),x=t(77),w=t(78),A=t(79),E=t(80),F=t(84);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var k=1,M=1e3,D=function(n,e,t){k=1,n=(n=n.map(function(n){return c()({},n,{id:n.id||k++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||k++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||k++})})})}),secondaryMenu:t&&e?_.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):_.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return c()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return c()({},n,{id:n.id||M++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})});var o=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));if(o&&o.date+32e3>(new Date).getTime()){var a=_.a.find(n,function(n){return n.id===o.id});a&&(a.subMenu=o.subMenu)}return n},O=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,a=n.theme,r=n.currentLevel1Id,s=n.onChangeLevel1Id,u=n.path,f=n.setOpenMore,m=n.openMore,b=n.loggedIn,v=n.profileHandle;Object(p.useEffect)(function(){var n=function(){f(!1),Pn(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var k,M,O=Object(p.useState)({refs:{},slide:{}}),C=l()(O,1)[0],N=Object(p.useState)(!1),R=l()(N,2),L=R[0],I=R[1],B=Object(p.useState)(),W=l()(B,2),S=W[0],P=W[1],j=Object(p.useState)(),U=l()(j,2),T=U[0],K=U[1],H=Object(p.useState)(),X=l()(H,2),G=X[0],z=X[1],q=Object(p.useState)(!1),V=l()(q,2),Y=V[0],J=V[1],Z=Object(p.useState)(!1),Q=l()(Z,2),$=Q[0],nn=Q[1],en=Object(p.useState)(!1),tn=l()(en,2),on=tn[0],an=tn[1],rn=Object(p.useState)(!1),ln=l()(rn,2),sn=ln[0],cn=ln[1],pn=Object(p.useState)(),dn=l()(pn,2),un=dn[0],fn=dn[1],mn=Object(p.useState)(),hn=l()(mn,2),bn=hn[0],_n=hn[1],gn=Object(p.useState)(0),vn=l()(gn,2),yn=vn[0],xn=vn[1],wn=Object(p.useState)(),An=l()(wn,2),En=An[0],Fn=An[1],kn=Object(p.useState)(),Mn=l()(kn,2),Dn=Mn[0],On=Mn[1],Cn=Object(p.useMemo)(function(){return D(e,v,b)},[e,v,b]),Nn=Object(p.useState)(Cn),Rn=l()(Nn,2),Ln=Rn[0],In=Rn[1],Bn=Object(p.useState)(),Wn=l()(Bn,2),Sn=Wn[0],Pn=Wn[1],jn=Object(p.useState)(),Un=l()(jn,2),Tn=Un[0],Kn=Un[1],Hn=Object(p.useState)(),Xn=l()(Hn,2),Gn=Xn[0],zn=Xn[1],qn=function(){return zn([])},Vn=function(n){return function(e){C.refs[n]=e}},Yn=function(n){return Ln.find(function(e){return e.id===n})},Jn=Yn(S),Zn=(k=T,(M=Yn(S))&&M.subMenu&&M.subMenu.find(function(n){return n.id===k})),Qn=Object(p.useCallback)(function(){In(function(n){return n.map(function(n){if(!C.refs[n.id])return n;C.slide[n.id]=!0;var e=C.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return c()({},n,{initialX:t.x||t.left})})})},[C.refs,C.slide]),$n=Object(p.useCallback)(function(n){var e=C.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[C.refs]),ne=Object(p.useCallback)(function(n){_n($n(n))},[_n,$n]),ee=function(n){setTimeout(function(){On($n(n))},0)},te=function(n){n.preventDefault(),window.location=b?g.config.URL.HOME:g.config.URL.BASE},oe=Object(p.useCallback)(function(n,e){return function(){n&&(f(!1),I(!1),P(n),s(n),K(),nn(!0),e&&an(!1),Qn(),setTimeout(function(){fn(!0)},L?250:0),xn(function(n){return n+1}))}},[L,s,Qn]);Object(p.useEffect)(function(){r!==S&&!L&&r&&oe(r,!1)()},[r,S,oe]),Object(p.useLayoutEffect)(function(){S&&ne(S)},[S,ne,yn,Sn]);var ae=function(n,e){return function(){f(!1),K(n),nn(!0),e&&an(!1),ne(n)}};Object(p.useEffect)(function(){var n=le(Cn,u),e=n.m1,t=n.m2,o=n.m3;o&&(t===T||!t&&!T&&e===S?(z(o),ee(o),Fn(!0)):Fn(!1))},[S,T,u]);Object(p.useEffect)(function(){var n,e,t;u&&Cn&&((n=Cn,t={exact:!1},(e=u)?(n.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t.exact?n.href===e&&(t={exact:!0}):t={exact:e.endsWith(n.href)})})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(n){if(n.href){var o=n.href.indexOf("?")>-1?n.href.split("?")[0]:n.href;e.indexOf(o)>-1&&(t={exact:e.endsWith(o)})}})}),t):t).exact||(z(void 0),ee(void 0),Fn(!1)))},[G]);var ie=Object(p.useCallback)(function(n){C.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(C.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return C.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[C.refs]);Object(p.useEffect)(function(){ie(!0),Ln.forEach(function(n){if(C.slide[n.id]&&C.refs[n.id]){C.slide[n.id]=!1;var e=C.refs[n.id];if(e){var t=e.getBoundingClientRect(),o=n.initialX-(t.x||t.left);e.style.transform="translateX(".concat(o,"px)"),setTimeout(function(){e.style.transition="transform 250ms ease-out",e.style.transform="translateX(0px)",setTimeout(function(){e.style.transition="",e.style.transform=""},250)})}}}),ie(!1)},[C.slide,C.refs,Ln,ie]);Object(p.useEffect)(function(){zn([])},[Jn]);var re=Object(p.useCallback)(function(){if((!Gn||!Gn.length)&&Jn&&Jn.subMenu){ie(!0),function(){for(var n,e=[],t=Jn.subMenu.length-1;t>=0;t--){var o=Jn.subMenu[t],a=C.refs[o.id];if(!a)return;var i=a.getBoundingClientRect();if(!n){if(!a.parentElement)return;n=a.parentElement.getBoundingClientRect()}if(i.right>n.right&&i.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-i.right<100))break;e.unshift(o)}}e.length?zn(e):window.localStorage.removeItem("__top_nav_bar_state")}(),ie(!1)}},[Jn,C.refs,Gn,ie]);Object(p.useLayoutEffect)(function(){re()},[re]),Object(p.useEffect)(function(){var n=_.a.debounce(function(){qn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var le=function(n,e){var t={m1:null,m2:null,m3:null};return e?(n.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t={m1:n.id,m2:null}),n.subMenu&&n.subMenu.forEach(function(o){o.href&&e.indexOf(o.href)>-1&&(t={m1:n.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(a){a.href&&e.indexOf(a.href)>-1&&(t.m3?a.href===e&&(t={m1:n.id,m2:o.id,m3:a.id}):t={m1:n.id,m2:o.id,m3:a.id},!G&&a.collapsed&&an(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var a=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(a)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},se=0;return Object(p.useEffect)(function(){var n=_.a.debounce(function(){se&&clearTimeout(se);var n=le(Cn,u).m3;T&&ne(T),ee(n),J(!0),se=setTimeout(function(){J(!1),se=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[le]),Object(p.useEffect)(function(){if(u&&Cn[0]){In(Cn);var n=le(Cn,u),e=n.m1,t=n.m2,o=null;u.indexOf("/challenges")>-1?u.match(/challenges\/[0-9]+/)&&(an(!0),o=le(Cn,"/challenges").m2):u.indexOf("/my-dashboard")>-1||u.indexOf("/members/"+v)>-1?nn(!0):u.indexOf("/community/learn")>-1||u.indexOf("/thrive/tracks")>-1?o=le(Cn,"/community").m2:t||(nn(!1),an(!0)),setTimeout(function(){var n,a;a=t||o,(n=e||"community")&&(oe(n,!1)(),setTimeout(function(){a&&ae(a,!1)()},0))})}},[u,b,v]),d.a.createElement("div",{className:h()(y.a.themeWrapper,"theme-".concat(a))},d.a.createElement("div",{className:y.a.headerNavUi},d.a.createElement(x.a,{showLeftMenu:Sn,logo:o,onClickLogo:te,rightMenu:t,onClickLeftMenu:function(){return Pn(function(n){return!n})}}),!Sn&&(Zn||Jn)&&d.a.createElement(w.a,{open:Tn,menu:Zn||Jn,isSecondaryMenu:!Zn,activeChildId:G,onClick:function(){return Kn(function(n){return!n})},createHandleClickItem:function(n){return function(){z(n),Kn(!1)}}}),d.a.createElement(E.a,{collapsed:L,showLeftMenu:Sn,logo:o,menu:Ln,rightMenu:t,moreMenu:Gn,openMore:m,onCloseMore:function(){return f(!1)},moreId:"more",activeLevel1Id:S,activeLevel2Id:T,onClickLogo:te,onRightMenuResize:function(){qn()},createHandleClickLevel1:oe,createHandleClickLevel2:ae,handleClickMore:function(){return f(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){f(!1),K(n),nn(!0),an(!1),setTimeout(function(){!function(n,e){var t=Yn(n);if(t&&t.subMenu){var o=t.subMenu,a=_.a.findIndex(o,function(n){return n.id===e}),r=o[0];o[0]=o[a],o[a]=r,a=_.a.findIndex(Gn,function(n){return n.id===e}),Gn[a]=r,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(_.a.assign({},t))),zn(i()(Gn)),ne(e)}}(S,n)})}},createSetRef:Vn,showChosenArrow:un,showLevel3:$,forceHideLevel3:on,chosenArrowX:bn,searchOpened:sn,toggleSearchOpen:function(n){cn(n),C.refs.searchInputBox.value=""}}),(Zn&&Zn.subMenu&&Zn.subMenu.length>0||!Zn&&Jn&&Jn.secondaryMenu&&Jn.secondaryMenu.length>0)&&d.a.createElement(F.a,{open:!on&&$,menu:Zn||Jn,isResize:Y,isSecondaryMenu:!Zn,activeChildId:G,showIndicator:En,indicatorX:Dn,createHandleClickItem:function(n){return function(){z(n),ee(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(_.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Vn}),Sn&&Jn&&d.a.createElement(A.a,{menu:Jn,activeChildId:T,createHandleClickItem:function(n){return function(){Pn(!1),K(n)}}})))};O.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},O.propTypes={menu:f.a.array.isRequired,rightMenu:f.a.node,logo:f.a.node,theme:f.a.string,currentLevel1Id:f.a.any,onChangeLevel1Id:f.a.func,path:f.a.string,setOpenMore:f.a.func,openMore:f.a.bool,loggedIn:f.a.bool,profileHandle:f.a.string};var C,N,R=O;e.default=R,(C=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(C.register("more","moreId","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(k,"id","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(M,"idForSecondary","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(D,"initMenuId","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(O,"TopNav","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js"),C.register(R,"default","/Users/Roger/w/cop/cop_base/navigation-component/src/components/TopNav/index.js")),(N=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&N(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n.SLwlRzv2b8FicEx4vbP0x {\n  font-family: "Roboto", Helvetica, Arial, sans-serif;\n  color: #2A2A2B;\n  position: relative; }\n  .SLwlRzv2b8FicEx4vbP0x a {\n    text-decoration: none; }\n',""]),e.locals={headerNavUi:"SLwlRzv2b8FicEx4vbP0x"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2CrPaxU700CNjSaHqSs4El {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .DhsJqfKHix2ZvO5KpShtm {\n    display: none; } }\n\n.C0Avcqx93-GrYR5SPlLlb {\n  height: 60px;\n  background: #2A2A2B;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  align-items: center; }\n  @media (min-width: 769px) {\n    .C0Avcqx93-GrYR5SPlLlb {\n      display: none; } }\n  .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    left: 0;\n    top: 0; }\n    .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 {\n      background-color: transparent;\n      border: none;\n      padding: 0;\n      cursor: pointer; }\n      .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1:focus {\n        outline: none; }\n      .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 img {\n        display: block; }\n  .C0Avcqx93-GrYR5SPlLlb ._1b1mrG1Ri9bAohJFwwPgTD {\n    font-family: \'Roboto\';\n    font-weight: 700;\n    cursor: pointer;\n    color: #FFFFFF;\n    font-size: 16px;\n    line-height: 30px;\n    padding-right: 20px;\n    position: absolute;\n    right: 0; }\n\n._1x3yCnfohAbeftdkwOUSCz {\n  left: 18px;\n  position: absolute;\n  top: 16px; }\n  @media (min-width: 769px) {\n    ._1x3yCnfohAbeftdkwOUSCz {\n      display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n  padding: 6px 12px 0;\n  position: relative; }\n  @media (min-width: 769px) {\n    ._2gtHUbJhCv6Da5pkn9UzBV {\n      display: none; } }\n  ._2gtHUbJhCv6Da5pkn9UzBV input {\n    background: none;\n    border: 1px solid #7F7F7F;\n    box-shadow: none;\n    color: #FFFFFF;\n    font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n    height: 32px;\n    outline: none;\n    padding-left: 30px !important; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n      color: #7F7F7F; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n      border: 1px solid #7F7F7F; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n      border: 1px solid #0596dc; }\n  ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n  ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n  ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n    box-shadow: none;\n    outline: none; }\n',""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2NYoCOm257hoVrru5r_nl_ {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._2da-dNVd3gmk52j2eeXNiB {\n    display: none; } }\n\n.hOuBbW_rRrqTQNE2yX0U0 {\n  width: 100%;\n  height: 60px;\n  left: 0;\n  top: 60px;\n  z-index: 1; }\n  @media (min-width: 769px) {\n    .hOuBbW_rRrqTQNE2yX0U0 {\n      display: none; } }\n  .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n    z-index: -1;\n    background: #2A2A2B;\n    opacity: 0.8;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    display: none; }\n    ._2jL9yEll0DYK_TRUWo_ovR .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n      display: block; }\n  .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    width: 100%;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX:focus {\n      outline: none; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n      background: #FBFBFB; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n      background: #636363; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n      font-family: 'Roboto';\n      font-weight: 400;\n      font-size: 28px;\n      line-height: 40px; }\n      .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n        color: #2A2A2B; }\n      .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n        color: #FFFFFF; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n      margin-left: 5px; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n      margin-left: 8px; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n      fill: #2A2A2B; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n      fill: #FFFFFF; }\n  .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n    display: flex;\n    flex-direction: column;\n    padding: 15px 20px;\n    border-top: 1px solid #1F7E8A;\n    width: 100%;\n    z-index: 999;\n    position: absolute; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n      background: #FBFBFB; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n      background: #636363; }\n    .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n      font-size: 18px;\n      line-height: 40px;\n      height: 40px;\n      margin: 5px 0;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n        color: #2A2A2B; }\n      .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n        color: #FFFFFF; }\n      .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd {\n        font-family: 'Roboto';\n        font-weight: 700;\n        pointer-events: none;\n        cursor: default; }\n        .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n          content: \"\";\n          height: 30px;\n          width: 3px;\n          border-radius: 1.5px;\n          display: inline-block;\n          margin-right: 10px; }\n          .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n            background: #43D7B0; }\n          .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n            background: #FFFFFF; }\n",""]),e.locals={"mobile-only":"_2NYoCOm257hoVrru5r_nl_","hide-not-mobile":"_2da-dNVd3gmk52j2eeXNiB",mobileSubNav:"hOuBbW_rRrqTQNE2yX0U0",mobileSubNavMask:"_3-kA2UFoGsUFDu0UPt8kj7",mobileSubNavOpen:"_2jL9yEll0DYK_TRUWo_ovR",mobileSubNavHeader:"NfQcGJQtbQeFU1YGz1HnX",mobileSubNavContent:"_2nYpKu9QByZ0NWfxANd8ld",mobileSubNavChild:"MGLhxdV4f_pnHZOuoeaXO",mobileSubNavChildOpen:"_368J3UvBv86TM6dh3awQYd"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2YwPStPoDEjIb-PbIGNtsb {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .RAtQ7LjJWDfIoiWEpF2mA {\n    display: none; } }\n\n.JxBIkbv7v_sJK1N_vMeFs {\n  display: flex;\n  flex-direction: column;\n  padding: 15px 20px;\n  z-index: 1; }\n  .theme-light .JxBIkbv7v_sJK1N_vMeFs {\n    background: #FBFBFB; }\n  .theme-dark .JxBIkbv7v_sJK1N_vMeFs {\n    background: #636363; }\n  .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n    font-size: 18px;\n    line-height: 40px;\n    height: 40px;\n    margin: 5px 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer; }\n    .theme-light .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n      color: #2A2A2B; }\n    .theme-dark .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n      color: #FFFFFF; }\n    .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa {\n      font-family: \'Roboto\';\n      font-weight: 700;\n      pointer-events: none;\n      cursor: default; }\n      .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa::before {\n        content: "";\n        height: 30px;\n        width: 3px;\n        border-radius: 1.5px;\n        background: #43D7B0;\n        display: inline-block;\n        margin-right: 10px; }\n',""]),e.locals={"mobile-only":"_2YwPStPoDEjIb-PbIGNtsb","hide-not-mobile":"RAtQ7LjJWDfIoiWEpF2mA",secondaryNavMobile:"JxBIkbv7v_sJK1N_vMeFs",secondaryNavMobileItem:"_3ntC2KHyW7xczldMyA7yqc",secondaryNavMobileItemOpen:"_1rt8mOYntrOZdAPjpl_QKa"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1VRR6kMd5HPNbGhUoVw6sa {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1ZIW4j3_J2yPrkaA0N5M5H {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1_OJYKtAV_VRTWF41K-8_A {\n    display: none; } }\n\n.w9y3kbj2HBlraVU5kjCay {\n  display: flex; }\n  @media (max-width: 768px) {\n    .w9y3kbj2HBlraVU5kjCay {\n      display: none; } }\n  .w9y3kbj2HBlraVU5kjCay.Zc4bxo2xl4cRudOT9lbVz {\n    display: flex; }\n\n._3OclGxtDScIS3kJx3-Eskw {\n  background: #2A2A2B;\n  color: #FFFFFF;\n  height: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  z-index: 1;\n  flex-grow: 1; }\n  ._3EpSSlLUWcH3CJRZGDXyWu ._3OclGxtDScIS3kJx3-Eskw {\n    overflow: hidden; }\n  @media (max-width: 768px) {\n    ._3OclGxtDScIS3kJx3-Eskw {\n      height: 60px;\n      justify-content: space-around; } }\n\n._3ALxQJpmTtNjkYXZNPxUye {\n  background: #2A2A2B;\n  color: #FFFFFF;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  z-index: 1; }\n  @media (max-width: 768px) {\n    ._3ALxQJpmTtNjkYXZNPxUye {\n      display: none; } }\n  ._3ALxQJpmTtNjkYXZNPxUye ._19afvNiE3ExyOixLsg7p9e {\n    margin-right: 20px; }\n\n._25qoGMAMp5tpACmrEhPjJc {\n  margin: 0 50px 0 30px;\n  cursor: pointer; }\n  @media (max-width: 768px) {\n    ._25qoGMAMp5tpACmrEhPjJc {\n      display: none; } }\n  ._25qoGMAMp5tpACmrEhPjJc.PsKz54w3mhOmlfDfYi8V4 {\n    margin-right: auto; }\n  ._25qoGMAMp5tpACmrEhPjJc > * {\n    display: block; }\n\n._32rjY2HOvXZBZUSwC_a4jx {\n  display: block;\n  height: 30px;\n  width: 1px;\n  background: #555555; }\n  @media (max-width: 768px) {\n    ._32rjY2HOvXZBZUSwC_a4jx:first-of-type {\n      display: none; } }\n\n._19afvNiE3ExyOixLsg7p9e {\n  font-family: 'Roboto';\n  font-weight: 700;\n  font-size: 18px;\n  line-height: 30px;\n  margin: 0 30px;\n  padding-right: 5px;\n  position: relative;\n  cursor: pointer; }\n  @media (max-width: 900px) {\n    ._19afvNiE3ExyOixLsg7p9e {\n      margin: 0 20px; } }\n  ._19afvNiE3ExyOixLsg7p9e._1e-mMrLOI_9IgbpUDGbIrm::before {\n    cursor: default;\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: -30px;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: #555555; }\n    @media (max-width: 768px) {\n      ._19afvNiE3ExyOixLsg7p9e._1e-mMrLOI_9IgbpUDGbIrm::before {\n        display: none; } }\n  ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n    color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n  white-space: nowrap;\n  width: 0;\n  opacity: 0;\n  overflow: hidden; }\n  ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n    display: flex;\n    overflow: unset;\n    margin-right: auto;\n    width: auto;\n    opacity: 1;\n    transition: opacity 400ms ease-in 100ms; }\n    @media (max-width: 768px) {\n      ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n        display: none; } }\n  ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n    overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n  font-family: 'Roboto';\n  font-weight: 700;\n  margin-left: 30px;\n  font-size: 14px;\n  line-height: 30px;\n  text-align: center;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-content: flex-start;\n  cursor: pointer; }\n  ._1YF68FTa0xYVBFerysFlRt:first-child {\n    margin-left: 0; }\n  ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n    color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n  position: relative; }\n  .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    position: relative;\n    color: #FFFFFF;\n    margin-left: 20px;\n    width: 74px;\n    height: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n      outline: none; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n      margin-left: 8px; }\n  .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n    position: absolute;\n    top: 30px;\n    left: 10px;\n    background: #2A2A2B;\n    min-width: 110px;\n    padding: 20px;\n    border-radius: 5px;\n    display: none;\n    flex-direction: column;\n    z-index: 2; }\n    .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n      margin: 10px 0 0;\n      text-align: left;\n      font-weight: 700;\n      font-size: 14px;\n      line-height: 30px;\n      white-space: nowrap; }\n      .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n        margin: 0; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n    display: flex; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n    background-color: #555555;\n    border-radius: 15px;\n    opacity: 0.4;\n    z-index: 0; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n    -moz-transform: scale(-1, -1);\n    -o-transform: scale(-1, -1);\n    -webkit-transform: scale(-1, -1);\n    transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n  cursor: pointer;\n  display: inline-block;\n  height: 32px;\n  margin: 11px 20px 11px 0px;\n  padding-left: 12px;\n  position: relative;\n  border-left: 1px solid #7F7F7F;\n  width: 36px; }\n  ._1y954HiCL69kCUV5ji4vqm svg {\n    height: 18px;\n    margin-top: 7px;\n    width: 18px; }\n    ._1y954HiCL69kCUV5ji4vqm svg path {\n      fill: #FFFFFF; }\n  ._1y954HiCL69kCUV5ji4vqm.opened path {\n    fill: #43D7B0; }\n  ._1y954HiCL69kCUV5ji4vqm.opened::after {\n    content: '';\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px 5px 0;\n    border-color: #43D7B0 transparent transparent transparent;\n    position: absolute;\n    left: 60%;\n    bottom: -3px;\n    margin-left: -6px;\n    background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n  background: #151516;\n  height: 0;\n  margin-top: -10px;\n  opacity: 0.98;\n  overflow: hidden;\n  padding: 0 48px;\n  position: absolute;\n  text-align: center;\n  width: 100%;\n  transition: all 0.25s ease-in-out;\n  z-index: 10; }\n  ._1A5zHMkLXwCq7ngfPscgI9.opened {\n    height: 128px;\n    padding: 48px;\n    transition: all 0.25s ease-in-out; }\n  ._1A5zHMkLXwCq7ngfPscgI9.closed {\n    display: none; }\n  ._1A5zHMkLXwCq7ngfPscgI9 input,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n    border: none;\n    border-bottom: 1px solid #FFFFFF;\n    box-shadow: none;\n    font-size: 22px;\n    outline: none;\n    padding-bottom: 3px; }\n    ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n      color: #C0C0C0; }\n",""]),e.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",rightMenuPrimaryLevel1:"_1e-mMrLOI_9IgbpUDGbIrm",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .j3BbFQV19TZ2N5Mbc293Q {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._2hTZPXAUViaj3OKdZ8A4ZG {\n    display: none; } }\n\n._78wgiv2HyCMYL0GFSZd4S {\n  display: none;\n  justify-content: stretch;\n  align-items: center;\n  font-size: 13px;\n  position: relative;\n  z-index: 0;\n  height: 60px;\n  transition: transform 250ms linear;\n  transform: translateY(-60px); }\n  @media (max-width: 768px) {\n    ._78wgiv2HyCMYL0GFSZd4S {\n      display: none !important; } }\n  .theme-light ._78wgiv2HyCMYL0GFSZd4S {\n    background: #FBFBFB;\n    color: #2A2A2B; }\n  .theme-dark ._78wgiv2HyCMYL0GFSZd4S {\n    background: #636363;\n    color: #FFFFFF; }\n  ._78wgiv2HyCMYL0GFSZd4S._2WB6MWJIFPmL_7oRkVDu-f {\n    display: flex;\n    transform: translateY(0px); }\n  ._78wgiv2HyCMYL0GFSZd4S a {\n    margin: 0 15px; }\n    .theme-light ._78wgiv2HyCMYL0GFSZd4S a {\n      color: #2A2A2B; }\n    .theme-dark ._78wgiv2HyCMYL0GFSZd4S a {\n      color: #FFFFFF; }\n  ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd {\n    display: flex;\n    flex-grow: 1;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    height: 30px; }\n    ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ {\n      cursor: pointer;\n      height: 100%;\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      -webkit-justify-content: center;\n      justify-content: center; }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ ._2I4YpNYoj3kDD8DnmILHSU {\n        display: none;\n        bottom: -1px;\n        width: 15px;\n        height: 3px;\n        border-radius: 1.5px;\n        background: #D4D4D4;\n        left: 50%;\n        transform: translate(-50%, -50%); }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ:hover ._2I4YpNYoj3kDD8DnmILHSU {\n        display: inline-block;\n        position: absolute; }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ._1deOinna8cx2l3cOfJNqku {\n        font-family: 'Roboto';\n        font-weight: 700;\n        pointer-events: none;\n        cursor: default; }\n",""]),e.locals={"mobile-only":"j3BbFQV19TZ2N5Mbc293Q","hide-not-mobile":"_2hTZPXAUViaj3OKdZ8A4ZG",secondaryNav:"_78wgiv2HyCMYL0GFSZd4S",secondaryNavOpen:"_2WB6MWJIFPmL_7oRkVDu-f",secondaryNavLinkContainer:"_2S1p2zjbfectEyMXeUEyEd",secondaryNavItem:"_1n5D3MtzUT3DNhLzIT22lJ",indicator:"_2I4YpNYoj3kDD8DnmILHSU",secondaryNavItemOpen:"_1deOinna8cx2l3cOfJNqku"}},function(n,e,t){var o=t(111);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(17)),l=o(t(18)),s=o(t(19)),c=o(t(20)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(21)),f=o(t(22)),m=o(t(23)),h=o(t(24)+"#Roboto"),b=o(t(12)),_=o(t(12)+"?#iefix"),g=o(t(25)),v=o(t(26)),y=o(t(27)),x=o(t(28)+"#Roboto"),w=o(t(57)),A=o(t(58)),E=o(t(38)),F=o(t(59)),k=o(t(60)),M=o(t(54)),D=o(t(55)),O=o(t(63)),C=o(t(64)),N=o(t(43)),R=o(t(56)),L=o(t(61)),I=o(t(62));e.push([n.i,'.flex {\n  display: flex; }\n  .flex.column {\n    flex-direction: column; }\n  .flex.center {\n    justify-content: center; }\n  .flex.space-between {\n    justify-content: space-between; }\n  .flex.middle {\n    -webkit-align-items: center;\n    align-items: center; }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+m+') format("truetype"), url('+h+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+b+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+_+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n.wrap-all {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n.relative {\n  position: relative; }\n\n.hide {\n  display: none !important; }\n\n.desktop-hide {\n  display: none; }\n\n.desktop-show {\n  display: block; }\n\n.flex-grid {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  .flex-grid.item-start {\n    align-items: flex-start; }\n\n.icons {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n.btn {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  .btn.active, .btn:active, .btn:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n.btn-blue,\n.btn-blue:hover,\n.btn-blue:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n.btn-blue:hover {\n  opacity: 0.75; }\n\n.btn-blue {\n  background-color: #2C95D7; }\n  .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n.btn-gray,\n.btn-gray:hover,\n.btn-gray:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n.btn-gray:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n.header-nav-ui {\n  font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n  color: #2A2A2B;\n  position: relative; }\n  .header-nav-ui a {\n    text-decoration: none !important; }\n  .header-nav-ui .more-btn-container .more-btn {\n    margin-left: 20px !important;\n    width: 74px;\n    height: 30px;\n    justify-content: center !important; }\n    .header-nav-ui .more-btn-container .more-btn > .dropdown-icon {\n      margin-left: 8px; }\n  .header-nav-ui .more-btn-container .more-content-container {\n    position: absolute;\n    top: 30px;\n    left: 10px;\n    background: #2A2A2B;\n    min-width: 110px;\n    padding: 20px;\n    border-radius: 5px;\n    display: none;\n    z-index: 1; }\n    .header-nav-ui .more-btn-container .more-content-container a {\n      color: #FFFFFF;\n      margin: 10px 0 0;\n      text-align: left;\n      font-weight: 700;\n      font-size: 14px;\n      line-height: 30px;\n      white-space: nowrap; }\n      .header-nav-ui .more-btn-container .more-content-container a:first-child {\n        margin: 0; }\n  .header-nav-ui .more-btn-container.isOpen .more-content-container {\n    display: flex; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn * {\n    z-index: 1; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn .mask {\n    background-color: #555555;\n    border-radius: 15px;\n    opacity: 0.4;\n    z-index: 0; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn .dropdown-icon {\n    -moz-transform: scale(-1, -1);\n    -o-transform: scale(-1, -1);\n    -webkit-transform: scale(-1, -1);\n    transform: scale(-1, -1); }\n  .header-nav-ui .primary-nav {\n    background: #2A2A2B;\n    color: #FFFFFF;\n    height: 80px;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    z-index: 1; }\n    .header-nav-ui .primary-nav a {\n      color: #FFFFFF; }\n    .header-nav-ui .primary-nav .tc-logo {\n      margin: 0 30px;\n      justify-self: flex-start;\n      margin-right: auto;\n      cursor: pointer; }\n    .header-nav-ui .primary-nav .primary-level-1-separator {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1 {\n      font-family: 'Roboto';\n      font-weight: 700;\n      font-size: 18px;\n      line-height: 30px;\n      margin: 0 30px;\n      padding-right: 5px;\n      position: relative; }\n      .header-nav-ui .primary-nav .primary-level-1.more-menu {\n        display: none; }\n      .header-nav-ui .primary-nav .primary-level-1.isOpen {\n        color: #43D7B0;\n        justify-self: flex-start; }\n        .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n          color: #FFFFFF; }\n      .header-nav-ui .primary-nav .primary-level-1::before {\n        content: \"\";\n        position: absolute;\n        display: block;\n        left: -30px;\n        top: 0;\n        width: 1px;\n        height: 100%;\n        background: #555555; }\n      .header-nav-ui .primary-nav .primary-level-1.login-container {\n        margin-right: 20px;\n        position: relative; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container {\n          margin-left: 33px;\n          border-radius: 15px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .handle {\n            display: block;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 30px;\n            margin-left: 5px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon {\n            width: 16px;\n            height: 16px;\n            margin: 0 5px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon .dropdown-icon {\n              transition: all 0.5s; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen {\n            background-color: rgba(85, 85, 85, 0.4); }\n            .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover .handle-container .handle, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .handle {\n              display: block; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .dropdown-icon {\n            transform: rotate(180deg); }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .avatar {\n            width: 30px;\n            height: 30px;\n            display: inline-block; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup {\n          position: absolute;\n          right: 0;\n          top: 40px;\n          color: #2A2A2B;\n          border-radius: 10px;\n          box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n          width: 288px;\n          background: #FFFFFF;\n          border-radius: 6px;\n          overflow: hidden;\n          z-index: 1; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup a {\n            color: #2A2A2B; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header {\n            background: #0AB88A;\n            height: 90px;\n            padding: 0 20px;\n            color: #FFFFFF; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .handle {\n              font-size: 16px;\n              line-height: 20px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .email {\n              font-size: 12px;\n              line-height: 14px;\n              margin-top: 4px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .avatar {\n              margin-right: 10px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container {\n            background: #2A2A2B;\n            color: #FFFFFF;\n            font-size: 14px;\n            line-height: 30px;\n            height: 50px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container .switch-icon {\n              margin: 0 10px 0 22px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu {\n            padding: 15px 0 25px 0; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a {\n              height: 50px;\n              display: flex;\n              align-items: center;\n              margin: -5px 0;\n              padding: 0 20px;\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 30px; }\n              .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a:hover {\n                background: #F4F4F4; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu .separator {\n              background: #E0E0E0;\n              height: 1px;\n              width: 100%;\n              margin: 10px;\n              height: 1px;\n              width: calc(100% - 40px);\n              align-self: center; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon {\n          position: relative;\n          padding: 10px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon::after {\n            content: \"\";\n            width: 6px;\n            height: 6px;\n            position: absolute;\n            top: 8px;\n            right: 5px;\n            background: #EF476F;\n            border-radius: 6px;\n            display: block; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .new-notification {\n          background-color: rgba(85, 85, 85, 0.4);\n          border-radius: 50%; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .notifications-panel {\n          display: flex; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon {\n          opacity: 0.5; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon::after {\n            display: none; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification {\n          line-height: 36px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification:hover {\n            background-color: rgba(85, 85, 85, 0.4);\n            border-radius: 50%; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .all-seen-notification .notification-icon::after {\n          display: none; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification {\n          border-radius: 15px;\n          width: 30px;\n          height: 30px;\n          background-color: rgba(85, 85, 85, 0.4);\n          display: flex;\n          justify-content: center; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification .notification-icon::after {\n            display: none; }\n    .header-nav-ui .primary-nav .primary-level-2-container {\n      display: none;\n      margin: 0 auto 0 0; }\n      .header-nav-ui .primary-nav .primary-level-2-container.isOpen {\n        display: flex; }\n      .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n        font-family: 'Roboto';\n        font-weight: 700;\n        margin-left: 30px;\n        font-size: 14px;\n        line-height: 30px;\n        text-align: center;\n        display: flex;\n        position: relative;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-content: flex-start; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:first-child {\n          margin-left: 0; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:nth-child(2) {\n          margin-left: 0; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2.isOpen {\n          color: #43D7B0; }\n    .header-nav-ui .primary-nav .more-btn-container .more-content-container a.isOpen {\n      color: #43D7B0; }\n  .header-nav-ui .notifications-panel,\n  .header-nav-ui .mobile-notifications-panel {\n    background-color: #FFFFFF;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n    width: 480px;\n    height: auto;\n    position: absolute;\n    right: 10px;\n    top: 40px;\n    display: none;\n    z-index: 100; }\n    .header-nav-ui .notifications-panel .noti-header,\n    .header-nav-ui .mobile-notifications-panel .noti-header {\n      background-color: #0AB88A;\n      border-radius: 10px 10px 0 0;\n      padding: 10px 20px 10px;\n      height: 30px;\n      position: sticky;\n      top: 0; }\n      .header-nav-ui .notifications-panel .noti-header .left-noti,\n      .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n        background: url("+w+") left center no-repeat;\n        background-size: 16px;\n        padding-left: 26px;\n        color: #FFFFFF;\n        font-size: 16px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        text-align: left; }\n      .header-nav-ui .notifications-panel .noti-header .rights .white-link,\n      .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link {\n        color: #FFFFFF;\n        display: inline-block;\n        vertical-align: middle;\n        font-size: 12px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        text-align: right; }\n        .header-nav-ui .notifications-panel .noti-header .rights .white-link:hover,\n        .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link:hover {\n          opacity: 0.75; }\n      .header-nav-ui .notifications-panel .noti-header .rights .point,\n      .header-nav-ui .mobile-notifications-panel .noti-header .rights .point {\n        width: 3px;\n        height: 3px;\n        background-color: #FFFFFF;\n        border-radius: 100%;\n        display: inline-block;\n        vertical-align: middle; }\n    .header-nav-ui .notifications-panel .noti-body,\n    .header-nav-ui .mobile-notifications-panel .noti-body {\n      max-height: 378px;\n      overflow: scroll; }\n      .header-nav-ui .notifications-panel .noti-body .icon-bell,\n      .header-nav-ui .mobile-notifications-panel .noti-body .icon-bell {\n        background: url("+A+") center center no-repeat;\n        background-size: 73px 80px;\n        width: 73px;\n        height: 80px;\n        margin: 50px 0 10px; }\n      .header-nav-ui .notifications-panel .noti-body.center,\n      .header-nav-ui .mobile-notifications-panel .noti-body.center {\n        text-align: center; }\n        .header-nav-ui .notifications-panel .noti-body.center .titles,\n        .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n          color: #2A2A2B;\n          font-size: 30px;\n          font-family: 'Barlow Condensed';\n          font-weight: 600;\n          line-height: 40px;\n          margin: 23px 0 -8px 0; }\n        .header-nav-ui .notifications-panel .noti-body.center .txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n          text-align: center;\n          padding: 19px 60px 12px 60px; }\n      .header-nav-ui .notifications-panel .noti-body .txt,\n      .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n        margin: 0;\n        color: #2A2A2B;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 400;\n        line-height: 20px; }\n        .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n        .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n          color: #0596dc;\n          font-size: 14px; }\n      .header-nav-ui .notifications-panel .noti-body .light-bar,\n      .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n        background-color: #B5E9DB;\n        height: 28px;\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 28px;\n        padding-left: 20px;\n        margin-top: -2px;\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0;\n        z-index: 2;\n        padding-right: 20px;\n        padding-top: 2px; }\n      .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n      .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n        border-bottom: 0; }\n      .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n      .header-nav-ui .notifications-panel .noti-body .greybar-section,\n      .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n      .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n        margin-top: -2px;\n        background-color: #FFFFFF;\n        padding-top: 5px; }\n      .header-nav-ui .notifications-panel .noti-body .right-remove,\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n        position: absolute;\n        right: 1px;\n        top: 50%;\n        margin-top: -10px;\n        z-index: 666;\n        display: none; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n          display: block;\n          background: url("+E+") center center no-repeat;\n          background-size: 10px;\n          width: 20px;\n          height: 20px; }\n          .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close:hover,\n          .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close:hover {\n            background: url("+F+") center center no-repeat; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n          position: absolute;\n          top: -28px;\n          left: -76px;\n          background-color: #2A2A2B;\n          border-radius: 2px;\n          padding: 6px 0;\n          color: #FFFFFF;\n          font-size: 11px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 13px;\n          text-align: center;\n          min-width: 110px;\n          display: none; }\n          .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt:after,\n          .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n            content: '';\n            display: block;\n            position: absolute;\n            bottom: -5px;\n            left: calc(50% + 30px);\n            margin-left: -3px;\n            width: 0;\n            height: 0;\n            border-left: 4px solid transparent;\n            border-right: 4px solid transparent;\n            border-top: 5px solid #2A2A2B; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove:hover .black-txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n          display: block; }\n      .header-nav-ui .notifications-panel .noti-body .items,\n      .header-nav-ui .mobile-notifications-panel .noti-body .items {\n        padding: 0 30px; }\n        .header-nav-ui .notifications-panel .noti-body .items:hover,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items:hover {\n          background-color: #FBFBFB; }\n          .header-nav-ui .notifications-panel .noti-body .items:hover .right-remove,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items:hover .right-remove {\n            display: block; }\n        .header-nav-ui .notifications-panel .noti-body .items .item-content,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content {\n          display: block;\n          padding: 10px 0;\n          border-bottom: 1px solid #E0E0E0;\n          position: relative; }\n          .header-nav-ui .notifications-panel .noti-body .items .item-content .txt,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n            padding-right: 30px; }\n        .header-nav-ui .notifications-panel .noti-body .items .bottom-info,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info {\n          margin-top: 5px;\n          line-height: 20px;\n          font-size: 12px; }\n          .header-nav-ui .notifications-panel .noti-body .items .bottom-info .blue-squre,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .blue-squre {\n            padding: 0px 10px;\n            display: inline-block;\n            margin-right: 6px;\n            background-color: #50ADE8;\n            border-radius: 5px;\n            color: #FFFFFF;\n            font-family: 'Roboto';\n            font-weight: 400;\n            line-height: 20px; }\n          .header-nav-ui .notifications-panel .noti-body .items .bottom-info .time-txt,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .time-txt {\n            display: inline-block;\n            vertical-align: middle;\n            color: #AAA;\n            font-size: 12px;\n            font-family: 'Roboto';\n            font-weight: 400;\n            line-height: 20px; }\n      .header-nav-ui .notifications-panel .noti-body .grey-bar,\n      .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar {\n        background-color: #F4F4F4;\n        height: 50px;\n        padding-left: 20px;\n        margin-top: -4px;\n        z-index: 1;\n        position: relative; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar .copyicon-title,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n          padding-left: 26px;\n          background: url("+k+") left center no-repeat;\n          background-size: 15px;\n          color: #2A2A2B;\n          font-size: 14px;\n          font-family: 'Roboto';\n          font-weight: 700;\n          width: calc(100% - 70px);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar .right-remove,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n          right: 20px; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar:hover .right-remove,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar:hover .right-remove {\n          display: block; }\n    .header-nav-ui .notifications-panel .noti-footer,\n    .header-nav-ui .mobile-notifications-panel .noti-footer {\n      text-align: center;\n      padding: 15px 0 45px 0; }\n    .header-nav-ui .notifications-panel .end-message,\n    .header-nav-ui .mobile-notifications-panel .end-message {\n      background-color: #FBFBFB;\n      border-radius: 0 0 10px 10px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      color: #7F7F7F;\n      font-size: 12px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      line-height: 40px;\n      justify-content: center;\n      position: relative;\n      z-index: 10;\n      margin-top: -3px; }\n  .header-nav-ui .notifications-panel {\n    max-height: 70vh;\n    flex-direction: column; }\n    .header-nav-ui .notifications-panel .noti-body {\n      flex: 1;\n      max-height: none; }\n  .header-nav-ui .icon-chosen-arrow {\n    position: absolute;\n    display: none;\n    bottom: -1px;\n    left: 0;\n    transform: translate3d(166.5px, 0px, 0px); }\n    .header-nav-ui .icon-chosen-arrow svg {\n      display: block; }\n      :global .theme-light :local .header-nav-ui .icon-chosen-arrow svg {\n        fill: #FBFBFB; }\n      :global .theme-dark :local .header-nav-ui .icon-chosen-arrow svg {\n        fill: #636363; }\n    .header-nav-ui .icon-chosen-arrow.isAnimation {\n      -webkit-transition: -webkit-transform 0.5s;\n      transition: transform 0.5s;\n      -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n      -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n      transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n  .header-nav-ui .secondary-nav {\n    font-size: 13px;\n    position: relative;\n    z-index: 0; }\n    :global .theme-light :local .header-nav-ui .secondary-nav {\n      background: #FBFBFB;\n      color: #2A2A2B; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav {\n      background: #636363;\n      color: #FFFFFF; }\n    .header-nav-ui .secondary-nav a {\n      margin: 0 15px; }\n      :global .theme-light :local .header-nav-ui .secondary-nav a {\n        color: #2A2A2B; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav a {\n        color: #FFFFFF; }\n    .header-nav-ui .secondary-nav .secondary-nav-link-container {\n      position: relative;\n      height: 30px; }\n      .header-nav-ui .secondary-nav .secondary-nav-link-container > a {\n        position: relative; }\n        .header-nav-ui .secondary-nav .secondary-nav-link-container > a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n      .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select {\n        position: absolute;\n        bottom: -1px;\n        left: 0;\n        transform: translate3d(34.5px, 0px, 0px);\n        width: 15px;\n        height: 3px;\n        border-radius: 1.5px;\n        background: #43D7B0; }\n        .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select.isAnimation {\n          -webkit-transition: -webkit-transform 0.5s;\n          transition: transform 0.5s;\n          -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n          -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n          transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n      background: #FBFBFB; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n      background: #636363; }\n    .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n      font-family: 'Roboto';\n      font-weight: 400; }\n      :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n        color: #2A2A2B; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n        color: #FFFFFF; }\n      .header-nav-ui .secondary-nav .more-btn-container .more-content-container a.isOpen {\n        font-family: 'Roboto';\n        font-weight: 700; }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n      display: block; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n      display: none; }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n      display: none; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n      display: block; }\n    .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n      background-color: #E9E9E9; }\n      :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n        display: 1; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n        display: 0.4; }\n  .header-nav-ui .mobile-nav {\n    height: 60px;\n    background: #2A2A2B;\n    padding: 0 20px 0 0;\n    display: none; }\n    .header-nav-ui .mobile-nav .left-menu-container {\n      width: 60px;\n      height: 60px; }\n    .header-nav-ui .mobile-nav .drowdown-icon {\n      margin-left: 12px; }\n    .header-nav-ui .mobile-nav .avatar-container {\n      position: relative; }\n      .header-nav-ui .mobile-nav .avatar-container::after {\n        content: \"\";\n        width: 7px;\n        height: 7px;\n        position: absolute;\n        top: -4px;\n        right: -6px;\n        background: #EF476F;\n        border-radius: 6px;\n        display: block; }\n      .header-nav-ui .mobile-nav .avatar-container .avatar {\n        width: 30px;\n        height: 30px;\n        display: inline-block; }\n    .header-nav-ui .mobile-nav span {\n      font-family: 'Roboto';\n      font-weight: 700;\n      color: #FFFFFF;\n      font-size: 16px;\n      line-height: 30px; }\n  .header-nav-ui .mobile-nav-sub-menu {\n    position: absolute;\n    width: 100%;\n    top: 60px;\n    z-index: 1;\n    display: none; }\n    .header-nav-ui .mobile-nav-sub-menu .mask {\n      z-index: -1;\n      background: #2A2A2B;\n      opacity: 0.8;\n      display: none; }\n    .header-nav-ui .mobile-nav-sub-menu .header {\n      background: #264346;\n      height: 60px; }\n      .header-nav-ui .mobile-nav-sub-menu .header .drowdown-icon-container {\n        margin-left: 8px; }\n      .header-nav-ui .mobile-nav-sub-menu .header span {\n        font-family: 'Barlow Condensed';\n        font-weight: 600;\n        color: #FFFFFF;\n        font-size: 28px;\n        line-height: 40px; }\n    .header-nav-ui .mobile-nav-sub-menu .menu {\n      padding: 15px 20px;\n      background: #264346;\n      border-top: 1px solid #1F7E8A;\n      display: none; }\n      .header-nav-ui .mobile-nav-sub-menu .menu a {\n        color: #FFFFFF;\n        font-size: 18px;\n        line-height: 40px;\n        height: 40px;\n        margin: 5px 0;\n        display: flex;\n        align-items: center; }\n        .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n          .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen::before {\n            content: \"\";\n            height: 30px;\n            width: 3px;\n            border-radius: 1.5px;\n            background: #FFFFFF;\n            display: inline-block;\n            margin-right: 10px; }\n    .header-nav-ui .mobile-nav-sub-menu .mobile-notifications-panel {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 100; }\n    .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) {\n      height: calc(100vh - 60px); }\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .menu,\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .mask {\n        display: flex; }\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .drowdown-icon-container {\n        -moz-transform: scale(-1, -1);\n        -o-transform: scale(-1, -1);\n        -webkit-transform: scale(-1, -1);\n        transform: scale(-1, -1); }\n  .header-nav-ui .secondary-nav-mobile {\n    position: absolute;\n    top: 120px;\n    width: 100%;\n    height: calc(100vh - 120px);\n    z-index: 1;\n    display: none; }\n    :global .theme-light :local .header-nav-ui .secondary-nav-mobile {\n      background: #FBFBFB; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav-mobile {\n      background: #636363; }\n    .header-nav-ui .secondary-nav-mobile .menu {\n      padding: 15px 20px; }\n      .header-nav-ui .secondary-nav-mobile .menu a {\n        font-size: 18px;\n        line-height: 40px;\n        height: 40px;\n        margin: 5px 0;\n        display: flex;\n        align-items: center; }\n        :global .theme-light :local .header-nav-ui .secondary-nav-mobile .menu a {\n          color: #2A2A2B; }\n        :global .theme-dark :local .header-nav-ui .secondary-nav-mobile .menu a {\n          color: #FFFFFF; }\n        .header-nav-ui .secondary-nav-mobile .menu a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n          .header-nav-ui .secondary-nav-mobile .menu a.isOpen::before {\n            content: \"\";\n            height: 30px;\n            width: 3px;\n            border-radius: 1.5px;\n            background: #43D7B0;\n            display: inline-block;\n            margin-right: 10px; }\n    .header-nav-ui .secondary-nav-mobile .footer {\n      background: #F4F4F4;\n      min-height: 70px; }\n      .header-nav-ui .secondary-nav-mobile .footer span {\n        font-size: 12px;\n        color: #7F7F7F;\n        text-align: center;\n        line-height: 20px; }\n  .header-nav-ui .user-info-popup,\n  .header-nav-ui .login-container {\n    display: none; }\n    .header-nav-ui .user-info-popup.isOpen,\n    .header-nav-ui .login-container.isOpen {\n      display: flex; }\n  .header-nav-ui.isLoggedIn .login-container {\n    display: flex; }\n    .header-nav-ui.isLoggedIn .login-container.isOpen .dropdown-icon {\n      -moz-transform: scale(-1, -1);\n      -o-transform: scale(-1, -1);\n      -webkit-transform: scale(-1, -1);\n      transform: scale(-1, -1); }\n  .header-nav-ui.isLoggedIn .login-btn {\n    display: none; }\n  .header-nav-ui .user-info-popup.user-info-popup-mobile {\n    position: absolute;\n    width: 100%;\n    height: 100vh;\n    overflow-y: auto;\n    background: #FFFFFF;\n    display: none;\n    z-index: 1;\n    top: 0; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .header {\n      padding: 7px 0 5px 17px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content img {\n        border: 3px solid #C0C0C0;\n        border-radius: 33px;\n        margin-right: 17px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .handle {\n        font-family: 'Roboto';\n        font-weight: 700;\n        font-size: 20px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .description {\n        font-size: 12; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .icon-close {\n        width: 50px;\n        height: 50px; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .separator {\n      background: #E0E0E0;\n      width: calc(100% - 80px);\n      margin: 15px 0;\n      height: 1px;\n      align-self: center;\n      padding: 0 20px; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a,\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile {\n      color: #2A2A2B;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      margin: 5px 0;\n      padding: 0 20px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a:hover,\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile:hover {\n        background: #F4F4F4; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile,\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile {\n        display: flex;\n        justify-content: space-between; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .title,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .title {\n          font-size: 18px;\n          font-family: 'Roboto';\n          font-weight: 700;\n          background: url("+M+") left center no-repeat;\n          background-size: 16px;\n          padding-left: 28px;\n          text-align: left; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .red-number,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .red-number {\n          font-size: 14px;\n          color: #EF476F; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .notification-right-arrow,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .notification-right-arrow {\n          background: url("+D+") left center no-repeat;\n          background-size: 10px;\n          width: 10px;\n          height: 16px; }\n  .header-nav-ui .settings-nav {\n    background: #2A2A2B;\n    color: #FFFFFF;\n    height: 60px;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between; }\n    .header-nav-ui .settings-nav .tc-logo {\n      margin: 0 30px;\n      justify-self: flex-start;\n      cursor: pointer; }\n    .header-nav-ui .settings-nav a,\n    .header-nav-ui .settings-nav .title {\n      color: #EDEDF2;\n      font-size: 20px; }\n    .header-nav-ui .settings-nav .close-btn {\n      background-color: #808080;\n      border-radius: 29px;\n      width: 30px;\n      height: 30px;\n      margin-right: 25px; }\n      .header-nav-ui .settings-nav .close-btn img {\n        transform: scale(0.9); }\n\n.settings-panel {\n  background-color: #FFFFFF;\n  border-radius: 6px;\n  box-shadow: 0 1px 1px 0 #D5D5D5;\n  width: 720px;\n  margin: 26px auto 26px auto;\n  font-family: 'Roboto';\n  font-weight: 400;\n  padding: 30px 20px; }\n  .settings-panel .title {\n    color: #151516;\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 35px;\n    text-align: center;\n    margin-bottom: 20px; }\n  .settings-panel .panel-content {\n    margin-bottom: 60px; }\n    .settings-panel .panel-content .section-title {\n      background-color: #EBEBEB;\n      border-radius: 4px 4px 0 0;\n      height: 50px;\n      padding: 0 10px;\n      display: flex;\n      align-items: center; }\n      .settings-panel .panel-content .section-title .left {\n        color: #151516;\n        font-family: 'Roboto';\n        font-weight: 700;\n        font-size: 15px;\n        line-height: 30px;\n        flex: 0 0 63%; }\n      .settings-panel .panel-content .section-title div {\n        color: #151516;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 13px;\n        line-height: 35px; }\n        .settings-panel .panel-content .section-title div.website {\n          flex: 0 0 15%;\n          display: flex;\n          justify-content: center; }\n          .settings-panel .panel-content .section-title div.website span {\n            background: url("+O+") left center no-repeat;\n            background-size: 17px;\n            padding-left: 22px; }\n            .settings-panel .panel-content .section-title div.website span em {\n              font-style: normal; }\n        .settings-panel .panel-content .section-title div.as-email {\n          flex: 0 0 22%;\n          display: flex;\n          justify-content: center; }\n          .settings-panel .panel-content .section-title div.as-email span {\n            background: url("+C+") left center no-repeat;\n            background-size: 17px;\n            padding-left: 22px; }\n            .settings-panel .panel-content .section-title div.as-email span em {\n              font-style: normal; }\n    .settings-panel .panel-content .section-list {\n      padding-left: 0;\n      margin-top: 0; }\n      .settings-panel .panel-content .section-list li {\n        min-height: 50px;\n        padding: 0 10px;\n        box-shadow: 0 1px 0 0 #E0E0E0;\n        padding-bottom: 10px;\n        padding-top: 10px;\n        display: block; }\n        .settings-panel .panel-content .section-list li:hover {\n          background-color: #FAFAFB; }\n        .settings-panel .panel-content .section-list li .list-item {\n          display: flex;\n          align-items: center; }\n          .settings-panel .panel-content .section-list li .list-item .left {\n            flex: 0 0 63%; }\n            .settings-panel .panel-content .section-list li .list-item .left .title {\n              color: #151516;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 15px;\n              line-height: 30px;\n              text-align: left;\n              margin-bottom: auto; }\n            .settings-panel .panel-content .section-list li .list-item .left .description {\n              color: #808080;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 12px;\n              line-height: 20px;\n              margin-right: 40px; }\n          .settings-panel .panel-content .section-list li .list-item div {\n            color: #151516;\n            font-family: 'Roboto';\n            font-weight: 400;\n            font-size: 13px;\n            line-height: 30px; }\n            .settings-panel .panel-content .section-list li .list-item div.website {\n              flex: 0 0 15%;\n              display: flex;\n              justify-content: center;\n              margin-top: 12px; }\n              .settings-panel .panel-content .section-list li .list-item div.website .check-icon {\n                background: url("+E+") left center no-repeat;\n                background-size: 7px;\n                width: 12px;\n                height: 7px;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.website .check-icon.checked {\n                  background: url("+N+") left center no-repeat;\n                  background-size: 10px;\n                  width: 9px;\n                  height: 7px;\n                  margin-left: -5px; }\n            .settings-panel .panel-content .section-list li .list-item div.as-email {\n              flex: 0 0 22%;\n              display: flex;\n              justify-content: center;\n              margin-top: 12px; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n                background: url("+E+") left center no-repeat;\n                background-size: 7px;\n                width: 12px;\n                height: 10px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n                  background: url("+N+") left center no-repeat;\n                  background-size: 10px;\n                  width: 9px;\n                  height: 7px;\n                  cursor: pointer;\n                  margin-left: -5px; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box {\n                background-color: #C0C0C0;\n                border-radius: 15px;\n                width: 148px;\n                height: 30px;\n                position: relative;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open {\n                  background-color: #AAAAAB;\n                  box-shadow: inset 0 1px 3px 0 #808080; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open .options {\n                    display: block; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box:hover {\n                  background-color: none;\n                  background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked {\n                  background-color: #0681FF; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked.open {\n                    background-color: #006DEA;\n                    box-shadow: inset 0 1px 3px 0 #404041; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked:hover {\n                    background-color: none;\n                    background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n                    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label {\n                  color: #FFFFFF;\n                  font-family: 'Roboto';\n                  font-weight: 700;\n                  font-size: 13px;\n                  line-height: 30px;\n                  margin-left: 17px;\n                  cursor: pointer; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label .dropdown-arrow {\n                    background: url("+R+") left center no-repeat;\n                    background-size: 14px;\n                    width: 14px;\n                    height: 14px;\n                    display: block;\n                    position: absolute;\n                    right: 13px;\n                    top: 9px;\n                    transform: rotateZ(90deg); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options {\n                  display: none;\n                  background-color: #FFFFFF;\n                  border-radius: 6px;\n                  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n                  padding: 5px 5px;\n                  position: absolute;\n                  width: 138px;\n                  z-index: 100; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li {\n                    color: #151516;\n                    font-family: 'Roboto';\n                    font-weight: 400;\n                    font-size: 13px;\n                    line-height: 30px;\n                    padding-top: 0;\n                    min-height: initial;\n                    padding-bottom: initial;\n                    box-shadow: none;\n                    align-items: start;\n                    cursor: pointer; }\n                    .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li.active {\n                      font-weight: 700;\n                      background-color: #FAFAFB; }\n                    .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li:hover {\n                      background-color: #F4F9FF; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n                background-color: #C0C0C0;\n                border-radius: 14px;\n                box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n                width: 48px;\n                height: 25px;\n                display: flex;\n                justify-content: space-between;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box:hover {\n                  opacity: 0.75; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on,\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n                  color: #FAFAFB;\n                  font-family: 'Roboto';\n                  font-weight: 400;\n                  font-size: 12px;\n                  line-height: 14px;\n                  line-height: 26px;\n                  display: flex;\n                  justify-content: center;\n                  flex-direction: column; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on {\n                  margin-left: 7px;\n                  display: none; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n                  margin-right: 7px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .dot {\n                  background-color: #FFFFFF;\n                  border-radius: 100%;\n                  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n                  width: 17px;\n                  height: 17px;\n                  margin-top: 4px;\n                  margin-left: 4px;\n                  margin-right: 4px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked {\n                  background-color: #0681FF; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-on {\n                    display: block; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-off {\n                    display: none; }\n        .settings-panel .panel-content .section-list li .description-mobile {\n          display: none; }\n  .settings-panel .bottom-btn {\n    text-align: center; }\n\n@media (max-width: 900px) {\n  .header-nav-ui .primary-nav .primary-level-1 {\n    margin: 0 20px; }\n    .header-nav-ui .primary-nav .primary-level-1::before {\n      left: -20px; }\n  .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n    margin-left: 20px; }\n  .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container {\n    background: none; }\n    .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container .handle {\n      display: none; }\n  .header-nav-ui .secondary-nav a {\n    margin: 0 10px; }\n  .header-nav-ui .more-btn-container .more-btn {\n    margin-left: 10px !important; }\n  .header-nav-ui .settings-nav .close-btn {\n    background-color: initial; } }\n\n@media (max-width: 768px) {\n  .header-nav-ui .user-info-popup,\n  .header-nav-ui .login-container {\n    display: none; }\n    .header-nav-ui .user-info-popup.isOpen,\n    .header-nav-ui .login-container.isOpen {\n      display: flex; }\n  .header-nav-ui .primary-nav {\n    height: 60px;\n    justify-content: space-around;\n    display: none; }\n    .header-nav-ui .primary-nav .primary-level-2-container,\n    .header-nav-ui .primary-nav .primary-level-2-container.isOpen,\n    .header-nav-ui .primary-nav .tc-logo {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1-separator {\n      display: block;\n      height: 30px;\n      width: 1px;\n      background: #555555; }\n    .header-nav-ui .primary-nav .primary-level-1::before {\n      content: none; }\n    .header-nav-ui .primary-nav .primary-level-1.login-btn, .header-nav-ui .primary-nav .primary-level-1.login-container,\n    .header-nav-ui .primary-nav .primary-level-1 .user-info-popup {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1.more-menu {\n      display: flex; }\n    .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n      color: #43D7B0; }\n  .header-nav-ui .mobile-notifications-panel {\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    box-shadow: none;\n    border-radius: 0;\n    display: block;\n    top: 0;\n    right: 0;\n    overflow-y: auto; }\n    .header-nav-ui .mobile-notifications-panel .noti-header {\n      height: 40px;\n      border-radius: 0;\n      padding-left: 10px;\n      padding-right: 10px; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .notification-back-btn {\n        width: 50px;\n        height: 50px;\n        background: url("+L+") center center no-repeat;\n        margin-left: -8px; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .btn-setting {\n        width: 50px;\n        height: 50px;\n        background: url("+I+") center center no-repeat; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n        margin-left: 0;\n        padding-left: 0;\n        background: none; }\n    .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n      padding: 19px 20px 12px 21px; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .items {\n      padding: 0 10px 0 20px; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n        padding-right: 0; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n      right: 5px; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n        left: -90px; }\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n          left: 90%; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n        display: none; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n      padding-left: 25px;\n      width: calc(100% - 50px); }\n    .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n      right: 15px; }\n    .header-nav-ui .mobile-notifications-panel .light-bar {\n      display: flex;\n      justify-content: space-between; }\n      .header-nav-ui .mobile-notifications-panel .light-bar .green-link {\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 30px;\n        text-align: left; }\n  .header-nav-ui .secondary-nav {\n    display: none; }\n  .header-nav-ui .mobile-nav {\n    display: flex; }\n    .header-nav-ui .mobile-nav .close-btn {\n      display: none; }\n  .header-nav-ui .mobile-nav-sub-menu {\n    display: block; }\n    .header-nav-ui .mobile-nav-sub-menu.isNothing {\n      display: none; }\n  .header-nav-ui.isOpenSecondaryNavMobile .primary-nav,\n  .header-nav-ui.isOpenSecondaryNavMobile .secondary-nav-mobile {\n    display: flex; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .menu-btn {\n    display: none; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .close-btn {\n    display: flex; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav-sub-menu {\n    display: none; }\n  .settings-panel {\n    margin-top: 0;\n    margin-bottom: 0;\n    border-radius: 0;\n    width: 100%;\n    padding: 12px 0 32px 0; }\n    .settings-panel > .title {\n      display: none; }\n    .settings-panel .panel-content .section-title .left {\n      flex: 0 0 45%; }\n    .settings-panel .panel-content .section-title div.website {\n      flex: 0 0 10%; }\n      .settings-panel .panel-content .section-title div.website span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        .settings-panel .panel-content .section-title div.website span em {\n          display: none; }\n    .settings-panel .panel-content .section-title div.as-email {\n      flex: 0 0 45%; }\n      .settings-panel .panel-content .section-title div.as-email span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        .settings-panel .panel-content .section-title div.as-email span em {\n          display: none; }\n    .settings-panel .panel-content .section-list {\n      padding-left: 0; }\n      .settings-panel .panel-content .section-list li .list-item .left {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        padding-top: 5px; }\n        .settings-panel .panel-content .section-list li .list-item .left .title {\n          line-height: 20px; }\n        .settings-panel .panel-content .section-list li .list-item .left .description {\n          display: none; }\n      .settings-panel .panel-content .section-list li .list-item div.website {\n        flex: 0 0 10%;\n        align-self: flex-start; }\n      .settings-panel .panel-content .section-list li .list-item div.as-email {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        margin-top: 0; }\n        .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n          margin-top: 12px; }\n          .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n            margin-top: 13px; }\n        .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n          margin-top: 2px; }\n      .settings-panel .panel-content .section-list li .description-mobile {\n        display: block;\n        color: #808080;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 20px;\n        margin-top: 10px; }\n  .mobile-hide {\n    display: none; }\n  .mobile-show {\n    display: block; } }\n\n.avatar {\n  border-radius: 100%; }\n\n.opacity-0 {\n  opacity: 0; }\n\n.fade-opacity-in {\n  transition: opacity 400ms ease-in 100ms;\n  opacity: 1; }\n",""])}])});
\ No newline at end of file
+!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var n=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)&&o.length){var r=a.apply(null,o);r&&n.push(r)}else if("object"===i)for(var l in o)t.call(o,l)&&o[l]&&n.push(l)}}return n.join(" ")}n.exports?(a.default=a,n.exports=a):void 0===(o=function(){return a}.apply(e,[]))||(n.exports=o)}()},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__4__},function(n,e,t){var o=t(95);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(86);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(105);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(98);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__9__},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.eot"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.eot"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.eot"},function(n,e){n.exports=function(n){if(!n.webpackPolyfill){var e=Object.create(n);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}},function(n,e,t){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t=function(n,e){var t=n[1]||"",o=n[3];if(!o)return t;if(e&&"function"==typeof btoa){var a=(r=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),i=o.sources.map(function(n){return"/*# sourceURL="+o.sourceRoot+n+" */"});return[t].concat(i).concat([a]).join("\n")}var r;return[t].join("\n")}(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t}).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var o={},a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(a=0;a<n.length;a++){var r=n[a];null!=r[0]&&o[r[0]]||(t&&!r[2]?r[2]=t:t&&(r[2]="("+r[2]+") and ("+t+")"),e.push(r))}},e}},function(n,e,t){var o,a,i={},r=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===a&&(a=o.apply(this,arguments)),a}),l=function(n){var e={};return function(n,t){if("function"==typeof n)return n();if(void 0===e[n]){var o=function(n,e){return e?e.querySelector(n):document.querySelector(n)}.call(this,n,t);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}e[n]=o}return e[n]}}(),s=null,c=0,p=[],d=t(87);function u(n,e){for(var t=0;t<n.length;t++){var o=n[t],a=i[o.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](o.parts[r]);for(;r<o.parts.length;r++)a.parts.push(g(o.parts[r],e))}else{var l=[];for(r=0;r<o.parts.length;r++)l.push(g(o.parts[r],e));i[o.id]={id:o.id,refs:1,parts:l}}}}function f(n,e){for(var t=[],o={},a=0;a<n.length;a++){var i=n[a],r=e.base?i[0]+e.base:i[0],l={css:i[1],media:i[2],sourceMap:i[3]};o[r]?o[r].parts.push(l):t.push(o[r]={id:r,parts:[l]})}return t}function _(n,e){var t=l(n.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=p[p.length-1];if("top"===n.insertAt)o?o.nextSibling?t.insertBefore(e,o.nextSibling):t.appendChild(e):t.insertBefore(e,t.firstChild),p.push(e);else if("bottom"===n.insertAt)t.appendChild(e);else{if("object"!=typeof n.insertAt||!n.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var a=l(n.insertAt.before,t);t.insertBefore(e,a)}}function m(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n);var e=p.indexOf(n);e>=0&&p.splice(e,1)}function h(n){var e=document.createElement("style");if(void 0===n.attrs.type&&(n.attrs.type="text/css"),void 0===n.attrs.nonce){var o=function(){0;return t.nc}();o&&(n.attrs.nonce=o)}return b(e,n.attrs),_(n,e),e}function b(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function g(n,e){var t,o,a,i;if(e.transform&&n.css){if(!(i="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=i}if(e.singleton){var r=c++;t=s||(s=h(e)),o=x.bind(null,t,r,!1),a=x.bind(null,t,r,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return void 0===n.attrs.type&&(n.attrs.type="text/css"),n.attrs.rel="stylesheet",b(e,n.attrs),_(n,e),e}(e),o=function(n,e,t){var o=t.css,a=t.sourceMap,i=void 0===e.convertToAbsoluteUrls&&a;(e.convertToAbsoluteUrls||i)&&(o=d(o));a&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),a=function(){m(t),t.href&&URL.revokeObjectURL(t.href)}):(t=h(e),o=function(n,e){var t=e.css,o=e.media;o&&n.setAttribute("media",o);if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}.bind(null,t),a=function(){m(t)});return o(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;o(n=e)}else a()}}n.exports=function(n,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=r()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var t=f(n,e);return u(t,e),function(n){for(var o=[],a=0;a<t.length;a++){var r=t[a];(l=i[r.id]).refs--,o.push(l)}n&&u(f(n,e),e);for(a=0;a<o.length;a++){var l;if(0===(l=o[a]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete i[l.id]}}}};var v,y=(v=[],function(n,e){return v[n]=e,v.filter(Boolean).join("\n")});function x(n,e,t,o){var a=t?"":o.css;if(n.styleSheet)n.styleSheet.cssText=y(e,a);else{var i=document.createTextNode(a),r=n.childNodes;r[e]&&n.removeChild(r[e]),r.length?n.insertBefore(i,r[e]):n.appendChild(i)}}},function(n,e,t){"use strict";n.exports=function(n,e){return"string"!=typeof n?n:(/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),/["'() \t\n]/.test(n)||e?'"'+n.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':n)}},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__17__},function(n,e){n.exports="data:application/font-woff;base64,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"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.woff"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.ttf"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-700.svg"},function(n,e){n.exports="data:application/font-woff;base64,d09GMgABAAAAAD14ABIAAAAAjkgAAD0SAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmQbmWQcg3wGYACHbAhUCYM8EQwKgdo8gcJOC4NyABKCBAE2AiQDh2AEIAWCdAcgDIJJGzR/FeOYVcDGAcDIzhY+G2G7HZCkFLtzdCD2OJDUrhz8/y2BypB1FdMN8NcjLEq6h9Jin7h0CobCIBKfkpjgcFf4Hy1Ki2VzhLsO8QHfclaAnoJH0JjAmlwzwh7WH9zsaCdlCk9cMlt5NdnhP3qPEI2bedRmx193BraN/ElO3iGa2/2K0WND0B4omVIpFT2yx2DAyDSgZRLKhkqUolICgrRiIGaP5//dL/B3kps3BWBWFabLMytAx5o/WhYKSNEcv3c/v2QCD/s6TSlNKZ/wLrHab/RKuwrVKnTAxwOPVHs4rRxJI6tU17a+W++1tl8qYg9gYGgAC4CP4AH4AAbA+H5reYQlSiHzrhZInc5skZIiqQpTRaT0X7enXcsJ7h3g+61l8gMzC8csi0a1RsWIPa3m1ekKz5ISFkb2/nVaM7JkmJGsA6Ka2011QF//G7JroCRaYME0UtJJSdEcQX/VXk9Qynbgjl9////96ocF8NjgCBe/2CrwpD2+Agu8oFm331TAx7ffb7+4ICaJSoXUCYXWZi57Xm60AYACVv//dfZ+e7c8783Vi8LghB0uumQcpDJduhSVdCQ9WffKHhkCdmhwPWscsmdCYDvgcQiww4GQ8wJIVToALFMi/V/+7tdd1u+Ii7L6/n/7tfrf3J1F9IJHPP/QNhIHaWHF3w7ig2gyiXjbEImESKhb2cQhkQk00Ij/pWq2/4Ei50SKlnadi8puXXQLXpJGVzpVJfVFanGAkgk6UY4Kzqm6j71ALO88gugU6BBCm2PZXFHbbKmxoriVtRAySW7+Z2aqeUG3IoXC0DAFMRiGYyOtfa9sw1VGX2zt6sFKgARt55exme0jzSORGwzQvgACw2H9wjcHw0KABog+d5BEiSCZMkGyZYMQEUHy5YOQFYG06QQz6isIBAYANgBgQACAQBJBAGAhTQPinPNMbcHJuxMJoeDk/QS/EHDyEa+YcHASAgDgBank4XsJ4QDNmCQR6mEYlrok63IeL8MmWYql2OTbpTE1lsebsddMOweMe7zpJ/uFrtJNe3jPGB97Wa8p0d5fogNTor0tDI1hWtLDP86QUoqjyqADvxlTNOny2Gt+s2IfSxTSiuIfISCGEFBYscERIESYCFFSpMmRp0CREhWq1GnQZMSYKQtWrNmw58iZCzceqtWoU2/UmHETJk2ZNmPWPffNWbRk2WMrNux75rkDh9448tY7733x1Tff/QBRyjoEFdxUYanjsYEHBBc8aZjwwIaHQOxJrn/GlHDTzw6DHDEUGMEENrAb3D4vOeUN57zmFuZflCO14dGApvBY7I1jApOYwnT4aXZsYgvb2MFueC9H9vEMz3GANzjCW7zD+/CHvPERn/A5/CWvfS1AXDJOt/UqGEccMtMMSSmrVHJANW+pZ9sGXIQJqvvOwOJ9uwgNkXX2GeKSWWHrCKREWGbMEFMsP60Q2HHTxuUuPOMFB3CCDUeSw8QWX0CRzHvKV6xiDU+wPkdeKBislmYxlkFeMwSMYAI7KuEWcVANo0ZQh/rwXl7bxzM8x0H4G4zv+DFHVgZ5yxBGMIEdirCHfTzDcxw0hjPGyZEsF1xQbCz3DXCEt3iH93NEwiQHFrVoQJPeB0koYxVreIL1Ylam8CwAy8FtksEhJVyweqO5R8BbvMP76w53PpMc84FLdsGx5yXtfOVlBDDGeW8Hb0AyXQUOLHnWwLU4stBE19gT2GedI1PzbltYrkvJI5lpQcy4/IxpzGOQmlBpQmPsZOmtw6YlBID8xYrbaceBzjhYMzGe58BKBVxWYxzF67zI6mrSNzmM1Q3jAsE3gPGVCHOcz4ek53KcTQTSKY8AjM5SrZ+Y+EeIhPI7UWfvGDW89y5K58PKfYndi1u1/qfErr+TV/NNwWnyrv1E9b8k6n8WOqrVFSXnEpUVsdvfVNr3ZfZzmBdXdN8y1jPkGAWjeZ51umEbuZxbeZsWXLCZybN8xC4MDnFFwnIfeooBozEHKY/X3JoboWQYABiYFGbqSgcDOCMYC8eDAVZ22PF1xI4Gk3LvsHt0x9YtX+XJIyy0/UPDkWWlXf+8TM3baEcuHZ/G316FlrEKZi+MXF9Y0Zkw4vINJ6gqLS9H/f92XIbSjnfuuADI0TDhCtyZJWdu/Y7BBf7/c86I0hhWKcZ0FWom1yNlXkuhOg4tt2obLrzLanYpCofKyK07dXBehnbpfjL+ei9XWhQs5yBDtGu+abnn1t2+eZ362w8HMNxQl7IIACshGMJg/wMnQASCOHnMlGjA0mfgBKPA00zjZ1ixdZY9+TnHz3Pl7oKCuJBqDYQ1/VXSqANSDr1n54sfXMAoWgAveHFKTqVBGEGeIEQuwoSIEEmSLKTISpo85AiRJzclslMmCxWepMrj1IihTjYa5KRPlEtkYlA9VmMHtCDOrSHYgHC2VaZ6O+CEOQ1iuZGZOzkUKNMHwMCrFnrqg2Dg1QCe0sRTRuOQMdNgZn7HZdYcpEUrIKvWsdgIcTZP7ULZix+z7wDa4WOEN96Df0wks2/LvO0EF7gCNy4hDyy5CSgKAUYMhJEkLznCKBDmYpWjhR1YwIxjwIETrMBkm3duBGIiCrUNcCACnB0IcSAbpyqyhbOhgVb2LygBplAIU/QYUqkKT1PBBW5wgTtwuwvlAVAKaydgYAarMO0dgBpp4BlMfPAZEmjP9VVncQ3+t4iasQqFBkxn3qSPB85nW9tS73nW2iNql1qYjppepm3PqyzMeq+xNlFnBdQeAorFPIBDrmx9gMC+Z7rnsYgwIP7/8jwBso8EBXgBtQg6zc0fifAJBfaPxYYRgCsAIH2BCyIbBFZFxHmuhHQxIFuoCYwLDBEQUS0L9iDolUK9ozKIlGqRwPY4dHw0PTfTBkbvpKmn0UlL7WqpCuxvXChUPCkOyoXLTFgQ/wAAJNgFrZsFoMcQSOWGwqhhcV2vHn2obug3YJBGL3Hywb4pSbQYtwyjoRtxGwyE2xkAwIvYSiAB5GtTDoB2j7vgv+X/sI3uzJABCOEmVLxHzOByCwOgBTD+LeA/4L+q6wAPehsAAHHSpMLDgwMbebpGK2Ysv6NB70O0QgAY0oKEBgC7NC169Bo1Y8FLHzAgmWbTb/eZ/rRv7dHxG+I3xm+TU17lzbybL+Yb+S4+Bt+z52Ez/Gcw/oUBAADY4bVo1eu6MbMWvfKxyTRrxZm2zjEvVvhCvt645XsOnMkErowDDEbEr0bOUVmr/t77N/RvcI8iv3zCWdKlSZZgcs+fG8k//9jNurxu10HmEwAVXM8yGa78i/WJM41a+FL9yWfJtmrNE+s25Mj11KYt23bsIsr7sn0nSPJ98NEnn31R4Cs2AADYOcJipHDIaLNvwOGlQdTijlY9fOp113WjIow9HT8DmWZf4F+EUUuvSTyxLsuGbat27Mqx54WnvwSiVz7Y66M8n3x36IefSH7550P/FTjbEQz2VYOO5ICsQlexqzko1GDfkm4G9h04KNZgv+OAosH+wEGJhu8clGr4DTko0/Abc1Ch4rdm23BQqeJ3YDtxUK3id2G7cVCn4ffioFHD78dBk4o/ih3NwTcVfyI7iYNmDX9OErTCexwcXNbwH3NwRePbi4OrGv9WHFzT/oeDLo3x79cIdBPVKEOBBCt8mXOWx5M9+a7mtn7FpgDAvfYk7l4PP/iwlgruKoKZVNzLccdaG65lDMeyAQUAAAkgPgNmSw0h6N0iiHHntidkhu/tDgASZ/YXAshzADBxQKJuAHBxDgAXCJa1YvxcfKPjaSsBnx8cAyGwMRoGOXl2GmIAG72gzdqqg5bRUOmJWXUAiPFCCP/ZCavx5UihSyPN7ncAUnxmYLjgoi4pMoSgJXFjzrHHWC2PMSF36KkVZdXgta8vOkwzJh8lmjy0UmylxLRSF3B6LmDbKg4ZZQw9nze+hbGDjSCwWJBWG+ACfkhnLApiGTdBQb/rg290HkAGwCw+s6JeHrmzPIs4hH1krBB5xNjEQ6E4iZ9ttKYVK3AUocGj0hoQTr6+MsL5FQX+cbghlqJq29jFobVsnmObGorEhBxMJCbFfMPdIAcSjP8vOcpHJv7xKcLLe7z1Rk1+ZKQx4+foTMjeW/XMCK5FDAgppYuTIHjCVsMILFQGnMhhynR2sEY9NiRhsUmr5MXTMcHYiUJSy1XZAbFg57cy7zTDyZQT9dC28g4pU+r3iNQafzqg4nzAW++sx1lZnmXBKtTovWh2g1PpRKN14wSiaNXZSRakGq22erEYbRJ05o2qXFC7zEVulZYoBeKsg5miqWTVmQyV0w6nLNpoovF7lQpno26xbVAdDkOoEd+iUkMIg05CrBRaY7HeMTc6COdbHZltlPLq5sbIyaPWlVTRYGNXK5U2jZo9ZbwQeOEkVlif8ApbRKyF17vBobCiMDq30aeeKYgfy9ZOM9z0dzBsLyjlOP8vf7Of4k861OfRneQVlwJCr++WUdyZmIGSdMa8fMlJrwhzNsiwRCC9mAqADP8ZizJQQNgWY2njksWtUxLBCnWfijEU+IgvjRRLWuSB6LcvSGJ+qCXou4RRRjAEnlWzdbkCF5CugIr5qIzzF3X3STNv1gxgHuWJH+TpxASVdNTu9tKrVTg+z+RQ6XXqY27H2iz1SMZm1OPOJBh2Va+jxQPXopqLXo27+njZDKJnYVASMFx+QMKyK1RYD/cSl+o3VaeV5cClGp9aQ7zAt97UQqs6gfLFLTib+sKm3BOOYyZqmf05YrT3umoSBrKo1kbh2HOeGwx8aHf6mG5SqCDNyy2XQYV7TYAqUKs2t0bc20w2i1oCgH2Jc+dNeLMotUOxfXxFHA5zj0zDqLPxlrxsLiQFV2fB7nJIyGsel2ww3qXhOUhR4CZsPZu7jAnEuFjPrcYH46zZd2pOdKimH0xk0KS/EGlhLtisvDjIydotpoeq0n/U3JvBb5HOH/dP0n9L5+worjydu7P/S6hj7fwShRO67p1h8RBtpx3bG7v2mrHnqSFcqaa0v65hDpdfBbSio0cAMpVKILdxdhRAJn+rtMllQsxNS9v24Sa5GdqWr3n0zfgg2TWDxr2Np8M/blJTp+3dmou+FDl7Stj2Hfb4kuGmzz3mSC5S1qqSiK8mNNGTY0lcKXIGMaWnvxCTu2g6t0GLJROdXo5CHvSe0RFS2WTCrphf74ZsSu4yrfeeKjVS42p/+CCZyFW8TYHaBrr+U0QRN/oqJzMZY/8hctwQNyFx8VapV0t1qljrBteXNMLGBeGYUl4ERji50WhKq6nbISFvbdPOFoU7HIUc2+SkPLkZbkH+bBmEEgZXPERmL17iIktph0LepoRbfWjON7+nqbvugvkm86EQWJkHaiZpf0xJ9iEU2p3rW7UyVE8kxIWQi4p5RAhThvUOaMNBnqYe73BCCj2rRqlY++ae+185ySDb6TdWE1RXBSgfV8QNQk6mtfrqBmgXA9W/xw0LMtqUNtJQY8RWZF0fbNvkGHMZqk7CHrW4lyqlzd2mGOCXEG7L9HiQCyr1rpsFT7eJa23Bui6vNmgopy/01OHq1FpVri3dGrjUuQLIULELryUsHGET+Ojfim0fjUi7fU8pTkZu6DQ3+21J8X/rS0VOMQApyxKxGMgGS3chxr0cQq6J39octjP0iQ1u0oRdUp7pJ0tSYZ9Xo3odvpAhD6vnNW6UbEzK2XU9UNp4M1xaEWJeYZnjOnLDFJC5ZQZHfnbM2O7hxsYh94JZYgBZDUWWG54Ya1ovlSuly43HyzUOSEpxoDBZnLLaXMEQ89QGy3j1MYZB5nx1C/LXbFATcs8vua4HDrcFpQ38PJIZSx1C1UsdhTTDZdlEaBBVHo3xwIUe5eJ1oB3uNrjeIIflrZ2wPukcMhIbNOmw87tmJujdX573edWX8iWFCaFfYvKF5ZE6GFAPtGz8fKb/HCxOcs7+pbK9yTz9dzA7gtK1dvRRK2sVJuFpMGM2EnuWTBDXXW5vbh5ApEzWALanoXNkUaPG64n54TpAH910K615/W0Dkjb61wtTJAJC7yXDjk7lpD1q46Ip/ldD5EFn2kh5wuWs05dtqc47idj0WMdeIjuFDuKWLBLfoWLu5/W8ZHBSSHsPyRFawjBf2oTkKJywudVPO1kVVaeMum8uw5UPqZGKPqxABQW5qdfuNKMb1vWhfdpPvTP9xdzMFsF0pubTpkH1L2dW5Y1IxbhnO8689LwSleQhXrYPX6zNYk1f1yLp2t63dT1qeYHIYd8meTn+bFLKwvjERbIfqjDX0CCDYtkEanxF/4b3btBTKHWT+HaUowKyC0bar7JBH93luFb8yDdyLUyoS7Rexre1PkKVzHZUFDcLgZ7dzIe/1O3OPGz9DOMUtRZtKrgpucmanmNdy9Ng9vltQdv24zK2rnXGHzoHHIkyqFVViqhz1K0BaUXY50zSi57kcLklaLLP2+pGVfzgl3ldWi2DuqIbnpw/16jgGup8MTKocKW+ReGM5rhgmcGUFnOjJRDX4tS616iMq3+ykbRXDppF5QqkQz2LHO722ab5qTNH6GHvtDba5rwLHzvj2RKS1mJ9CMcJ9cL6Hsx5pIZbv5VavMeGK9NyKW5dkjhN8vsvV+kpFH/+z37fG64CCAh4k4FSBvIT3PPSz7vSiT0kqtDdUUCP2R0W+X/TrjAQELo65CnXnur3PXDVNvM87ggStX8vEXjN3qBTwFMZB7YabVHooh9l6sR+GsRfbZeJjhi65F7xA9lv+Z//LaTZ9udh9+gUznvS5QVccN+scc6w2QFZWTFGsPJkPvUdOF891Gab4DRu3t24/n8d/XdXoiuLGwlyg0c517WDlWMTbJU2EqGhKc5JocHSXHYJZ/wiwLtC9rzlxk/8rUVb1FLOA33IZ9bzgpHPWDVTAkOzkjUfkl/Vnv77+X8saksa+dF6XuhShcx414zUGtkVrYnF1qt3l9pwm5Vb7Tz0o0fDRbnXCPGpSeH+OQnS3l1xlo3BnXOPbmJHK0ZpmOWXMzRyaSUxuzI1CFVRk93WmZ17tYtkkNPWlpnV2UbOR5k7+Bob2HvZGZnb+VXY+VmfH5DKbutAtbeTDUQgpCrS4o8gQztvO2MLex8jA0dv25+fA7XFYwiB2im+xKCYvqsxnrHaFIO2yZGOqsnruY6OFeFWwea6WbqZze2MtH3h544nwUh7Ri9gFdpfMy5PjPDuYGpLyoqrKYKdf+EZS4m11pWSsdfQ9XE0tfYIz+NcLeWOyAQ7lZgc82cJzR9sMvQFEksj6A/Qp4FtVuEp284YD4HIHKOE3iMbZkW93Ziaj07ZhoKRtbH0j5AkftkhsOGMl4VgZLbhe7u4embuK08knCSqJCLQDrXMrsJhEtWyztMcyW60cwPHU5zxIs/Zq/qqHtIf0v+kO+mncvkCDdyy4AXtQ6V+3vePs519Xf0aS/GUphD6pCV7CUWnqSnNgiiJJpzW5TD9bdW3h7vycNkf2tsX3x1ti8OUh9mOstcoxZmr0LbwW9IeOT/nMey56gZ9KYbUwTVzRkWOnvtDKiLNtsmOkF8aXVDTUEi7D/ux8eBo5cYTLuHctk2L4z6y5CyoMpcAGHExKYrW+/dgcv5wY8Ij6UaQWLxAVl/6FONFHdi+SY+uzE8jFpGz0+vzyiByspLX4Vz1nDXdujpMePLTtNCX2ek5B+NHG0arb7rNxAqDNUizh6i9/c+wp+NfVjG3+zAplLS4zLK++rImak6injyTr/y3G438T+CMH/keIXv27jPWlf2v7PNLcK1/BmX2HdaIJYpHc9RZO73B1s3E1OJblVUlw1Y6doYCQ4YTApXHuWvW5TSm5MMInV5SUdI5I/F3/u8uLv/dux2XcSdK2lMqojN0+OjJ+NjbJ8zRHkl1tb+rqn+WFWVnlRdz+Z4MIxJjInJIOzmknXyyr9yzDGW9FhvPNHqy3x6pLPzwQTJp/acOr2KnBdEacaFB6AD+7SXXL7eGqPM2xjcbnycmldNrK4vHXDAYpuyov1NyfMllcnxJUzzqVyR1WnW0dFp0hGT6CypgdxW8ksoUvJLHeHxroTiZfFObLKKNe1hQWFyQf3KICw1qfTZz887y3I2+1s7QEEPLmjG1J/KfQDahrd9ZPz3hHRqRb1ewLbA2Li59hX3IcTUBdrc8yCpd1EJDTgT7sjyKvIscwOZcqja/f3FmIJ7lG+sPSqjg2JLzoFj/BcLaQ5mg3wF7/W2sJ1mx2zeT33/45bPbe01rP5K9yLLaUS3c77w7WuJ7ilZszbtQtaUUb1LyDP80tYN/lTrdf+LDjw7bToCkbr17PznmH93gIxqLJw1nTP3bfa3UwaZOrCtIYjqrWcufVpUamkAOpZx2NMucP/ny7O/3MMUoxcIHJXLMV/te88J4DsaP97bVVw0vcv4pejfN29/SVXJqwGCKAervnm9vUgD33OblWSp4bRJiV8DGzu18xzHsfr7GrkKqGrDWeMR2YyNAUsubHq/EW6lNZPtkjwEkldg089lHx2xs1CgIHUjtx7VVyUFz6UayQTwHx16fXR1TwPOPz3AA8Pe3XfxoaKuUoYFVAybUMgOMt+60jgEkdYywQxgPiB+6g2ekh6jjTEu/j5Y2Pm3fG0slkbPiyyoBUerk1RvDb8+9LYvEhddqWYJXJF7GBDX0N0YDJHVc5OQx6pmpq2fxC0Nf5PI5c1BffmalBut58WLhNG2PxIq393jW4yrxNSBg1NSyrHONosHUTu1h7ihTgh4FLZdqs3T19LF0ULRW70LwBe6Rm4vcsG8hf5bP0ugPOGB/VQOVVVQ/M0584PhyfwV98MO+wanuSkl+1pX6YpivhSW283GudIId/EFWguwXAy7LCdaksnTGrayOAughz90hdPxePBcz77G4a2pvZvCPmWff0btrpLL7WTJ2QWzzpYdClI7ylLwWSjUQ9LEjfb+0N1/Tg93bqnoTnfEgcTynvaq2uCklwqkqKdjvYZL3lYgbuJVXVXBC4Wz6eM5EzZWa1uS1yhhfo1jsCkBiRwES+7jJX8r4GnUHPALITU6+D6cgaH/v7tOm3uutV3p6mzbVC/6fRNxY5pumdvENUZeUns2dGhXuwcJ/XuYq/ynUd3aS4/zBOM8xah92SoAnnCccFyPQx4OkjjkJ62a5Sjx7sLS2feB3MeDi8yfbD5f2Q3xXkp8+PedTem7sHN2nWzJKDdqNF0pkDrK4mn4UXcIPvR4FKNJoTSJgGk68AMulUgVRElQcqMpIMrJJNeOuf2GNC528OnJnv0d0LV1krVtIOaO6orri9JmrT5shgd3zwgzmpYzcgZaHg+ROQD8ctPOKJkT55PoY0K0IVVMOcSOP6fArnysFHDBfCx3qnfgNdkptZx2ivVJ0YFw/n4uPPYooQad0ARSgqUcUFOyJwIcRd0of5d+y6Fyx7RzMLX/kr57lUx7P5NSHcI1tn/IJ30YIgnNN0d/W8ypuftxg6u1jCiwmBhXVzY2dH6m9b+Iu8OtIcvRueKY8DaBAFzo6PG/m9lu5n8Oo4eoFItWy8ZN1TQ+pesnfFLeFw3/mb036u1Wc+fjwGNxsG97cP1XgnWchqx3pkLeIjZ6LrL7MVXaWg6kwry70VXc3pTviOu1Ol9Yec+VrBWevQG/CK8qrbj8PgX+HouMz4WR0fCd++een5dhdHxV7j/C4sp68quoCt/D0sbtvZGifb1Uu5vVZNb23revKq14ictvcSqqadoBlPaA9BDGBERHOeR4CZnAaQAGasR1NhTZ7ViIsNNU5OTREk3tQ5ZbSKXWZih/yGlo6NiPYs+LhCorL3i4mtK/RCSnZw7d6x1n67F+dXI3diLUL3wtncFdVEPFx5LnnVr0KZj0ecb7IhFXaXEwQITUgL4klYJ4+/fbVTZ06HppKAm5QBZmXXH/P2P9gVWydBZtT/u3kU7YxMv/ZmxJ+75HLtjAyf2nowbaNwqJrW7P9HVuF+e0b+trPuH7sS4xPR6Yw0wDyaSc6PpJ8f/KZAGoYfqv+ManDpgJpXd6d27Ac6S7AOBSeHgvPYArtAsinNEREPH3qtfTfYSZ6w+Pca/alWIfiy8TGlTCR6IoqmZtadYCmMghLcS5pV7xjIM13ziTS+rjqVRvzaMvcvVt9wwd3KuimGWHeflEOBrpButzq3XbWCQ6lr67TsmZdIq960hCuBaGEoDRb3+OxWqg5ylyztoKWNj65yhCnn5JaWdA8TZlGeclmhISkLfUO3gNTY7SR7/dW9BtxNBWq7cffmEnNO8f1VIqO56jcUdJrYXhJVRpuUKUKEy2PgctX4a6qDLPbiHJOilZ6fr/+oWDdiyeUf+1Xxa+KJ6H8XjxrNu84OCfFZk7J7/uyb/HrsVXh3ANN+HyFw45fkJwzVq5KrHYhCdicMK2Vz74UH0aV6T+4PftlpXTl8yJ08/pev6wAYVHn5NzzNsc2pxfzMOwjbVld9kqAuluJw/6e00Ixb70atBm0OnxwclFHgECVubEHhpc/rJSufJm7Pbh/XUbW/AtzE3093zBdvqPc6LyouU2wewvUcusR2ZSs2dfya9zUPdpDr7O7A6xwT7BVmp4rgZ8SOaMs3/IEJsc+ZOr0PcqJQ9qbfr7ZU1vnV+6fpuKf0XYreUYfIyt18WlYd992LIxps07deRs0oBvNEmSyIA8009a1xhY0fPbru3t3tx/fGA1JS44IyqxNRcM1G9P1PkY2ZS8tNGXm5mUSCwoD6ufmIy6XVWXmlVU2xk9ONSVUVGeTqmrDLj+Y8msqpmTnqcCSkwmPJxOfTSZFLidf/wBOJURGTcYTHmvzDZyQq1oNX0Cm6l3TS9HTGdfRSNG4ppHKFL6wHlXGzkvnvUf/Tj9uUNp3h2arJ22Q59sBnzmIvHdRX6kg8hENyhqoaiBdi/F0KgpcVB+SGg13rYugDzloS1/K821jmd15Dd9/REttryMXtxC89S9aELXOWnQYRHoqZ5ztcuI1PmmBNfbVv6RgkaN9yopqhrPx1XcsCM1B2blAGmLs6r2iLP5/hbP6n+1qe1qaGm8v3wyn3l2ub+m+Ulnm427r4h6SnxyVEJLv7upq4/c/u6f5AvaaFte15gs9XY182LbWFtzVpvOEzjm6k/FMhtEM3WluesDBeHFm2nh+yKE2aOyGnYldRnxmckBEW3xPqHxeir65glwLa0B3Zn5ubTFRzeuEpUuSmIMQvTjSGjhqyLlHqO7H09G5rZqnnNZbTxNmRnNJLa24jga+nu4GPO75T6DRr9ZFVty1HVmpyelaiTKgVt0eiSl9TMNzehDgfekNBpCDtqKRmZpvQa/sC54WSssJ9IWxwIr64MCyuqDgssrAoMrK/8cUjS4pqxgZK140Ng81NpIRLrcPrQ5tam/KrM5sbOfm/qJbo2vYVecQKnYi1E9f5q+aySUT5UZCWzm6Ni08MDjYxryvhGKPqfC3NTZQk5Y4vKRsLCvS6H05KSW/PiHwor6z9vEKYUpwZwop51pqSJOEuaruJUNVuah6yLEQNwP2WAUqzx+TV0kEl/3rY2bVq/F0lXY0wZXYVW5puGrPbogVEW37Ev1vbZX5/0t2gKSKla0nJ89gqeuEYt4zAzUny7yaIymoYAt7OSnxX17oc7k67+sanZ4oZXjHYLWZrvo0jUzU1Y+MtRk308fl74xfu4z09YyytXEn+Jn7eEbZWHmEQZ46GAzGpB0ECad5xN4aY/HmDosmhPmmRLrQoJa9B7emVu8N9DZfD43UNisbU1OmpIR4vi+dYiNBNIen/EPPZxeR1Fs1A7g182rDY9hxO66Ee2e3kh0NjSwMzOOSDM0NSVd0VRff2PLSqgTCLrY7y8qzrpjy8s5ooA1eusFr5Sn+V4ua/pPokIC6ls9Xr8LzuiS/8DZQNqyMJfvNi1n8NlHOmonY7C/OQB4kVYC3fDMwbjxtgunlc6wyHSCptNv8x4qbqxKSm6vygJMezWFx/g19cKq/OTV9Tl/O2H2EYpdn2jx346bVoJiLaB0nUUwhJNLNWt7I43aZfb6VU8G8rXtAsONTgRDzPW5k3oCW3b5bUftIT3Xjs97tXbuQsKTAIHKY1S0s5dPgSHSftYy1hnmvfdDyK3AYvY7q671bWZFg8l4zrzFBM7LKsNHo2LuDGIgcZmMW5KoAl4+u6MIUnDyXk1s2J6d/7CdTrVtTzN8nFGLeZkbCLrE84vV8ZuaVhCipicLCjXJD79GsbOeb0kpN7xWuF9zOMPRBZbPzshUYupa23m0vbJvMSK3ZH7bXWXZ8OfzSQ1lBOnsJRbAdv4iS1wnFNs6CzUl/9woo4W4ihuUpfg8narWakv/tkkoC7fiNKlJ85h5WDCtOeIbbD+0aFrRv+A3etA+36QvUIbc9pfnpEELrOWVqoSlGZk883V5/O7oK/UxkCbC8wU24/K+SzAG6FHoKMP+qLqd04i6lDn/NNcYjtg20TkX5sReHcoT2jh9A88qPJ95UeQq2JPx7SirOvxej5qPlN0mIXDj8dxQzj+q8MkW8HR9ilErK/pb3MELDR917JpK4xST1fxh9q/kJOb95bf5my3pBXuuqzuKaT+XlY/kcJ1NJlbXSvu9Zais7Kzpr2b5xRsrzx2Y4JMe4uCbF9iQlDiclGttJ6ejKSOtqe+voychq64vKvdgKTcp1FRnwVO85LdIkk4wKSSC7nY/2UOY7J6akK6GFeYkLMnBNg5WRhmP8PWf5mCt4Ag1cM2GUkltZwMdzhq/wZKChcxqsNI7m6+d9/1yheKCBMwlWQ6NdDfVe3tLceS/Sr4Z4LsqgryAcwiNcXaJC3QQcwsLc3cLDHXnPCECFRYLZOMGcIgxH9NDdmLZcDBVBxZjLYQHki357SjPjFLBnMuATA0vXYvz4cM3xZxJ+nr6AZO1P6c/vT+1nRp4++yWYeBbXGsoffpU6hxxJT83IzyCrv+Aj58uTSfnOJyIpxZTiyBPOX2fL77ncq7DKCtfoJ+tW656ew5n3i+vQ/P07kV1qZ+tTZKLiA4ND3Lcp291GdBV6rhzSJxlnem85BHsK2lnvchzoGb11w09UDSDXae44tV/JlRmhKCjUfYey85lzo6S7jKZCaz67vIN+oH+6QmmoNtFa9cvC38dgckHr4yeVjYtGgi5E44y2qsqS5gIo7QG2XEw5Xd7DVdVZS9LF9L7zXNec8QACgQCiTbRfrLsteuKDA/2KWLFB73J1bxG5vhs0F1+p6yUXVXdDDQ2osYJc+MDABDkHPmiInrP+vwoxFqIhWSGdjZ3xSL8EZGvy4S4fq3FElkzpTo7bsU6t08YZxaTElOYSYmJbKtK3ntk7U9vAWE/DzNTYqMuXP/tsNhcrxPPUwJQQRyyJj2mqzSG3XauWW9x+/hCRWipnKsbJb2ttq6luZp5yycTqKt2V3uZaNp0VIlegExenWKCSHdycgDnng3WMPH/rG4sLqIpNTbteDmla3kxZQ9NYWV7BRDlNfkskf7h4IC35KvKV6/fUb5p6Wn5xhflpiZebM/Prr8LK1RsKcZ7pVdleSY3uIpfUbMwt1FRNbHS1jczccDgMDnMCN1s3Vj2WTi7MIFz799/9Ti7wM56Dvf2/QdynFC9vw3oq31H9iMa8QBBgv4PGBLCMHywaCK1stwhCAQwbOKZo/v0fBM2QHmOdWp2whR0ELVAwAB1BL+MEVhOHboWOAzTEBKiwNQD4PFrB25wsWmXsgR742Q6oeowKlwXgpz4gA6sHl8C1DWD6SAswFznA31+rPKvRYKwa0gWgvYZtrwbSZFuxiLEdYCFaJBrCHQFgTIAKAK1nuS41lmpv2H47YAfN0CgMBbjSogIGb/UgaUgxuLHQqFsM7s+UgGlI5XMw+CUZo0CWkHYkFMFYIrTM+AGRWz3wh3XgxkIFbjsqVtEfbAoSrl7a3VgKbnG0+oMT6WXt4o+Xq5PWTcnK1e+TW+xopsSrprYX3E5JvLLakVhTJDe20d1iU/3Bvnr1DJBq+nRmFaA8ln3xZQHFjy37Sh6qgm59U+4YxTes3qDd0LRGnAas0ZItmy2it+0LyigW8u0C9J4MOmN3zjd6QzBsHmqPmrVNc6e3KY4FawP3hI15oGaTm3JPf7Aa76SEWesE+4STucM7HVDi3eQ4BbfW4GvT1M4KqLUaHdLx4C4WgRNAHbWHgv8ns0YAMd9aWOkRWe9Adtsc/VUP3zHQqGYkjCF2APLZ2csy4EdEDPyXOeJKJ1fR4Fca1Hn/vgosmT6y4KgVTycuAFTkW81botjr+8iksuxFvXEO66iZsJeL2w7YB93zJhUb12DhNvsDo17aK+W9ItDPdXbYTacB5K4rxVkT/2rLH7x3SsWvRdfnlE4Acd5KB8VMjD0AekJnVB92JdQc4jys5m5bMYXXDHIDJn5xeTuZmZTQdGEK1D+FK6O6VopbWP7gBBDfRBZ2LMabBWDc+bZpetDFheta5G2Zc8Oh+LIA6H0DZAaA7p8M8BI47HiVsYBDMDLwOXNKIQD/83zLBcei5BeA0bIp5jSSOraqw0CYZ20iVBOG3hNQfP5Re93UQ/oiMzzaeep5cy+WW632g1JOIPNQElJjdRIKnB3FxHT1+j0I4BDaQaIvZOChSYRkH+v2e5sIubwo20/7lIwyDExDJ67s6Gu1Tt828SiU14sBWovWpUBCxFhSRoQdaRFFHHSmGhHQocsxtuNv50cjhgYz7d+CVbjQmCQRmVEDS1FkRvJkKIukJMX5VEWApEmsTPcMqqJwiA/TK7pZuocUy0oI4rXO9VTcpv52ODp4aZ4jHJtiWoyrBYVgFYYNG6MU6c5zNJzauep2N19Hm5fG1REPTdu8jsZoPK39toX+Pd7AB3MZGf4Bh8WAYf6GJm4crx4W61xX22fNNg91PFwvppOL+dLF9kNVg9GHaGDP2hi1rluMmvG0wI6y4/EbPYRfWIOBJXyYrAogSjEpXte8p4JwmEmXyZJtRk7y8gSgI2oPIBGBiAWPQcWaHDhvt0EvaxTBAvY2mp3q0Dk0gg/gCTmu7M1CmHlQUWMLEhAbxoJrIt4iMB4AXiyyVUck7yjltAkLV3Fo0a4BvVD+DODNH+DgN+iOhxH69QxXOY8nrtqMAr8+Gq/y3bCq1kMDtcbs5iAwRhM0qXSEwHQr53VANpC+qUm82h4GJCDWMYRRwkbLtOjxqIC7WcWLNbtCKTmj6BBptqAL0BgIwqRMRsnwJzJQAQTk6eLMgTCgDEqLI3tO79Xso3fwZ+dwUrG0t0XYG+egMb+Dkn0wD6ZikMe5Ls2GFWIpmJGlHDM324uMRsk5SrIAHjoOTpyZ3K4JJC5h4t9uUEJiNwgK+onFRRxZgyVY+vs2pWDOrxLkkDkVlT7jHTKRxbrZpMKF4j0VAC8HI2+W7E/k7Ui6m8dkT9xtouvqxa/hLQoRP+3h1tFNK/XNmoVSCt3NEUmQVKUtSCLXNKFdSSNLkK4VU22GVPbrCYEZ8yTKbgKBgXHLpdCkHZyxxmxjViwO30xWbVg2bICzBIk/KSzaWCdjwg7Idab57JPAbs/zu1akjdWjmaBz2A2j+5RvXz8hvk//ehExrBbP6sfq8/F4xEH2KABAIpQK6vfPK/C/ahH/qD+Xese/quSj2vVbDTH95b5KuqslODiry/NAumshxGDBc5jAKCD70+8t4+BccEkVwBN4BV+gDD4pvvUSh3X/7x3F/FPePu+fj8sTPfDMB1UEV4TU7ZJ1XmIpi4K9zM63s0B1Ec/QnInN+njdCBSENGfcLHs2oI6ghzrq49K+ouNGFKAsMvVRD9Zqk11pPodmM0wsn8FqubUlWW6RVlLIQGpWjvJpGeDCmV8+NI8j4idWlUC4wI3FBlEZpYxEuFKwt+/IH/t/RkfJuYPrQ7+H1ceU9xybYNKd9X1dW3UpAR2jGTUkFufHh10XBaG8Krfa5lm3JosMAuIgm6WUAi2yH7sJacNpS0s5ICSB8FVTLybPcK6WY2HcmQSxKMyD/sZ7idgDeAYfwAbJ1HnyPfbSZz2mXOX5Up4gwsJqsRvdVUdySKMCCYNvrVyStopI2b2gAStSxLU9FZEpT6Vzn0PiCqz0CTGtywspBMgtFbmI0WXNHkxA0ByxU5cwwrprDHRII1o3qA8Og//VrMXgUA+tk7AAAVTptINpsouY+4wED7WsITRnMqGt2V5Nky/LWExCkXCj3hQ2Jdbp8VKGoXUrfosw8nVvKq4Wh4LCfLJOlnkWohFLIkHgjddUzXzaVTNwJBbLyiAgO+LHmmnrpm2Qh5uS7EpaQXtFbxKG6ko6ieoQ37t/XQiclItRWan0Smd4apgMbG/I2TeH1JuOgyfgIdbccCxzlMeFe1OHnd2ODm51QOgFSSWBGTcjK5MtRgYLFaaVLPiUXh7FqugZ2Rs+KB06o6FEJA3CVZYDfJ/HHKyxed2iSnp9DhPPQiT8AgJYpkROIXHX0XE6pBiAW/VpJGBpj+V44l2UcHRYFVnIzGFDqWqJZ+yphNcrf1I9to9z3K9+zUNiwcY5BaXYIWyXKkvelwOK5WIr+qT3NdWySXiTFc6McaNqsRGys39AHmTO5cngrDhho+xixiLI5Wgk0+SlUROG28XcdVA+0AodKq+G6R357CJv7Z7bibhd1ZFpHSSkmFaW0zqCN4XdoC/wU/aQaWSswTnqUWuNdVGYTDJG5iWvgS3IV7gMNfAwyBsNXlppyF8Mud87PJBlco8ceSaF1KIMOTznWUZHmicxSuNMESNdMoClbNutm4iliJ7D4TjAXSg1TmPuZeC9/uVu8cCcgPG5NWgWeROa+xEdCIy3FymouySPEsvxlGfhgbXL8vbj0cN4Z5KyiUFKJMjb96k1rlPz2fhNDgLQe1/CXHA4MRdO5N5FFl8KvxoZanTaLJFiYGaKh9acnJrGkbVUFFkhk4BMigV+G4eikTAFKFBwPatCcym5ECY3t1CgyID+RSF4qaSpSNKNoCm6l2Lv0HZmIrPGPPK0D53Brxm68u9tquM9Hz3KvCiPJ5Ws2pCj+fjCMBQ9OmZvnNuDNUInChrwUJhKMbw/C0xjYmVZ2jKSgJXQzSGU5UxOk4p48CVBnNKEgaWYePlDJQkJkpvgWm7sdbazj35GNtYbXsYWb0enVVnZGa3YP9RZ0clbKln18kjgpB+3ivRofNh6vHreW7pLWUkwJQ4RzzTqYjOhFkObrnX2G09t0E5sjpbOM4/75Xv24Rycr2JXTinlr4vBHDII9OntHtJnQz0sK1/LMzilENRHo9a9qd90Zi/2aLov7tb5j+/udeTz+SKTziWXid0eR1dr1M4Sm7qdUTnNm9PTZjZ9MHIU7cTwTiIiyDLaEenznbf4bKq8UcpzW6jOLqZ68gKg0a+9NN+bCzjQhXQ4CzZ5vcVbXhf9rnt/02FOXeab7Z6ZqE/rm0csrAfBA6qT+W8UtCLW5otlM4HloG+1Igs1FwSRQa0SnfSwUK6SHd+LfEuVd7dG4za5dLVfaiV8xQN2weQZXFEhrNrNyffL78SXktaKSf3hZVj29luX9bBgMjHr/uOHvyA9Cpjgh+IuCeqgHpTUxcj3i3nWulvxp2FLRcrYMn/OXOhWCgJF7XMpftfRKgKsWzePCsNw8TqiCCk76CHuFEfARhbEIpNb83AmbVp3HnITovI5mtUN+5VYtthMyWugq/aH8myJae8ac3/JI+KiD6QLbbDzg7sMgnXcxdEGk91QF4Z8iYUim7rS8wzHYjtEQxWYRo7B7oYyFdbS2kVlPUlh2BZxGqUNgDeAzhHUlfgUWh9H74hDN4G/SeoJUThLGVbYy6r8YVoPmNtTMk9rNGqqjZRS1dU6aKrm1aTWmb4XF4Stj26DDo2HRzE6Wt4YdpT6m52A6jibsjU55FBP0TPmVOmC0Djy3E9Mh1bYAD+EZkVUwxmwtagaTgAy3xb28YoXhBrmcwk0UzOUHua28G5SDDW67stRYxtxzwma1O+8de5lY+An6g3jzDFl4qeULh2Ktm5xsiziu/1X7aGa/Inb07p0F+nPy4DPU5//VXfwqhzm5eLpq3MjcafnQY7js/C1OD4h8ZSTxBynN2P/q8OsUCNN0h0iN1Mk5olbr8dRB2Rjx1TWa/DsrVhbkkusykrculztYDmt7+2X+oFbQo8QhNy2bKW6lU1WlFlCe4pu5w1qi4uk3oMsoXnsE3yZf9lNUmR7h+djWCfLqqSXcxeZdpKXolT1Jf0Z4EJdjq8aK9+IZ8yY1S/fdo6y4X0UgowhrU6EAt9rUS+Sp+bT9ARdZuU3s4minn9o2xTj+hp3QuEflOlrYigOBQTcymlvJJ4tj4RBUmRAwSfMh5v6uA8XsytxZIgfrb0su0nWCzGSkFPlodhK0BhekvSEgGQUHO11agE9k1UN6ECWmrQi6+LDkcAANVRqgnsVlM2JNsGWvdm8u6xVIOaHeW+tdTfgCfZpI/uSUDighS3hikDXrKAyax0hA2vr2kmpuK0TUPmr5S16q+YjGwzhnyGkiQmsx6MtCRs0n2tGEtaLpy0yAbVSMXKkPF9ptdv/2iFbjxCvQkx9nO9BxT+aab8fClJXZpgYhe93NoqHuOQII2nOFHcwqQHU0wT10crOo/E3wcPO8VHL2yfhEdnQLGcPofyqF3+2rMIQbeas+AdUqBxTxVJZkCFzWA9cV65xVbnCtrxtxR7sxYXD3tteCoiwIu6H6RgZ1sqK0/gpFFcOafHxyuw1kGX3kMilpnSiy6STioPj+BV/6aCZvfnDwZSm9GDQhlM0YPreFboEwypzo0tacmmt5HVxNFbklNq8GjojXgpFhAalKsb1VwXrpkmTxMneuE6gho4wzzpgt1mPI0Tr8AfFZZMzI00vyTUptGjbSdrBn3z3mPwD9+Fpzo7KTlGpAdlkzB5U4+5Suq3jjcsUd0sH0vhu426rGS2FVzNzatCXI2zFGlRLWkqmFUT2AHpCtPft++lIdafWNnkjmdy78KOHn75A8t/FW///tkQSthfbs4cIVXMXR9NX1+2ndDuYKzvdslOZNlIhZVpDaq83Fnk07eceRVL7/hgPaQkFyfNQ5hYkiyF7xe/wKH5N0IWuRVFDC4k35UKL9VqQhjE5LayeiFbWDt+TP9iChwb9znVOn6XIAwVz4kZfgEvxgMCX2pbfg+B5peAy5bMEP4u3UYr2rStPu7xHI9+QbUGZ2p2fJfp8BitBFVrDxwFTWE1CjnwfpMcpafutMNts4RSHtSKiHqL4Jdks2w/qUW5KovGLEpmS1ZTkyPeh9jj51n7bHJy2Gaf88+kh+LoKUW+i6Gi37PEQfJJLYvZoPkMqsmYu6ISoSxTNLvfGvRuU1EKlpBYqJe2CBjM2yscZv9RABfdhrCjqFEVHm9m2925/6zoYZ9WNQ4S8onwfSg3W7I3VDZXGRlCCW79RlntIxET0o5QSARC35BBRA6DWmQCwCTW7bzYxCBu0Fm4m/dXUUBUpqwwyF4hp0pYkpNvIKTiftaTRlWHjgKimJG6GtIs7UGU10sHkyZpxcn0WcqaejzZTJWFSwGFAsy/QgGbbQBWCRvyWgEv7t7oXfwW1/1xbzEQBAACY+jvXoAIArDbrf3/R7yqz9AbRAGAGAwAAEMD0yLoEAPOF/6E/40oaBHP7OQr5ykD/3TymsM1BS6cg1TvxlSZ8bgmqX/yan4B+W26/R3AQnK585q3Mma5AoJ9SMkxh+9xooAtucIcC6pADM0Te177tI2K7QaS4GJavmpJEHLNMVlKCp5LT9UfnVBA/NXVWYXBD9RmiJc3BQbqEWxVMYSJsZj7V8ldnr5khbrLF921YvdNRoyxrhsyUVjh5nV6doD4RQLnmcdYc+35O2TAkHO4b5uFIazRA9ETK5SysUhWWNNfK5lHq3PosNauRZwUqbJ8UtcOMFgfG9knDCg7IFaywSrjkB4U8+hCAv66NmCsIaezhW+BAbPwgMu7jCfN37EO02hd9AW5GydYGI5enoGrjMgfxl6EcznakvF5zHo78FiMuo1z5GOdf4dIXY86jS3H/J6su8eof6PQPNHqW5CKpG4d0O4/y9kdM/yBpXJE0xvjPLXaLAstFWcS4T2+VlM+lx2lmiCu6tppAXsaZF1ValTIoEpdqUNl+q1+1Clzp8RpTOnuvxDEjubgB6D0AAgAAACDPcHnRVNJqebZa0q3ahb4isG9S6+Mu9H4F01lF9xfa/TmNK1T7B4qVxmNCIKDKdFS4c0Wmtqz0Sb8bfSzXWt0kgSU0oAgX2EMFFjCCZXUJeZ282zHdMHmuap88aPrPIYKfPXBUNYeJVe9VBPmuDATyVlUir5HPymiK9jszXJWahcSIxyqC/FUGAoGervQ0pmuQAj3ZY9SZeNhC3lUAOAAY2D5QIACg+YODihkA4A4sZ4GwcZ8FhkNwLTxdi8AsSIISZkE5rem2crBFpytCpEQEQQIEioEnS5rMJYxnIEKXCUP5zdFIOB+SrraB0FbrbBnNun4c+CGIK1lfkkY2gveKGBIVB4gVyssJ+zBBtCAZXhqSG8m5SNVI/4s69SRWVLw4RiQVUpdQfCDJS+Tg+riyfiSjSyiQygbxKQgnq4NLMWVElz5zNiQlbHRKg+usEiOYr4bUTcQ+J6a/YbpY69+SyHW4teXncztzVuiD3WqGJ0tujJ56fdEdL1ASnkcM67PlBSYR5X6pmtgsYioesgz+E5wRqCi3S7KnIphK411Vzkeg0wIslU9GMNvqKwpyR7DEeZoonulizfY1l0ewbfQX+KhFsHNj2JhRERxqskKnuSI4teRFznCvjbHUNrc10I9lZRKjgj8FVdqveRKK7ve4o6QzqYli+i2UCIWi9CkMdm6i2H5NxUNJz3Kehb5BUD6wcxPF9HsoFGVBYTDNiWL7I9qk8FC0ksND0QAAAA=="},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.woff"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.ttf"},function(n,e,t){n.exports=t.p+"fonts/roboto-v19-latin-regular.svg"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.woff2"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.woff"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.ttf"},function(n,e,t){n.exports=t.p+"fonts/barlow-condensed-v3-latin-600.svg"},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__30__},function(n,e,t){var o=t(90);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(96);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(103);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(102);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(106);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(99);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/e-remove.svg"},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__38__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__39__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__40__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__41__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__42__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__43__},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(32),d=t.n(p),u=t(4),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var _=function(n){return i.a.createElement("svg",n,i.a.createElement("defs",null,i.a.createElement("rect",{id:"a",x:".8",y:".5",width:"140",height:"140",rx:"306"})),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("mask",{id:"b",fill:"#fff"},i.a.createElement("use",{xlinkHref:"#a"})),i.a.createElement("use",{fill:"#F0F0F0",xlinkHref:"#a"}),i.a.createElement("path",{d:"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z",stroke:"#A3A3AE",strokeWidth:"3",opacity:".2",fill:"#A3A3AE",mask:"url(#b)"})))};_.defaultProps={width:"141",height:"141",viewBox:"0 0 141 141",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"};var m=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};h.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){var e=n.profile,t=n.onClick,o=n.open,a=n.newNotifications,r=n.domRef;return i.a.createElement("div",{ref:r,className:d.a.userInfoContainer,role:"button",onClick:t},i.a.createElement("div",{className:c()(d.a.avatarContainer,a&&d.a.newNotifications)},f.a.isEmpty(e)||f.a.isEmpty(e.photoURL)?i.a.createElement(_,{width:"60",className:d.a.avatar}):i.a.createElement("img",{className:d.a.avatar,src:e.photoURL,alt:"avatar"})),i.a.createElement("div",{className:d.a.handleContainer},i.a.createElement("span",{className:d.a.handle},f.a.isEmpty(e)?"":e.handle),i.a.createElement("span",{className:d.a.dropdownIcon},o?i.a.createElement(h,null):i.a.createElement(m,null))))};b.propTypes={profile:l.a.shape(),onClick:l.a.func,open:l.a.bool,newNotifications:l.a.bool,domRef:l.a.shape()};var g,v,y=b;e.default=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(b,"UserInfo","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js"),g.register(y,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/UserInfo/index.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(88);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(94);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(104);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/flat-icon-checked.svg"},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(38),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(39),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(40),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(41),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(42),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__),lodash__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(4),lodash__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),prop_types__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_7__),classnames__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(3),classnames__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(17),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__),_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(6),_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10__),moment__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(43),moment__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__),enterModule;enterModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).enterModule,enterModule&&enterModule(module);var IconAvatar=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("defs",null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("rect",{id:"a",x:".8",y:".5",width:"140",height:"140",rx:"306"})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("mask",{id:"b",fill:"#fff"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("use",{xlinkHref:"#a"})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("use",{fill:"#F0F0F0",xlinkHref:"#a"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M118 137.143c0 4.345-3.501 7.857-7.833 7.857H31.833C27.51 145 24 141.488 24 137.143c0-15.714 15.142-30.376 30.62-36.174-8.937-5.54-14.953-15.377-14.953-26.683v-7.857C39.667 49.072 53.697 35 71 35c17.304 0 31.333 14.072 31.333 31.429v7.857c0 11.306-6.016 21.143-14.946 26.683 15.471 5.798 30.613 20.46 30.613 36.174z",stroke:"#A3A3AE",strokeWidth:"3",opacity:".2",fill:"#A3A3AE",mask:"url(#b)"})))};IconAvatar.defaultProps={width:"141",height:"141",viewBox:"0 0 141 141",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"};var IconCloseDark=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#2A2A2A",fillRule:"nonzero"}))};IconCloseDark.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var IconSwitchBusiness=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"#FFF",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M5 3V0L0 4l5 4V5h8a1 1 0 0 0 0-2H5zM11 11H3a1 1 0 0 0 0 2h8v3l5-4-5-4v3z"})))};IconSwitchBusiness.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var IconNotificationsRed=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{fill:"#ef476f",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};IconNotificationsRed.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var IconNotificationsGrey=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("title",null,"icon-bell"),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{fill:"#888894",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};IconNotificationsGrey.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var IconRightArrow=function(n){return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("path",{d:"M1.9 15.7L.4 14.3 6.7 8 .4 1.7 1.9.3 9.6 8z",fill:"#2A2A2A",fillRule:"nonzero"}))};IconRightArrow.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var MANAGE_ROLES=["administrator","admin","copilot","connect copilot","manager","global manager","client manager","connect manager","connect account manager","connect copilot manager"],hasAccess=function(n){return!!n&&n.some(function(n){return-1!==MANAGE_ROLES.indexOf(n.toLowerCase())})},AccountMenu=function(_React$Component){function AccountMenu(){return _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this,AccountMenu),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(AccountMenu).apply(this,arguments))}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(AccountMenu,_React$Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(AccountMenu,[{key:"renderLink",value:function(n,e){var t=this.props.onClose,o=lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(n.link)?n.href:n.link;return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:o,key:"item-".concat(e),onClick:t},n.title)}},{key:"render",value:function(){var n=this,e=this.props,t=e.onClose,o=e.open,a=e.menu,i=e.switchText,r=e.onSwitch,l=e.profile,s=e.domRef,c=e.numNotifications,p=e.onClickNotifications;return react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{ref:s,className:classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["user-info-popup"],o&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.open)},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.backdrop,onClick:t}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"/":"/members/".concat(l.handle)},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.header},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)||lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l.photoURL)?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar,{width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("img",{src:l.photoURL,width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar,alt:"avatar"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["handle-container"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.handle},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.handle),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.email},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.email)))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_8___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.header,_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["header-mobile"])},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["left-content"]},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)||lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l.photoURL)?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconAvatar,{width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("img",{src:l.photoURL,width:"60",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.avatar,alt:"avatar"}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["handle-container"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.handle},"@",lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":l.handle),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.description},lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)?"":"Member since ".concat(moment__WEBPACK_IMPORTED_MODULE_11___default()(l.createdAt).format("MMMM, YYYY"))))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["icon-close"],onClick:t},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconCloseDark,null))),!lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-to-business-container"],onClick:r},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconSwitchBusiness,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-icon"]}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_9__.Link,{to:hasAccess(l.roles)?lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(i.href)?i.link:i.href:"http://www.topcoder.com",onClick:t},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["switch-to-busniness"]},i.title))),!lodash__WEBPACK_IMPORTED_MODULE_5___default.a.isEmpty(l)&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["notifications-mobile"],onClick:p},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["noti-left"]},c>0?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsRed,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}):react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconNotificationsGrey,{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["bell-icon"]}),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",null,react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["notifications-title"]},"Notifications"),c>0&&react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["red-number"]},"("+c+")"))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{role:"button",className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["icon-open-noti"]},react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(IconRightArrow,null))),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a["noti-separator"]})),react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.menu},a.map(function(e,t){return e.separator?react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_10___default.a.separator,key:"separator-".concat(t)}):n.renderLink(e,t)})))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),AccountMenu}(react__WEBPACK_IMPORTED_MODULE_6___default.a.Component);AccountMenu.defaultProps={numNotifications:0},AccountMenu.propTypes={open:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.bool,onClose:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,menu:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.array,switchText:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),onSwitch:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func,profile:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),domRef:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.shape(),numNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.number,onClickNotifications:prop_types__WEBPACK_IMPORTED_MODULE_7___default.a.func.isRequired};var _default=AccountMenu,reactHotLoader,leaveModule;__webpack_exports__.default=_default,reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(MANAGE_ROLES,"MANAGE_ROLES","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(hasAccess,"hasAccess","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(AccountMenu,"AccountMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js"),reactHotLoader.register(_default,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/AccountMenu/index.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}.call(this,__webpack_require__(13)(module))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(45),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:d.a.checkbox,onClick:t},i.a.createElement("div",{className:c()(d.a["check-icon"],e&&d.a.checked)}))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var f,_,m=u;e.default=m,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"CheckBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js"),f.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/CheckBox/index.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(67),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x;return i.a.createElement("div",{className:c.a.chosenArrow,style:{transform:"translateX(".concat(t,"px)")},hidden:!e},i.a.createElement("svg",{width:"40px",height:"10px",viewBox:"0 0 40 10"},i.a.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},i.a.createElement("g",{id:"Desktop-navigation-specification",transform:"translate(-229.000000, -1000.000000)"},i.a.createElement("path",{d:"M244,1003.53788 L246.138913,1001.25575 C247.682763,999.608539 250.215252,999.577876 251.795386,1001.18726 C251.81754,1001.20983 251.839442,1001.23266 251.861087,1001.25575 L254,1003.53788 C257.197411,1006.94936 260.579378,1009 266.154646,1009 L269,1009 L269,1010 L229,1010 L229,1009 L231.845354,1009 C237.420622,1009 240.802589,1006.94936 244,1003.53788 Z",id:"Path-3"})))))};p.propTypes={show:l.a.bool,x:l.a.number};var d,u,f=p;e.default=f,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"ChosenArrow","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js"),d.register(f,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/ChosenArrow/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(31),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n,e){var t=e.find(function(e){return e.value===n});return t&&t.label},f=function(n){var e=n.open,t=n.onClick,o=n.onClose,a=n.checked,r=n.value,l=n.options,s=n.onChange,p=function(n){return function(e){e.preventDefault(),o(),s(n)}};return i.a.createElement("div",{className:c()(d.a["dropdown-box"],a&&d.a.checked,e&&d.a.open),onClick:function(n){return!n.defaultPrevented&&t()}},i.a.createElement("div",{className:d.a.backdrop,onClick:function(n){n.preventDefault(),o()}}),i.a.createElement("span",{className:d.a["selected-label"]},u(r,l),i.a.createElement("i",{className:d.a["dropdown-arrow"]})),i.a.createElement("ul",{className:d.a.options},l.map(function(n){return i.a.createElement("li",{className:c()(d.a["option-li"],n.value===r&&d.a.active),key:n.value,onClick:p(n.value)},n.label)})))};f.propTypes={open:l.a.bool,onClick:l.a.func,onClose:l.a.func,checked:l.a.bool,value:l.a.any,options:l.a.array,onChange:l.a.func};var _,m,h=f;e.default=h,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(u,"optionLabel","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js"),_.register(f,"DropdownBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js"),_.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/DropdownBox/index.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(68),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){var e=n.show,t=n.x,o=n.isResize,a={transform:"translateX(".concat(t,"px)")};return o&&(a.transition="auto",a["-webkit-transition"]="auto"),i.a.createElement("span",{className:c.a.iconSelect,style:a,hidden:!e})};p.propTypes={isResize:l.a.bool,show:l.a.bool,x:l.a.number};var d,u,f=p;e.default=f,(d=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(d.register(p,"IconSelect","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js"),d.register(f,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/IconSelect/index.js")),(u=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&u(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(46),d=t.n(p),u=t(4),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var _=function(n){return i.a.createElement("svg",n,i.a.createElement("title",null,"icon-bell"),i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#888894",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};_.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){return i.a.createElement("svg",n,i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};m.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return n&&f.a.countBy(n||[],function(n){return!n.isSeen&&!n.isRead}).true>0?"new":0===n.length?"none":"seen"},b=function(n){var e=n.onClick,t=n.notificationsPopupOpen,o=n.notifications;return i.a.createElement("div",{className:c()([d.a.notificationButton,t&&d.a.isNotificationsPopupOpen,d.a[h(o)]]),onClick:e},f.a.isEmpty(o||[])?i.a.createElement(_,null):i.a.createElement(m,null))};b.propTypes={onClick:l.a.func,notificationsPopupOpen:l.a.bool,notifications:l.a.array};var g,v,y=b;e.default=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(h,"getNotificationButtonState","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js"),g.register(b,"NotificationButton","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js"),g.register(y,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationButton/index.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(5),d=t.n(p),u=t(70),f=t(71);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var _=function(n){var e=n.open,t=n.onClose,o=n.emptyTitle,a=n.markNotificationAsRead,r=n.emptyText,l=n.notifications,s=n.unReadNotifications,p=n.markAllNotificationAsRead,_=n.dismissChallengeNotifications,m=n.auth;return i.a.createElement("div",{className:c()(d.a["notifications-panel"],e&&d.a.open)},i.a.createElement("div",{className:d.a.backdrop,onClick:t}),l&&l.length>0?i.a.createElement(f.a,{notifications:l,markNotificationAsRead:a,auth:m,unReadNotifications:s,markAllNotificationAsRead:p,dismissChallengeNotifications:_,onClose:t}):i.a.createElement(u.a,{emptyTitle:o,emptyText:r,onClose:t}))};_.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},_.propTypes={open:l.a.bool,onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node,auth:l.a.shape(),notifications:l.a.array,unReadNotifications:l.a.bool,markNotificationAsRead:l.a.func.isRequired,markAllNotificationAsRead:l.a.func.isRequired,dismissChallengeNotifications:l.a.func.isRequired};var m,h,b=_;e.default=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(_,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js"),m.register(b,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}.call(this,t(13)(n))},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(36),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.checked,t=n.onClick;return i.a.createElement("div",{className:c()(d.a["switch-box"],e&&d.a.checked),onClick:t},i.a.createElement("span",{className:d.a["label-on"]},"on"),i.a.createElement("span",{className:d.a.dot}),i.a.createElement("span",{className:d.a["label-off"]},"off"))};u.propTypes={checked:l.a.bool,onClick:l.a.func};var f,_,m=u;e.default=m,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"SwitchBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js"),f.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}.call(this,t(13)(n))},function(n,e,t){var o=t(101);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){n.exports=t.p+"images/icon-bell-red.svg"},function(n,e,t){n.exports=t.p+"images/right-arrow.svg"},function(n,e,t){n.exports=t.p+"images/flat-icon-opposite-arrows.svg"},function(n,e,t){n.exports=t.p+"images/bell-big.svg"},function(n,e,t){n.exports=t.p+"images/delete-small.svg"},function(n,e,t){n.exports=t.p+"images/group.svg"},function(n,e,t){n.exports=t.p+"images/bell-black.svg"},function(n,e,t){n.exports=t.p+"images/icon-email.svg"},function(n,e){var t;t=function(){return this}();try{t=t||new Function("return this")()}catch(n){"object"==typeof window&&(t=window)}n.exports=t},function(n,e,t){var o=t(89);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(91);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(93);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(5),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){return i.a.createElement("svg",n,i.a.createElement("g",{fill:"none",fillRule:"evenodd"},i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};u.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};f.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M69.002 49.758C71.065 52.084 73 54.41 73 57.64c0 7.109-14.703 11.89-36.5 11.89S0 64.75 0 57.642c0-3.36 1.935-5.557 3.998-7.883 2.58-2.844 5.417-6.075 5.417-12.278V27.14C9.415 12.667 22.055 0 36.5 0s27.085 12.536 27.085 26.882V37.48c0 6.203 2.837 9.434 5.417 12.278zM36.5 72.116c3.998 0 7.867-.129 11.35-.517C46.43 76.381 41.917 80 36.5 80s-9.931-3.49-11.35-8.4c3.483.387 7.352.516 11.35.516z",fill:"#B5E9DB",fillRule:"nonzero"}))};_.defaultProps={width:"73",height:"80",viewBox:"0 0 73 80",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){var e=n.onClose,t=n.emptyTitle;n.emptyText;return i.a.createElement(i.a.Fragment,null,i.a.createElement("div",{className:d.a["noti-header"]},i.a.createElement("div",{className:d.a.lefts},i.a.createElement("div",{className:d.a["notification-icon"]},i.a.createElement(u,null)),i.a.createElement("div",{className:d.a["notification-left-btn-mobile"],role:"button",onClick:e},i.a.createElement(f,null)),i.a.createElement("span",{className:d.a["noti-title"]},"Notifications")),i.a.createElement("span",{className:c()(d.a["noti-empty-title-mobileonly"])},"Notifications")),i.a.createElement("div",{className:c()(d.a["noti-body"],d.a["noti-body-empty"],d.a.center)},i.a.createElement(_,{className:d.a["big-icon-bell"]}),i.a.createElement("div",{className:d.a["empty-title"]},t)))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:i.a.createElement("div",null,"Join challenges and check your notification settings if you don’t receive notifications. We’re actively adding new notifications.")},m.propTypes={onClose:l.a.func,emptyTitle:l.a.node,emptyText:l.a.node};var h,b,g=m;e.a=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"EmptyNotifications","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js")),(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&b(n)}).call(this,t(13)(n))},function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){__webpack_require__.d(__webpack_exports__,"a",function(){return NotificationList});var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(38),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(39),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(40),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(41),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(42),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__),react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),classnames__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(3),classnames__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(4),lodash__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_8__),moment__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(43),moment__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(17),topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(5),_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11__),enterModule;enterModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).enterModule,enterModule&&enterModule(module);var BackArrow=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M8.1 15.7l1.5-1.4L3.3 8l6.3-6.3L8.1.3.4 8z",fill:"#fff",fillRule:"nonzero"}))};BackArrow.defaultProps={width:"10",height:"16",viewBox:"0 0 10 16",xmlns:"http://www.w3.org/2000/svg"};var TickIcon=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("title",null,"checkmark"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{d:"M2.33 5.08L0 7.409l4.95 4.95 9.9-9.9-2.2-2.2-7.57 7.57-2.75-2.75z",fill:"#FFF",fillRule:"evenodd"}))};TickIcon.defaultProps={width:"15",height:"13",viewBox:"0 0 15 13",xmlns:"http://www.w3.org/2000/svg"};var NotificationIcon=function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg",n,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g",{fill:"none",fillRule:"evenodd"},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M10 14c0 1.1-.9 2-2 2s-2-.9-2-2h4zm5-3c.6 0 1 .4 1 1s-.4 1-1 1H1c-.6 0-1-.4-1-1s.4-1 1-1h.5C2.2 10.3 3 9.3 3 8V5c0-2.8 2.2-5 5-5s5 2.2 5 5v3c0 1.3.8 2.3 1.5 3h.5z",id:"a"})))};NotificationIcon.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var eventTypes={PROJECT:{ACTIVE:["challenge.notification.events","notifications.autopilot.events"],COMPLETED:"challenge.notification.completed"},BROADCAST:"admin.notification.broadcast"},ConditionalWrapper=function(n){var e=n.condition,t=n.renderLink,o=n.renderDiv,a=n.children;return e?t(a):o(a)},Item=function(n){var e=n.item,t=n.auth,o=(n.onDismiss,n.markNotificationAsRead);n.isLink;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(ConditionalWrapper,{condition:(eventTypes.PROJECT.ACTIVE.includes(e.eventType)||eventTypes.PROJECT.COMPLETED.includes(e.eventType))&&e.sourceId,renderLink:function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/challenges/".concat(e.sourceId),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"],onClick:function(){return!e.isRead&&o(e,t.tokenV3)}},n)},renderDiv:function(n){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-item"]},n)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.left},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("p",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.txt,dangerouslySetInnerHTML:{__html:e.contents||""}}),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["time-txt"]},moment__WEBPACK_IMPORTED_MODULE_9___default()(e.date).fromNow())),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.right},!e.isRead&&react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()([_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.point,e.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-grey"],!e.isSeen&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["point-red"]]),onClick:function(n){n.preventDefault(),n.stopPropagation(),n.nativeEvent.stopImmediatePropagation(),o(e,t.tokenV3)}}))))};Item.propTypes={item:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.object.isRequired,auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape().isRequired,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,isLink:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool.isRequired};var NotificationList=function(_React$Component){function NotificationList(n){var e;return _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this,NotificationList),(e=_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2___default()(this,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3___default()(NotificationList).call(this,n))).state={nonCompletedSection:[],unreadCount:0},e}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(NotificationList,_React$Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(NotificationList,[{key:"challenges",value:function(n){return n=n||[],lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(n.map(function(n){return n.sourceName}).filter(function(n){return n})).map(function(e){return{challengeTitle:e,items:n.filter(function(n){return n.sourceName===e})}})}},{key:"isLink",value:function(n){return(eventTypes.PROJECT.ACTIVE.includes(n.eventType)||eventTypes.PROJECT.COMPLETED.includes(n.eventType))&&n.sourceId>0}},{key:"render",value:function(){var n=this,e=this.props,t=e.onClose,o=e.notifications,a=e.onDismiss,i=e.unReadNotifications,r=e.markNotificationAsRead,l=e.markAllNotificationAsRead,s=e.auth;return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-header"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.lefts},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-icon"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(NotificationIcon,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["notification-left-btn-mobile"],role:"button",onClick:t},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(BackArrow,null)),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title"]},"Notifications")),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-title-mobileonly"]},"Notifications"),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.rights},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",{role:"button",className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["white-link"],!i&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),onClick:function(){i&&l(s.tokenV3)}},"Mark All as Read")),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["rights-mobile"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["btn-tick"],!i&&_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a.disabled),role:"button",onClick:function(){i&&l(s.tokenV3)}},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(TickIcon,null)))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["noti-body"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,this.challenges(lodash__WEBPACK_IMPORTED_MODULE_8___default.a.uniq(o||[]).filter(function(n){return eventTypes.PROJECT.ACTIVE.includes(n.eventType)||eventTypes.BROADCAST.includes(n.eventType)})).map(function(e,t){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,{key:"nonComplete-".concat(t)},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{key:"noti-".concat(t),className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["challenge-title"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span",null,e.challengeTitle)),e.items.map(function(e,o){return react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(Item,{item:e,auth:s,markNotificationAsRead:r,key:"noti-".concat(t,"-").concat(o),onDismiss:function(){return a([e])},isLink:n.isLink(e)})}))}))),react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div",{className:_styles_module_scss__WEBPACK_IMPORTED_MODULE_11___default.a["view-all-notifications"]},react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(topcoder_react_utils__WEBPACK_IMPORTED_MODULE_10__.Link,{to:"/notifications"},"View all Notifications")))}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),NotificationList}(react__WEBPACK_IMPORTED_MODULE_5___default.a.Component),reactHotLoader,leaveModule;NotificationList.defaultProps={notifications:[],auth:null,onDismiss:function(){return null},markAllNotificationAsRead:function(){return null},markNotificationAsRead:function(){return null}},NotificationList.propTypes={auth:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.shape(),notifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.array,onDismiss:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,onClose:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func,unReadNotifications:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.bool,markNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired,markAllNotificationAsRead:prop_types__WEBPACK_IMPORTED_MODULE_6___default.a.func.isRequired},reactHotLoader=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).default,reactHotLoader&&(reactHotLoader.register(eventTypes,"eventTypes","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(ConditionalWrapper,"ConditionalWrapper","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(Item,"Item","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js"),reactHotLoader.register(NotificationList,"NotificationList","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/NotificationList.js")),leaveModule=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:__webpack_require__(2)).leaveModule,leaveModule&&leaveModule(module)}).call(this,__webpack_require__(13)(module))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__72__},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__73__},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(34),c=t.n(s);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var p=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M15.7.3c-.4-.4-1-.4-1.4 0L8 6.6 1.7.3C1.3-.1.7-.1.3.3c-.4.4-.4 1 0 1.4L6.6 8 .3 14.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3.3 0 .5-.1.7-.3L8 9.4l6.3 6.3c.2.2.5.3.7.3.2 0 .5-.1.7-.3.4-.4.4-1 0-1.4L9.4 8l6.3-6.3c.4-.4.4-1 0-1.4z",fill:"#FFF",fillRule:"nonzero"}))};p.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"};var d=function(n){return i.a.createElement("svg",n,i.a.createElement("g",{fill:"#FFF",fillRule:"nonzero"},i.a.createElement("path",{d:"M23 9H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 2H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1zM23 16H1c-.6 0-1-.4-1-1s.4-1 1-1h22c.6 0 1 .4 1 1s-.4 1-1 1z"})))};d.defaultProps={width:"24",height:"16",viewBox:"0 0 24 16",xmlns:"http://www.w3.org/2000/svg"};var u=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};u.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){var e=n.showLeftMenu,t=n.onClickLeftMenu,o=n.logo,a=n.onClickLogo,r=n.rightMenu;return i.a.createElement("div",null,i.a.createElement("div",{className:c.a.mobileNav},i.a.createElement("div",{className:c.a.leftMenuContainer},i.a.createElement("button",{className:c.a.menuBtn,onClick:t},e?i.a.createElement(p,null):i.a.createElement(d,null))),i.a.createElement("a",{onClick:function(n){return a(n)},href:"/"},o),r&&i.a.createElement("div",{className:c.a.rightMenu},r)),e&&i.a.createElement("div",{className:c.a.search},i.a.createElement(u,{className:c.a.icon}),i.a.createElement("input",{onKeyPress:function(n){"Enter"===n.key&&(window.location="".concat(window.origin,"/search/members?q=").concat(encodeURIComponent(n.target.value)))},placeholder:"Find members by username or skill","aria-label":"Find members by username or skill"})))};f.propTypes={showLeftMenu:l.a.bool,onClickLeftMenu:l.a.func,logo:l.a.node,onClickLogo:l.a.func,rightMenu:l.a.node};var _,m,h=f;e.a=h,(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(_.register(f,"MobileNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js"),_.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileNav.js")),(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&m(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(33),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};u.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var f=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};f.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var _=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.activeChildId,r=n.onClick,l=n.createHandleClickItem;return i.a.createElement("div",{className:c()(d.a.mobileSubNav,e&&d.a.mobileSubNavOpen)},i.a.createElement("div",{className:d.a.mobileSubNavMask}),(!o&&t.subMenu&&t.subMenu.length>0||t.secondaryMenu&&t.secondaryMenu.length>0)&&i.a.createElement(i.a.Fragment,null,i.a.createElement("button",{className:d.a.mobileSubNavHeader,onClick:r},i.a.createElement("span",null,t.title),e?i.a.createElement(f,null):i.a.createElement(u,null)),e&&i.a.createElement("div",{className:d.a.mobileSubNavContent},(o?t.secondaryMenu:t.subMenu).map(function(n,e){return i.a.createElement("a",{className:c()(d.a.mobileSubNavChild,n.id===a&&d.a.mobileSubNavChildOpen),href:n.href,key:"level3-".concat(e),onClick:l(n.id)},n.title)})))||i.a.createElement(i.a.Fragment,null,i.a.createElement("dev",{className:d.a.mobileSubNavHeader},i.a.createElement("span",null,t.title))))};_.propTypes={open:l.a.bool,menu:l.a.object,isSecondaryMenu:l.a.bool,activeChildId:l.a.any,onClick:l.a.func,createHandleClickItem:l.a.func};var m,h,b=_;e.a=b,(m=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(m.register(_,"MobileSubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js"),m.register(b,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileSubNav.js")),(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&h(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(47),d=t.n(p);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var u=function(n){var e=n.menu,t=n.activeChildId,o=n.createHandleClickItem;return i.a.createElement("div",{className:d.a.secondaryNavMobile},e.subMenu&&e.subMenu.map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(d.a.secondaryNavMobileItem,n.id===t&&d.a.secondaryNavMobileItemOpen),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?o(n.id):null},n.title)}))};u.propTypes={menu:l.a.object,activeChildId:l.a.any,createHandleClickItem:l.a.func};var f,_,m=u;e.a=m,(f=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(f.register(u,"MobileMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js"),f.register(m,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/MobileMenu.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";(function(n){var o,a=t(0),i=t.n(a),r=t(1),l=t.n(r),s=t(3),c=t.n(s),p=t(82),d=t(51),u=t(7),f=t.n(u);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var _=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",transform:"translate(-2 -4)",id:"a"}))};_.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var m=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{transform:"rotate(180 7 6)",fill:"#FFF",fillRule:"nonzero",d:"M8 11.4L2.6 6 4 4.6l4 4 4-4L13.4 6z",id:"a"}))};m.defaultProps={width:"12",height:"8",viewBox:"0 0 12 8",xmlns:"http://www.w3.org/2000/svg"};var h=function(n){return i.a.createElement("svg",n,i.a.createElement("path",{d:"M7.383 1.807c2.938 0 5.328 2.406 5.328 5.362 0 2.957-2.39 5.362-5.328 5.362S2.054 10.126 2.054 7.17c0-2.956 2.391-5.362 5.33-5.362M11.677 12.9a7.092 7.092 0 0 1-4.295 1.44C3.44 14.34.242 11.13.242 7.17S3.439 0 7.383 0s7.142 3.21 7.142 7.17a7.157 7.157 0 0 1-1.435 4.312l4.524 4.542-1.417 1.411-4.519-4.536z",fill:"#979797",fillRule:"evenodd"}))};h.defaultProps={width:"18",height:"18",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg"};var b=function(n){var e=n.collapsed,t=n.showLeftMenu,o=n.logo,a=n.menu,r=n.rightMenu,l=n.moreMenu,s=n.openMore,u=n.onCloseMore,b=n.moreId,g=n.activeLevel1Id,v=n.activeLevel2Id,y=n.onClickLogo,x=n.onRightMenuResize,E=n.createHandleClickLevel1,A=n.createHandleClickLevel2,w=n.handleClickMore,M=n.createHandleClickMoreItem,D=n.createSetRef,C=n.showChosenArrow,O=n.showLevel3,F=n.forceHideLevel3,k=n.chosenArrowX,I=n.searchOpened,R=n.toggleSearchOpen,L=function(n){return!(l||[]).find(function(e){return e.id===n.id})},P=50;return i.a.createElement("div",null,i.a.createElement("div",{className:c()(f.a.primaryNavContainer,t&&f.a.primaryNavContainerOpen)},i.a.createElement("div",{className:f.a.primaryNav,ref:D("primaryNav")},i.a.createElement("a",{className:c()(f.a.tcLogo,e&&f.a.tcLogoPush),onClick:function(n){return y(n)},href:"/"},o),a.map(function(n,e){return[i.a.createElement("span",{className:f.a.primaryLevel1Separator,key:"separator-".concat(e)}),i.a.createElement("a",{className:c()(f.a.primaryLevel1,(!v||t)&&n.id===g&&f.a.primaryLevel1Open,n.mobileOnly&&f.a.mobileOnly),href:n.href,key:"level1-".concat(e),onClick:E(n.id,!0),ref:D(n.id)},n.title),n.subMenu&&i.a.createElement("div",{className:c()(f.a.primaryLevel2Container,n.id===g&&f.a.primaryLevel2ContainerOpen),key:"level2-".concat(e,"-container"),ref:D("level2Container".concat(e))},n.subMenu.filter(L).map(function(n,e){if(n.subMenu&&n.subMenu.length>0||n.href)return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"level2-".concat(e),onClick:n.subMenu&&n.subMenu.length>0?A(n.id,!0):null,ref:D(n.id)},n.title)}),n.id===g&&l&&l.length>0&&i.a.createElement("div",{className:c()(f.a.moreBtnContainer,s&&f.a.moreOpen)},i.a.createElement("div",{className:f.a.backdrop,onClick:u}),i.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:w,ref:D(b)},i.a.createElement("div",{className:f.a.moreBtnMask}),i.a.createElement("span",null,"More"),s&&i.a.createElement(m,null),!s&&i.a.createElement(_,null)),i.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return i.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===v&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:M(n.id)},n.title)}))))]}),i.a.createElement(d.default,{show:C&&O&&!F,x:k})),i.a.createElement("div",{className:f.a.primaryNavRight},i.a.createElement(p.a,{handleWidth:!0,onResize:x}),r&&i.a.createElement("div",{className:c()(f.a.primaryLevel1,f.a.rightMenuPrimaryLevel1)},r),i.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(f.a.searchIcon,{opened:I}),onFocus:function(){return R(!0)},onBlur:function(n){n.pageY<P&&R(!1)},onMouseEnter:function(n){return R(!0)},onMouseLeave:function(n){console.log("".concat(n.clientX," - ").concat(n.clientY)),n.pageY<P&&R(!1)},onTouchStart:function(n){R(!I)}},i.a.createElement(h,null)))),i.a.createElement("div",{role:"search",className:c()(f.a.searchField,{opened:I,closed:!I}),onMouseLeave:function(n){R(!1)}},i.a.createElement("input",{ref:D("searchInputBox"),onKeyPress:function(n){"Enter"===n.key&&(window.location="".concat(window.origin,"/search/members?q=").concat(encodeURIComponent(n.target.value)))},onBlur:function(){return R(!1)},"aria-label":"Find members by username or skill",placeholder:"Find members by username or skill"})))};b.propTypes={collapsed:l.a.bool,showLeftMenu:l.a.bool,logo:l.a.node,menu:l.a.array,rightMenu:l.a.node,moreMenu:l.a.array,openMore:l.a.bool,onCloseMore:l.a.func,moreId:l.a.any,activeLevel1Id:l.a.any,activeLevel2Id:l.a.any,onClickLogo:l.a.func,onRightMenuResize:l.a.func,createHandleClickLevel1:l.a.func,createHandleClickLevel2:l.a.func,handleClickMore:l.a.func,createHandleClickMoreItem:l.a.func,createSetRef:l.a.func,showChosenArrow:l.a.bool,showLevel3:l.a.bool,forceHideLevel3:l.a.bool,chosenArrowX:l.a.number,searchOpened:l.a.bool,toggleSearchOpen:l.a.func};var g,v,y=b;e.a=y,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(b,"PrimaryNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js"),g.register(y,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js")),(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&v(n)}).call(this,t(13)(n))},function(n,e){n.exports=__WEBPACK_EXTERNAL_MODULE__78__},function(n,e,t){"use strict";(function(n){var t=function(){if("undefined"!=typeof Map)return Map;function n(n,e){var t=-1;return n.some(function(n,o){return n[0]===e&&(t=o,!0)}),t}return function(){function e(){this.__entries__=[]}return Object.defineProperty(e.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),e.prototype.get=function(e){var t=n(this.__entries__,e),o=this.__entries__[t];return o&&o[1]},e.prototype.set=function(e,t){var o=n(this.__entries__,e);~o?this.__entries__[o][1]=t:this.__entries__.push([e,t])},e.prototype.delete=function(e){var t=this.__entries__,o=n(t,e);~o&&t.splice(o,1)},e.prototype.has=function(e){return!!~n(this.__entries__,e)},e.prototype.clear=function(){this.__entries__.splice(0)},e.prototype.forEach=function(n,e){void 0===e&&(e=null);for(var t=0,o=this.__entries__;t<o.length;t++){var a=o[t];n.call(e,a[1],a[0])}},e}()}(),o="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,a=void 0!==n&&n.Math===Math?n:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),i="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(a):function(n){return setTimeout(function(){return n(Date.now())},1e3/60)},r=2;var l=20,s=["top","right","bottom","left","width","height","size","weight"],c="undefined"!=typeof MutationObserver,p=function(){function n(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(n,e){var t=!1,o=!1,a=0;function l(){t&&(t=!1,n()),o&&c()}function s(){i(l)}function c(){var n=Date.now();if(t){if(n-a<r)return;o=!0}else t=!0,o=!1,setTimeout(s,e);a=n}return c}(this.refresh.bind(this),l)}return n.prototype.addObserver=function(n){~this.observers_.indexOf(n)||this.observers_.push(n),this.connected_||this.connect_()},n.prototype.removeObserver=function(n){var e=this.observers_,t=e.indexOf(n);~t&&e.splice(t,1),!e.length&&this.connected_&&this.disconnect_()},n.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},n.prototype.updateObservers_=function(){var n=this.observers_.filter(function(n){return n.gatherActive(),n.hasActive()});return n.forEach(function(n){return n.broadcastActive()}),n.length>0},n.prototype.connect_=function(){o&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},n.prototype.disconnect_=function(){o&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},n.prototype.onTransitionEnd_=function(n){var e=n.propertyName,t=void 0===e?"":e;s.some(function(n){return!!~t.indexOf(n)})&&this.refresh()},n.getInstance=function(){return this.instance_||(this.instance_=new n),this.instance_},n.instance_=null,n}(),d=function(n,e){for(var t=0,o=Object.keys(e);t<o.length;t++){var a=o[t];Object.defineProperty(n,a,{value:e[a],enumerable:!1,writable:!1,configurable:!0})}return n},u=function(n){return n&&n.ownerDocument&&n.ownerDocument.defaultView||a},f=v(0,0,0,0);function _(n){return parseFloat(n)||0}function m(n){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];return e.reduce(function(e,t){return e+_(n["border-"+t+"-width"])},0)}function h(n){var e=n.clientWidth,t=n.clientHeight;if(!e&&!t)return f;var o=u(n).getComputedStyle(n),a=function(n){for(var e={},t=0,o=["top","right","bottom","left"];t<o.length;t++){var a=o[t],i=n["padding-"+a];e[a]=_(i)}return e}(o),i=a.left+a.right,r=a.top+a.bottom,l=_(o.width),s=_(o.height);if("border-box"===o.boxSizing&&(Math.round(l+i)!==e&&(l-=m(o,"left","right")+i),Math.round(s+r)!==t&&(s-=m(o,"top","bottom")+r)),!function(n){return n===u(n).document.documentElement}(n)){var c=Math.round(l+i)-e,p=Math.round(s+r)-t;1!==Math.abs(c)&&(l-=c),1!==Math.abs(p)&&(s-=p)}return v(a.left,a.top,l,s)}var b="undefined"!=typeof SVGGraphicsElement?function(n){return n instanceof u(n).SVGGraphicsElement}:function(n){return n instanceof u(n).SVGElement&&"function"==typeof n.getBBox};function g(n){return o?b(n)?function(n){var e=n.getBBox();return v(0,0,e.width,e.height)}(n):h(n):f}function v(n,e,t,o){return{x:n,y:e,width:t,height:o}}var y=function(){function n(n){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=v(0,0,0,0),this.target=n}return n.prototype.isActive=function(){var n=g(this.target);return this.contentRect_=n,n.width!==this.broadcastWidth||n.height!==this.broadcastHeight},n.prototype.broadcastRect=function(){var n=this.contentRect_;return this.broadcastWidth=n.width,this.broadcastHeight=n.height,n},n}(),x=function(){return function(n,e){var t,o,a,i,r,l,s,c=(o=(t=e).x,a=t.y,i=t.width,r=t.height,l="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,s=Object.create(l.prototype),d(s,{x:o,y:a,width:i,height:r,top:a,right:o+i,bottom:r+a,left:o}),s);d(this,{target:n,contentRect:c})}}(),E=function(){function n(n,e,o){if(this.activeObservations_=[],this.observations_=new t,"function"!=typeof n)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=n,this.controller_=e,this.callbackCtx_=o}return n.prototype.observe=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(n instanceof u(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(n)||(e.set(n,new y(n)),this.controller_.addObserver(this),this.controller_.refresh())}},n.prototype.unobserve=function(n){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(n instanceof u(n).Element))throw new TypeError('parameter 1 is not of type "Element".');var e=this.observations_;e.has(n)&&(e.delete(n),e.size||this.controller_.removeObserver(this))}},n.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},n.prototype.gatherActive=function(){var n=this;this.clearActive(),this.observations_.forEach(function(e){e.isActive()&&n.activeObservations_.push(e)})},n.prototype.broadcastActive=function(){if(this.hasActive()){var n=this.callbackCtx_,e=this.activeObservations_.map(function(n){return new x(n.target,n.broadcastRect())});this.callback_.call(n,e,n),this.clearActive()}},n.prototype.clearActive=function(){this.activeObservations_.splice(0)},n.prototype.hasActive=function(){return this.activeObservations_.length>0},n}(),A="undefined"!=typeof WeakMap?new WeakMap:new t,w=function(){return function n(e){if(!(this instanceof n))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var t=p.getInstance(),o=new E(e,t,this);A.set(this,o)}}();["observe","unobserve","disconnect"].forEach(function(n){w.prototype[n]=function(){var e;return(e=A.get(this))[n].apply(e,arguments)}});var M=void 0!==a.ResizeObserver?a.ResizeObserver:w;e.a=M}).call(this,t(66))},function(n,e,t){"use strict";(function(n){var t="object"==typeof n&&n&&n.Object===Object&&n;e.a=t}).call(this,t(66))},function(n,e,t){"use strict";(function(n){var o,a=t(4),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(3),d=t.n(p),u=t(53),f=t(17),_=t(35),m=t.n(_);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var h=function(n){var e=n.open,t=n.menu,o=n.isSecondaryMenu,a=n.isResize,r=n.activeChildId,s=n.showIndicator,c=n.indicatorX,p=n.createHandleClickItem,_=n.createSetRef;return l.a.createElement("div",{className:d()(m.a.secondaryNav,e&&m.a.secondaryNavOpen)},l.a.createElement("div",{className:m.a.secondaryNavLinkContainer},t&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){var t=i.a.isEmpty(n.link)?n.href:n.link;return l.a.createElement(f.Link,{className:d()(m.a.secondaryNavItem,n.id===r&&m.a.secondaryNavItemOpen),key:"level3-".concat(e),to:t,onClick:!n.openNewTab&&p(n.id),openNewTab:n.openNewTab},l.a.createElement("span",{ref:_(n.id)},n.title),l.a.createElement("span",{className:d()(m.a.indicator)}))}),l.a.createElement(u.default,{isResize:a,show:s,x:c})," "))};h.propTypes={open:c.a.bool,menu:c.a.object,isResize:c.a.bool,isSecondaryMenu:c.a.bool,activeChildId:c.a.any,showIndicator:c.a.bool,indicatorX:c.a.number,createHandleClickItem:c.a.func,createSetRef:c.a.func};var b,g,v=h;e.a=v,(b=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(b.register(h,"SubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js"),b.register(v,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js")),(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&g(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),a=t.n(o),i=t(78),r=t(79),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];e=a,t||(t=requestAnimationFrame(function(){t=null,n.apply(void 0,e)}))};return o.cancel=function(){t&&(cancelAnimationFrame(t),t=null)},o},s=t(1);var c=function(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)},p=t(80),d="object"==typeof self&&self&&self.Object===Object&&self,u=p.a||d||Function("return this")(),f=function(){return u.Date.now()},_=u.Symbol,m=Object.prototype,h=m.hasOwnProperty,b=m.toString,g=_?_.toStringTag:void 0;var v=function(n){var e=h.call(n,g),t=n[g];try{n[g]=void 0;var o=!0}catch(n){}var a=b.call(n);return o&&(e?n[g]=t:delete n[g]),a},y=Object.prototype.toString;var x=function(n){return y.call(n)},E="[object Null]",A="[object Undefined]",w=_?_.toStringTag:void 0;var M=function(n){return null==n?void 0===n?A:E:w&&w in Object(n)?v(n):x(n)};var D=function(n){return null!=n&&"object"==typeof n},C="[object Symbol]";var O=function(n){return"symbol"==typeof n||D(n)&&M(n)==C},F=NaN,k=/^\s+|\s+$/g,I=/^[-+]0x[0-9a-f]+$/i,R=/^0b[01]+$/i,L=/^0o[0-7]+$/i,P=parseInt;var B=function(n){if("number"==typeof n)return n;if(O(n))return F;if(c(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=c(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=n.replace(k,"");var t=R.test(n);return t||L.test(n)?P(n.slice(2),t?2:8):I.test(n)?F:+n},T="Expected a function",N=Math.max,W=Math.min;var U=function(n,e,t){var o,a,i,r,l,s,p=0,d=!1,u=!1,_=!0;if("function"!=typeof n)throw new TypeError(T);function m(e){var t=o,i=a;return o=a=void 0,p=e,r=n.apply(i,t)}function h(n){var t=n-s;return void 0===s||t>=e||t<0||u&&n-p>=i}function b(){var n=f();if(h(n))return g(n);l=setTimeout(b,function(n){var t=e-(n-s);return u?W(t,i-(n-p)):t}(n))}function g(n){return l=void 0,_&&o?m(n):(o=a=void 0,r)}function v(){var n=f(),t=h(n);if(o=arguments,a=this,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(b,e),d?m(n):r}(s);if(u)return l=setTimeout(b,e),m(s)}return void 0===l&&(l=setTimeout(b,e)),r}return e=B(e)||0,c(t)&&(d=!!t.leading,i=(u="maxWait"in t)?N(B(t.maxWait)||0,e):i,_="trailing"in t?!!t.trailing:_),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=a=l=void 0},v.flush=function(){return void 0===l?r:g(f())},v},K="Expected a function";var S=function(n,e,t){var o=!0,a=!0;if("function"!=typeof n)throw new TypeError(K);return c(t)&&(o="leading"in t?!!t.leading:o,a="trailing"in t?!!t.trailing:a),U(n,e,{leading:o,maxWait:e,trailing:a})},j={debounce:U,throttle:S},z=function(n){return j[n]},H=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},q=function(n){return n instanceof Element||n instanceof HTMLDocument};function G(n){return(G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function V(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function J(n,e){return!e||"object"!==G(e)&&"function"!=typeof e?function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(n):e}function Y(n){return(Y=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)})(n)}function Z(n,e){return(Z=Object.setPrototypeOf||function(n,e){return n.__proto__=e,n})(n,e)}var Q=function(n){function e(){return function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),J(this,Y(e).apply(this,arguments))}var t,a,i;return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),e&&Z(n,e)}(e,o["PureComponent"]),t=e,(a=[{key:"render",value:function(){return this.props.children}}])&&V(t.prototype,a),i&&V(t,i),e}();function $(n){return($="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function nn(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,o.key,o)}}function en(n){return(en=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)})(n)}function tn(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function on(n,e){return(on=Object.setPrototypeOf||function(n,e){return n.__proto__=e,n})(n,e)}function an(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var rn=function(n){function e(n){var t,a,s;!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),a=this,s=en(e).call(this,n),t=!s||"object"!==$(s)&&"function"!=typeof s?tn(a):s,an(tn(t),"cancelHandler",function(){t.resizeHandler&&t.resizeHandler.cancel&&(t.resizeHandler.cancel(),t.resizeHandler=null)}),an(tn(t),"rafClean",function(){t.raf&&t.raf.cancel&&(t.raf.cancel(),t.raf=null)}),an(tn(t),"toggleObserver",function(n){var e=t.getElement();e&&t.resizeObserver[n]&&t.resizeObserver[n](e)}),an(tn(t),"getElement",function(){var n=t.props,e=n.querySelector,o=n.targetDomEl;if(!X()){if(e)return document.querySelector(e);if(o&&q(o))return o;var a=t.element&&Object(i.findDOMNode)(t.element);if(a)return a.parentElement}}),an(tn(t),"createUpdater",function(){return t.rafClean(),t.raf=l(function(n){var e=n.width,o=n.height,a=t.props.onResize;H(a)&&a(e,o),t.setState({width:e,height:o})}),t.raf}),an(tn(t),"createResizeHandler",function(n){var e=t.state,o=e.width,a=e.height,i=t.props,r=i.handleWidth,l=i.handleHeight;if(r||l){var s=t.createUpdater();n.forEach(function(n){var e=n&&n.contentRect||{},i=e.width,c=e.height,p=r&&o!==i||l&&a!==c;!t.skipOnMount&&p&&!X()&&s({width:i,height:c}),t.skipOnMount=!1})}}),an(tn(t),"onRef",function(n){t.element=n}),an(tn(t),"getRenderType",function(){var n=t.props,e=n.render,a=n.children;return H(e)?"renderProp":H(a)?"childFunction":Object(o.isValidElement)(a)?"child":Array.isArray(a)?"childArray":"parent"}),an(tn(t),"getTargetComponent",function(){var n=t.props,e=n.render,a=n.children,i=n.nodeType,r=t.state,l={width:r.width,height:r.height};switch(t.getRenderType()){case"renderProp":return Object(o.cloneElement)(e(l),{key:"resize-detector"});case"childFunction":return Object(o.cloneElement)(a(l));case"child":return Object(o.cloneElement)(a,l);case"childArray":return a.map(function(n){return!!n&&Object(o.cloneElement)(n,l)});default:return Object(o.createElement)(i)}});var c=n.skipOnMount,p=n.refreshMode,d=n.refreshRate,u=n.refreshOptions;t.state={width:void 0,height:void 0},t.skipOnMount=c,t.raf=null,t.element=null,t.unmounted=!1;var f=z(p);return t.resizeHandler=f?f(t.createResizeHandler,d,u):t.createResizeHandler,t.resizeObserver=new r.a(t.resizeHandler),t}var t,s,c;return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),e&&on(n,e)}(e,o["PureComponent"]),t=e,(s=[{key:"componentDidMount",value:function(){this.toggleObserver("observe")}},{key:"componentWillUnmount",value:function(){this.toggleObserver("unobserve"),this.rafClean(),this.cancelHandler(),this.unmounted=!0}},{key:"render",value:function(){return a.a.createElement(Q,{ref:this.onRef},this.getTargetComponent())}}])&&nn(t.prototype,s),c&&nn(t,c),e}();rn.propTypes={handleWidth:s.bool,handleHeight:s.bool,skipOnMount:s.bool,refreshRate:s.number,refreshMode:s.string,refreshOptions:Object(s.shape)({leading:s.bool,trailing:s.bool}),querySelector:s.string,targetDomEl:s.any,onResize:s.func,render:s.func,children:s.any,nodeType:s.node},rn.defaultProps={handleWidth:!1,handleHeight:!1,skipOnMount:!1,refreshRate:1e3,refreshMode:void 0,refreshOptions:void 0,querySelector:null,targetDomEl:null,onResize:null,render:void 0,children:null,nodeType:"div"};var ln=rn;e.a=ln},function(n,e,t){(function(n){var e;(e=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&e(n);var o,a,i=t(49).default,r=t(50).default,l=t(51).default,s=t(52).default,c=t(53).default,p=t(92).default,d=t(54).default,u=t(97).default,f=t(55).default,_=t(56).default,m=t(100).default,h=t(44).default;t(107),n.exports={AccountMenu:i,CheckBox:r,ChosenArrow:l,DropdownBox:s,IconSelect:c,LoginNav:p,NotificationButton:d,NotificationSettings:u,NotificationsPopup:f,SwitchBox:_,TopNav:m,UserInfo:h},(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(o.register(i,"AccountMenu","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(r,"CheckBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(l,"ChosenArrow","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(s,"DropdownBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(c,"IconSelect","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(p,"LoginNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(d,"NotificationButton","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(u,"NotificationSettings","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(f,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(_,"SwitchBox","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(m,"TopNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js"),o.register(h,"UserInfo","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/index.js")),(a=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&a(n)}).call(this,t(85)(n))},,function(n,e){n.exports=function(n){return n.webpackPolyfill||(n.deprecate=function(){},n.paths=[],n.children||(n.children=[]),Object.defineProperty(n,"loaded",{enumerable:!0,get:function(){return n.l}}),Object.defineProperty(n,"id",{enumerable:!0,get:function(){return n.i}}),n.webpackPolyfill=1),n}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(58)),A=o(t(59));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._3Yrr8BSysj0rX_n27afX1v {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._39pyudu_xKObZW6pdJuvzE {\n    display: none; } }\n\n._1DBEhWVAp80KcvisVjxeoJ {\n  position: absolute;\n  right: 0;\n  top: 40px;\n  color: #2A2A2B;\n  border-radius: 10px;\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n  width: 288px;\n  background: #FFFFFF;\n  border-radius: 6px;\n  overflow: hidden;\n  z-index: 1;\n  display: none; }\n  ._1DBEhWVAp80KcvisVjxeoJ .J7AZ7AoZpMiqcGkk5EiPI {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\n    display: block; }\n  ._1DBEhWVAp80KcvisVjxeoJ a {\n    color: #2A2A2B; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\n    padding: 0 20px;\n    display: none;\n    align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\n      background: #137D60;\n      color: #FFFFFF;\n      height: 90px; }\n      @media (min-width: 769px) {\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B:not(.aglP2X7ywZf438_Bb1dtR) {\n          display: flex; } }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._1wFEBuiGu2rmAiS_Agpkj0 {\n      display: flex;\n      flex-direction: column; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3Y2gUUZLS01E2DBwAmL5AC {\n      font-size: 16px;\n      line-height: 20px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3MNC9RVKZqkHXDT4LawW2U {\n      font-size: 12px;\n      line-height: 14px;\n      margin-top: 4px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B .SLZdcUmntH_Gz43MlKy_e {\n      margin-right: 10px;\n      border-radius: 50%; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO {\n    background: #2A2A2B;\n    height: 50px;\n    display: flex;\n    align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO ._2mlsFz0e2JplFFCaXj8NGz {\n      margin: 0 10px 0 22px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._2eGTkF96fLsq65vhLrHCwO a {\n      color: #FFFFFF;\n      font-size: 14px;\n      line-height: 30px; }\n  @media (min-width: 769px) {\n    ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 {\n      display: none; } }\n  @media (min-width: 769px) {\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\n      padding: 15px 0 25px 0; } }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\n    height: 50px;\n    display: flex;\n    align-items: center;\n    margin: -5px 0;\n    padding: 0 20px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 30px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\n      background: #F4F4F4; }\n  ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\n    background: #E0E0E0;\n    height: 1px;\n    width: 100%;\n    margin: 10px;\n    height: 1px;\n    width: calc(100% - 40px);\n    align-self: center;\n    display: block; }\n    @media (min-width: 769px) {\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8._39pyudu_xKObZW6pdJuvzE {\n        display: none; } }\n\n@media (max-width: 768px) {\n  ._1DBEhWVAp80KcvisVjxeoJ {\n    position: fixed;\n    width: 100%;\n    height: 100vh;\n    overflow-y: auto;\n    background: #FFFFFF;\n    display: none;\n    z-index: 10;\n    top: 0;\n    display: none;\n    flex-direction: column;\n    border-radius: 0; }\n    ._1DBEhWVAp80KcvisVjxeoJ._13ZRWXhKBcHUN13XpzxXsP {\n      display: flex; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B {\n      padding: 7px 0 5px 17px;\n      display: none;\n      justify-content: space-between;\n      align-items: center; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B.aglP2X7ywZf438_Bb1dtR {\n        display: flex; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU {\n        display: flex;\n        align-items: center;\n        margin-bottom: 2px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU img {\n          border: 3px solid #C0C0C0;\n          border-radius: 33px;\n          margin-right: 17px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._1wFEBuiGu2rmAiS_Agpkj0 {\n          display: flex;\n          flex-direction: column;\n          padding-top: 15px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU ._3Y2gUUZLS01E2DBwAmL5AC {\n          font-family: 'Roboto';\n          font-weight: 700;\n          font-size: 20px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._2GIRHsafrrsIqKD2lAgAXU .U68y4Y2wNYKEkEoINGHp5 {\n          font-family: 'Roboto';\n          font-weight: 400;\n          font-size: 12px;\n          color: #404041; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3-ni4BP9S3pMtBmuWTdD-B ._3c5H0OfZrcQpn4rG8MAh-8 {\n        width: 50px;\n        height: 50px;\n        display: flex;\n        justify-content: center;\n        align-items: center; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 {\n      height: 75px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U {\n        display: flex;\n        align-items: center;\n        margin-bottom: 2px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U .zQhXk6aWa6UXm3lw65C95 {\n          margin: 0 10px 0 22px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._3u_I26yp1U87z6Yn0Cae8U ._1-ZXl0prjSGlB_Vf0WA85o {\n          color: #EF476F;\n          margin: 0 10px; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 ._25QTeNs1kXRb0Igox89CPc {\n        width: 50px;\n        height: 50px;\n        display: flex;\n        justify-content: center;\n        align-items: center; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._2G9iuF8gnQNbBoenxbaMw0 a {\n        color: #FFFFFF;\n        font-size: 14px;\n        line-height: 30px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3UHEVi5mxH3vXVq1kdlxdI {\n      background: #E0E0E0;\n      width: calc(100% - 46px);\n      height: 1px;\n      align-self: center;\n      padding: 0 20px; }\n    ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd {\n      display: flex;\n      flex-direction: column;\n      margin-top: 15px; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd ._1W9uvJn9LnD8xfxtrvZOi8 {\n        background: #E0E0E0;\n        width: calc(100% - 46px);\n        margin: 15px 0;\n        height: 1px;\n        align-self: center;\n        padding: 0 20px; }\n      ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a {\n        color: #2A2A2B;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        margin: 5px 0;\n        padding: 0 20px; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a:hover {\n          background: #F4F4F4; }\n        ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj {\n          display: flex;\n          justify-content: space-between; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._2SJSsuwf42CFIJW_MO_h6M {\n            font-size: 18px;\n            font-family: 'Roboto';\n            font-weight: 700;\n            background: url("+E+") left center no-repeat;\n            background-size: 16px;\n            padding-left: 28px;\n            text-align: left; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._2LjGSqSat-Ui6-yUgv4xxg ._1-ZXl0prjSGlB_Vf0WA85o {\n            font-size: 14px;\n            color: #EF476F; }\n          ._1DBEhWVAp80KcvisVjxeoJ ._3XpyrYezAnF-8HlgAaQPVd a._1uKKtJz3R1OJadiIC1Dhzj ._3MZGOFybb6E3PbTPTEBAIy {\n            background: url("+A+") left center no-repeat;\n            background-size: 10px;\n            width: 10px;\n            height: 16px; } }\n",""]),e.locals={"mobile-only":"_3Yrr8BSysj0rX_n27afX1v","hide-not-mobile":"_39pyudu_xKObZW6pdJuvzE","user-info-popup":"_1DBEhWVAp80KcvisVjxeoJ",backdrop:"J7AZ7AoZpMiqcGkk5EiPI",open:"_13ZRWXhKBcHUN13XpzxXsP",header:"_3-ni4BP9S3pMtBmuWTdD-B","header-mobile":"aglP2X7ywZf438_Bb1dtR","handle-container":"_1wFEBuiGu2rmAiS_Agpkj0",handle:"_3Y2gUUZLS01E2DBwAmL5AC",email:"_3MNC9RVKZqkHXDT4LawW2U",avatar:"SLZdcUmntH_Gz43MlKy_e","switch-to-business-container":"_2eGTkF96fLsq65vhLrHCwO","switch-icon":"_2mlsFz0e2JplFFCaXj8NGz","notifications-mobile":"_2G9iuF8gnQNbBoenxbaMw0",menu:"_3XpyrYezAnF-8HlgAaQPVd",separator:"_1W9uvJn9LnD8xfxtrvZOi8","left-content":"_2GIRHsafrrsIqKD2lAgAXU",description:"U68y4Y2wNYKEkEoINGHp5","icon-close":"_3c5H0OfZrcQpn4rG8MAh-8","noti-left":"_3u_I26yp1U87z6Yn0Cae8U","bell-icon":"zQhXk6aWa6UXm3lw65C95","red-number":"_1-ZXl0prjSGlB_Vf0WA85o","icon-open-noti":"_25QTeNs1kXRb0Igox89CPc","noti-separator":"_3UHEVi5mxH3vXVq1kdlxdI","notification-mobile":"_1uKKtJz3R1OJadiIC1Dhzj","left-notifi":"_2LjGSqSat-Ui6-yUgv4xxg",title:"_2SJSsuwf42CFIJW_MO_h6M","notification-right-arrow":"_3MZGOFybb6E3PbTPTEBAIy"}},function(n,e){n.exports=function(n){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!n||"string"!=typeof n)return n;var t=e.protocol+"//"+e.host,o=t+e.pathname.replace(/\/[^\/]*$/,"/");return n.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(n,e){var a,i=e.trim().replace(/^"(.*)"$/,function(n,e){return e}).replace(/^'(.*)'$/,function(n,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?n:(a=0===i.indexOf("//")?i:0===i.indexOf("/")?t+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(a)+")")})}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(37)),i=o(t(48));e.push([n.i,"/* colors */\n/* Grayscale colors. */\n._3LEfLC6roEXF3q2QmOTHWd {\n  flex: 0 0 15%;\n  display: flex;\n  justify-content: center;\n  margin-top: 12px; }\n  ._3LEfLC6roEXF3q2QmOTHWd .ErMZbUbOq4Ie7FRyaUAjO {\n    background: url("+a+") left center no-repeat;\n    background-size: 7px;\n    width: 12px;\n    height: 7px;\n    cursor: pointer; }\n    ._3LEfLC6roEXF3q2QmOTHWd .ErMZbUbOq4Ie7FRyaUAjO._2KuT4gPTbUDZGJ9I9iH_Hx {\n      background: url("+i+") left center no-repeat;\n      background-size: 10px;\n      width: 9px;\n      height: 7px;\n      margin-left: -5px; }\n",""]),e.locals={checkbox:"_3LEfLC6roEXF3q2QmOTHWd","check-icon":"ErMZbUbOq4Ie7FRyaUAjO",checked:"_2KuT4gPTbUDZGJ9I9iH_Hx"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n._3kEL1CuXIbYxx0bdhqtbUt {\n  position: absolute;\n  bottom: -1px;\n  left: -20px;\n  z-index: 1;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n  ._3kEL1CuXIbYxx0bdhqtbUt svg {\n    display: block; }\n    .theme-light ._3kEL1CuXIbYxx0bdhqtbUt svg {\n      fill: #FBFBFB; }\n    .theme-dark ._3kEL1CuXIbYxx0bdhqtbUt svg {\n      fill: #636363; }\n",""]),e.locals={chosenArrow:"_3kEL1CuXIbYxx0bdhqtbUt"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(60));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .FiI0R2zOapkwMus631VUJ {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .GFH-u2tHEY5bELZr9-mgn {\n    display: none; } }\n\n._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f {\n  background-color: #C0C0C0;\n  border-radius: 15px;\n  width: 148px;\n  height: 30px;\n  position: relative;\n  cursor: pointer; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1Qp_Ah8FxL6gqzhkr1zO-b {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f.uNJnEhKjeOi08aYFNGcBr {\n    background-color: #AAAAAB;\n    box-shadow: inset 0 1px 3px 0 #808080; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f.uNJnEhKjeOi08aYFNGcBr ._1UrYH5pnd2F3BMjqpCcA-c {\n      display: block; }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f:hover {\n    background-color: none;\n    background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s {\n    background-color: #0681FF; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s.uNJnEhKjeOi08aYFNGcBr {\n      background-color: #006DEA;\n      box-shadow: inset 0 1px 3px 0 #404041; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18BWxHVraQeHlJob7KOP7s:hover {\n      background-color: none;\n      background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n      box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._2notQ2VhrCNXWXIVhMk_dR {\n    color: #FFFFFF;\n    font-family: 'Roboto';\n    font-weight: 700;\n    font-size: 13px;\n    line-height: 30px;\n    margin-left: 17px;\n    cursor: pointer; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._2notQ2VhrCNXWXIVhMk_dR ._1Q2X7m7bpTVHzaWex05wh4 {\n      background: url("+E+") left center no-repeat;\n      background-size: 14px;\n      width: 14px;\n      height: 14px;\n      display: block;\n      position: absolute;\n      right: 13px;\n      top: 9px;\n      transform: rotateZ(90deg); }\n  ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c {\n    display: none;\n    background-color: #FFFFFF;\n    border-radius: 6px;\n    box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n    padding: 5px 5px;\n    position: absolute;\n    width: 138px;\n    z-index: 100; }\n    ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li {\n      color: #151516;\n      font-family: 'Roboto';\n      font-weight: 400;\n      font-size: 13px;\n      line-height: 30px;\n      padding-top: 0;\n      min-height: initial;\n      padding-bottom: initial;\n      box-shadow: none;\n      align-items: start;\n      cursor: pointer; }\n      ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li._2m37YSsT85HbU1quxZkX0J {\n        font-weight: 700;\n        background-color: #FAFAFB; }\n      ._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f._18FKlvA7Q96dhDsc31hj-f ._1UrYH5pnd2F3BMjqpCcA-c li:hover {\n        background-color: #F4F9FF; }\n",""]),e.locals={"mobile-only":"FiI0R2zOapkwMus631VUJ","hide-not-mobile":"GFH-u2tHEY5bELZr9-mgn","dropdown-box":"_18FKlvA7Q96dhDsc31hj-f",backdrop:"_1Qp_Ah8FxL6gqzhkr1zO-b",open:"uNJnEhKjeOi08aYFNGcBr",options:"_1UrYH5pnd2F3BMjqpCcA-c",checked:"_18BWxHVraQeHlJob7KOP7s","selected-label":"_2notQ2VhrCNXWXIVhMk_dR","dropdown-arrow":"_1Q2X7m7bpTVHzaWex05wh4",active:"_2m37YSsT85HbU1quxZkX0J"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n.XfmzOwZf6y97UzMGl8VN1 {\n  position: absolute;\n  bottom: -1px;\n  left: -7px;\n  width: 15px;\n  height: 3px;\n  border-radius: 1.5px;\n  background: #43D7B0;\n  -webkit-transition: -webkit-transform 0.5s;\n  transition: transform 0.5s;\n  -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n  transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n",""]),e.locals={iconSelect:"XfmzOwZf6y97UzMGl8VN1"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(9),i=t.n(a),r=t(0),l=t.n(r),s=t(1),c=t.n(s),p=t(69),d=t.n(p),u=t(54),f=t(55),_=t(44),m=t(49),h=t(4),b=t.n(h);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var g=function(n){var e=n.loggedIn,t=n.notifications,o=n.accountMenu,a=n.switchText,s=n.onSwitch,c=n.onMenuOpen,p=n.showNotification,h=n.profile,g=n.authURLs,v=n.auth,y=n.markNotificationAsRead,x=n.markAllNotificationAsRead,E=n.markAllNotificationAsSeen,A=n.dismissChallengeNotifications,w=Object(r.useState)(),M=i()(w,2),D=M[0],C=M[1],O=Object(r.useState)(),F=i()(O,2),k=F[0],I=F[1],R=Object(r.useRef)(null),L=Object(r.useRef)(null);Object(r.useEffect)(function(){var n=function(){C(!1),I(!1),document.body.style.position=""};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]),Object(r.useEffect)(function(){var n=!!document.documentMode,e=!n&&!!window.StyleMedia;if(n||e){var t=function(n){L.current.contains(n.target)||R.current.contains(n.target)||(I(!1),document.body.style.position="")};return document.addEventListener("mousedown",t,!0),function(){return document.removeEventListener("mousedown",t,!0)}}},[]);var P=function(){return C(function(n){return!n})},B=function(){k||(c(),window.innerWidth<=768&&(document.body.style.position="fixed")),I(function(n){return!n})},T=b.a.filter(t||[],function(n){return!n.isSeen&&!n.isRead}).map(function(n){return n.id}).join("-"),N=b.a.filter(t||[],function(n){return!n.isRead}).length>0;return l.a.createElement("div",{className:d.a.loginContainer},e?p?[l.a.createElement(u.default,{notifications:t||[],notificationsPopupOpen:D,onClick:P,key:"notification-button"}),l.a.createElement(_.default,{profile:h,newNotifications:!!T,onClick:B,open:k,key:"user-info",domRef:L})]:l.a.createElement(_.default,{profile:h,newNotifications:!!T,onClick:B,open:k,key:"user-info",domRef:L}):l.a.createElement("a",{href:"javascript:void(0)",onClick:function(n){var e=encodeURIComponent(window.location.href);return window.location=g.location.replace("%S",e).replace("member?","#!/member?"),n.preventDefault(),!1}},"LOGIN"),l.a.createElement(f.default,{open:D,notifications:t,onClose:function(){T&&E(T,v.tokenV3),C(!1)},auth:v,unReadNotifications:N,markNotificationAsRead:y,markAllNotificationAsRead:x,dismissChallengeNotifications:A}),l.a.createElement(m.default,{profile:h,open:k,menu:o,switchText:a,numNotifications:b.a.filter(t||[],function(n){return!n.isSeen&&!n.isRead}).length,onClickNotifications:P,onSwitch:s,onClose:function(){I(!1),document.body.style.position=""},domRef:R}))};g.propTypes={loggedIn:c.a.bool,notifications:c.a.array,accountMenu:c.a.array,onSwitch:c.a.func,onMenuOpen:c.a.func,showNotification:c.a.bool,profile:c.a.shape(),auth:c.a.shape(),switchText:c.a.shape(),authURLs:c.a.shape(),markNotificationAsRead:c.a.func.isRequired,markAllNotificationAsRead:c.a.func.isRequired,markAllNotificationAsSeen:c.a.func.isRequired,dismissChallengeNotifications:c.a.func.isRequired};var v,y,x=g;e.default=x,(v=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(v.register(g,"LoginNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js"),v.register(x,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/LoginNav/index.js")),(y=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&y(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,"/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .TLi8zlACFsu05s9-S0KD6 {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .XioWN-AAeGkJnsjIq4V5z {\n    display: none; } }\n\n._1lZDYTI4twm2tPiSSYmH7j {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: default; }\n  @media (max-width: 768px) {\n    ._1lZDYTI4twm2tPiSSYmH7j .FoUSAd5lNc93mRCKoyl8k {\n      display: none; } }\n",""]),e.locals={"mobile-only":"TLi8zlACFsu05s9-S0KD6","hide-not-mobile":"XioWN-AAeGkJnsjIq4V5z",loginContainer:"_1lZDYTI4twm2tPiSSYmH7j",notificationButton:"FoUSAd5lNc93mRCKoyl8k"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1FbstsxsOYjjccIB78Bf5 {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._3INAjyGw8wQPHAB_Re4yHH {\n    display: none; } }\n\n._2Ii9wrSzf3Okhwg8qclKNK {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px; }\n  @media (max-width: 768px) {\n    ._2Ii9wrSzf3Okhwg8qclKNK {\n      display: none; } }\n  ._2Ii9wrSzf3Okhwg8qclKNK img {\n    display: block; }\n  ._2Ii9wrSzf3Okhwg8qclKNK.q_nxMe059lniB16rnd5Tn {\n    opacity: 0.5; }\n  ._2Ii9wrSzf3Okhwg8qclKNK._3xZrCGzwx7RuauWwYHwENh::after {\n    content: "";\n    width: 6px;\n    height: 6px;\n    position: absolute;\n    top: -1px;\n    right: 3px;\n    background: #EF476F;\n    border-radius: 6px;\n    display: block; }\n  ._2Ii9wrSzf3Okhwg8qclKNK:hover, ._2Ii9wrSzf3Okhwg8qclKNK._1fEPa0UNfOfqQP46l2DmfT {\n    background-color: rgba(85, 85, 85, 0.4);\n    border-radius: 50%; }\n',""]),e.locals={"mobile-only":"_1FbstsxsOYjjccIB78Bf5","hide-not-mobile":"_3INAjyGw8wQPHAB_Re4yHH",notificationButton:"_2Ii9wrSzf3Okhwg8qclKNK",none:"q_nxMe059lniB16rnd5Tn",new:"_3xZrCGzwx7RuauWwYHwENh",isNotificationsPopupOpen:"_1fEPa0UNfOfqQP46l2DmfT"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(61)),A=o(t(37)),w=o(t(62)),M=o(t(63));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n._3uzpwBKEA-MbCkI9aIMOp7 {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n.dqp77tD8W2ETuOAfmPKrb {\n  position: relative; }\n\n._10uxAesUyb2uI6gmKN7J6z {\n  display: none !important; }\n\n._3jhWQHRm5iNa8aHKufZPJM {\n  display: none; }\n\n._3DFOkrCgDMnvjCqabi6xXD {\n  display: block; }\n\n._3zI77bcsXMPehS4g_swO9f {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  ._3zI77bcsXMPehS4g_swO9f.njaE6s5GBKM1QWGa3X0N1 {\n    align-items: flex-start; }\n\n._3_kpxJWCILsR8Tg-9uKzXZ {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n._2oHjajwzyk-5gR6VkemMLi {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  ._2oHjajwzyk-5gR6VkemMLi.tTm4NWRWu70QFI-vy6lfh, ._2oHjajwzyk-5gR6VkemMLi:active, ._2oHjajwzyk-5gR6VkemMLi:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n.iFKI2Ov4qa7QzgTzmFOtv,\n.iFKI2Ov4qa7QzgTzmFOtv:hover,\n.iFKI2Ov4qa7QzgTzmFOtv:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n.iFKI2Ov4qa7QzgTzmFOtv:hover {\n  opacity: 0.75; }\n\n.iFKI2Ov4qa7QzgTzmFOtv {\n  background-color: #2C95D7; }\n  .iFKI2Ov4qa7QzgTzmFOtv._2SKHVaubAgUcwsNX6eYUJk, .iFKI2Ov4qa7QzgTzmFOtv:disabled, .iFKI2Ov4qa7QzgTzmFOtv[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n._2qrP7i56V22adC8xa8ezas,\n._2qrP7i56V22adC8xa8ezas:hover,\n._2qrP7i56V22adC8xa8ezas:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n._2qrP7i56V22adC8xa8ezas:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1KRwHAl5IRhFceiZQ7zk5B {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1NDEgCD5MJCfPAwdP9B9P {\n    display: none; } }\n\n._2bDaoAmFShmqVrbIpK298u {\n  background-color: #FFFFFF;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n  width: 480px;\n  height: auto;\n  position: absolute;\n  right: 10px;\n  top: 40px;\n  display: none;\n  z-index: 100;\n  cursor: default; }\n  ._2bDaoAmFShmqVrbIpK298u [role=\"button\"]:not(._2SKHVaubAgUcwsNX6eYUJk) {\n    cursor: pointer; }\n  ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n    display: flex; }\n  ._2bDaoAmFShmqVrbIpK298u ._1WVxyW6Rc0m3600-JdYsfL {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n    background-color: #0AB88A;\n    border-radius: 10px 10px 0 0;\n    padding: 17px 20px;\n    height: 50px;\n    position: sticky;\n    top: 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n      display: flex; }\n      @media (max-width: 768px) {\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._9Cu-O6etHYdsCuPXfisaQ {\n          display: none; } }\n      @media (min-width: 769px) {\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Al5qt_SIdZJrXcKNRD8cH {\n          display: none; } }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n        background-size: 16px;\n        color: #FFFFFF;\n        font-size: 16px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        text-align: left;\n        padding-left: 10px; }\n        @media (max-width: 768px) {\n          ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik ._1Jut592jFrUwlSXPV4dtcK {\n            display: none; } }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n      flex-basis: 50%;\n      background-size: 20px;\n      color: #FFFFFF;\n      font-size: 20px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      text-align: center; }\n      @media (min-width: 769px) {\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1jJ9N2HuKmQUj_A-mQ67qW {\n          display: none; } }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n      flex-basis: 50%;\n      margin-right: 60px;\n      background-size: 20px;\n      color: #FFFFFF;\n      font-size: 20px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      text-align: left; }\n      @media (min-width: 769px) {\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1f8lcBrHq9x6yvItqU7Ep2 {\n          display: none; } }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW {\n      color: #FFFFFF;\n      display: inline-block;\n      vertical-align: middle;\n      font-size: 12px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      text-align: right; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW:hover {\n        opacity: 0.75; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h .gG-EY-ujRac3C3XNmxXsW._2SKHVaubAgUcwsNX6eYUJk {\n        opacity: 0.50; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h ._3FpWnCPiOuQJLQsSr57gf7 {\n      width: 3px;\n      height: 3px;\n      background-color: #FFFFFF;\n      border-radius: 100%;\n      display: inline-block;\n      vertical-align: middle; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n      display: none; }\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n    max-height: 800px;\n    overflow: scroll;\n    scrollbar-width: 7px;\n    scrollbar-color: #2A2A2B; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n      padding-bottom: 50px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j {\n      text-align: center; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._23EoeJfN5HQfGll9F8EyQk {\n      margin: 50px auto; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PX9-2AtdZY9sGhVyChc1t {\n      background: url("+E+") center center no-repeat;\n      background-size: 73px 80px;\n      width: 73px;\n      height: 80px;\n      margin: 50px 0 10px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._33BRWgRqLuhFi0Z_fj9uND {\n      color: #2A2A2B;\n      font-size: 24px;\n      font-family: Barlow;\n      line-height: 26px;\n      font-weight: 600;\n      text-transform: uppercase; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN {\n      margin: 0;\n      color: #2A2A2B;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      line-height: 22px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN._1wodp8ZcZPls60OS2tJ98H {\n        text-align: center;\n        margin: 15px auto 25px auto; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3zu5BfIWJ71Fd4J1DqWfkN a {\n        color: #0d61bf;\n        text-decoration: underline;\n        cursor: pointer; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._31SfJMmwFiAncZnGzrr985 {\n      background-color: #B5E9DB;\n      height: 28px;\n      color: #229174;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      line-height: 28px;\n      padding-left: 20px;\n      margin-top: -2px;\n      position: sticky;\n      position: -webkit-sticky;\n      top: 0;\n      padding-right: 20px;\n      padding-top: 2px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3PUmu4TJfpeh0EsusdDRik {\n      background-color: #F4F4F4;\n      color: #2A2A2B;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 700;\n      font-weight: 500;\n      line-height: 22px;\n      padding-left: 20px;\n      margin-top: -2px;\n      padding: 5px 20px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F:last-child ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n      border-bottom: 0; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2U6_rtw03hfHM93vyb4eBM,\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._3pSfnLAttSYTLgZyBO-I6F {\n      margin-top: -2px;\n      background-color: #FFFFFF;\n      padding-top: 5px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n      position: absolute;\n      right: 1px;\n      top: 50%;\n      margin-top: -10px;\n      z-index: 666;\n      display: none; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R {\n        display: block;\n        background: url("+A+") center center no-repeat;\n        background-size: 10px;\n        width: 20px;\n        height: 20px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._2HHwQfzOvSt5DilSiYDF1R:hover {\n          background: url("+w+") center center no-repeat; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n        position: absolute;\n        top: -28px;\n        left: -76px;\n        background-color: #2A2A2B;\n        border-radius: 2px;\n        padding: 6px 0;\n        color: #FFFFFF;\n        font-size: 11px;\n        font-family: 'Roboto';\n        font-weight: 400;\n        line-height: 13px;\n        text-align: center;\n        min-width: 110px;\n        display: none; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n          content: '';\n          display: block;\n          position: absolute;\n          bottom: -5px;\n          left: calc(50% + 30px);\n          margin-left: -3px;\n          width: 0;\n          height: 0;\n          border-left: 4px solid transparent;\n          border-right: 4px solid transparent;\n          border-top: 5px solid #2A2A2B; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n        display: block; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR {\n      background-color: #FFFFFF;\n      padding: 5px 20px;\n      display: flex;\n      justify-content: space-between; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX {\n        display: flex;\n        flex-direction: column;\n        padding-left: 30px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._3zu5BfIWJ71Fd4J1DqWfkN {\n          margin: 0;\n          color: #2A2A2B;\n          font-size: 14px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 22px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._3-CsLueVOP-Sz_QfKfcxhX ._32hmK9ADRmBSTzMopKTqjl {\n          display: inline-block;\n          vertical-align: middle;\n          color: #AAA;\n          font-size: 12px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 20px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3FpWnCPiOuQJLQsSr57gf7 {\n        width: 10px;\n        height: 10px;\n        background-color: #FFFFFF;\n        border-radius: 100%;\n        display: inline-block;\n        vertical-align: middle;\n        cursor: pointer; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._2xZJ_8SvvE83FXweMbCHiQ {\n        background-color: #EF476F; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1vFU1IULi3uB1nW05MNVbR ._206pokmSILHpJaqgYudJUx ._3ev54BPuVdNmvF_zTD5HV0 {\n        background-color: #D4D4D4; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n      padding: 0 30px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover {\n        background-color: #FBFBFB; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn:hover .yHh07r7iWc4GuTRcs4pX0 {\n          display: block; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru {\n        display: block;\n        padding: 10px 0;\n        border-bottom: 1px solid #E0E0E0;\n        position: relative;\n        cursor: pointer; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n          padding-right: 30px; }\n        @media (max-width: 768px) {\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._14yTDJk6l1sYTGFTef-Ym_ {\n            display: none; } }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb {\n        margin-top: 5px;\n        line-height: 20px;\n        font-size: 12px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._2ZUCs8P9S0HpqiCqTvFQdz {\n          padding: 0px 10px;\n          display: inline-block;\n          margin-right: 6px;\n          background-color: #50ADE8;\n          border-radius: 5px;\n          color: #FFFFFF;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 20px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._14BY8-HwlYHKowDEAHswcb ._32hmK9ADRmBSTzMopKTqjl {\n          display: inline-block;\n          vertical-align: middle;\n          color: #AAA;\n          font-size: 12px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 20px; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX {\n      background-color: #F4F4F4;\n      height: 50px;\n      padding-left: 20px;\n      margin-top: -4px;\n      z-index: 1;\n      position: relative;\n      display: flex;\n      justify-content: space-between;\n      align-items: center; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n        padding-left: 26px;\n        background: url("+M+") left center no-repeat;\n        background-size: 15px;\n        color: #2A2A2B;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        width: calc(100% - 70px);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n        right: 20px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX:hover .yHh07r7iWc4GuTRcs4pX0 {\n        display: block; }\n  ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH {\n    display: grid;\n    background-color: #F4F4F4;\n    page-break-after: auto;\n    position: relative;\n    position: sticky;\n    position: -webkit-sticky;\n    top: 0;\n    z-index: 2;\n    text-align: center;\n    border-radius: 0 0 10px 10px;\n    height: 42px; }\n    ._2bDaoAmFShmqVrbIpK298u ._3pIDWY_lBmJURjVgicjlQH a {\n      margin: auto;\n      color: #0d61bf;\n      font-size: 14px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      line-height: 22px;\n      text-decoration: underline;\n      padding: 0; }\n  ._2bDaoAmFShmqVrbIpK298u ._4_Xr0xGB9gg5Xbx30yOpI {\n    text-align: center;\n    margin: 0 auto 50px auto; }\n  ._2bDaoAmFShmqVrbIpK298u ._203n6NLK0TpwNfE1LM3U_ {\n    background-color: #FBFBFB;\n    border-radius: 0 0 10px 10px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    color: #7F7F7F;\n    font-size: 12px;\n    font-family: 'Roboto';\n    font-weight: 400;\n    line-height: 40px;\n    justify-content: center;\n    position: relative;\n    z-index: 10;\n    margin-top: -3px; }\n\n._2bDaoAmFShmqVrbIpK298u {\n  max-height: 70vh;\n  flex-direction: column;\n  flex: 1; }\n  ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n    flex: 1;\n    max-height: calc(100% - 82px); }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n      padding-bottom: 50px;\n      max-height: calc(100% - 40px); }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._26kuYkWWYXCvxDHSBLy8oE {\n      text-transform: uppercase;\n      background-color: #FFFFFF;\n      border: 1px solid #137D60;\n      border-radius: 15px;\n      width: 187px;\n      height: 30px;\n      color: #229174;\n      font-family: 'Roboto';\n      font-weight: 700;\n      font-size: 12px;\n      letter-spacing: 0.8px;\n      line-height: 30px;\n      text-align: left;\n      padding: 9px; }\n\n@media (max-width: 768px) {\n  ._2bDaoAmFShmqVrbIpK298u {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    max-height: none;\n    z-index: 100;\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    box-shadow: none;\n    border-radius: 0;\n    display: none;\n    top: 0;\n    right: 0;\n    overflow-y: auto; }\n    ._2bDaoAmFShmqVrbIpK298u._212HUD_1uAlLuuyrAeehri {\n      display: flex; }\n    ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 {\n      height: 60px;\n      border-radius: 0;\n      align-items: inherit; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._3M96SO4OKP7cVQFlpIQ-Ik {\n        align-content: stretch;\n        flex: 1; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._2r9o0ga7lUDfvlv0Jy9p0h {\n        display: none; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._20RJ4TQaaVrz5BhsY29q3_ {\n        display: flex;\n        flex: 1;\n        justify-content: flex-end; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD {\n        margin: auto 0px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1aGOTxZZ4syg1EJMdBLoUD._2SKHVaubAgUcwsNX6eYUJk {\n          opacity: 0.50; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._358oM7AujstXlvHcnoYHy3 {\n        margin: auto 0px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1RFb2SmIhhRopMZePb4MU5 ._1sAHEAFDeoX_ZTuPXeKmPq {\n        margin-left: 0;\n        padding-left: 0;\n        background: none; }\n    ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN {\n      max-height: calc(100%-102px); }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN._1Bc2hR___vzLOqf-KCSQ8j ._3zu5BfIWJ71Fd4J1DqWfkN {\n        padding: 19px 20px 12px 21px; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN.It-eIvJJzNycowRXYNSGN {\n        padding-bottom: 50px;\n        max-height: calc(100%-60px); }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn {\n        padding: 0 10px 0 20px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._1x6dqFZ-IL6wFdtTotlnCn ._2TVvw7BG7N7OELifFSI4Ru ._3zu5BfIWJ71Fd4J1DqWfkN {\n          padding-right: 0; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 {\n        right: 5px; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF {\n          left: -90px; }\n          ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0 ._7uhH3BTWyzWMLsM_8WzgF:after {\n            left: 90%; }\n        ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN .yHh07r7iWc4GuTRcs4pX0:hover ._7uhH3BTWyzWMLsM_8WzgF {\n          display: none; }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX ._2aUK1rWbfvxWFNltLlvdq2 {\n        padding-left: 25px;\n        width: calc(100% - 50px); }\n      ._2bDaoAmFShmqVrbIpK298u ._1clear-wT4PIr6Ij0oX6aN ._2H2C7O_dp6KwFeSAwq8AeX .yHh07r7iWc4GuTRcs4pX0 {\n        right: 15px; }\n    ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 {\n      display: flex;\n      justify-content: space-between; }\n      ._2bDaoAmFShmqVrbIpK298u ._31SfJMmwFiAncZnGzrr985 .xfaifYntjgl4Dxspu_eFs {\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 30px;\n        text-align: left; } }\n",""]),e.locals={"wrap-all":"_3uzpwBKEA-MbCkI9aIMOp7",relative:"dqp77tD8W2ETuOAfmPKrb",hide:"_10uxAesUyb2uI6gmKN7J6z","desktop-hide":"_3jhWQHRm5iNa8aHKufZPJM","desktop-show":"_3DFOkrCgDMnvjCqabi6xXD","flex-grid":"_3zI77bcsXMPehS4g_swO9f","item-start":"njaE6s5GBKM1QWGa3X0N1",icons:"_3_kpxJWCILsR8Tg-9uKzXZ",btn:"_2oHjajwzyk-5gR6VkemMLi",active:"tTm4NWRWu70QFI-vy6lfh","btn-blue":"iFKI2Ov4qa7QzgTzmFOtv",disabled:"_2SKHVaubAgUcwsNX6eYUJk","btn-gray":"_2qrP7i56V22adC8xa8ezas","mobile-only":"_1KRwHAl5IRhFceiZQ7zk5B","hide-not-mobile":"_1NDEgCD5MJCfPAwdP9B9P","notifications-panel":"_2bDaoAmFShmqVrbIpK298u",open:"_212HUD_1uAlLuuyrAeehri",backdrop:"_1WVxyW6Rc0m3600-JdYsfL","noti-header":"_1RFb2SmIhhRopMZePb4MU5",lefts:"_3M96SO4OKP7cVQFlpIQ-Ik","notification-icon":"_9Cu-O6etHYdsCuPXfisaQ","notification-left-btn-mobile":"_1Al5qt_SIdZJrXcKNRD8cH","noti-title":"_1Jut592jFrUwlSXPV4dtcK","noti-title-mobileonly":"_1jJ9N2HuKmQUj_A-mQ67qW","noti-empty-title-mobileonly":"_1f8lcBrHq9x6yvItqU7Ep2",rights:"_2r9o0ga7lUDfvlv0Jy9p0h","white-link":"gG-EY-ujRac3C3XNmxXsW",point:"_3FpWnCPiOuQJLQsSr57gf7","rights-mobile":"_20RJ4TQaaVrz5BhsY29q3_","noti-body":"_1clear-wT4PIr6Ij0oX6aN","noti-body-empty":"It-eIvJJzNycowRXYNSGN",center:"_1Bc2hR___vzLOqf-KCSQ8j","big-icon-bell":"_23EoeJfN5HQfGll9F8EyQk","icon-bell":"_3PX9-2AtdZY9sGhVyChc1t","empty-title":"_33BRWgRqLuhFi0Z_fj9uND",txt:"_3zu5BfIWJ71Fd4J1DqWfkN","center-txt":"_1wodp8ZcZPls60OS2tJ98H","light-bar":"_31SfJMmwFiAncZnGzrr985","challenge-title":"_3PUmu4TJfpeh0EsusdDRik","greybar-section":"_3pSfnLAttSYTLgZyBO-I6F",items:"_1x6dqFZ-IL6wFdtTotlnCn","item-content":"_2TVvw7BG7N7OELifFSI4Ru","lightblue-section":"_2U6_rtw03hfHM93vyb4eBM","right-remove":"yHh07r7iWc4GuTRcs4pX0","btn-close":"_2HHwQfzOvSt5DilSiYDF1R","black-txt":"_7uhH3BTWyzWMLsM_8WzgF","noti-item":"_1vFU1IULi3uB1nW05MNVbR",left:"_3-CsLueVOP-Sz_QfKfcxhX","time-txt":"_32hmK9ADRmBSTzMopKTqjl",right:"_206pokmSILHpJaqgYudJUx","point-red":"_2xZJ_8SvvE83FXweMbCHiQ","point-grey":"_3ev54BPuVdNmvF_zTD5HV0",dismissItem:"_14yTDJk6l1sYTGFTef-Ym_","bottom-info":"_14BY8-HwlYHKowDEAHswcb","blue-squre":"_2ZUCs8P9S0HpqiCqTvFQdz","grey-bar":"_2H2C7O_dp6KwFeSAwq8AeX","copyicon-title":"_2aUK1rWbfvxWFNltLlvdq2","view-all-notifications":"_3pIDWY_lBmJURjVgicjlQH","noti-footer":"_4_Xr0xGB9gg5Xbx30yOpI","end-message":"_203n6NLK0TpwNfE1LM3U_","btn-empty-noti":"_26kuYkWWYXCvxDHSBLy8oE","btn-tick":"_1aGOTxZZ4syg1EJMdBLoUD","btn-setting":"_358oM7AujstXlvHcnoYHy3","left-noti":"_1sAHEAFDeoX_ZTuPXeKmPq","green-link":"xfaifYntjgl4Dxspu_eFs"}},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._3-S7ERzJfyhbHGt11EIpER {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._3rust1gttUzFUo5G6HwRBj {\n    display: none; } }\n\n.fKMH2imvVlyWN-E_J8Ytr {\n  margin-left: 33px;\n  border-radius: 15px;\n  display: flex;\n  align-items: center;\n  cursor: pointer; }\n  .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H {\n    position: relative; }\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H ._1rDJnekJrLVLis92R02FDc {\n      width: 30px;\n      height: 30px;\n      display: block;\n      border-radius: 50%; }\n    .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n      content: "";\n      width: 7px;\n      height: 7px;\n      position: absolute;\n      top: -4px;\n      right: -6px;\n      background: #EF476F;\n      border-radius: 6px;\n      display: block; }\n      @media (min-width: 769px) {\n        .fKMH2imvVlyWN-E_J8Ytr ._3jYcrF2UXpM0DaUW7v2N9H._3CZecOq_pMX8Ybp7wq0VXm::after {\n          display: none; } }\n  .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz {\n    display: flex;\n    align-items: center; }\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n      display: block;\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 30px;\n      margin-left: 5px;\n      white-space: nowrap; }\n      @media (max-width: 768px) {\n        .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n          display: none; } }\n    .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 16px;\n      height: 16px;\n      margin-left: 12px; }\n      .fKMH2imvVlyWN-E_J8Ytr .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 img {\n        transition: all 0.5s; }\n  @media (min-width: 769px) {\n    .fKMH2imvVlyWN-E_J8Ytr:hover, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb {\n      background-color: rgba(85, 85, 85, 0.4); } }\n  .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n    display: block; }\n    @media (max-width: 768px) {\n      .fKMH2imvVlyWN-E_J8Ytr:hover .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3, .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._12SkNHB6uAcn3Nr5m87Dv3 {\n        display: none; } }\n  .fKMH2imvVlyWN-E_J8Ytr._1C66unEGOCwLzLHeXB7Zxb .DXaKhI0KdO_AMvRrJA1Uz ._26tWpkJqj0GnCfpp5X_XT3 {\n    transform: rotate(180deg); }\n\n@media (max-width: 768px) {\n  .fKMH2imvVlyWN-E_J8Ytr {\n    margin-left: 5px; } }\n',""]),e.locals={"mobile-only":"_3-S7ERzJfyhbHGt11EIpER","hide-not-mobile":"_3rust1gttUzFUo5G6HwRBj",userInfoContainer:"fKMH2imvVlyWN-E_J8Ytr",avatarContainer:"_3jYcrF2UXpM0DaUW7v2N9H",avatar:"_1rDJnekJrLVLis92R02FDc",newNotifications:"_3CZecOq_pMX8Ybp7wq0VXm",handleContainer:"DXaKhI0KdO_AMvRrJA1Uz",handle:"_12SkNHB6uAcn3Nr5m87Dv3",dropdownIcon:"_26tWpkJqj0GnCfpp5X_XT3",isUserPopupOpen:"_1C66unEGOCwLzLHeXB7Zxb"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(72),i=t.n(a),r=t(30),l=t.n(r),s=t(9),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),_=t(3),m=t.n(_),h=t(4),b=t.n(h),g=t(8),v=t.n(g),y=t(50),x=t(56),E=t(52);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=function(n){var e=n.control,t=n.name,o=n.value,a=n.options,i=n.onChange,r=Object(p.useState)(),l=c()(r,2),s=l[0],u=l[1];return"checkbox"===e?d.a.createElement(y.default,{checked:o,onClick:function(){return i(t,!o)}}):"switch"===e?d.a.createElement(x.default,{checked:o,onClick:function(){return i(t,!o)}}):"dropdown"===e&&d.a.createElement(E.default,{open:s,onClick:function(){return u(function(n){return!n})},onClose:function(){return u(!1)},checked:o!==a[0].value,value:o,options:a,onChange:function(n){return i(t,n)}})};A.propTypes={control:f.a.string,name:f.a.string,value:f.a.any,options:f.a.array,onChange:f.a.func};var w=function(n){var e=n.item,t=n.onChange;return d.a.createElement("li",null,d.a.createElement("div",{className:v.a["list-item"]},d.a.createElement("div",{className:v.a.left},d.a.createElement("div",{className:v.a.title},e.title),d.a.createElement("div",{className:v.a.description},e.description)),d.a.createElement("div",{className:v.a.website},d.a.createElement(A,{control:e.websiteControl,name:"website",value:e.website,options:e.websiteOptions,onChange:t})),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement(A,{control:e.emailControl,name:"email",value:e.email,options:e.emailOptions,onChange:t}))),d.a.createElement("div",{className:v.a["description-mobile"]},e.description))};w.propTypes={item:f.a.object,onChange:f.a.func};var M=function(n){var e=n.open,t=n.settings,o=n.theme,a=n.onChange,r=n.onClose,s=n.onSave,c=Object(p.useMemo)(function(){return t.map(function(n,e){return l()({},n,{id:n.id||e})})},[t]),u=Object(p.useMemo)(function(){return b.a.uniq(c.map(function(n){return n.category})).map(function(n){return{category:n,settings:c.filter(function(e){return e.category===n})}})},[c]),f=function(n){return function(e,t){var o=c.map(function(o){return(o=l()({},o)).id===n.id&&(o[e]=t),delete o.id,o});delete(n=l()({},n,i()({},e,t))).id,a(o,n,e)}};return d.a.createElement("div",{className:m()(v.a["settings-dialog"],v.a["theme-wrapper"],"theme-".concat(o),e&&v.a.open)},d.a.createElement("div",{className:v.a["header-nav-ui"]},d.a.createElement("div",{className:v.a["settings-nav"]},d.a.createElement("img",{className:v.a["tc-logo"],src:"../../assets/images/tc-logo.svg",alt:"logo"}),d.a.createElement("span",{className:v.a.title},"Topcoder Settings"),d.a.createElement("span",{role:"button",className:v.a["close-btn"],onClick:r},d.a.createElement("img",{src:"../../assets/images/icon-close.svg",alt:"close"})))),d.a.createElement("div",{className:v.a["settings-panel"]},d.a.createElement("div",{className:v.a.title},"Notifications"),u.map(function(n){return d.a.createElement("div",{className:v.a["panel-content"],key:n.category},d.a.createElement("div",{className:v.a["section-title"]},d.a.createElement("div",{className:v.a.left},n.category),d.a.createElement("div",{className:v.a.website},d.a.createElement("span",null,d.a.createElement("em",null,"Website"))),d.a.createElement("div",{className:v.a["as-email"]},d.a.createElement("span",null,d.a.createElement("em",null,"As email")))),d.a.createElement("ul",{className:v.a["section-list"]},n.settings.map(function(n,e){return d.a.createElement(w,{item:n,key:"item-".concat(e),onChange:f(n)})})))}),d.a.createElement("div",{className:v.a["bottom-btn"]},d.a.createElement("span",{role:"button",className:m()(v.a.btn,v.a["btn-gray"]),onClick:s},"Save settings"))))};M.defaultProps={theme:"light",settings:[{category:"Project notifications",title:"New posts and replies",description:"Get a notification any time somebody posts on your project. This will make sure you can stay up-to-date with what's happening on your project.",websiteControl:"checkbox",website:!0,emailControl:"dropdown",email:"immediately",emailOptions:[{value:"off",label:"Off"},{value:"immediately",label:"Immediately"},{value:"daily",label:"Daily"},{value:"everyOtherDay",label:"Every other day"}]}]},M.propTypes={open:f.a.bool,settings:f.a.array,theme:f.a.string,onChange:f.a.func,onSave:f.a.func,onClose:f.a.func};var D,C,O=M;e.default=O,(D=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(D.register(A,"ItemControl","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(w,"Item","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(M,"NotificationSettings","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js"),D.register(O,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationSettings/index.js")),(C=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&C(n)}.call(this,t(13)(n))},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(64)),A=o(t(65)),w=o(t(37)),M=o(t(48));e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n.eC-XVUOCrLjhmXzHI0vGN {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n._2xo4uOqkSud82iwvYR3qf1 {\n  position: relative; }\n\n.NlrYxlXgGI3rEqT6M42Jv {\n  display: none !important; }\n\n._3NH1eX76zUIIqougfg1Ymw {\n  display: none; }\n\n._1Z1quIuGPzfYvCkDntIYlb {\n  display: block; }\n\n._1Symr618U2KCrSqSCdIyBj {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  ._1Symr618U2KCrSqSCdIyBj._3xTu4q4J8091vIF0lc5dKR {\n    align-items: flex-start; }\n\n._1bAM9uOkMIPyCzX36IH7ee {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n._1jDYKAzHkTnCcpR9MltfnI {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  ._1jDYKAzHkTnCcpR9MltfnI._3dMiiVxCKHoTFlWF5H874_, ._1jDYKAzHkTnCcpR9MltfnI:active, ._1jDYKAzHkTnCcpR9MltfnI:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n._2DSryVrhvXvqpJW0x0lUDT,\n._2DSryVrhvXvqpJW0x0lUDT:hover,\n._2DSryVrhvXvqpJW0x0lUDT:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n._2DSryVrhvXvqpJW0x0lUDT:hover {\n  opacity: 0.75; }\n\n._2DSryVrhvXvqpJW0x0lUDT {\n  background-color: #2C95D7; }\n  ._2DSryVrhvXvqpJW0x0lUDT._1MHUFM2yNbOKoVGNISgS3w, ._2DSryVrhvXvqpJW0x0lUDT:disabled, ._2DSryVrhvXvqpJW0x0lUDT[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n._--arUl_Dy5b5W86b7LUv,\n._--arUl_Dy5b5W86b7LUv:hover,\n._--arUl_Dy5b5W86b7LUv:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n._--arUl_Dy5b5W86b7LUv:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1P9-Bk4ixH89d314mDbLCU {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._17ggnmpagGsicRppyh_P8y {\n    display: none; } }\n\n.WAgkW-bDfiYQsjyNB9Xxt {\n  display: none;\n  background-color: #D4D4D4;\n  overflow: auto;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 10; }\n  .WAgkW-bDfiYQsjyNB9Xxt._2v9qkCIvI9h57uZ3T5YH5A {\n    display: block; }\n  .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm {\n    font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n    color: #2A2A2B;\n    position: relative;\n    display: flex;\n    flex-direction: column; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V {\n      background: #2A2A2B;\n      color: #FFFFFF;\n      height: 60px;\n      position: relative;\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: center; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._3W_w2YG6HjC9SwP0OlxpFK {\n        margin: 0 30px;\n        justify-self: flex-start;\n        cursor: pointer; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V a,\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Gvn15ZFPAnE0Wrne00JHX {\n        color: #EDEDF2;\n        font-size: 20px; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n        background-color: #808080;\n        border-radius: 29px;\n        width: 30px;\n        height: 30px;\n        margin-right: 25px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer; }\n        @media (max-width: 900px) {\n          .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st {\n            background-color: initial; } }\n        .WAgkW-bDfiYQsjyNB9Xxt ._1W_n_GGLCGjv3fpeGOjSCm ._2I1SE4gNRECztNNjaAzJ6V ._2Wgs3HQby4L8y36XV5D1st img {\n          transform: scale(0.9); }\n  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr {\n    background-color: #FFFFFF;\n    border-radius: 6px;\n    box-shadow: 0 1px 1px 0 #D5D5D5;\n    width: 720px;\n    margin: 26px auto 26px auto;\n    font-family: 'Roboto';\n    font-weight: 400;\n    padding: 30px 20px; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._2Gvn15ZFPAnE0Wrne00JHX {\n      color: #151516;\n      font-size: 28px;\n      font-weight: 300;\n      line-height: 35px;\n      text-align: center;\n      margin-bottom: 20px; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe {\n      margin-bottom: 60px; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp {\n        background-color: #EBEBEB;\n        border-radius: 4px 4px 0 0;\n        height: 50px;\n        padding: 0 10px;\n        display: flex;\n        align-items: center; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n          color: #151516;\n          font-family: 'Roboto';\n          font-weight: 700;\n          font-size: 15px;\n          line-height: 30px;\n          flex: 0 0 63%; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div {\n          color: #151516;\n          font-family: 'Roboto';\n          font-weight: 400;\n          font-size: 13px;\n          line-height: 35px; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n            flex: 0 0 15%;\n            display: flex;\n            justify-content: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n              background: url("+E+") left center no-repeat;\n              background-size: 17px;\n              padding-left: 22px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n                font-style: normal; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n            flex: 0 0 22%;\n            display: flex;\n            justify-content: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n              background: url("+A+") left center no-repeat;\n              background-size: 17px;\n              padding-left: 22px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n                font-style: normal; }\n      .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n        padding-left: 0;\n        margin-top: 0; }\n        .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li {\n          min-height: 50px;\n          padding: 0 10px;\n          box-shadow: 0 1px 0 0 #E0E0E0;\n          padding-bottom: 10px;\n          padding-top: 10px;\n          display: block; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li:hover {\n            background-color: #FAFAFB; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV {\n            display: flex;\n            align-items: center; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n              flex: 0 0 63%; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n                color: #151516;\n                font-family: 'Roboto';\n                font-weight: 400;\n                font-size: 15px;\n                line-height: 30px;\n                text-align: left;\n                margin-bottom: auto; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n                color: #808080;\n                font-family: 'Roboto';\n                font-weight: 400;\n                font-size: 12px;\n                line-height: 20px;\n                margin-right: 40px; }\n            .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div {\n              color: #151516;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 13px;\n              line-height: 30px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n                flex: 0 0 15%;\n                display: flex;\n                justify-content: center;\n                margin-top: 12px; }\n                .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6 {\n                  background: url("+w+") left center no-repeat;\n                  background-size: 7px;\n                  width: 12px;\n                  height: 7px;\n                  cursor: pointer; }\n                  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n                    background: url("+M+") left center no-repeat;\n                    background-size: 10px;\n                    width: 9px;\n                    height: 7px;\n                    margin-left: -5px; }\n              .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n                flex: 0 0 22%;\n                display: flex;\n                justify-content: center;\n                margin-top: 12px; }\n                .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n                  background: url("+w+") left center no-repeat;\n                  background-size: 7px;\n                  width: 12px;\n                  height: 10px; }\n                  .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n                    background: url("+M+") left center no-repeat;\n                    background-size: 10px;\n                    width: 9px;\n                    height: 7px;\n                    cursor: pointer;\n                    margin-left: -5px; }\n          .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n            display: none; }\n    .WAgkW-bDfiYQsjyNB9Xxt ._3N-14AJ4MmXRhhDwqkWGAr ._3bl253IZy8-oMDwdXOyrus {\n      text-align: center; }\n\n@media (max-width: 768px) {\n  ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr {\n    margin-top: 0;\n    margin-bottom: 0;\n    border-radius: 0;\n    width: 100%;\n    padding: 12px 0 32px 0; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr > ._2Gvn15ZFPAnE0Wrne00JHX {\n      display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp ._2LCm86m8fj5yohjyk2QfRe {\n      flex: 0 0 45%; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM {\n      flex: 0 0 10%; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div._3ALt3PpcD58-qbvFCZ1OLM span em {\n          display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo {\n      flex: 0 0 45%; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3C90LDZ6cYBmFV1XPg2GDp div.L64aYEiYaYSywXfE0ZIWo span em {\n          display: none; }\n    ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a {\n      padding-left: 0; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        padding-top: 5px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe ._2Gvn15ZFPAnE0Wrne00JHX {\n          line-height: 20px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV ._2LCm86m8fj5yohjyk2QfRe .BUaRF4hgRCYEJJifVxI5x {\n          display: none; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div._3ALt3PpcD58-qbvFCZ1OLM {\n        flex: 0 0 10%;\n        align-self: flex-start;\n        margin-top: 0; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        margin-top: 0; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6 {\n          margin-top: 12px; }\n          ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._3t0QeK5ghczPa8HZOx-jB6._3-B38j7UutmsO-K5ttodXB {\n            margin-top: 13px; }\n        ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._3nXiD0KUnXINwk4FYwwoIV div.L64aYEiYaYSywXfE0ZIWo ._1FOQUwg-2XS6hvLZP1WRAX {\n          margin-top: 2px; }\n      ._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr._3N-14AJ4MmXRhhDwqkWGAr ._1gulSyfqud0UjtTcdoSOAe ._3tp6rAbLKoZcIUAaPiTb5a li ._2tbVwtm8ZbPpSmBqAKlR6z {\n        display: block;\n        color: #808080;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 20px;\n        margin-top: 10px; } }\n",""]),e.locals={"wrap-all":"eC-XVUOCrLjhmXzHI0vGN",relative:"_2xo4uOqkSud82iwvYR3qf1",hide:"NlrYxlXgGI3rEqT6M42Jv","desktop-hide":"_3NH1eX76zUIIqougfg1Ymw","desktop-show":"_1Z1quIuGPzfYvCkDntIYlb","flex-grid":"_1Symr618U2KCrSqSCdIyBj","item-start":"_3xTu4q4J8091vIF0lc5dKR",icons:"_1bAM9uOkMIPyCzX36IH7ee",btn:"_1jDYKAzHkTnCcpR9MltfnI",active:"_3dMiiVxCKHoTFlWF5H874_","btn-blue":"_2DSryVrhvXvqpJW0x0lUDT",disabled:"_1MHUFM2yNbOKoVGNISgS3w","btn-gray":"_--arUl_Dy5b5W86b7LUv","mobile-only":"_1P9-Bk4ixH89d314mDbLCU","hide-not-mobile":"_17ggnmpagGsicRppyh_P8y","settings-dialog":"WAgkW-bDfiYQsjyNB9Xxt",open:"_2v9qkCIvI9h57uZ3T5YH5A","header-nav-ui":"_1W_n_GGLCGjv3fpeGOjSCm","settings-nav":"_2I1SE4gNRECztNNjaAzJ6V","tc-logo":"_3W_w2YG6HjC9SwP0OlxpFK",title:"_2Gvn15ZFPAnE0Wrne00JHX","close-btn":"_2Wgs3HQby4L8y36XV5D1st","settings-panel":"_3N-14AJ4MmXRhhDwqkWGAr","panel-content":"_1gulSyfqud0UjtTcdoSOAe","section-title":"_3C90LDZ6cYBmFV1XPg2GDp",left:"_2LCm86m8fj5yohjyk2QfRe",website:"_3ALt3PpcD58-qbvFCZ1OLM","as-email":"L64aYEiYaYSywXfE0ZIWo","section-list":"_3tp6rAbLKoZcIUAaPiTb5a","list-item":"_3nXiD0KUnXINwk4FYwwoIV",description:"BUaRF4hgRCYEJJifVxI5x","check-icon":"_3t0QeK5ghczPa8HZOx-jB6",checked:"_3-B38j7UutmsO-K5ttodXB","description-mobile":"_2tbVwtm8ZbPpSmBqAKlR6z","bottom-btn":"_3bl253IZy8-oMDwdXOyrus","switch-box":"_1FOQUwg-2XS6hvLZP1WRAX"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n._3iN6GG9R7O17fAeKetBoaH {\n  background-color: #C0C0C0;\n  border-radius: 14px;\n  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n  width: 48px;\n  height: 25px;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer; }\n  ._3iN6GG9R7O17fAeKetBoaH:hover {\n    opacity: 0.75; }\n  ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse,\n  ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n    color: #FAFAFB;\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 14px;\n    line-height: 26px;\n    display: flex;\n    justify-content: center;\n    flex-direction: column; }\n  ._3iN6GG9R7O17fAeKetBoaH ._1Ms7yTjX__D9mbI3JGfMse {\n    margin-left: 7px;\n    display: none; }\n  ._3iN6GG9R7O17fAeKetBoaH ._2odfs98GPxgLxdtl1Y8riF {\n    margin-right: 7px; }\n  ._3iN6GG9R7O17fAeKetBoaH .oHo2PeH7-1KAmOjR6b2KG {\n    background-color: #FFFFFF;\n    border-radius: 100%;\n    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n    width: 17px;\n    height: 17px;\n    margin-top: 4px;\n    margin-left: 4px;\n    margin-right: 4px; }\n  ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ {\n    background-color: #0681FF; }\n    ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._1Ms7yTjX__D9mbI3JGfMse {\n      display: block; }\n    ._3iN6GG9R7O17fAeKetBoaH._3UTM5pJ7_T3ekWDh5HwQRZ ._2odfs98GPxgLxdtl1Y8riF {\n      display: none; }\n",""]),e.locals={"switch-box":"_3iN6GG9R7O17fAeKetBoaH","label-on":"_1Ms7yTjX__D9mbI3JGfMse","label-off":"_2odfs98GPxgLxdtl1Y8riF",dot:"oHo2PeH7-1KAmOjR6b2KG",checked:"_3UTM5pJ7_T3ekWDh5HwQRZ"}},function(n,e,t){"use strict";t.r(e),function(n){var o,a=t(73),i=t.n(a),r=t(9),l=t.n(r),s=t(30),c=t.n(s),p=t(0),d=t.n(p),u=t(1),f=t.n(u),_=t(3),m=t.n(_),h=t(4),b=t.n(h),g=t(17),v=t(57),y=t.n(v),x=t(74),E=t(75),A=t(76),w=t(77),M=t(81);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var D=1,C=1e3,O=function(n,e,t){D=1,n=(n=n.map(function(n){return c()({},n,{id:n.id||D++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||D++,subMenu:n.subMenu&&n.subMenu.map(function(n){return c()({},n,{id:n.id||D++})})})}),secondaryMenu:t&&e?b.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):b.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return c()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return c()({},n,{id:n.id||C++,href:"myprofile"!==n.id?n.href||"#":e?"/members/".concat(e):"/"})})})});var o=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));if(o&&o.date+32e3>(new Date).getTime()){var a=b.a.find(n,function(n){return n.id===o.id});a&&(a.subMenu=o.subMenu)}return n},F=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,a=n.theme,r=n.currentLevel1Id,s=n.onChangeLevel1Id,u=n.path,f=n.setOpenMore,_=n.openMore,h=n.loggedIn,v=n.profileHandle;Object(p.useEffect)(function(){var n=function(){f(!1),Wn(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var D,C,F=Object(p.useState)({refs:{},slide:{}}),k=l()(F,1)[0],I=Object(p.useState)(!1),R=l()(I,2),L=R[0],P=R[1],B=Object(p.useState)(),T=l()(B,2),N=T[0],W=T[1],U=Object(p.useState)(),K=l()(U,2),S=K[0],j=K[1],z=Object(p.useState)(),H=l()(z,2),X=H[0],q=H[1],G=Object(p.useState)(!1),V=l()(G,2),J=V[0],Y=V[1],Z=Object(p.useState)(!1),Q=l()(Z,2),$=Q[0],nn=Q[1],en=Object(p.useState)(!1),tn=l()(en,2),on=tn[0],an=tn[1],rn=Object(p.useState)(!1),ln=l()(rn,2),sn=ln[0],cn=ln[1],pn=Object(p.useState)(),dn=l()(pn,2),un=dn[0],fn=dn[1],_n=Object(p.useState)(),mn=l()(_n,2),hn=mn[0],bn=mn[1],gn=Object(p.useState)(0),vn=l()(gn,2),yn=vn[0],xn=vn[1],En=Object(p.useState)(),An=l()(En,2),wn=An[0],Mn=An[1],Dn=Object(p.useState)(),Cn=l()(Dn,2),On=Cn[0],Fn=Cn[1],kn=Object(p.useMemo)(function(){return O(e,v,h)},[e,v,h]),In=Object(p.useState)(kn),Rn=l()(In,2),Ln=Rn[0],Pn=Rn[1],Bn=Object(p.useState)(),Tn=l()(Bn,2),Nn=Tn[0],Wn=Tn[1],Un=Object(p.useState)(),Kn=l()(Un,2),Sn=Kn[0],jn=Kn[1],zn=Object(p.useState)(),Hn=l()(zn,2),Xn=Hn[0],qn=Hn[1],Gn=function(){return qn([])},Vn=function(n){return function(e){k.refs[n]=e}},Jn=function(n){return Ln.find(function(e){return e.id===n})},Yn=Jn(N),Zn=(D=S,(C=Jn(N))&&C.subMenu&&C.subMenu.find(function(n){return n.id===D})),Qn=Object(p.useCallback)(function(){Pn(function(n){return n.map(function(n){if(!k.refs[n.id])return n;k.slide[n.id]=!0;var e=k.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return c()({},n,{initialX:t.x||t.left})})})},[k.refs,k.slide]),$n=Object(p.useCallback)(function(n){var e=k.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[k.refs]),ne=Object(p.useCallback)(function(n){bn($n(n))},[bn,$n]),ee=function(n){setTimeout(function(){Fn($n(n))},0)},te=function(n){n.preventDefault(),window.location=h?g.config.URL.HOME:g.config.URL.BASE},oe=Object(p.useCallback)(function(n,e){return function(){n&&(f(!1),P(!1),W(n),s(n),j(),nn(!0),e&&an(!1),Qn(),setTimeout(function(){fn(!0)},L?250:0),xn(function(n){return n+1}))}},[L,s,Qn]);Object(p.useEffect)(function(){r!==N&&!L&&r&&oe(r,!1)()},[r,N,oe]),Object(p.useLayoutEffect)(function(){N&&ne(N)},[N,ne,yn,Nn]);var ae=function(n,e){return function(){f(!1),j(n),nn(!0),e&&an(!1),ne(n)}};Object(p.useEffect)(function(){var n=le(kn,u),e=n.m1,t=n.m2,o=n.m3;o&&(t===S||!t&&!S&&e===N?(q(o),ee(o),Mn(!0)):Mn(!1))},[N,S,u]);Object(p.useEffect)(function(){var n,e,t;u&&kn&&((n=kn,t={exact:!1},(e=u)?(n.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.subMenu&&n.subMenu.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t.exact?n.href===e&&(t={exact:!0}):t={exact:e.endsWith(n.href)})})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(n){if(n.href){var o=n.href.indexOf("?")>-1?n.href.split("?")[0]:n.href;e.indexOf(o)>-1&&(t={exact:e.endsWith(o)})}})}),t):t).exact||(q(void 0),ee(void 0),Mn(!1)))},[X]);var ie=Object(p.useCallback)(function(n){k.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(k.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return k.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[k.refs]);Object(p.useEffect)(function(){ie(!0),Ln.forEach(function(n){if(k.slide[n.id]&&k.refs[n.id]){k.slide[n.id]=!1;var e=k.refs[n.id];if(e){var t=e.getBoundingClientRect(),o=n.initialX-(t.x||t.left);e.style.transform="translateX(".concat(o,"px)"),setTimeout(function(){e.style.transition="transform 250ms ease-out",e.style.transform="translateX(0px)",setTimeout(function(){e.style.transition="",e.style.transform=""},250)})}}}),ie(!1)},[k.slide,k.refs,Ln,ie]);Object(p.useEffect)(function(){qn([])},[Yn]);var re=Object(p.useCallback)(function(){if((!Xn||!Xn.length)&&Yn&&Yn.subMenu){ie(!0),function(){for(var n,e=[],t=Yn.subMenu.length-1;t>=0;t--){var o=Yn.subMenu[t],a=k.refs[o.id];if(!a)return;var i=a.getBoundingClientRect();if(!n){if(!a.parentElement)return;n=a.parentElement.getBoundingClientRect()}if(i.right>n.right&&i.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-i.right<100))break;e.unshift(o)}}e.length?qn(e):window.localStorage.removeItem("__top_nav_bar_state")}(),ie(!1)}},[Yn,k.refs,Xn,ie]);Object(p.useLayoutEffect)(function(){re()},[re]),Object(p.useEffect)(function(){var n=b.a.debounce(function(){Gn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var le=function(n,e){var t={m1:null,m2:null,m3:null};return e?(n.forEach(function(n){n.href&&e.indexOf(n.href)>-1&&(t={m1:n.id,m2:null}),n.subMenu&&n.subMenu.forEach(function(o){o.href&&e.indexOf(o.href)>-1&&(t={m1:n.id,m2:o.id}),o.subMenu&&o.subMenu.forEach(function(a){a.href&&e.indexOf(a.href)>-1&&(t.m3?a.href===e&&(t={m1:n.id,m2:o.id,m3:a.id}):t={m1:n.id,m2:o.id,m3:a.id},!X&&a.collapsed&&an(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var a=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(a)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},se=0;return Object(p.useEffect)(function(){var n=b.a.debounce(function(){se&&clearTimeout(se);var n=le(kn,u).m3;S&&ne(S),ee(n),Y(!0),se=setTimeout(function(){Y(!1),se=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[le]),Object(p.useEffect)(function(){if(u&&kn[0]){Pn(kn);var n=le(kn,u),e=n.m1,t=n.m2,o=null;u.indexOf("/challenges")>-1?u.match(/challenges\/[0-9]+/)&&(an(!0),o=le(kn,"/challenges").m2):u.indexOf("/my-dashboard")>-1||u.indexOf("/members/"+v)>-1?nn(!0):u.indexOf("/community/learn")>-1||u.indexOf("/thrive/tracks")>-1?o=le(kn,"/community").m2:t||(nn(!1),an(!0)),setTimeout(function(){var n,a;a=t||o,(n=e||"community")&&(oe(n,!1)(),setTimeout(function(){a&&ae(a,!1)()},0))})}},[u,h,v]),d.a.createElement("div",{className:m()(y.a.themeWrapper,"theme-".concat(a))},d.a.createElement("div",{className:y.a.headerNavUi},d.a.createElement(x.a,{showLeftMenu:Nn,logo:o,onClickLogo:te,rightMenu:t,onClickLeftMenu:function(){return Wn(function(n){return!n})}}),!Nn&&(Zn||Yn)&&d.a.createElement(E.a,{open:Sn,menu:Zn||Yn,isSecondaryMenu:!Zn,activeChildId:X,onClick:function(){return jn(function(n){return!n})},createHandleClickItem:function(n){return function(){q(n),jn(!1)}}}),d.a.createElement(w.a,{collapsed:L,showLeftMenu:Nn,logo:o,menu:Ln,rightMenu:t,moreMenu:Xn,openMore:_,onCloseMore:function(){return f(!1)},moreId:"more",activeLevel1Id:N,activeLevel2Id:S,onClickLogo:te,onRightMenuResize:function(){Gn()},createHandleClickLevel1:oe,createHandleClickLevel2:ae,handleClickMore:function(){return f(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){f(!1),j(n),nn(!0),an(!1),setTimeout(function(){!function(n,e){var t=Jn(n);if(t&&t.subMenu){var o=t.subMenu,a=b.a.findIndex(o,function(n){return n.id===e}),r=o[0];o[0]=o[a],o[a]=r,a=b.a.findIndex(Xn,function(n){return n.id===e}),Xn[a]=r,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(b.a.assign({},t))),qn(i()(Xn)),ne(e)}}(N,n)})}},createSetRef:Vn,showChosenArrow:un,showLevel3:$,forceHideLevel3:on,chosenArrowX:hn,searchOpened:sn,toggleSearchOpen:function(n){cn(n),k.refs.searchInputBox.value=""}}),(Zn&&Zn.subMenu&&Zn.subMenu.length>0||!Zn&&Yn&&Yn.secondaryMenu&&Yn.secondaryMenu.length>0)&&d.a.createElement(M.a,{open:!on&&$,menu:Zn||Yn,isResize:J,isSecondaryMenu:!Zn,activeChildId:X,showIndicator:wn,indicatorX:On,createHandleClickItem:function(n){return function(){q(n),ee(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(b.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Vn}),Nn&&Yn&&d.a.createElement(A.a,{menu:Yn,activeChildId:S,createHandleClickItem:function(n){return function(){Wn(!1),j(n)}}})))};F.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},F.propTypes={menu:f.a.array.isRequired,rightMenu:f.a.node,logo:f.a.node,theme:f.a.string,currentLevel1Id:f.a.any,onChangeLevel1Id:f.a.func,path:f.a.string,setOpenMore:f.a.func,openMore:f.a.bool,loggedIn:f.a.bool,profileHandle:f.a.string};var k,I,R=F;e.default=R,(k=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(k.register("more","moreId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(D,"id","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(C,"idForSecondary","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(O,"initMenuId","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(F,"TopNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(R,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js")),(I=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&I(n)}.call(this,t(13)(n))},function(n,e,t){(e=n.exports=t(14)(!1)).push([n.i,'/* colors */\n/* Grayscale colors. */\n.SLwlRzv2b8FicEx4vbP0x {\n  font-family: "Roboto", Helvetica, Arial, sans-serif;\n  color: #2A2A2B;\n  position: relative; }\n  .SLwlRzv2b8FicEx4vbP0x a {\n    text-decoration: none; }\n',""]),e.locals={headerNavUi:"SLwlRzv2b8FicEx4vbP0x"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2CrPaxU700CNjSaHqSs4El {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .DhsJqfKHix2ZvO5KpShtm {\n    display: none; } }\n\n.C0Avcqx93-GrYR5SPlLlb {\n  height: 60px;\n  background: #2A2A2B;\n  display: flex;\n  justify-content: center;\n  position: relative;\n  align-items: center; }\n  @media (min-width: 769px) {\n    .C0Avcqx93-GrYR5SPlLlb {\n      display: none; } }\n  .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    left: 0;\n    top: 0; }\n    .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 {\n      background-color: transparent;\n      border: none;\n      padding: 0;\n      cursor: pointer; }\n      .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1:focus {\n        outline: none; }\n      .C0Avcqx93-GrYR5SPlLlb ._3kl0wsG1Cq8cFSytbmGQtu ._3hmILlaUHT2n29YtTy1Rk1 img {\n        display: block; }\n  .C0Avcqx93-GrYR5SPlLlb ._1b1mrG1Ri9bAohJFwwPgTD {\n    font-family: \'Roboto\';\n    font-weight: 700;\n    cursor: pointer;\n    color: #FFFFFF;\n    font-size: 16px;\n    line-height: 30px;\n    padding-right: 20px;\n    position: absolute;\n    right: 0; }\n\n._1x3yCnfohAbeftdkwOUSCz {\n  left: 18px;\n  position: absolute;\n  top: 16px; }\n  @media (min-width: 769px) {\n    ._1x3yCnfohAbeftdkwOUSCz {\n      display: none; } }\n\n._2gtHUbJhCv6Da5pkn9UzBV {\n  padding: 6px 12px 0;\n  position: relative; }\n  @media (min-width: 769px) {\n    ._2gtHUbJhCv6Da5pkn9UzBV {\n      display: none; } }\n  ._2gtHUbJhCv6Da5pkn9UzBV input {\n    background: none;\n    border: 1px solid #7F7F7F;\n    box-shadow: none;\n    color: #FFFFFF;\n    font: 16px "Roboto", Helvetica, Arial, sans-serif !important;\n    height: 32px;\n    outline: none;\n    padding-left: 30px !important; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input::placeholder {\n      color: #7F7F7F; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n      border: 1px solid #7F7F7F; }\n    ._2gtHUbJhCv6Da5pkn9UzBV input:focus {\n      border: 1px solid #0596dc; }\n  ._2gtHUbJhCv6Da5pkn9UzBV input:active,\n  ._2gtHUbJhCv6Da5pkn9UzBV input:focus,\n  ._2gtHUbJhCv6Da5pkn9UzBV input:hover {\n    box-shadow: none;\n    outline: none; }\n',""]),e.locals={"mobile-only":"_2CrPaxU700CNjSaHqSs4El","hide-not-mobile":"DhsJqfKHix2ZvO5KpShtm",mobileNav:"C0Avcqx93-GrYR5SPlLlb",leftMenuContainer:"_3kl0wsG1Cq8cFSytbmGQtu",menuBtn:"_3hmILlaUHT2n29YtTy1Rk1",rightMenu:"_1b1mrG1Ri9bAohJFwwPgTD",icon:"_1x3yCnfohAbeftdkwOUSCz",search:"_2gtHUbJhCv6Da5pkn9UzBV"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2NYoCOm257hoVrru5r_nl_ {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._2da-dNVd3gmk52j2eeXNiB {\n    display: none; } }\n\n.hOuBbW_rRrqTQNE2yX0U0 {\n  width: 100%;\n  height: 60px;\n  left: 0;\n  top: 60px;\n  z-index: 1; }\n  @media (min-width: 769px) {\n    .hOuBbW_rRrqTQNE2yX0U0 {\n      display: none; } }\n  .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n    z-index: -1;\n    background: #2A2A2B;\n    opacity: 0.8;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    display: none; }\n    ._2jL9yEll0DYK_TRUWo_ovR .hOuBbW_rRrqTQNE2yX0U0 ._3-kA2UFoGsUFDu0UPt8kj7 {\n      display: block; }\n  .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    width: 100%;\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX:focus {\n      outline: none; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n      background: #FBFBFB; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX {\n      background: #636363; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n      font-family: 'Roboto';\n      font-weight: 400;\n      font-size: 28px;\n      line-height: 40px; }\n      .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n        color: #2A2A2B; }\n      .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX span {\n        color: #FFFFFF; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX svg {\n      margin-left: 5px; }\n    .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX img {\n      margin-left: 8px; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n      fill: #2A2A2B; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 .NfQcGJQtbQeFU1YGz1HnX path {\n      fill: #FFFFFF; }\n  .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n    display: flex;\n    flex-direction: column;\n    padding: 15px 20px;\n    border-top: 1px solid #1F7E8A;\n    width: 100%;\n    z-index: 999;\n    position: absolute; }\n    .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n      background: #FBFBFB; }\n    .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld {\n      background: #636363; }\n    .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n      font-size: 18px;\n      line-height: 40px;\n      height: 40px;\n      margin: 5px 0;\n      display: flex;\n      align-items: center;\n      cursor: pointer; }\n      .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n        color: #2A2A2B; }\n      .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO {\n        color: #FFFFFF; }\n      .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd {\n        font-family: 'Roboto';\n        font-weight: 700;\n        pointer-events: none;\n        cursor: default; }\n        .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n          content: \"\";\n          height: 30px;\n          width: 3px;\n          border-radius: 1.5px;\n          display: inline-block;\n          margin-right: 10px; }\n          .theme-light .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n            background: #43D7B0; }\n          .theme-dark .hOuBbW_rRrqTQNE2yX0U0 ._2nYpKu9QByZ0NWfxANd8ld .MGLhxdV4f_pnHZOuoeaXO._368J3UvBv86TM6dh3awQYd::before {\n            background: #FFFFFF; }\n",""]),e.locals={"mobile-only":"_2NYoCOm257hoVrru5r_nl_","hide-not-mobile":"_2da-dNVd3gmk52j2eeXNiB",mobileSubNav:"hOuBbW_rRrqTQNE2yX0U0",mobileSubNavMask:"_3-kA2UFoGsUFDu0UPt8kj7",mobileSubNavOpen:"_2jL9yEll0DYK_TRUWo_ovR",mobileSubNavHeader:"NfQcGJQtbQeFU1YGz1HnX",mobileSubNavContent:"_2nYpKu9QByZ0NWfxANd8ld",mobileSubNavChild:"MGLhxdV4f_pnHZOuoeaXO",mobileSubNavChildOpen:"_368J3UvBv86TM6dh3awQYd"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+') format("svg");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._2YwPStPoDEjIb-PbIGNtsb {\n    display: none; } }\n\n@media (min-width: 769px) {\n  .RAtQ7LjJWDfIoiWEpF2mA {\n    display: none; } }\n\n.JxBIkbv7v_sJK1N_vMeFs {\n  display: flex;\n  flex-direction: column;\n  padding: 15px 20px;\n  z-index: 1; }\n  .theme-light .JxBIkbv7v_sJK1N_vMeFs {\n    background: #FBFBFB; }\n  .theme-dark .JxBIkbv7v_sJK1N_vMeFs {\n    background: #636363; }\n  .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n    font-size: 18px;\n    line-height: 40px;\n    height: 40px;\n    margin: 5px 0;\n    display: flex;\n    align-items: center;\n    cursor: pointer; }\n    .theme-light .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n      color: #2A2A2B; }\n    .theme-dark .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc {\n      color: #FFFFFF; }\n    .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa {\n      font-family: \'Roboto\';\n      font-weight: 700;\n      pointer-events: none;\n      cursor: default; }\n      .JxBIkbv7v_sJK1N_vMeFs ._3ntC2KHyW7xczldMyA7yqc._1rt8mOYntrOZdAPjpl_QKa::before {\n        content: "";\n        height: 30px;\n        width: 3px;\n        border-radius: 1.5px;\n        background: #43D7B0;\n        display: inline-block;\n        margin-right: 10px; }\n',""]),e.locals={"mobile-only":"_2YwPStPoDEjIb-PbIGNtsb","hide-not-mobile":"RAtQ7LjJWDfIoiWEpF2mA",secondaryNavMobile:"JxBIkbv7v_sJK1N_vMeFs",secondaryNavMobileItem:"_3ntC2KHyW7xczldMyA7yqc",secondaryNavMobileItemOpen:"_1rt8mOYntrOZdAPjpl_QKa"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  ._1VRR6kMd5HPNbGhUoVw6sa {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1ZIW4j3_J2yPrkaA0N5M5H {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._1_OJYKtAV_VRTWF41K-8_A {\n    display: none; } }\n\n.w9y3kbj2HBlraVU5kjCay {\n  display: flex; }\n  @media (max-width: 768px) {\n    .w9y3kbj2HBlraVU5kjCay {\n      display: none; } }\n  .w9y3kbj2HBlraVU5kjCay.Zc4bxo2xl4cRudOT9lbVz {\n    display: flex; }\n\n._3OclGxtDScIS3kJx3-Eskw {\n  background: #2A2A2B;\n  color: #FFFFFF;\n  height: 80px;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  z-index: 1;\n  flex-grow: 1; }\n  ._3EpSSlLUWcH3CJRZGDXyWu ._3OclGxtDScIS3kJx3-Eskw {\n    overflow: hidden; }\n  @media (max-width: 768px) {\n    ._3OclGxtDScIS3kJx3-Eskw {\n      height: 60px;\n      justify-content: space-around; } }\n\n._3ALxQJpmTtNjkYXZNPxUye {\n  background: #2A2A2B;\n  color: #FFFFFF;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  z-index: 1; }\n  @media (max-width: 768px) {\n    ._3ALxQJpmTtNjkYXZNPxUye {\n      display: none; } }\n  ._3ALxQJpmTtNjkYXZNPxUye ._19afvNiE3ExyOixLsg7p9e {\n    margin-right: 20px; }\n\n._25qoGMAMp5tpACmrEhPjJc {\n  margin: 0 50px 0 30px;\n  cursor: pointer; }\n  @media (max-width: 768px) {\n    ._25qoGMAMp5tpACmrEhPjJc {\n      display: none; } }\n  ._25qoGMAMp5tpACmrEhPjJc.PsKz54w3mhOmlfDfYi8V4 {\n    margin-right: auto; }\n  ._25qoGMAMp5tpACmrEhPjJc > * {\n    display: block; }\n\n._32rjY2HOvXZBZUSwC_a4jx {\n  display: block;\n  height: 30px;\n  width: 1px;\n  background: #555555; }\n  @media (max-width: 768px) {\n    ._32rjY2HOvXZBZUSwC_a4jx:first-of-type {\n      display: none; } }\n\n._19afvNiE3ExyOixLsg7p9e {\n  font-family: 'Roboto';\n  font-weight: 700;\n  font-size: 18px;\n  line-height: 30px;\n  margin: 0 30px;\n  padding-right: 5px;\n  position: relative;\n  cursor: pointer; }\n  @media (max-width: 900px) {\n    ._19afvNiE3ExyOixLsg7p9e {\n      margin: 0 20px; } }\n  ._19afvNiE3ExyOixLsg7p9e._1e-mMrLOI_9IgbpUDGbIrm::before {\n    cursor: default;\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: -30px;\n    top: 0;\n    width: 1px;\n    height: 100%;\n    background: #555555; }\n    @media (max-width: 768px) {\n      ._19afvNiE3ExyOixLsg7p9e._1e-mMrLOI_9IgbpUDGbIrm::before {\n        display: none; } }\n  ._19afvNiE3ExyOixLsg7p9e._27UQXipCc_Te8TwvfzIi8f {\n    color: #43D7B0; }\n\n._34GhMfx3zSO-nsw2icmQCB {\n  white-space: nowrap;\n  width: 0;\n  opacity: 0;\n  overflow: hidden; }\n  ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n    display: flex;\n    overflow: unset;\n    margin-right: auto;\n    width: auto;\n    opacity: 1;\n    transition: opacity 400ms ease-in 100ms; }\n    @media (max-width: 768px) {\n      ._34GhMfx3zSO-nsw2icmQCB._1-_eh1GEkSm1Ie2hcIHrLt {\n        display: none; } }\n  ._3EpSSlLUWcH3CJRZGDXyWu ._34GhMfx3zSO-nsw2icmQCB {\n    overflow: hidden; }\n\n._1YF68FTa0xYVBFerysFlRt {\n  font-family: 'Roboto';\n  font-weight: 700;\n  margin-left: 30px;\n  font-size: 14px;\n  line-height: 30px;\n  text-align: center;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-content: flex-start;\n  cursor: pointer; }\n  ._1YF68FTa0xYVBFerysFlRt:first-child {\n    margin-left: 0; }\n  ._1YF68FTa0xYVBFerysFlRt._1POQKSuLHxuhqKjgCytFNW {\n    color: #43D7B0; }\n\n.ISBVAVTXPThf-IcdFVa9z {\n  position: relative; }\n  .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 {\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    position: relative;\n    color: #FFFFFF;\n    margin-left: 20px;\n    width: 74px;\n    height: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2:focus {\n      outline: none; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 ._3EHcZKrNC-kRxRB0inP_X- {\n      position: absolute;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0; }\n    .ISBVAVTXPThf-IcdFVa9z ._1UEQjA-hNZmulAk-7kHhj2 img {\n      margin-left: 8px; }\n  .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG {\n    position: absolute;\n    top: 30px;\n    left: 10px;\n    background: #2A2A2B;\n    min-width: 110px;\n    padding: 20px;\n    border-radius: 5px;\n    display: none;\n    flex-direction: column;\n    z-index: 2; }\n    .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a {\n      margin: 10px 0 0;\n      text-align: left;\n      font-weight: 700;\n      font-size: 14px;\n      line-height: 30px;\n      white-space: nowrap; }\n      .ISBVAVTXPThf-IcdFVa9z ._3eb96Zkyw2BKU4_9QkalKG a:first-child {\n        margin: 0; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ .vl4waOECcJkR7W07RZ46P {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    cursor: default; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3eb96Zkyw2BKU4_9QkalKG {\n    display: flex; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ ._3EHcZKrNC-kRxRB0inP_X- {\n    background-color: #555555;\n    border-radius: 15px;\n    opacity: 0.4;\n    z-index: 0; }\n  .ISBVAVTXPThf-IcdFVa9z._3bttaLkKXVIrWu75WOLFpZ img {\n    -moz-transform: scale(-1, -1);\n    -o-transform: scale(-1, -1);\n    -webkit-transform: scale(-1, -1);\n    transform: scale(-1, -1); }\n\n._1y954HiCL69kCUV5ji4vqm {\n  cursor: pointer;\n  display: inline-block;\n  height: 32px;\n  margin: 11px 20px 11px 0px;\n  padding-left: 12px;\n  position: relative;\n  border-left: 1px solid #7F7F7F;\n  width: 36px; }\n  ._1y954HiCL69kCUV5ji4vqm svg {\n    height: 18px;\n    margin-top: 7px;\n    width: 18px; }\n    ._1y954HiCL69kCUV5ji4vqm svg path {\n      fill: #FFFFFF; }\n  ._1y954HiCL69kCUV5ji4vqm.opened path {\n    fill: #43D7B0; }\n  ._1y954HiCL69kCUV5ji4vqm.opened::after {\n    content: '';\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px 5px 0;\n    border-color: #43D7B0 transparent transparent transparent;\n    position: absolute;\n    left: 60%;\n    bottom: -3px;\n    margin-left: -6px;\n    background-color: transparent; }\n\n._1A5zHMkLXwCq7ngfPscgI9 {\n  background: #151516;\n  height: 0;\n  margin-top: -10px;\n  opacity: 0.98;\n  overflow: hidden;\n  padding: 0 48px;\n  position: absolute;\n  text-align: center;\n  width: 100%;\n  transition: all 0.25s ease-in-out;\n  z-index: 10; }\n  ._1A5zHMkLXwCq7ngfPscgI9.opened {\n    height: 128px;\n    padding: 48px;\n    transition: all 0.25s ease-in-out; }\n  ._1A5zHMkLXwCq7ngfPscgI9.closed {\n    display: none; }\n  ._1A5zHMkLXwCq7ngfPscgI9 input,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:active,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:focus,\n  ._1A5zHMkLXwCq7ngfPscgI9 input:hover {\n    border: none;\n    border-bottom: 1px solid #FFFFFF;\n    box-shadow: none;\n    font-size: 22px;\n    outline: none;\n    padding-bottom: 3px; }\n    ._1A5zHMkLXwCq7ngfPscgI9 input::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:active::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:focus::placeholder,\n    ._1A5zHMkLXwCq7ngfPscgI9 input:hover::placeholder {\n      color: #C0C0C0; }\n",""]),e.locals={"mobile-only":"_1VRR6kMd5HPNbGhUoVw6sa","hide-not-mobile":"_1ZIW4j3_J2yPrkaA0N5M5H",mobileOnly:"_1_OJYKtAV_VRTWF41K-8_A",primaryNavContainer:"w9y3kbj2HBlraVU5kjCay",primaryNavContainerOpen:"Zc4bxo2xl4cRudOT9lbVz",primaryNav:"_3OclGxtDScIS3kJx3-Eskw",moreInit:"_3EpSSlLUWcH3CJRZGDXyWu",primaryNavRight:"_3ALxQJpmTtNjkYXZNPxUye",primaryLevel1:"_19afvNiE3ExyOixLsg7p9e",tcLogo:"_25qoGMAMp5tpACmrEhPjJc",tcLogoPush:"PsKz54w3mhOmlfDfYi8V4",primaryLevel1Separator:"_32rjY2HOvXZBZUSwC_a4jx",rightMenuPrimaryLevel1:"_1e-mMrLOI_9IgbpUDGbIrm",primaryLevel1Open:"_27UQXipCc_Te8TwvfzIi8f",primaryLevel2Container:"_34GhMfx3zSO-nsw2icmQCB",primaryLevel2ContainerOpen:"_1-_eh1GEkSm1Ie2hcIHrLt",primaryLevel2:"_1YF68FTa0xYVBFerysFlRt",primaryLevel2Open:"_1POQKSuLHxuhqKjgCytFNW",moreBtnContainer:"ISBVAVTXPThf-IcdFVa9z",moreBtn:"_1UEQjA-hNZmulAk-7kHhj2",moreBtnMask:"_3EHcZKrNC-kRxRB0inP_X-",moreContentContainer:"_3eb96Zkyw2BKU4_9QkalKG",moreOpen:"_3bttaLkKXVIrWu75WOLFpZ",backdrop:"vl4waOECcJkR7W07RZ46P",searchIcon:"_1y954HiCL69kCUV5ji4vqm",searchField:"_1A5zHMkLXwCq7ngfPscgI9"}},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto");e.push([n.i,'/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n@media (min-width: 769px) {\n  .j3BbFQV19TZ2N5Mbc293Q {\n    display: none; } }\n\n@media (min-width: 769px) {\n  ._2hTZPXAUViaj3OKdZ8A4ZG {\n    display: none; } }\n\n._78wgiv2HyCMYL0GFSZd4S {\n  display: none;\n  justify-content: stretch;\n  align-items: center;\n  font-size: 13px;\n  position: relative;\n  z-index: 0;\n  height: 60px;\n  transition: transform 250ms linear;\n  transform: translateY(-60px); }\n  @media (max-width: 768px) {\n    ._78wgiv2HyCMYL0GFSZd4S {\n      display: none !important; } }\n  .theme-light ._78wgiv2HyCMYL0GFSZd4S {\n    background: #FBFBFB;\n    color: #2A2A2B; }\n  .theme-dark ._78wgiv2HyCMYL0GFSZd4S {\n    background: #636363;\n    color: #FFFFFF; }\n  ._78wgiv2HyCMYL0GFSZd4S._2WB6MWJIFPmL_7oRkVDu-f {\n    display: flex;\n    transform: translateY(0px); }\n  ._78wgiv2HyCMYL0GFSZd4S a {\n    margin: 0 15px; }\n    .theme-light ._78wgiv2HyCMYL0GFSZd4S a {\n      color: #2A2A2B; }\n    .theme-dark ._78wgiv2HyCMYL0GFSZd4S a {\n      color: #FFFFFF; }\n  ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd {\n    display: flex;\n    flex-grow: 1;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    height: 30px; }\n    ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ {\n      cursor: pointer;\n      height: 100%;\n      display: flex;\n      position: relative;\n      flex-direction: column;\n      -webkit-justify-content: center;\n      justify-content: center; }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ ._2I4YpNYoj3kDD8DnmILHSU {\n        display: none;\n        bottom: -1px;\n        width: 15px;\n        height: 3px;\n        border-radius: 1.5px;\n        background: #D4D4D4;\n        left: 50%;\n        transform: translate(-50%, -50%); }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ:hover ._2I4YpNYoj3kDD8DnmILHSU {\n        display: inline-block;\n        position: absolute; }\n      ._78wgiv2HyCMYL0GFSZd4S ._2S1p2zjbfectEyMXeUEyEd ._1n5D3MtzUT3DNhLzIT22lJ._1deOinna8cx2l3cOfJNqku {\n        font-family: 'Roboto';\n        font-weight: 700;\n        pointer-events: none;\n        cursor: default; }\n",""]),e.locals={"mobile-only":"j3BbFQV19TZ2N5Mbc293Q","hide-not-mobile":"_2hTZPXAUViaj3OKdZ8A4ZG",secondaryNav:"_78wgiv2HyCMYL0GFSZd4S",secondaryNavOpen:"_2WB6MWJIFPmL_7oRkVDu-f",secondaryNavLinkContainer:"_2S1p2zjbfectEyMXeUEyEd",secondaryNavItem:"_1n5D3MtzUT3DNhLzIT22lJ",indicator:"_2I4YpNYoj3kDD8DnmILHSU",secondaryNavItemOpen:"_1deOinna8cx2l3cOfJNqku"}},function(n,e,t){var o=t(108);"string"==typeof o&&(o=[[n.i,o,""]]);var a={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,a);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),a=o(t(10)),i=o(t(10)+"?#iefix"),r=o(t(18)),l=o(t(19)),s=o(t(20)),c=o(t(21)+"#Roboto"),p=o(t(11)),d=o(t(11)+"?#iefix"),u=o(t(22)),f=o(t(23)),_=o(t(24)),m=o(t(25)+"#Roboto"),h=o(t(12)),b=o(t(12)+"?#iefix"),g=o(t(26)),v=o(t(27)),y=o(t(28)),x=o(t(29)+"#Roboto"),E=o(t(109)),A=o(t(61)),w=o(t(37)),M=o(t(62)),D=o(t(63)),C=o(t(58)),O=o(t(59)),F=o(t(64)),k=o(t(65)),I=o(t(48)),R=o(t(60)),L=o(t(110)),P=o(t(111));e.push([n.i,'.flex {\n  display: flex; }\n  .flex.column {\n    flex-direction: column; }\n  .flex.center {\n    justify-content: center; }\n  .flex.space-between {\n    justify-content: space-between; }\n  .flex.middle {\n    -webkit-align-items: center;\n    align-items: center; }\n\n/* colors */\n/* Grayscale colors. */\n/* colors */\n/* Grayscale colors. */\n/* Roboto fonts */\n@font-face {\n  font-family: "Roboto";\n  font-weight: 700;\n  font-style: normal;\n  src: url('+a+');\n  /* IE9 Compat Modes */\n  src: local("Roboto Bold"), local("Roboto-Bold"), url('+i+') format("embedded-opentype"), url('+r+') format("woff2"), url('+l+') format("woff"), url('+s+') format("truetype"), url('+c+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Roboto";\n  font-weight: 400;\n  font-style: normal;\n  src: url('+p+');\n  /* IE9 Compat Modes */\n  src: local("Roboto"), local("Roboto-Regular"), url('+d+') format("embedded-opentype"), url('+u+') format("woff2"), url('+f+') format("woff"), url('+_+') format("truetype"), url('+m+') format("svg");\n  /* Legacy iOS */ }\n\n@font-face {\n  font-family: "Barlow Condensed";\n  font-weight: 600;\n  font-style: normal;\n  src: url('+h+');\n  /* IE9 Compat Modes */\n  src: local("Barlow Condensed SemiBold"), local("BarlowCondensed-SemiBold"), url('+b+') format("embedded-opentype"), url('+g+') format("woff2"), url('+v+') format("woff"), url('+y+') format("truetype"), url('+x+") format(\"svg\");\n  /* Legacy iOS */ }\n\n.wrap-all {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0; }\n\n.relative {\n  position: relative; }\n\n.hide {\n  display: none !important; }\n\n.desktop-hide {\n  display: none; }\n\n.desktop-show {\n  display: block; }\n\n.flex-grid {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n  .flex-grid.item-start {\n    align-items: flex-start; }\n\n.icons {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* btn */\n.btn {\n  font-size: 18px;\n  font-weight: normal;\n  text-decoration: none;\n  border: none;\n  box-shadow: none;\n  position: relative;\n  text-transform: none;\n  font-weight: bold;\n  display: inline-block; }\n  .btn.active, .btn:active, .btn:focus {\n    box-shadow: none;\n    outline: 0; }\n\n/* .btn-blue */\n.btn-blue,\n.btn-blue:hover,\n.btn-blue:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 15px;\n  padding: 1px 18px;\n  font-size: 14px;\n  font-family: 'Roboto';\n  font-weight: 700; }\n\n.btn-blue:hover {\n  opacity: 0.75; }\n\n.btn-blue {\n  background-color: #2C95D7; }\n  .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] {\n    pointer-events: none; }\n\n/* .btn-gray */\n.btn-gray,\n.btn-gray:hover,\n.btn-gray:focus {\n  cursor: pointer;\n  height: 30px;\n  color: #FFFFFF;\n  line-height: 30px;\n  border-radius: 4px;\n  padding: 1px 18px;\n  font-size: 13px;\n  background-color: #AAAAAB;\n  font-family: 'Roboto';\n  font-weight: 400; }\n\n.btn-gray:hover {\n  opacity: 0.75; }\n\n/* colors */\n/* Grayscale colors. */\n.header-nav-ui {\n  font-family: \"Roboto\", Helvetica, Arial, sans-serif;\n  color: #2A2A2B;\n  position: relative; }\n  .header-nav-ui a {\n    text-decoration: none !important; }\n  .header-nav-ui .more-btn-container .more-btn {\n    margin-left: 20px !important;\n    width: 74px;\n    height: 30px;\n    justify-content: center !important; }\n    .header-nav-ui .more-btn-container .more-btn > .dropdown-icon {\n      margin-left: 8px; }\n  .header-nav-ui .more-btn-container .more-content-container {\n    position: absolute;\n    top: 30px;\n    left: 10px;\n    background: #2A2A2B;\n    min-width: 110px;\n    padding: 20px;\n    border-radius: 5px;\n    display: none;\n    z-index: 1; }\n    .header-nav-ui .more-btn-container .more-content-container a {\n      color: #FFFFFF;\n      margin: 10px 0 0;\n      text-align: left;\n      font-weight: 700;\n      font-size: 14px;\n      line-height: 30px;\n      white-space: nowrap; }\n      .header-nav-ui .more-btn-container .more-content-container a:first-child {\n        margin: 0; }\n  .header-nav-ui .more-btn-container.isOpen .more-content-container {\n    display: flex; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn * {\n    z-index: 1; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn .mask {\n    background-color: #555555;\n    border-radius: 15px;\n    opacity: 0.4;\n    z-index: 0; }\n  .header-nav-ui .more-btn-container.isOpen .more-btn .dropdown-icon {\n    -moz-transform: scale(-1, -1);\n    -o-transform: scale(-1, -1);\n    -webkit-transform: scale(-1, -1);\n    transform: scale(-1, -1); }\n  .header-nav-ui .primary-nav {\n    background: #2A2A2B;\n    color: #FFFFFF;\n    height: 80px;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    z-index: 1; }\n    .header-nav-ui .primary-nav a {\n      color: #FFFFFF; }\n    .header-nav-ui .primary-nav .tc-logo {\n      margin: 0 30px;\n      justify-self: flex-start;\n      margin-right: auto;\n      cursor: pointer; }\n    .header-nav-ui .primary-nav .primary-level-1-separator {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1 {\n      font-family: 'Roboto';\n      font-weight: 700;\n      font-size: 18px;\n      line-height: 30px;\n      margin: 0 30px;\n      padding-right: 5px;\n      position: relative; }\n      .header-nav-ui .primary-nav .primary-level-1.more-menu {\n        display: none; }\n      .header-nav-ui .primary-nav .primary-level-1.isOpen {\n        color: #43D7B0;\n        justify-self: flex-start; }\n        .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n          color: #FFFFFF; }\n      .header-nav-ui .primary-nav .primary-level-1::before {\n        content: \"\";\n        position: absolute;\n        display: block;\n        left: -30px;\n        top: 0;\n        width: 1px;\n        height: 100%;\n        background: #555555; }\n      .header-nav-ui .primary-nav .primary-level-1.login-container {\n        margin-right: 20px;\n        position: relative; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container {\n          margin-left: 33px;\n          border-radius: 15px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .handle {\n            display: block;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 30px;\n            margin-left: 5px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon {\n            width: 16px;\n            height: 16px;\n            margin: 0 5px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .handle-container .drowdown-icon .dropdown-icon {\n              transition: all 0.5s; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen {\n            background-color: rgba(85, 85, 85, 0.4); }\n            .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container:hover .handle-container .handle, .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .handle {\n              display: block; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container.isUserPopupOpen .handle-container .dropdown-icon {\n            transform: rotate(180deg); }\n          .header-nav-ui .primary-nav .primary-level-1.login-container > .user-info-container .avatar {\n            width: 30px;\n            height: 30px;\n            display: inline-block; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup {\n          position: absolute;\n          right: 0;\n          top: 40px;\n          color: #2A2A2B;\n          border-radius: 10px;\n          box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n          width: 288px;\n          background: #FFFFFF;\n          border-radius: 6px;\n          overflow: hidden;\n          z-index: 1; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup a {\n            color: #2A2A2B; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header {\n            background: #0AB88A;\n            height: 90px;\n            padding: 0 20px;\n            color: #FFFFFF; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .handle {\n              font-size: 16px;\n              line-height: 20px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .email {\n              font-size: 12px;\n              line-height: 14px;\n              margin-top: 4px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .header .avatar {\n              margin-right: 10px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container {\n            background: #2A2A2B;\n            color: #FFFFFF;\n            font-size: 14px;\n            line-height: 30px;\n            height: 50px; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .switch-to-business-container .switch-icon {\n              margin: 0 10px 0 22px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu {\n            padding: 15px 0 25px 0; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a {\n              height: 50px;\n              display: flex;\n              align-items: center;\n              margin: -5px 0;\n              padding: 0 20px;\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 30px; }\n              .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu a:hover {\n                background: #F4F4F4; }\n            .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-popup .menu .separator {\n              background: #E0E0E0;\n              height: 1px;\n              width: 100%;\n              margin: 10px;\n              height: 1px;\n              width: calc(100% - 40px);\n              align-self: center; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon {\n          position: relative;\n          padding: 10px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .notification-icon::after {\n            content: \"\";\n            width: 6px;\n            height: 6px;\n            position: absolute;\n            top: 8px;\n            right: 5px;\n            background: #EF476F;\n            border-radius: 6px;\n            display: block; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .new-notification {\n          background-color: rgba(85, 85, 85, 0.4);\n          border-radius: 50%; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup.isNotificationsPopupOpen .notifications-panel {\n          display: flex; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon {\n          opacity: 0.5; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .no-notification .notification-icon::after {\n            display: none; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification {\n          line-height: 36px; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .new-notification:hover {\n            background-color: rgba(85, 85, 85, 0.4);\n            border-radius: 50%; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .all-seen-notification .notification-icon::after {\n          display: none; }\n        .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification {\n          border-radius: 15px;\n          width: 30px;\n          height: 30px;\n          background-color: rgba(85, 85, 85, 0.4);\n          display: flex;\n          justify-content: center; }\n          .header-nav-ui .primary-nav .primary-level-1.login-container .notification-popup .dropdown-notification .notification-icon::after {\n            display: none; }\n    .header-nav-ui .primary-nav .primary-level-2-container {\n      display: none;\n      margin: 0 auto 0 0; }\n      .header-nav-ui .primary-nav .primary-level-2-container.isOpen {\n        display: flex; }\n      .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n        font-family: 'Roboto';\n        font-weight: 700;\n        margin-left: 30px;\n        font-size: 14px;\n        line-height: 30px;\n        text-align: center;\n        display: flex;\n        position: relative;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-content: flex-start; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:first-child {\n          margin-left: 0; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2:nth-child(2) {\n          margin-left: 0; }\n        .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2.isOpen {\n          color: #43D7B0; }\n    .header-nav-ui .primary-nav .more-btn-container .more-content-container a.isOpen {\n      color: #43D7B0; }\n  .header-nav-ui .notifications-panel,\n  .header-nav-ui .mobile-notifications-panel {\n    background-color: #FFFFFF;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n    width: 480px;\n    height: auto;\n    position: absolute;\n    right: 10px;\n    top: 40px;\n    display: none;\n    z-index: 100; }\n    .header-nav-ui .notifications-panel .noti-header,\n    .header-nav-ui .mobile-notifications-panel .noti-header {\n      background-color: #0AB88A;\n      border-radius: 10px 10px 0 0;\n      padding: 10px 20px 10px;\n      height: 30px;\n      position: sticky;\n      top: 0; }\n      .header-nav-ui .notifications-panel .noti-header .left-noti,\n      .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n        background: url("+E+") left center no-repeat;\n        background-size: 16px;\n        padding-left: 26px;\n        color: #FFFFFF;\n        font-size: 16px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        text-align: left; }\n      .header-nav-ui .notifications-panel .noti-header .rights .white-link,\n      .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link {\n        color: #FFFFFF;\n        display: inline-block;\n        vertical-align: middle;\n        font-size: 12px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        text-align: right; }\n        .header-nav-ui .notifications-panel .noti-header .rights .white-link:hover,\n        .header-nav-ui .mobile-notifications-panel .noti-header .rights .white-link:hover {\n          opacity: 0.75; }\n      .header-nav-ui .notifications-panel .noti-header .rights .point,\n      .header-nav-ui .mobile-notifications-panel .noti-header .rights .point {\n        width: 3px;\n        height: 3px;\n        background-color: #FFFFFF;\n        border-radius: 100%;\n        display: inline-block;\n        vertical-align: middle; }\n    .header-nav-ui .notifications-panel .noti-body,\n    .header-nav-ui .mobile-notifications-panel .noti-body {\n      max-height: 378px;\n      overflow: scroll; }\n      .header-nav-ui .notifications-panel .noti-body .icon-bell,\n      .header-nav-ui .mobile-notifications-panel .noti-body .icon-bell {\n        background: url("+A+") center center no-repeat;\n        background-size: 73px 80px;\n        width: 73px;\n        height: 80px;\n        margin: 50px 0 10px; }\n      .header-nav-ui .notifications-panel .noti-body.center,\n      .header-nav-ui .mobile-notifications-panel .noti-body.center {\n        text-align: center; }\n        .header-nav-ui .notifications-panel .noti-body.center .titles,\n        .header-nav-ui .mobile-notifications-panel .noti-body.center .titles {\n          color: #2A2A2B;\n          font-size: 30px;\n          font-family: 'Barlow Condensed';\n          font-weight: 600;\n          line-height: 40px;\n          margin: 23px 0 -8px 0; }\n        .header-nav-ui .notifications-panel .noti-body.center .txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n          text-align: center;\n          padding: 19px 60px 12px 60px; }\n      .header-nav-ui .notifications-panel .noti-body .txt,\n      .header-nav-ui .mobile-notifications-panel .noti-body .txt {\n        margin: 0;\n        color: #2A2A2B;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 400;\n        line-height: 20px; }\n        .header-nav-ui .notifications-panel .noti-body .txt .blue-link,\n        .header-nav-ui .mobile-notifications-panel .noti-body .txt .blue-link {\n          color: #0596dc;\n          font-size: 14px; }\n      .header-nav-ui .notifications-panel .noti-body .light-bar,\n      .header-nav-ui .mobile-notifications-panel .noti-body .light-bar {\n        background-color: #B5E9DB;\n        height: 28px;\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 28px;\n        padding-left: 20px;\n        margin-top: -2px;\n        position: sticky;\n        position: -webkit-sticky;\n        top: 0;\n        z-index: 2;\n        padding-right: 20px;\n        padding-top: 2px; }\n      .header-nav-ui .notifications-panel .noti-body .greybar-section:last-child .items .item-content,\n      .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section:last-child .items .item-content {\n        border-bottom: 0; }\n      .header-nav-ui .notifications-panel .noti-body .lightblue-section,\n      .header-nav-ui .notifications-panel .noti-body .greybar-section,\n      .header-nav-ui .mobile-notifications-panel .noti-body .lightblue-section,\n      .header-nav-ui .mobile-notifications-panel .noti-body .greybar-section {\n        margin-top: -2px;\n        background-color: #FFFFFF;\n        padding-top: 5px; }\n      .header-nav-ui .notifications-panel .noti-body .right-remove,\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n        position: absolute;\n        right: 1px;\n        top: 50%;\n        margin-top: -10px;\n        z-index: 666;\n        display: none; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close {\n          display: block;\n          background: url("+w+") center center no-repeat;\n          background-size: 10px;\n          width: 20px;\n          height: 20px; }\n          .header-nav-ui .notifications-panel .noti-body .right-remove .btn-close:hover,\n          .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .btn-close:hover {\n            background: url("+M+") center center no-repeat; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n          position: absolute;\n          top: -28px;\n          left: -76px;\n          background-color: #2A2A2B;\n          border-radius: 2px;\n          padding: 6px 0;\n          color: #FFFFFF;\n          font-size: 11px;\n          font-family: 'Roboto';\n          font-weight: 400;\n          line-height: 13px;\n          text-align: center;\n          min-width: 110px;\n          display: none; }\n          .header-nav-ui .notifications-panel .noti-body .right-remove .black-txt:after,\n          .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n            content: '';\n            display: block;\n            position: absolute;\n            bottom: -5px;\n            left: calc(50% + 30px);\n            margin-left: -3px;\n            width: 0;\n            height: 0;\n            border-left: 4px solid transparent;\n            border-right: 4px solid transparent;\n            border-top: 5px solid #2A2A2B; }\n        .header-nav-ui .notifications-panel .noti-body .right-remove:hover .black-txt,\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n          display: block; }\n      .header-nav-ui .notifications-panel .noti-body .items,\n      .header-nav-ui .mobile-notifications-panel .noti-body .items {\n        padding: 0 30px; }\n        .header-nav-ui .notifications-panel .noti-body .items:hover,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items:hover {\n          background-color: #FBFBFB; }\n          .header-nav-ui .notifications-panel .noti-body .items:hover .right-remove,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items:hover .right-remove {\n            display: block; }\n        .header-nav-ui .notifications-panel .noti-body .items .item-content,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content {\n          display: block;\n          padding: 10px 0;\n          border-bottom: 1px solid #E0E0E0;\n          position: relative; }\n          .header-nav-ui .notifications-panel .noti-body .items .item-content .txt,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n            padding-right: 30px; }\n        .header-nav-ui .notifications-panel .noti-body .items .bottom-info,\n        .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info {\n          margin-top: 5px;\n          line-height: 20px;\n          font-size: 12px; }\n          .header-nav-ui .notifications-panel .noti-body .items .bottom-info .blue-squre,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .blue-squre {\n            padding: 0px 10px;\n            display: inline-block;\n            margin-right: 6px;\n            background-color: #50ADE8;\n            border-radius: 5px;\n            color: #FFFFFF;\n            font-family: 'Roboto';\n            font-weight: 400;\n            line-height: 20px; }\n          .header-nav-ui .notifications-panel .noti-body .items .bottom-info .time-txt,\n          .header-nav-ui .mobile-notifications-panel .noti-body .items .bottom-info .time-txt {\n            display: inline-block;\n            vertical-align: middle;\n            color: #AAA;\n            font-size: 12px;\n            font-family: 'Roboto';\n            font-weight: 400;\n            line-height: 20px; }\n      .header-nav-ui .notifications-panel .noti-body .grey-bar,\n      .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar {\n        background-color: #F4F4F4;\n        height: 50px;\n        padding-left: 20px;\n        margin-top: -4px;\n        z-index: 1;\n        position: relative; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar .copyicon-title,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n          padding-left: 26px;\n          background: url("+D+") left center no-repeat;\n          background-size: 15px;\n          color: #2A2A2B;\n          font-size: 14px;\n          font-family: 'Roboto';\n          font-weight: 700;\n          width: calc(100% - 70px);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar .right-remove,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n          right: 20px; }\n        .header-nav-ui .notifications-panel .noti-body .grey-bar:hover .right-remove,\n        .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar:hover .right-remove {\n          display: block; }\n    .header-nav-ui .notifications-panel .noti-footer,\n    .header-nav-ui .mobile-notifications-panel .noti-footer {\n      text-align: center;\n      padding: 15px 0 45px 0; }\n    .header-nav-ui .notifications-panel .end-message,\n    .header-nav-ui .mobile-notifications-panel .end-message {\n      background-color: #FBFBFB;\n      border-radius: 0 0 10px 10px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      color: #7F7F7F;\n      font-size: 12px;\n      font-family: 'Roboto';\n      font-weight: 400;\n      line-height: 40px;\n      justify-content: center;\n      position: relative;\n      z-index: 10;\n      margin-top: -3px; }\n  .header-nav-ui .notifications-panel {\n    max-height: 70vh;\n    flex-direction: column; }\n    .header-nav-ui .notifications-panel .noti-body {\n      flex: 1;\n      max-height: none; }\n  .header-nav-ui .icon-chosen-arrow {\n    position: absolute;\n    display: none;\n    bottom: -1px;\n    left: 0;\n    transform: translate3d(166.5px, 0px, 0px); }\n    .header-nav-ui .icon-chosen-arrow svg {\n      display: block; }\n      :global .theme-light :local .header-nav-ui .icon-chosen-arrow svg {\n        fill: #FBFBFB; }\n      :global .theme-dark :local .header-nav-ui .icon-chosen-arrow svg {\n        fill: #636363; }\n    .header-nav-ui .icon-chosen-arrow.isAnimation {\n      -webkit-transition: -webkit-transform 0.5s;\n      transition: transform 0.5s;\n      -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n      -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n      transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n  .header-nav-ui .secondary-nav {\n    font-size: 13px;\n    position: relative;\n    z-index: 0; }\n    :global .theme-light :local .header-nav-ui .secondary-nav {\n      background: #FBFBFB;\n      color: #2A2A2B; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav {\n      background: #636363;\n      color: #FFFFFF; }\n    .header-nav-ui .secondary-nav a {\n      margin: 0 15px; }\n      :global .theme-light :local .header-nav-ui .secondary-nav a {\n        color: #2A2A2B; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav a {\n        color: #FFFFFF; }\n    .header-nav-ui .secondary-nav .secondary-nav-link-container {\n      position: relative;\n      height: 30px; }\n      .header-nav-ui .secondary-nav .secondary-nav-link-container > a {\n        position: relative; }\n        .header-nav-ui .secondary-nav .secondary-nav-link-container > a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n      .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select {\n        position: absolute;\n        bottom: -1px;\n        left: 0;\n        transform: translate3d(34.5px, 0px, 0px);\n        width: 15px;\n        height: 3px;\n        border-radius: 1.5px;\n        background: #43D7B0; }\n        .header-nav-ui .secondary-nav .secondary-nav-link-container .icon-select.isAnimation {\n          -webkit-transition: -webkit-transform 0.5s;\n          transition: transform 0.5s;\n          -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);\n          -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);\n          transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22); }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n      background: #FBFBFB; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container {\n      background: #636363; }\n    .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n      font-family: 'Roboto';\n      font-weight: 400; }\n      :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n        color: #2A2A2B; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-content-container a {\n        color: #FFFFFF; }\n      .header-nav-ui .secondary-nav .more-btn-container .more-content-container a.isOpen {\n        font-family: 'Roboto';\n        font-weight: 700; }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n      display: block; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-light {\n      display: none; }\n    :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n      display: none; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container .more-btn .icon-dark {\n      display: block; }\n    .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n      background-color: #E9E9E9; }\n      :global .theme-light :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n        display: 1; }\n      :global .theme-dark :local .header-nav-ui .secondary-nav .more-btn-container.isOpen .more-btn .mask {\n        display: 0.4; }\n  .header-nav-ui .mobile-nav {\n    height: 60px;\n    background: #2A2A2B;\n    padding: 0 20px 0 0;\n    display: none; }\n    .header-nav-ui .mobile-nav .left-menu-container {\n      width: 60px;\n      height: 60px; }\n    .header-nav-ui .mobile-nav .drowdown-icon {\n      margin-left: 12px; }\n    .header-nav-ui .mobile-nav .avatar-container {\n      position: relative; }\n      .header-nav-ui .mobile-nav .avatar-container::after {\n        content: \"\";\n        width: 7px;\n        height: 7px;\n        position: absolute;\n        top: -4px;\n        right: -6px;\n        background: #EF476F;\n        border-radius: 6px;\n        display: block; }\n      .header-nav-ui .mobile-nav .avatar-container .avatar {\n        width: 30px;\n        height: 30px;\n        display: inline-block; }\n    .header-nav-ui .mobile-nav span {\n      font-family: 'Roboto';\n      font-weight: 700;\n      color: #FFFFFF;\n      font-size: 16px;\n      line-height: 30px; }\n  .header-nav-ui .mobile-nav-sub-menu {\n    position: absolute;\n    width: 100%;\n    top: 60px;\n    z-index: 1;\n    display: none; }\n    .header-nav-ui .mobile-nav-sub-menu .mask {\n      z-index: -1;\n      background: #2A2A2B;\n      opacity: 0.8;\n      display: none; }\n    .header-nav-ui .mobile-nav-sub-menu .header {\n      background: #264346;\n      height: 60px; }\n      .header-nav-ui .mobile-nav-sub-menu .header .drowdown-icon-container {\n        margin-left: 8px; }\n      .header-nav-ui .mobile-nav-sub-menu .header span {\n        font-family: 'Barlow Condensed';\n        font-weight: 600;\n        color: #FFFFFF;\n        font-size: 28px;\n        line-height: 40px; }\n    .header-nav-ui .mobile-nav-sub-menu .menu {\n      padding: 15px 20px;\n      background: #264346;\n      border-top: 1px solid #1F7E8A;\n      display: none; }\n      .header-nav-ui .mobile-nav-sub-menu .menu a {\n        color: #FFFFFF;\n        font-size: 18px;\n        line-height: 40px;\n        height: 40px;\n        margin: 5px 0;\n        display: flex;\n        align-items: center; }\n        .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n          .header-nav-ui .mobile-nav-sub-menu .menu a.isOpen::before {\n            content: \"\";\n            height: 30px;\n            width: 3px;\n            border-radius: 1.5px;\n            background: #FFFFFF;\n            display: inline-block;\n            margin-right: 10px; }\n    .header-nav-ui .mobile-nav-sub-menu .mobile-notifications-panel {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 100; }\n    .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) {\n      height: calc(100vh - 60px); }\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .menu,\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .mask {\n        display: flex; }\n      .header-nav-ui .mobile-nav-sub-menu.isOpen:not(.isEmpty) .drowdown-icon-container {\n        -moz-transform: scale(-1, -1);\n        -o-transform: scale(-1, -1);\n        -webkit-transform: scale(-1, -1);\n        transform: scale(-1, -1); }\n  .header-nav-ui .secondary-nav-mobile {\n    position: absolute;\n    top: 120px;\n    width: 100%;\n    height: calc(100vh - 120px);\n    z-index: 1;\n    display: none; }\n    :global .theme-light :local .header-nav-ui .secondary-nav-mobile {\n      background: #FBFBFB; }\n    :global .theme-dark :local .header-nav-ui .secondary-nav-mobile {\n      background: #636363; }\n    .header-nav-ui .secondary-nav-mobile .menu {\n      padding: 15px 20px; }\n      .header-nav-ui .secondary-nav-mobile .menu a {\n        font-size: 18px;\n        line-height: 40px;\n        height: 40px;\n        margin: 5px 0;\n        display: flex;\n        align-items: center; }\n        :global .theme-light :local .header-nav-ui .secondary-nav-mobile .menu a {\n          color: #2A2A2B; }\n        :global .theme-dark :local .header-nav-ui .secondary-nav-mobile .menu a {\n          color: #FFFFFF; }\n        .header-nav-ui .secondary-nav-mobile .menu a.isOpen {\n          font-family: 'Roboto';\n          font-weight: 700; }\n          .header-nav-ui .secondary-nav-mobile .menu a.isOpen::before {\n            content: \"\";\n            height: 30px;\n            width: 3px;\n            border-radius: 1.5px;\n            background: #43D7B0;\n            display: inline-block;\n            margin-right: 10px; }\n    .header-nav-ui .secondary-nav-mobile .footer {\n      background: #F4F4F4;\n      min-height: 70px; }\n      .header-nav-ui .secondary-nav-mobile .footer span {\n        font-size: 12px;\n        color: #7F7F7F;\n        text-align: center;\n        line-height: 20px; }\n  .header-nav-ui .user-info-popup,\n  .header-nav-ui .login-container {\n    display: none; }\n    .header-nav-ui .user-info-popup.isOpen,\n    .header-nav-ui .login-container.isOpen {\n      display: flex; }\n  .header-nav-ui.isLoggedIn .login-container {\n    display: flex; }\n    .header-nav-ui.isLoggedIn .login-container.isOpen .dropdown-icon {\n      -moz-transform: scale(-1, -1);\n      -o-transform: scale(-1, -1);\n      -webkit-transform: scale(-1, -1);\n      transform: scale(-1, -1); }\n  .header-nav-ui.isLoggedIn .login-btn {\n    display: none; }\n  .header-nav-ui .user-info-popup.user-info-popup-mobile {\n    position: absolute;\n    width: 100%;\n    height: 100vh;\n    overflow-y: auto;\n    background: #FFFFFF;\n    display: none;\n    z-index: 1;\n    top: 0; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .header {\n      padding: 7px 0 5px 17px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content img {\n        border: 3px solid #C0C0C0;\n        border-radius: 33px;\n        margin-right: 17px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .handle {\n        font-family: 'Roboto';\n        font-weight: 700;\n        font-size: 20px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .left-content .description {\n        font-size: 12; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .header .icon-close {\n        width: 50px;\n        height: 50px; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .separator {\n      background: #E0E0E0;\n      width: calc(100% - 80px);\n      margin: 15px 0;\n      height: 1px;\n      align-self: center;\n      padding: 0 20px; }\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a,\n    .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile {\n      color: #2A2A2B;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      margin: 5px 0;\n      padding: 0 20px; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a:hover,\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile:hover {\n        background: #F4F4F4; }\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile,\n      .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile {\n        display: flex;\n        justify-content: space-between; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .title,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .title {\n          font-size: 18px;\n          font-family: 'Roboto';\n          font-weight: 700;\n          background: url("+C+") left center no-repeat;\n          background-size: 16px;\n          padding-left: 28px;\n          text-align: left; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .left-notifi .red-number,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .left-notifi .red-number {\n          font-size: 14px;\n          color: #EF476F; }\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu a.notification-mobile .notification-right-arrow,\n        .header-nav-ui .user-info-popup.user-info-popup-mobile .menu .notification-mobile.notification-mobile .notification-right-arrow {\n          background: url("+O+") left center no-repeat;\n          background-size: 10px;\n          width: 10px;\n          height: 16px; }\n  .header-nav-ui .settings-nav {\n    background: #2A2A2B;\n    color: #FFFFFF;\n    height: 60px;\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between; }\n    .header-nav-ui .settings-nav .tc-logo {\n      margin: 0 30px;\n      justify-self: flex-start;\n      cursor: pointer; }\n    .header-nav-ui .settings-nav a,\n    .header-nav-ui .settings-nav .title {\n      color: #EDEDF2;\n      font-size: 20px; }\n    .header-nav-ui .settings-nav .close-btn {\n      background-color: #808080;\n      border-radius: 29px;\n      width: 30px;\n      height: 30px;\n      margin-right: 25px; }\n      .header-nav-ui .settings-nav .close-btn img {\n        transform: scale(0.9); }\n\n.settings-panel {\n  background-color: #FFFFFF;\n  border-radius: 6px;\n  box-shadow: 0 1px 1px 0 #D5D5D5;\n  width: 720px;\n  margin: 26px auto 26px auto;\n  font-family: 'Roboto';\n  font-weight: 400;\n  padding: 30px 20px; }\n  .settings-panel .title {\n    color: #151516;\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 35px;\n    text-align: center;\n    margin-bottom: 20px; }\n  .settings-panel .panel-content {\n    margin-bottom: 60px; }\n    .settings-panel .panel-content .section-title {\n      background-color: #EBEBEB;\n      border-radius: 4px 4px 0 0;\n      height: 50px;\n      padding: 0 10px;\n      display: flex;\n      align-items: center; }\n      .settings-panel .panel-content .section-title .left {\n        color: #151516;\n        font-family: 'Roboto';\n        font-weight: 700;\n        font-size: 15px;\n        line-height: 30px;\n        flex: 0 0 63%; }\n      .settings-panel .panel-content .section-title div {\n        color: #151516;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 13px;\n        line-height: 35px; }\n        .settings-panel .panel-content .section-title div.website {\n          flex: 0 0 15%;\n          display: flex;\n          justify-content: center; }\n          .settings-panel .panel-content .section-title div.website span {\n            background: url("+F+") left center no-repeat;\n            background-size: 17px;\n            padding-left: 22px; }\n            .settings-panel .panel-content .section-title div.website span em {\n              font-style: normal; }\n        .settings-panel .panel-content .section-title div.as-email {\n          flex: 0 0 22%;\n          display: flex;\n          justify-content: center; }\n          .settings-panel .panel-content .section-title div.as-email span {\n            background: url("+k+") left center no-repeat;\n            background-size: 17px;\n            padding-left: 22px; }\n            .settings-panel .panel-content .section-title div.as-email span em {\n              font-style: normal; }\n    .settings-panel .panel-content .section-list {\n      padding-left: 0;\n      margin-top: 0; }\n      .settings-panel .panel-content .section-list li {\n        min-height: 50px;\n        padding: 0 10px;\n        box-shadow: 0 1px 0 0 #E0E0E0;\n        padding-bottom: 10px;\n        padding-top: 10px;\n        display: block; }\n        .settings-panel .panel-content .section-list li:hover {\n          background-color: #FAFAFB; }\n        .settings-panel .panel-content .section-list li .list-item {\n          display: flex;\n          align-items: center; }\n          .settings-panel .panel-content .section-list li .list-item .left {\n            flex: 0 0 63%; }\n            .settings-panel .panel-content .section-list li .list-item .left .title {\n              color: #151516;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 15px;\n              line-height: 30px;\n              text-align: left;\n              margin-bottom: auto; }\n            .settings-panel .panel-content .section-list li .list-item .left .description {\n              color: #808080;\n              font-family: 'Roboto';\n              font-weight: 400;\n              font-size: 12px;\n              line-height: 20px;\n              margin-right: 40px; }\n          .settings-panel .panel-content .section-list li .list-item div {\n            color: #151516;\n            font-family: 'Roboto';\n            font-weight: 400;\n            font-size: 13px;\n            line-height: 30px; }\n            .settings-panel .panel-content .section-list li .list-item div.website {\n              flex: 0 0 15%;\n              display: flex;\n              justify-content: center;\n              margin-top: 12px; }\n              .settings-panel .panel-content .section-list li .list-item div.website .check-icon {\n                background: url("+w+") left center no-repeat;\n                background-size: 7px;\n                width: 12px;\n                height: 7px;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.website .check-icon.checked {\n                  background: url("+I+") left center no-repeat;\n                  background-size: 10px;\n                  width: 9px;\n                  height: 7px;\n                  margin-left: -5px; }\n            .settings-panel .panel-content .section-list li .list-item div.as-email {\n              flex: 0 0 22%;\n              display: flex;\n              justify-content: center;\n              margin-top: 12px; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n                background: url("+w+") left center no-repeat;\n                background-size: 7px;\n                width: 12px;\n                height: 10px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n                  background: url("+I+") left center no-repeat;\n                  background-size: 10px;\n                  width: 9px;\n                  height: 7px;\n                  cursor: pointer;\n                  margin-left: -5px; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box {\n                background-color: #C0C0C0;\n                border-radius: 15px;\n                width: 148px;\n                height: 30px;\n                position: relative;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open {\n                  background-color: #AAAAAB;\n                  box-shadow: inset 0 1px 3px 0 #808080; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.open .options {\n                    display: block; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box:hover {\n                  background-color: none;\n                  background-image: linear-gradient(180deg, #C0C0C0 0%, #A8A8A9 100%); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked {\n                  background-color: #0681FF; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked.open {\n                    background-color: #006DEA;\n                    box-shadow: inset 0 1px 3px 0 #404041; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box.checked:hover {\n                    background-color: none;\n                    background-image: linear-gradient(180deg, #0681FF 0%, #006CE7 100%);\n                    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.5); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label {\n                  color: #FFFFFF;\n                  font-family: 'Roboto';\n                  font-weight: 700;\n                  font-size: 13px;\n                  line-height: 30px;\n                  margin-left: 17px;\n                  cursor: pointer; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .selected-label .dropdown-arrow {\n                    background: url("+R+") left center no-repeat;\n                    background-size: 14px;\n                    width: 14px;\n                    height: 14px;\n                    display: block;\n                    position: absolute;\n                    right: 13px;\n                    top: 9px;\n                    transform: rotateZ(90deg); }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options {\n                  display: none;\n                  background-color: #FFFFFF;\n                  border-radius: 6px;\n                  box-shadow: 0 5px 35px 5px rgba(21, 21, 22, 0.1), 0 10px 14px 0 rgba(21, 21, 22, 0.3);\n                  padding: 5px 5px;\n                  position: absolute;\n                  width: 138px;\n                  z-index: 100; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li {\n                    color: #151516;\n                    font-family: 'Roboto';\n                    font-weight: 400;\n                    font-size: 13px;\n                    line-height: 30px;\n                    padding-top: 0;\n                    min-height: initial;\n                    padding-bottom: initial;\n                    box-shadow: none;\n                    align-items: start;\n                    cursor: pointer; }\n                    .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li.active {\n                      font-weight: 700;\n                      background-color: #FAFAFB; }\n                    .settings-panel .panel-content .section-list li .list-item div.as-email .dropdown-box .options li:hover {\n                      background-color: #F4F9FF; }\n              .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n                background-color: #C0C0C0;\n                border-radius: 14px;\n                box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);\n                width: 48px;\n                height: 25px;\n                display: flex;\n                justify-content: space-between;\n                cursor: pointer; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box:hover {\n                  opacity: 0.75; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on,\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n                  color: #FAFAFB;\n                  font-family: 'Roboto';\n                  font-weight: 400;\n                  font-size: 12px;\n                  line-height: 14px;\n                  line-height: 26px;\n                  display: flex;\n                  justify-content: center;\n                  flex-direction: column; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-on {\n                  margin-left: 7px;\n                  display: none; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .label-off {\n                  margin-right: 7px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box .dot {\n                  background-color: #FFFFFF;\n                  border-radius: 100%;\n                  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.35);\n                  width: 17px;\n                  height: 17px;\n                  margin-top: 4px;\n                  margin-left: 4px;\n                  margin-right: 4px; }\n                .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked {\n                  background-color: #0681FF; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-on {\n                    display: block; }\n                  .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box.checked .label-off {\n                    display: none; }\n        .settings-panel .panel-content .section-list li .description-mobile {\n          display: none; }\n  .settings-panel .bottom-btn {\n    text-align: center; }\n\n@media (max-width: 900px) {\n  .header-nav-ui .primary-nav .primary-level-1 {\n    margin: 0 20px; }\n    .header-nav-ui .primary-nav .primary-level-1::before {\n      left: -20px; }\n  .header-nav-ui .primary-nav .primary-level-2-container .primary-level-2 {\n    margin-left: 20px; }\n  .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container {\n    background: none; }\n    .header-nav-ui .primary-nav .primary-level-1.login-container .user-info-container .handle {\n      display: none; }\n  .header-nav-ui .secondary-nav a {\n    margin: 0 10px; }\n  .header-nav-ui .more-btn-container .more-btn {\n    margin-left: 10px !important; }\n  .header-nav-ui .settings-nav .close-btn {\n    background-color: initial; } }\n\n@media (max-width: 768px) {\n  .header-nav-ui .user-info-popup,\n  .header-nav-ui .login-container {\n    display: none; }\n    .header-nav-ui .user-info-popup.isOpen,\n    .header-nav-ui .login-container.isOpen {\n      display: flex; }\n  .header-nav-ui .primary-nav {\n    height: 60px;\n    justify-content: space-around;\n    display: none; }\n    .header-nav-ui .primary-nav .primary-level-2-container,\n    .header-nav-ui .primary-nav .primary-level-2-container.isOpen,\n    .header-nav-ui .primary-nav .tc-logo {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1-separator {\n      display: block;\n      height: 30px;\n      width: 1px;\n      background: #555555; }\n    .header-nav-ui .primary-nav .primary-level-1::before {\n      content: none; }\n    .header-nav-ui .primary-nav .primary-level-1.login-btn, .header-nav-ui .primary-nav .primary-level-1.login-container,\n    .header-nav-ui .primary-nav .primary-level-1 .user-info-popup {\n      display: none; }\n    .header-nav-ui .primary-nav .primary-level-1.more-menu {\n      display: flex; }\n    .header-nav-ui .primary-nav .primary-level-1.isOpen.isOpenSubmenu {\n      color: #43D7B0; }\n  .header-nav-ui .mobile-notifications-panel {\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    box-shadow: none;\n    border-radius: 0;\n    display: block;\n    top: 0;\n    right: 0;\n    overflow-y: auto; }\n    .header-nav-ui .mobile-notifications-panel .noti-header {\n      height: 40px;\n      border-radius: 0;\n      padding-left: 10px;\n      padding-right: 10px; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .notification-back-btn {\n        width: 50px;\n        height: 50px;\n        background: url("+L+") center center no-repeat;\n        margin-left: -8px; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .btn-setting {\n        width: 50px;\n        height: 50px;\n        background: url("+P+") center center no-repeat; }\n      .header-nav-ui .mobile-notifications-panel .noti-header .left-noti {\n        margin-left: 0;\n        padding-left: 0;\n        background: none; }\n    .header-nav-ui .mobile-notifications-panel .noti-body.center .txt {\n      padding: 19px 20px 12px 21px; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .items {\n      padding: 0 10px 0 20px; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .items .item-content .txt {\n        padding-right: 0; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .right-remove {\n      right: 5px; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt {\n        left: -90px; }\n        .header-nav-ui .mobile-notifications-panel .noti-body .right-remove .black-txt:after {\n          left: 90%; }\n      .header-nav-ui .mobile-notifications-panel .noti-body .right-remove:hover .black-txt {\n        display: none; }\n    .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .copyicon-title {\n      padding-left: 25px;\n      width: calc(100% - 50px); }\n    .header-nav-ui .mobile-notifications-panel .noti-body .grey-bar .right-remove {\n      right: 15px; }\n    .header-nav-ui .mobile-notifications-panel .light-bar {\n      display: flex;\n      justify-content: space-between; }\n      .header-nav-ui .mobile-notifications-panel .light-bar .green-link {\n        color: #229174;\n        font-size: 14px;\n        font-family: 'Roboto';\n        font-weight: 700;\n        line-height: 30px;\n        text-align: left; }\n  .header-nav-ui .secondary-nav {\n    display: none; }\n  .header-nav-ui .mobile-nav {\n    display: flex; }\n    .header-nav-ui .mobile-nav .close-btn {\n      display: none; }\n  .header-nav-ui .mobile-nav-sub-menu {\n    display: block; }\n    .header-nav-ui .mobile-nav-sub-menu.isNothing {\n      display: none; }\n  .header-nav-ui.isOpenSecondaryNavMobile .primary-nav,\n  .header-nav-ui.isOpenSecondaryNavMobile .secondary-nav-mobile {\n    display: flex; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .menu-btn {\n    display: none; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav .close-btn {\n    display: flex; }\n  .header-nav-ui.isOpenSecondaryNavMobile .mobile-nav-sub-menu {\n    display: none; }\n  .settings-panel {\n    margin-top: 0;\n    margin-bottom: 0;\n    border-radius: 0;\n    width: 100%;\n    padding: 12px 0 32px 0; }\n    .settings-panel > .title {\n      display: none; }\n    .settings-panel .panel-content .section-title .left {\n      flex: 0 0 45%; }\n    .settings-panel .panel-content .section-title div.website {\n      flex: 0 0 10%; }\n      .settings-panel .panel-content .section-title div.website span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        .settings-panel .panel-content .section-title div.website span em {\n          display: none; }\n    .settings-panel .panel-content .section-title div.as-email {\n      flex: 0 0 45%; }\n      .settings-panel .panel-content .section-title div.as-email span {\n        padding-left: 0;\n        width: 22px;\n        height: 22px; }\n        .settings-panel .panel-content .section-title div.as-email span em {\n          display: none; }\n    .settings-panel .panel-content .section-list {\n      padding-left: 0; }\n      .settings-panel .panel-content .section-list li .list-item .left {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        padding-top: 5px; }\n        .settings-panel .panel-content .section-list li .list-item .left .title {\n          line-height: 20px; }\n        .settings-panel .panel-content .section-list li .list-item .left .description {\n          display: none; }\n      .settings-panel .panel-content .section-list li .list-item div.website {\n        flex: 0 0 10%;\n        align-self: flex-start; }\n      .settings-panel .panel-content .section-list li .list-item div.as-email {\n        flex: 0 0 45%;\n        align-self: flex-start;\n        margin-top: 0; }\n        .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon {\n          margin-top: 12px; }\n          .settings-panel .panel-content .section-list li .list-item div.as-email .check-icon.checked {\n            margin-top: 13px; }\n        .settings-panel .panel-content .section-list li .list-item div.as-email .switch-box {\n          margin-top: 2px; }\n      .settings-panel .panel-content .section-list li .description-mobile {\n        display: block;\n        color: #808080;\n        font-family: 'Roboto';\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 20px;\n        margin-top: 10px; }\n  .mobile-hide {\n    display: none; }\n  .mobile-show {\n    display: block; } }\n\n.avatar {\n  border-radius: 100%; }\n\n.opacity-0 {\n  opacity: 0; }\n\n.fade-opacity-in {\n  transition: opacity 400ms ease-in 100ms;\n  opacity: 1; }\n",""])},function(n,e,t){n.exports=t.p+"images/icon-bell.svg"},function(n,e,t){n.exports=t.p+"images/left-arrow.svg"},function(n,e,t){n.exports=t.p+"images/icon-settings-gear.svg"}])});
\ No newline at end of file
diff --git a/src/assets/images/icon-bell-grey.svg b/src/assets/images/icon-bell-grey.svg
new file mode 100644
index 0000000..e9fa6fb
--- /dev/null
+++ b/src/assets/images/icon-bell-grey.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>icon-bell</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Desktop-navigation-specification" transform="translate(-1103.000000, -961.000000)">
+            <g id="Group-11-Copy" transform="translate(1103.000000, 955.000000)">
+                <g id="bell/active-badge">
+                    <g id="icons/ui/bell" transform="translate(0.000000, 6.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <path fill="#888894" fill-rule="nonzero" d="M10,14 C10,15.1 9.1,16 8,16 C6.9,16 6,15.1 6,14 L10,14 Z M15,11 C15.6,11 16,11.4 16,12 C16,12.6 15.6,13 15,13 L1,13 C0.4,13 0,12.6 0,12 C0,11.4 0.4,11 1,11 L1.5,11 C2.2,10.3 3,9.3 3,8 L3,5 C3,2.2 5.2,0 8,0 C10.8,0 13,2.2 13,5 L13,8 C13,9.3 13.8,10.3 14.5,11 L15,11 Z" id="path-1"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/icon-checkmark.svg b/src/assets/images/icon-checkmark.svg
new file mode 100644
index 0000000..ca05875
--- /dev/null
+++ b/src/assets/images/icon-checkmark.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="15px" height="13px" viewBox="0 0 15 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.3 (12081) - http://www.bohemiancoding.com/sketch -->
+    <title>checkmark</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Dashboard-Web" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Dashboard-Cards" sketch:type="MSArtboardGroup" transform="translate(-2383.000000, -407.000000)" fill="#FFFFFF">
+            <path d="M2386.84803,408.54609 L2383.55391,408.54609 L2383.55391,415.54609 L2397.55391,415.54609 L2397.55391,412.434979 L2386.84803,412.434979 L2386.84803,408.54609 Z" id="checkmark" sketch:type="MSShapeGroup" transform="translate(2390.353910, 412.146090) rotate(-45.000000) translate(-2390.353910, -412.146090) "></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/sass/_global/_variables.scss b/src/assets/sass/_global/_variables.scss
index c045628..a2deb1a 100644
--- a/src/assets/sass/_global/_variables.scss
+++ b/src/assets/sass/_global/_variables.scss
@@ -31,6 +31,7 @@ $green-light: #B5E9DB;
 $green-dark: #229174;
 $blue: #0596dc;
 $blue-btn: #50ADE8;
+$blue-link: #0d61bf;
 
 $font-path: "../../assets/fonts";
 $img-path: "../../assets/images";
diff --git a/src/components/AccountMenu/index.js b/src/components/AccountMenu/index.js
index 184bb24..e67e58c 100644
--- a/src/components/AccountMenu/index.js
+++ b/src/components/AccountMenu/index.js
@@ -1,11 +1,14 @@
 import _ from 'lodash'
-import React from 'react'
+import React, { Fragment } from 'react'
 import PropTypes from 'prop-types'
 import cn from 'classnames'
 import { Link } from 'topcoder-react-utils'
 import IconAvatar from '../../assets/images/ico-user-default.svg'
 import IconCloseDark from '../../assets/images/icon-close-dark.svg'
 import IconSwitchBusiness from '../../assets/images/icon-switch-business.svg'
+import IconNotificationsRed from '../../assets/images/icon-bell-red.svg'
+import IconNotificationsGrey from '../../assets/images/icon-bell-grey.svg'
+import IconRightArrow from '../../assets/images/right-arrow.svg'
 import styles from './styles.module.scss'
 import moment from 'moment'
 
@@ -43,7 +46,7 @@ class AccountMenu extends React.Component {
 
   render () {
     const {
-      onClose, open, menu, switchText, onSwitch, profile, domRef
+      onClose, open, menu, switchText, onSwitch, profile, domRef, numNotifications, onClickNotifications
     } = this.props
 
     return (
@@ -90,6 +93,34 @@ class AccountMenu extends React.Component {
             </div>
           )
         }
+        {
+          !_.isEmpty(profile) && (
+            <Fragment>
+              <div
+                role='button'
+                className={styles['notifications-mobile']}
+                onClick={onClickNotifications}
+              >
+                <div className={styles['noti-left']}>
+                  {numNotifications > 0
+                    ? <IconNotificationsRed className={styles['bell-icon']} />
+                    : <IconNotificationsGrey className={styles['bell-icon']} />
+                  }
+                  <div>
+                    <span className={styles['notifications-title']}>Notifications</span>
+                    {numNotifications > 0 &&
+                      <span className={styles['red-number']}>{'(' + numNotifications + ')'}</span>
+                    }
+                  </div>
+                </div>
+                <span role='button' className={styles['icon-open-noti']}>
+                  <IconRightArrow />
+                </span>
+              </div>
+              <span className={styles['noti-separator']} />
+            </Fragment>
+          )
+        }
 
         <div className={styles.menu}>
 
@@ -100,13 +131,13 @@ class AccountMenu extends React.Component {
           ))}
 
         </div>
-      </div>
+      </div >
     )
   }
 }
 
 AccountMenu.defaultProps = {
-  numNotifications: 35
+  numNotifications: 0
 }
 
 AccountMenu.propTypes = {
@@ -116,7 +147,9 @@ AccountMenu.propTypes = {
   switchText: PropTypes.shape(),
   onSwitch: PropTypes.func,
   profile: PropTypes.shape(),
-  domRef: PropTypes.shape()
+  domRef: PropTypes.shape(),
+  numNotifications: PropTypes.number,
+  onClickNotifications: PropTypes.func.isRequired
 }
 
 export default AccountMenu
diff --git a/src/components/AccountMenu/styles.module.scss b/src/components/AccountMenu/styles.module.scss
index e10040b..14900ad 100644
--- a/src/components/AccountMenu/styles.module.scss
+++ b/src/components/AccountMenu/styles.module.scss
@@ -79,14 +79,15 @@
     }
   }
 
+  .notifications-mobile {
+    @include mobile-only;
+  }
+
   .menu {
     @include not-mobile {
       padding: 15px 0 25px 0;
     }
 
-    .notification-mobile {
-      @include mobile-only;
-    }
 
     a {
       height: 50px;
@@ -186,6 +187,50 @@
       }
     }
 
+    .notifications-mobile {
+      height: 75px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      
+      .noti-left {
+
+        display: flex;
+        align-items: center;
+        margin-bottom: 2px;
+    
+        .bell-icon {
+          margin: 0 10px 0 22px;
+        }
+
+        .red-number {
+          color: $red;
+          margin: 0 10px;
+        }
+      }
+
+      .icon-open-noti {
+        width: 50px;
+        height: 50px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+  
+      a {
+        color: $white;
+        font-size: 14px;
+        line-height: 30px;
+      }
+    }
+    .noti-separator {
+      background: $gray-05;
+      width: calc(100% - 46px);
+      height: 1px;
+      align-self: center;
+      padding: 0 $base-unit * 4;
+    }
+
     .menu {
       display: flex;
       flex-direction: column;
@@ -200,8 +245,7 @@
         padding: 0 $base-unit * 4;
       }
 
-      a,
-      .notification-mobile {
+      a {
         color: $gray-90;
         height: 40px;
         display: flex;
@@ -237,7 +281,6 @@
           }
         }
       }
-
     }
   }
 }
diff --git a/src/components/LoginNav/index.js b/src/components/LoginNav/index.js
index fdf3ae8..2847a88 100644
--- a/src/components/LoginNav/index.js
+++ b/src/components/LoginNav/index.js
@@ -6,10 +6,10 @@ import NotificationButton from '../NotificationButton'
 import NotificationsPopup from '../NotificationsPopup'
 import UserInfo from '../UserInfo'
 import AccountMenu from '../AccountMenu'
+import _ from 'lodash'
 
 const LoginNav = ({
   loggedIn,
-  notificationButtonState,
   notifications,
   accountMenu,
   switchText,
@@ -17,7 +17,12 @@ const LoginNav = ({
   onMenuOpen,
   showNotification,
   profile,
-  authURLs
+  authURLs,
+  auth,
+  markNotificationAsRead,
+  markAllNotificationAsRead,
+  markAllNotificationAsSeen,
+  dismissChallengeNotifications
 }) => {
   const [openNotifications, setOpenNotifications] = useState()
   const [openAccountMenu, setOpenAccountMenu] = useState()
@@ -66,19 +71,26 @@ const LoginNav = ({
     setOpenAccountMenu(x => !x)
   }
 
+  // process seenNotifications
+  const seenNotifications = _.filter((notifications || []), t => !t.isSeen && !t.isRead)
+    .map(opt => opt.id)
+    .join('-')
+
+  // process unReadNotifications
+  const unReadNotifications = _.filter((notifications || []), t => !t.isRead).length > 0
+
   const renderLoginPanel = () => {
     if (showNotification) {
       return ([
         <NotificationButton
-          className={styles.notificationButton}
-          state={notificationButtonState}
+          notifications={notifications || []}
           notificationsPopupOpen={openNotifications}
           onClick={handleClickNotifications}
           key='notification-button'
         />,
         <UserInfo
           profile={profile}
-          newNotifications={notificationButtonState === 'new'}
+          newNotifications={!!seenNotifications}
           onClick={handleClickUserInfo}
           open={openAccountMenu}
           key='user-info'
@@ -90,7 +102,7 @@ const LoginNav = ({
     return (
       <UserInfo
         profile={profile}
-        newNotifications={notificationButtonState === 'new'}
+        newNotifications={!!seenNotifications}
         onClick={handleClickUserInfo}
         open={openAccountMenu}
         key='user-info'
@@ -117,14 +129,23 @@ const LoginNav = ({
       <NotificationsPopup
         open={openNotifications}
         notifications={notifications}
-        onClose={() => setOpenNotifications(false)}
+        onClose={() => {
+          seenNotifications &&
+            markAllNotificationAsSeen(seenNotifications, auth.tokenV3)
+          setOpenNotifications(false)
+        }}
+        auth={auth}
+        unReadNotifications={unReadNotifications}
+        markNotificationAsRead={markNotificationAsRead}
+        markAllNotificationAsRead={markAllNotificationAsRead}
+        dismissChallengeNotifications={dismissChallengeNotifications}
       />
       <AccountMenu
         profile={profile}
         open={openAccountMenu}
         menu={accountMenu}
         switchText={switchText}
-        numNotifications={(notifications || []).length}
+        numNotifications={_.filter((notifications || []), n => !n.isSeen && !n.isRead).length}
         onClickNotifications={handleClickNotifications}
         onSwitch={onSwitch}
         onClose={() => {
@@ -139,15 +160,19 @@ const LoginNav = ({
 
 LoginNav.propTypes = {
   loggedIn: PropTypes.bool,
-  notificationButtonState: PropTypes.string,
   notifications: PropTypes.array,
   accountMenu: PropTypes.array,
   onSwitch: PropTypes.func,
   onMenuOpen: PropTypes.func,
   showNotification: PropTypes.bool,
   profile: PropTypes.shape(),
+  auth: PropTypes.shape(),
   switchText: PropTypes.shape(),
-  authURLs: PropTypes.shape()
+  authURLs: PropTypes.shape(),
+  markNotificationAsRead: PropTypes.func.isRequired,
+  markAllNotificationAsRead: PropTypes.func.isRequired,
+  markAllNotificationAsSeen: PropTypes.func.isRequired,
+  dismissChallengeNotifications: PropTypes.func.isRequired
 }
 
 export default LoginNav
diff --git a/src/components/NotificationButton/index.js b/src/components/NotificationButton/index.js
index 74d7fa6..a81df43 100644
--- a/src/components/NotificationButton/index.js
+++ b/src/components/NotificationButton/index.js
@@ -1,23 +1,37 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import cn from 'classnames'
+import IconBellEmpty from '../../assets/images/icon-bell-grey.svg'
 import IconBell from '../../assets/images/icon-bell.svg'
 import styles from './styles.module.scss'
+import _ from 'lodash'
 
-const NotificationButton = ({ className, state, onClick, notificationsPopupOpen }) => (
+const getNotificationButtonState = (notifications) => {
+  if (notifications && _.countBy(notifications || [], n => !n.isSeen && !n.isRead).true > 0) {
+    return 'new'
+  }
+  if (notifications.length === 0) {
+    return 'none'
+  } else {
+    return 'seen'
+  }
+}
+
+const NotificationButton = ({ onClick, notificationsPopupOpen, notifications }) => (
   <div
-    className={cn(styles.notificationButton, styles[state], notificationsPopupOpen && styles.isNotificationsPopupOpen, className)}
+    className={cn([styles.notificationButton,
+      notificationsPopupOpen && styles.isNotificationsPopupOpen,
+      styles[getNotificationButtonState(notifications)]])}
     onClick={onClick}
   >
-    <IconBell />
+    {(!_.isEmpty(notifications || []) ? <IconBell /> : <IconBellEmpty />)}
   </div>
 )
 
 NotificationButton.propTypes = {
-  className: PropTypes.string,
-  state: PropTypes.oneOf(['none', 'new', 'seen']),
   onClick: PropTypes.func,
-  notificationsPopupOpen: PropTypes.bool
+  notificationsPopupOpen: PropTypes.bool,
+  notifications: PropTypes.array
 }
 
 export default NotificationButton
diff --git a/src/components/NotificationButton/styles.module.scss b/src/components/NotificationButton/styles.module.scss
index a8337d5..f4a5457 100644
--- a/src/components/NotificationButton/styles.module.scss
+++ b/src/components/NotificationButton/styles.module.scss
@@ -1,8 +1,14 @@
 @import "../../assets/sass/_global/variables";
+@import "../../assets/sass/_global/utils";
 
 .notificationButton {
+  @include hide-mobile;
   position: relative;
-  padding: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
 
   img {
     display: block;
@@ -12,29 +18,21 @@
     opacity: 0.5;
   }
 
-  &.new {
-    line-height: 36px;
-  
-    &:hover {
-      background-color: $gray-hover-profile-icon;
-      border-radius: 50%;
-    }
-  }
-
   &.new::after {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
-    top: 6px;
-    right: 5px;
+    top: -1px;
+    right: 3px;
     background: $red;
     border-radius: 6px;
     display: block;
   }
 
-  &.new.isNotificationsPopupOpen {
+  &:hover, &.isNotificationsPopupOpen
+   {
     background-color: $gray-hover-profile-icon;
     border-radius: 50%;
-  }  
+  }
 }
\ No newline at end of file
diff --git a/src/components/NotificationsPopup/EmptyNotifications.js b/src/components/NotificationsPopup/EmptyNotifications.js
index 9fc941a..b57c5ae 100644
--- a/src/components/NotificationsPopup/EmptyNotifications.js
+++ b/src/components/NotificationsPopup/EmptyNotifications.js
@@ -2,30 +2,41 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import cn from 'classnames'
 import styles from './styles.module.scss'
+import NotificationIcon from '../../assets/images/icon-bell.svg'
+import BackArrow from '../../assets/images/left-arrow.svg'
+import NotificationIconBig from '../../assets/images/bell-big.svg'
 
 const EmptyNotifications = ({ onClose, emptyTitle, emptyText }) => (
   <>
     <div className={styles['noti-header']}>
-      <span
-        className={styles['notification-back-btn']}
-        role='button'
-        onClick={onClose}
-      />
-      <span className={styles['left-noti']}>Notifications</span>
-      <div className={styles.rights}>
-        <span className={styles['white-link']} role='button'>Settings</span>
+      <div className={styles['lefts']}>
+        <div
+          className={styles['notification-icon']}
+        >
+          <NotificationIcon />
+        </div>
+        <div
+          className={styles['notification-left-btn-mobile']}
+          role='button'
+          onClick={onClose}
+        >
+          <BackArrow />
+        </div>
+        <span className={styles['noti-title']}>Notifications</span>
       </div>
-      <span className={styles['btn-setting']} role='button' />
+      <span className={cn(styles['noti-empty-title-mobileonly'])}>Notifications</span>
     </div>
-    <div className={cn(styles['noti-body'], styles.center)}>
-      <i className={cn(styles.icons, styles['icon-bell'])} />
-      <h4 className={styles.titles}>{emptyTitle}</h4>
+    <div className={cn(styles['noti-body'], styles['noti-body-empty'], styles.center)}>
+      <NotificationIconBig className={styles['big-icon-bell']} />
+      <div className={styles['empty-title']}>{emptyTitle}</div>
+      {/*
+        * Disabled until Settings page is ready
+        *
       <div className={cn(styles.txt, styles['center-txt'])}>{emptyText}</div>
-    </div>
-    <div className={styles['noti-footer']}>
-      <span className={cn(styles.btn, styles['btn-blue'])} role='button'>
-        Notification Settings
+      <span className={cn(styles['btn-empty-noti'])} role='button'>
+        Notifications Settings
       </span>
+      */}
     </div>
   </>
 )
@@ -34,9 +45,8 @@ EmptyNotifications.defaultProps = {
   emptyTitle: 'Good job! You’re all caught up',
   emptyText: (
     <div>
-      Join challenges and check your notification settings if
-      you don’t receive notifications. We’re actively adding
-      new notifications. Read our <a href='/' className={styles.blueLink}>blog post</a> for more info
+      Join challenges and check your notification settings if you don’t
+      receive notifications. We’re actively adding new notifications.
     </div>
   )
 }
diff --git a/src/components/NotificationsPopup/NotificationList.js b/src/components/NotificationsPopup/NotificationList.js
index 9f29f91..15315ff 100644
--- a/src/components/NotificationsPopup/NotificationList.js
+++ b/src/components/NotificationsPopup/NotificationList.js
@@ -3,170 +3,240 @@ import PropTypes from 'prop-types'
 import cn from 'classnames'
 import _ from 'lodash'
 import moment from 'moment'
+import { Link } from 'topcoder-react-utils'
 import styles from './styles.module.scss'
+import BackArrow from '../../assets/images/left-arrow.svg'
+// import GearIcon from '../../assets/images/icon-settings-gear.svg'
+import TickIcon from '../../assets/images/icon-checkmark.svg'
+import NotificationIcon from '../../assets/images/icon-bell.svg'
 
-const LightBar = ({ title, onDismiss }) => (
-  <div className={styles['light-bar']}>
-    {title}
-    <span role='button' className={cn(styles['green-link'], styles['mobile-only'], styles.dismissSection)} onClick={onDismiss}>
-      Dismiss All
-    </span>
-  </div>
-)
-
-LightBar.propTypes = {
-  title: PropTypes.node,
-  onDismiss: PropTypes.func
+// TODO: We change this later based on API event mapping
+const eventTypes = {
+  PROJECT: {
+    ACTIVE: [
+      'challenge.notification.events',
+      'notifications.autopilot.events'
+    ],
+    COMPLETED: 'challenge.notification.completed'
+  },
+  BROADCAST: 'admin.notification.broadcast'
 }
 
-const Category = ({ title, onDismiss }) => (
-  <div className={styles['grey-bar']}>
-    <div className={styles['copyicon-title']}>
-      {title}
-    </div>
-    <div className={cn(styles['right-remove'], styles.dismissCategory)} onClick={onDismiss}>
-      <div className={styles['btn-close']} />
-      <span className={styles['black-txt']}>Dismiss notification</span>
-    </div>
-  </div>
+// Dynamic element, to select between Link and Div
+const ConditionalWrapper = ({
+  condition, renderLink, renderDiv, children
+}) => (
+  condition ? renderLink(children) : renderDiv(children)
 )
 
-Category.propTypes = {
-  title: PropTypes.node,
-  onDismiss: PropTypes.func
-}
-
-const Item = ({ item, onDismiss }) => (
-  <div className={styles['items']}>
-    <a href={item.href} className={styles['item-content']}>
-      <p className={styles['txt']}>{item.content}</p>
-      <div className={styles['bottom-info']}>
-        {item.tags && item.tags.map(tag => (
-          <span className={styles['blue-squre']} key={tag}>
-            {tag}
-          </span>
-        ))}
-        <span className={styles['time-txt']}>{moment(item.timestamp).fromNow()}</span>
+const Item = ({ item, auth, onDismiss, markNotificationAsRead, isLink }) =>
+  <ConditionalWrapper
+    condition={
+      (eventTypes.PROJECT.ACTIVE.includes(item.eventType) ||
+      eventTypes.PROJECT.COMPLETED.includes(item.eventType)) &&
+      item.sourceId
+    }
+    renderLink={children => (
+      <Link
+        to={`/challenges/${item.sourceId}`}
+        className={styles['noti-item']}
+        onClick={() => !item.isRead && markNotificationAsRead(item, auth.tokenV3)}
+      >
+        {children}
+      </Link>
+    )}
+    renderDiv={children => (
+      <div className={styles['noti-item']}>
+        {children}
       </div>
-      <div className={cn(styles['right-remove'], styles.dismissItem)} onClick={onDismiss}>
-        <div className={styles['btn-close']} />
-        <span className={styles['black-txt']}>Dismiss notification</span>
+    )}
+  >
+    <Fragment>
+      <div className={styles.left}>
+        <p
+          className={styles['txt']}
+          dangerouslySetInnerHTML={{ // eslint-disable-line react/no-danger
+            __html: item.contents || ''
+          }}
+        />
+        <span className={styles['time-txt']}>{moment(item.date).fromNow()}</span>
       </div>
-    </a>
-  </div>
-)
+      <div className={styles.right}>
+        {
+          !item.isRead &&
+          (<div className={cn([styles.point, item.isSeen && styles['point-grey'], !item.isSeen && styles['point-red']])}
+            onClick={(e) => {
+              e.preventDefault()
+              e.stopPropagation()
+              e.nativeEvent.stopImmediatePropagation()
+              markNotificationAsRead(item, auth.tokenV3)
+            }}
+          />)}
+      </div>
+    </Fragment>
+  </ConditionalWrapper>
 
 Item.propTypes = {
-  item: PropTypes.object,
-  onDismiss: PropTypes.func
+  item: PropTypes.object.isRequired,
+  auth: PropTypes.shape().isRequired,
+  onDismiss: PropTypes.func,
+  markNotificationAsRead: PropTypes.func.isRequired,
+  isLink: PropTypes.bool.isRequired
 }
 
-const NotificationList = ({ notifications, onDismiss, onSettings, onClose }) => {
-  const categories = _.uniq(
-    (notifications || []).map(noti => noti.category).filter(x => x)
-  ).sort((a, b) => a.localeCompare(b))
+export default class NotificationList extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = {
+      nonCompletedSection: [],
+      unreadCount: 0
+    }
+  }
 
-  const newest = notifications.filter(x => {
-    return x.timestamp > moment().subtract(1, 'day').valueOf()
-  })
-  const earlier = notifications.filter(x => {
-    return x.timestamp < moment().subtract(1, 'day').valueOf()
-  })
-  const sections = [
-    { title: 'New', list: newest },
-    { title: 'Earlier', list: earlier }
-  ]
+  challenges (list) {
+    list = list || []
+    const challengeTitles = _.uniq(list.map(noti => noti.sourceName).filter(x => x))
+    return challengeTitles.map(title =>
+      ({
+        challengeTitle: title, items: list.filter(t => t.sourceName === title)
+      }))
+  }
 
-  return (
-    <>
-      <div className={styles['noti-header']}>
-        <span
-          className={styles['notification-back-btn']}
-          role='button'
-          onClick={onClose}
-        />
-        <span className={styles['left-noti']}>Notifications</span>
-        <div className={styles.rights}>
-          <span
-            role='button'
-            className={styles['white-link']}
-            onClick={() => onDismiss(notifications)}
-          >
-            Dismiss All
-          </span>
-          &nbsp;<span className={styles.point} />&nbsp;
-          <span
-            role='button'
-            className={styles['white-link']}
-            onClick={onSettings}
-          >
-            Settings
-          </span>
-        </div>
-        <span
-          role='button'
-          className={styles['btn-setting']}
-        />
-      </div>
-      <div className={styles['noti-body']}>
-        {sections.map(section => (
-          <Fragment key={section.title}>
-            <LightBar
-              title={section.title}
-              onDismiss={() => onDismiss(section.list)}
-            />
-            <div className={styles['lightblue-section']}>
-              {section.list.filter(x => !x.category).map((item, i) => (
-                <Item
-                  item={item}
-                  key={`noti-${i}`}
-                  onDismiss={() => onDismiss([item])}
-                />
-              ))}
+  isLink (item) {
+    const ret = (eventTypes.PROJECT.ACTIVE.includes(item.eventType) ||
+      eventTypes.PROJECT.COMPLETED.includes(item.eventType)) &&
+      item.sourceId > 0
+    return ret
+  }
+
+  render () {
+    const { onClose, notifications, onDismiss, unReadNotifications,
+      markNotificationAsRead, markAllNotificationAsRead, auth } = this.props
+
+    return (
+      <>
+        <div className={styles['noti-header']}>
+          <div className={styles['lefts']}>
+            <div
+              className={styles['notification-icon']}
+            >
+              <NotificationIcon />
+            </div>
+            <div
+              className={styles['notification-left-btn-mobile']}
+              role='button'
+              onClick={onClose}
+            >
+              <BackArrow />
+            </div>
+            <span className={styles['noti-title']}>Notifications</span>
+          </div>
+          <span className={styles['noti-title-mobileonly']}>Notifications</span>
+
+          <div className={styles.rights}>
+            <span
+              role='button'
+              className={cn(styles['white-link'], !unReadNotifications && styles['disabled'])}
+              onClick={() => {
+                unReadNotifications && markAllNotificationAsRead(auth.tokenV3)
+              }}
+            >
+              Mark All as Read
+            </span>
+            {/*
+              * Disabled until Settings page is ready
+              *
+            &nbsp;<span className={styles.point} />&nbsp;
+            <span
+              role='button'
+              className={styles['white-link']}
+              onClick={onSettings}
+            >
+              Settings
+            </span>
+            */}
+          </div>
+          <div className={styles['rights-mobile']}>
+            <div
+              className={cn(styles['btn-tick'], !unReadNotifications && styles['disabled'])}
+              role='button'
+              onClick={() => {
+                unReadNotifications && markAllNotificationAsRead(auth.tokenV3)
+              }}
+            >
+              <TickIcon />
+            </div>
+            {/*
+              * Disabled until Settings page is ready
+              *
+            <div
+              role='button'
+              className={styles['btn-setting']}
+            >
+              <GearIcon />
             </div>
-            {categories.map(category => {
-              const items = section.list.filter(x => x.category === category)
-              if (!items.length) return null
-              return (
-                <div className={styles['greybar-section']} key={category}>
-                  <Category
-                    title={`${category} (${items.length})`}
-                    onDismiss={() => onDismiss(items)}
-                  />
-                  {items.map((item, i) => (
-                    <Item
-                      item={item}
-                      key={`noti-${i}`}
-                      onDismiss={() => onDismiss([item])}
-                    />
-                  ))}
-                </div>
-              )
-            })}
+            */}
+          </div>
+        </div>
+        <div className={styles['noti-body']}>
+          <Fragment>
+            {
+              this.challenges(
+                _.uniq((notifications || [])).filter(t =>
+                  eventTypes.PROJECT.ACTIVE.includes(t.eventType) ||
+                  eventTypes.BROADCAST.includes(t.eventType)
+                )
+              ).map((challenge, challengeIdx) =>
+                (
+                  <Fragment key={`nonComplete-${challengeIdx}`}>
+                    <div key={`noti-${challengeIdx}`} className={styles['challenge-title']}>
+                      <span>{challenge.challengeTitle}</span>
+                    </div>
+                    {challenge.items.map((item, itemIdx) =>
+                      (<Item
+                        item={item}
+                        auth={auth}
+                        markNotificationAsRead={markNotificationAsRead}
+                        key={`noti-${challengeIdx}-${itemIdx}`}
+                        onDismiss={() => onDismiss([item])}
+                        isLink={this.isLink(item)}
+                      />))}
+                  </Fragment>
+                ))
+            }
           </Fragment>
-        ))}
-        <div className={cn(styles['end-message'], styles.center)}>
-          You have no more notifications
         </div>
-      </div>
-    </>
-  )
+        <div className={styles['view-all-notifications']}>
+          <Link to='/notifications'>View all Notifications</Link>
+        </div>
+      </>
+    )
+  }
 }
 
 NotificationList.defaultProps = {
   notifications: [],
-  onDismiss: () => null
+  auth: null,
+  onDismiss: () => null,
+  markAllNotificationAsRead: () => null,
+  markNotificationAsRead: () => null
 }
 
 NotificationList.propTypes = {
+  auth: PropTypes.shape(),
   /**
    * Array of Notifications, each with properties:
    *
-   *   - content {string|node}
-   *   - href {string} href for the item's wrapper anchor
-   *   - category {array}
-   *   - tags {array}
-   *   - timestamp {number}
+   *   - id {number} message identifier
+   *   - sourceId {number} identifies the associated challenge
+   *   - sourceName {string} challenge title
+   *   - eventType {string} indicates if challenge is active(connect.notification.project.active)
+   *       or completed(connect.notification.project.completed)
+   *   - date {date} when notification was raised
+   *   - isRead {boolean} indicates if is read
+   *   - isSeen {boolean} indicates if is seen
+   *   - contents {string} message
+   *
   */
   notifications: PropTypes.array,
 
@@ -177,10 +247,8 @@ NotificationList.propTypes = {
    */
   onDismiss: PropTypes.func,
 
-  /** Called on Settings button click */
-  onSettings: PropTypes.func,
-
-  onClose: PropTypes.func
+  onClose: PropTypes.func,
+  unReadNotifications: PropTypes.bool,
+  markNotificationAsRead: PropTypes.func.isRequired,
+  markAllNotificationAsRead: PropTypes.func.isRequired
 }
-
-export default NotificationList
diff --git a/src/components/NotificationsPopup/index.js b/src/components/NotificationsPopup/index.js
index 6013ef8..d2f06f0 100644
--- a/src/components/NotificationsPopup/index.js
+++ b/src/components/NotificationsPopup/index.js
@@ -5,26 +5,32 @@ import styles from './styles.module.scss'
 import EmptyNotifications from './EmptyNotifications'
 import NotificationList from './NotificationList'
 
-const NotificationsPopup = ({ open, onClose, emptyTitle, emptyText, notifications }) => (
-  <div className={cn(styles['notifications-panel'], open && styles.open)}>
-    <div className={styles.backdrop} onClick={onClose} />
-    {notifications && notifications.length > 0 ? (
-      <NotificationList notifications={notifications} onClose={onClose} />
-    ) : (
-      <EmptyNotifications emptyTitle={emptyTitle} emptyText={emptyText} onClose={onClose} />
-    )}
-  </div>
-)
+const NotificationsPopup = ({ open, onClose, emptyTitle, markNotificationAsRead,
+  emptyText, notifications, unReadNotifications,
+  markAllNotificationAsRead, dismissChallengeNotifications, auth }) =>
+  (
+    <div className={cn(styles['notifications-panel'], open && styles.open)}>
+      <div className={styles.backdrop} onClick={onClose} />
+      {notifications && notifications.length > 0 ? (
+        <NotificationList notifications={notifications}
+          markNotificationAsRead={markNotificationAsRead}
+          auth={auth}
+          unReadNotifications={unReadNotifications}
+          markAllNotificationAsRead={markAllNotificationAsRead}
+          dismissChallengeNotifications={dismissChallengeNotifications}
+          onClose={onClose} />
+      ) : (<EmptyNotifications emptyTitle={emptyTitle} emptyText={emptyText}
+        onClose={onClose} />)}
+    </div>
+  )
 
 NotificationsPopup.defaultProps = {
   emptyTitle: 'Good job! You’re all caught up',
-  emptyText: (
-    <div>
-      Join challenges and check your notification settings if
-      you don’t receive notifications. We’re actively adding
-      new notifications. Read our <a href='/' className={styles.blueLink}>blog post</a> for more info
-    </div>
-  )
+  emptyText: <div>
+    Join challenges and check your notification settings if you don’t
+    receive notifications. We’re actively adding new notifications.
+  </div>
+
 }
 
 NotificationsPopup.propTypes = {
@@ -32,6 +38,7 @@ NotificationsPopup.propTypes = {
   onClose: PropTypes.func,
   emptyTitle: PropTypes.node,
   emptyText: PropTypes.node,
+  auth: PropTypes.shape(),
 
   /**
    * Array of Notifications, each with properties:
@@ -41,7 +48,11 @@ NotificationsPopup.propTypes = {
    *   - tags {array}
    *   - timestamp {number}
   */
-  notifications: PropTypes.array
+  notifications: PropTypes.array,
+  unReadNotifications: PropTypes.bool,
+  markNotificationAsRead: PropTypes.func.isRequired,
+  markAllNotificationAsRead: PropTypes.func.isRequired,
+  dismissChallengeNotifications: PropTypes.func.isRequired
 }
 
 export default NotificationsPopup
diff --git a/src/components/NotificationsPopup/styles.module.scss b/src/components/NotificationsPopup/styles.module.scss
index 84ee8e6..87c1436 100644
--- a/src/components/NotificationsPopup/styles.module.scss
+++ b/src/components/NotificationsPopup/styles.module.scss
@@ -16,7 +16,7 @@
   z-index: 100;
   cursor: default;
 
-  [role="button"] {
+  [role="button"]:not(.disabled) {
     cursor: pointer;
   }
 
@@ -29,27 +29,56 @@
   .noti-header {
     background-color: $turquoise-dark;
     border-radius: 10px 10px 0 0;
-    padding: 10px 20px 10px;
-    height: 30px;
+    padding: 17px 20px;
+    height: 50px;
     position: sticky;
     top: 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    .notification-back-btn {
+
+    .lefts {
+      display: flex;
+
+      .notification-icon {
+        @include hide-mobile;
+      }
+
+      .notification-left-btn-mobile {
+        @include mobile-only;
+      }
+
+      .noti-title {
+        background-size: 16px;
+        color: $white;
+        font-size: 16px;
+        @include Roboto-Bold;
+        text-align: left;
+        padding-left: 10px;
+        @include hide-mobile;
+      }
+    }
+    
+    .noti-title-mobileonly {
+      flex-basis: 50%;
+      background-size: 20px;
+      color: $white;
+      font-size: 20px;
+      @include Roboto-Regular;
+      text-align: center;
       @include mobile-only;
     }
-    .left-noti {
-      background: url(#{$img-path}/icon-bell.svg) left center no-repeat;
-      background-size: 16px;
-      padding-left: 26px;
+    .noti-empty-title-mobileonly {
+      flex-basis: 50%;
+      margin-right: 60px;
+      background-size: 20px;
       color: $white;
-      font-size: 16px;
-      @include Roboto-Bold;
+      font-size: 20px;
+      @include Roboto-Regular;
       text-align: left;
+      @include mobile-only;
     }
     .rights {
-      @include hide-mobile;
 
       .white-link {
         color: $white;
@@ -61,6 +90,9 @@
         &:hover {
           opacity: 0.75;
         }
+        &.disabled {
+          opacity: 0.50;
+        }
       }
 
       .point {
@@ -72,17 +104,26 @@
         vertical-align: middle;
       }
     }
-
-    .btn-setting {
-      @include mobile-only;
+    .rights-mobile {
+      display: none;
     }
   }
   .noti-body {
-    max-height: 378px;
+    max-height: 800px;
     overflow: scroll;
+    scrollbar-width: 7px;
+    scrollbar-color: $gray-90;
+
+    &.noti-body-empty {
+      padding-bottom: 50px;
+     }
+    
     &.center {
       text-align: center;
     }
+    .big-icon-bell {
+      margin: 50px auto;
+    }
     .icon-bell {
       background: url(#{$img-path}/bell-big.svg)center center no-repeat;
       background-size: 73px 80px;
@@ -90,26 +131,28 @@
       height: 80px;
       margin: 50px 0 10px;
     }
-    .titles {
+    .empty-title {
       color: $gray-90;
-      font-size: 30px;
-      @include Barlow-Condensed-SemiBold;
-      line-height: 40px;
-      margin: 23px 0 -8px 0;
+      font-size: 24px;
+      font-family: Barlow;
+      line-height: 26px;
+      font-weight: 600;
+      text-transform: uppercase;
     }
     .txt {
       margin: 0;
       color: $gray-90;
       font-size: 14px;
       @include Roboto-Regular;
-      line-height: 20px;
+      line-height: 22px;
       &.center-txt {
         text-align: center;
-        padding: 19px 60px 12px 60px;
+        margin: 15px auto 25px auto;
       }
-      .blue-link {
-        color: $blue;
-        font-size: 14px;
+      a {
+        color: $blue-link;
+        text-decoration: underline;
+        cursor: pointer;
       }
     }
     .light-bar {
@@ -124,10 +167,20 @@
       position: sticky;
       position: -webkit-sticky;
       top: 0;
-      z-index: 2;
       padding-right: 20px;
       padding-top: 2px;
     }
+    .challenge-title {
+      background-color: $gray-04;
+      color: $gray-90;
+      font-size: 14px;
+      @include Roboto-Bold;
+      font-weight: 500;
+      line-height: 22px;
+      padding-left: 20px;
+      margin-top: -2px;
+      padding: 5px 20px;
+    }    
     .greybar-section {
       &:last-child {
         .items {
@@ -143,6 +196,7 @@
       background-color: $white;
       padding-top: 5px;
     }
+
     .right-remove {
       position: absolute;
       right: 1px;
@@ -194,6 +248,50 @@
         }
       }
     }
+    .noti-item {
+      background-color: $white;
+      padding: 5px 20px;
+      display: flex;
+      justify-content: space-between;
+      .left {
+        display: flex;
+        flex-direction: column;
+        padding-left: 30px;
+        .txt {
+          margin: 0;
+          color: $gray-90;
+          font-size: 14px;
+          @include Roboto-Regular;
+          line-height: 22px;
+        }
+        .time-txt { 
+          display: inline-block;
+          vertical-align: middle;
+          color: $gray-03;
+          font-size: 12px;
+          @include Roboto-Regular;
+          line-height: 20px;
+        }
+      }
+      .right {
+        .point {
+          width: 10px;
+          height: 10px;
+          background-color: $white;
+          border-radius: 100%;
+          display: inline-block;
+          vertical-align: middle;
+          cursor: pointer;
+        }
+        .point-red {
+          background-color: $red;
+        }
+        .point-grey {
+          background-color: $gray-10;
+        }
+      }
+    }
+
     .items {
       padding: 0 30px;
       &:hover {
@@ -271,9 +369,31 @@
       }
     }
   }
+  .view-all-notifications {
+    display: grid;
+    background-color: $gray-04;
+    page-break-after: auto;
+    position: relative;
+    position: sticky;
+    position: -webkit-sticky;
+    top: 0;
+    z-index: 2;
+    text-align: center;
+    border-radius: 0 0 10px 10px;
+    height: 42px;
+    a {
+      margin: auto;
+      color: $blue-link;
+      font-size: 14px;
+      @include Roboto-Regular;
+      line-height: 22px;
+      text-decoration: underline;
+      padding: 0 ;
+    }
+  }
   .noti-footer {
     text-align: center;
-    padding: 15px 0 45px 0;
+    margin: 0 auto 50px auto;
   }
   .end-message {
     background-color: $gray-neutral-light;
@@ -298,8 +418,31 @@
 
   .noti-body {
     flex: 1;
-    max-height: none;
+    max-height: calc(100% - 82px);
+    &.noti-body-empty {
+      padding-bottom: 50px;
+      max-height: calc(100% - 40px);
+     }
+    .btn-empty-noti {
+      text-transform: uppercase;
+      background-color: $white;
+      border: 1px solid $turquoise-super-dark;
+      border-radius: 15px;
+      width: 187px;
+      height: 30px;
+      color: $green-dark;
+      @include Roboto-Bold;
+      font-size: 12px;
+      letter-spacing: 0.8px;
+      line-height: 30px;
+      text-align: left;
+      padding: 9px;
+    }
   }
+
+  
+    flex: 1;
+    
 }
 
 @include mobile {
@@ -309,6 +452,7 @@
     left: 0;
     width: 100%;
     height: 100%;
+    max-height: none;
     z-index: 100;
 
     width: 100%;
@@ -326,20 +470,30 @@
     }
 
     .noti-header {
-      height: 40px;
+      height: 60px;
       border-radius: 0;
-      padding-left: 10px;
-      padding-right: 10px;
-      .notification-back-btn {
-        width: 50px;
-        height: 50px;
-        background: url(#{$img-path}/left-arrow.svg) center center no-repeat;
-        margin-left: -8px;
+      align-items: inherit;
+      .lefts {
+        align-content: stretch;
+        flex: 1;
+      }
+      .rights {
+        display: none;
+      }
+      .rights-mobile {
+        display: flex;
+        flex: 1;
+        justify-content: flex-end;
+      }
+      .btn-tick {
+        margin: auto 0px;
+        // margin-right: 20px;
+        &.disabled {
+          opacity: 0.50;
+        }
       }
       .btn-setting {
-        width: 50px;
-        height: 50px;
-        background: url(#{$img-path}/icon-settings-gear.svg) center center no-repeat;
+        margin: auto 0px;
       }
       .left-noti {
         margin-left: 0;
@@ -348,11 +502,16 @@
       }
     }
     .noti-body {
+      max-height: calc(100%-102px);
       &.center {
         .txt {
           padding: 19px 20px 12px 21px;
         }
       }
+      &.noti-body-empty {
+        padding-bottom: 50px;
+        max-height: calc(100%-60px);
+       }
       .items {
         padding: 0 10px 0 20px;
         .item-content {
@@ -361,6 +520,7 @@
           }
         }
       }
+
       .right-remove {
         right: 5px;
         .black-txt {
diff --git a/src/components/UserInfo/styles.module.scss b/src/components/UserInfo/styles.module.scss
index 2eacbc7..f3ef600 100644
--- a/src/components/UserInfo/styles.module.scss
+++ b/src/components/UserInfo/styles.module.scss
@@ -81,3 +81,9 @@
     }
   }
 }
+
+@include mobile {
+    .userInfoContainer {
+      margin-left: 5px;
+  }
+}