diff --git a/dist/dev/index.js b/dist/dev/index.js index decb9bc..1b6d053 100644 --- a/dist/dev/index.js +++ b/dist/dev/index.js @@ -268,7 +268,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\");\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/* 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 (min-width: 769px) {\\n ._32rjY2HOvXZBZUSwC_a4jx {\\n display: none; } }\\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::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 @media (max-width: 768px) {\\n ._19afvNiE3ExyOixLsg7p9e::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\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_1VRR6kMd5HPNbGhUoVw6sa\",\n\t\"hide-not-mobile\": \"_1ZIW4j3_J2yPrkaA0N5M5H\",\n\t\"mobileOnly\": \"_1_OJYKtAV_VRTWF41K-8_A\",\n\t\"primaryNavContainer\": \"w9y3kbj2HBlraVU5kjCay\",\n\t\"primaryNavContainerOpen\": \"Zc4bxo2xl4cRudOT9lbVz\",\n\t\"primaryNav\": \"_3OclGxtDScIS3kJx3-Eskw\",\n\t\"moreInit\": \"_3EpSSlLUWcH3CJRZGDXyWu\",\n\t\"primaryNavRight\": \"_3ALxQJpmTtNjkYXZNPxUye\",\n\t\"primaryLevel1\": \"_19afvNiE3ExyOixLsg7p9e\",\n\t\"tcLogo\": \"_25qoGMAMp5tpACmrEhPjJc\",\n\t\"tcLogoPush\": \"PsKz54w3mhOmlfDfYi8V4\",\n\t\"primaryLevel1Separator\": \"_32rjY2HOvXZBZUSwC_a4jx\",\n\t\"primaryLevel1Open\": \"_27UQXipCc_Te8TwvfzIi8f\",\n\t\"primaryLevel2Container\": \"_34GhMfx3zSO-nsw2icmQCB\",\n\t\"primaryLevel2ContainerOpen\": \"_1-_eh1GEkSm1Ie2hcIHrLt\",\n\t\"primaryLevel2\": \"_1YF68FTa0xYVBFerysFlRt\",\n\t\"primaryLevel2Open\": \"_1POQKSuLHxuhqKjgCytFNW\",\n\t\"moreBtnContainer\": \"ISBVAVTXPThf-IcdFVa9z\",\n\t\"moreBtn\": \"_1UEQjA-hNZmulAk-7kHhj2\",\n\t\"moreBtnMask\": \"_3EHcZKrNC-kRxRB0inP_X-\",\n\t\"moreContentContainer\": \"_3eb96Zkyw2BKU4_9QkalKG\",\n\t\"moreOpen\": \"_3bttaLkKXVIrWu75WOLFpZ\",\n\t\"backdrop\": \"vl4waOECcJkR7W07RZ46P\",\n\t\"searchIcon\": \"_1y954HiCL69kCUV5ji4vqm\",\n\t\"searchField\": \"_1A5zHMkLXwCq7ngfPscgI9\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.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\");\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/* 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\", \"\"]);\n\n// Exports\nexports.locals = {\n\t\"mobile-only\": \"_1VRR6kMd5HPNbGhUoVw6sa\",\n\t\"hide-not-mobile\": \"_1ZIW4j3_J2yPrkaA0N5M5H\",\n\t\"mobileOnly\": \"_1_OJYKtAV_VRTWF41K-8_A\",\n\t\"primaryNavContainer\": \"w9y3kbj2HBlraVU5kjCay\",\n\t\"primaryNavContainerOpen\": \"Zc4bxo2xl4cRudOT9lbVz\",\n\t\"primaryNav\": \"_3OclGxtDScIS3kJx3-Eskw\",\n\t\"moreInit\": \"_3EpSSlLUWcH3CJRZGDXyWu\",\n\t\"primaryNavRight\": \"_3ALxQJpmTtNjkYXZNPxUye\",\n\t\"primaryLevel1\": \"_19afvNiE3ExyOixLsg7p9e\",\n\t\"tcLogo\": \"_25qoGMAMp5tpACmrEhPjJc\",\n\t\"tcLogoPush\": \"PsKz54w3mhOmlfDfYi8V4\",\n\t\"primaryLevel1Separator\": \"_32rjY2HOvXZBZUSwC_a4jx\",\n\t\"rightMenuPrimaryLevel1\": \"_1e-mMrLOI_9IgbpUDGbIrm\",\n\t\"primaryLevel1Open\": \"_27UQXipCc_Te8TwvfzIi8f\",\n\t\"primaryLevel2Container\": \"_34GhMfx3zSO-nsw2icmQCB\",\n\t\"primaryLevel2ContainerOpen\": \"_1-_eh1GEkSm1Ie2hcIHrLt\",\n\t\"primaryLevel2\": \"_1YF68FTa0xYVBFerysFlRt\",\n\t\"primaryLevel2Open\": \"_1POQKSuLHxuhqKjgCytFNW\",\n\t\"moreBtnContainer\": \"ISBVAVTXPThf-IcdFVa9z\",\n\t\"moreBtn\": \"_1UEQjA-hNZmulAk-7kHhj2\",\n\t\"moreBtnMask\": \"_3EHcZKrNC-kRxRB0inP_X-\",\n\t\"moreContentContainer\": \"_3eb96Zkyw2BKU4_9QkalKG\",\n\t\"moreOpen\": \"_3bttaLkKXVIrWu75WOLFpZ\",\n\t\"backdrop\": \"vl4waOECcJkR7W07RZ46P\",\n\t\"searchIcon\": \"_1y954HiCL69kCUV5ji4vqm\",\n\t\"searchField\": \"_1A5zHMkLXwCq7ngfPscgI9\"\n};\n\n//# sourceURL=webpack://navigation-component/./src/components/TopNav/PrimaryNav.module.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-0-1!./node_modules/sass-loader/lib/loader.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/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?"); +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 var listener = function listener(event) {\n if (event.code === 'Enter') {\n event.target.click();\n }\n };\n\n document.addEventListener('keydown', listener);\n window.addEventListener('orientationchange', onOrientationChange);\n return function () {\n document.removeEventListener('keydown', listener);\n 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 tabIndex: \"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/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?"); /***/ }), @@ -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/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__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\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(\"title\", null, \"arrow-small-down\"), 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(\"title\", null, \"arrow-small-up\"), 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(\"title\", null, \"ico-magnifying_glass\"), 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 BASE_URL = topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__[\"config\"].URL.BASE;\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 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: onClickLogo,\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 && 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 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: createHandleClickLevel2(level2.id, true),\n ref: createSetRef(level2.id)\n }, level2.title);\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,\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: _PrimaryNav_module_scss__WEBPACK_IMPORTED_MODULE_5___default.a.primaryLevel1\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(BASE_URL, \"/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 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(BASE_URL, \"BASE_URL\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\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?"); +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/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! topcoder-react-utils */ \"topcoder-react-utils\");\n/* harmony import */ var topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(topcoder_react_utils__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\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(\"title\", null, \"arrow-small-down\"), 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(\"title\", null, \"arrow-small-up\"), 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(\"title\", null, \"ico-magnifying_glass\"), 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 BASE_URL = topcoder_react_utils__WEBPACK_IMPORTED_MODULE_6__[\"config\"].URL.BASE;\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 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 Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n var listener = function listener(event) {\n if (event.code === 'Enter') {\n event.target.click();\n }\n };\n\n document.addEventListener('keydown', listener);\n return function () {\n document.removeEventListener('keydown', listener);\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 tabIndex: \"0\",\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: onClickLogo,\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 tabIndex: \"0\",\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 return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n tabIndex: \"0\",\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: createHandleClickLevel2(level2.id, true),\n ref: createSetRef(level2.id)\n }, level2.title);\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 tabIndex: \"0\",\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,\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(BASE_URL, \"/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 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(BASE_URL, \"BASE_URL\", \"/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/PrimaryNav.js\");\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?"); /***/ }), @@ -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(\"title\", null, \"ico-user-default\"), 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(\"title\", null, \"arrow-small-down\"), 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(\"title\", null, \"arrow-small-up\"), 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?"); +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(\"title\", null, \"ico-user-default\"), 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(\"title\", null, \"arrow-small-down\"), 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(\"title\", null, \"arrow-small-up\"), 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 Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n var listener = function listener(event) {\n if (event.code === 'Enter') {\n event.target.click();\n }\n };\n\n document.addEventListener('keydown', listener);\n return function () {\n document.removeEventListener('keydown', listener);\n };\n }, []);\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n ref: domRef,\n tabIndex: \"0\",\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?"); /***/ }), diff --git a/dist/prod/index.js b/dist/prod/index.js index 0208158..3a46502 100644 --- a/dist/prod/index.js +++ b/dist/prod/index.js @@ -9,4 +9,4 @@ Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ -!function(){"use strict";var t={}.hasOwnProperty;function i(){for(var n=[],e=0;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 g(e,n.attrs),m(n,e),e}function g(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function _(n,e){var t,o,i,a;if(e.transform&&n.css){if(!(a="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=a}if(e.singleton){var r=c++;t=s||(s=b(e)),o=x.bind(null,t,r,!1),i=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",g(e,n.attrs),m(n,e),e}(e),o=function(n,e,t){var o=t.css,i=t.sourceMap,a=void 0===e.convertToAbsoluteUrls&&i;(e.convertToAbsoluteUrls||a)&&(o=d(o));i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),i=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),i=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 i()}}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=[],i=0;i0?a.a.createElement(f.a,{notifications:r,onClose:t}):a.a.createElement(u.a,{emptyTitle:o,emptyText:i,onClose:t}))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:a.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 ",a.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,g=m;e.default=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),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 a.a.createElement("div",{className:c()(d.a["switch-box"],e&&d.a.checked),onClick:t},a.a.createElement("span",{className:d.a["label-on"]},"on"),a.a.createElement("span",{className:d.a.dot}),a.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/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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(95);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(103);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);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(91);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(93);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,i=t(0),a=t.n(i),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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:d.a["noti-header"]},a.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),a.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),a.a.createElement("div",{className:d.a.rights},a.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),a.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),a.a.createElement("div",{className:c()(d.a["noti-body"],d.a.center)},a.a.createElement("i",{className:c()(d.a.icons,d.a["icon-bell"])}),a.a.createElement("h4",{className:d.a.titles},t),a.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o)),a.a.createElement("div",{className:d.a["noti-footer"]},a.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:a.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 ",a.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/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),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 a.a.createElement("div",{className:h.a["light-bar"]},e,a.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 g=function(n){var e=n.title,t=n.onDismiss;return a.a.createElement("div",{className:h.a["grey-bar"]},a.a.createElement("div",{className:h.a["copyicon-title"]},e),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissCategory),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};g.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.item,t=n.onDismiss;return a.a.createElement("div",{className:h.a.items},a.a.createElement("a",{href:e.href,className:h.a["item-content"]},a.a.createElement("p",{className:h.a.txt},e.content),a.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return a.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),a.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissItem),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};_.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.timestamp0&&a.a.createElement("div",{className:c()(f.a.moreBtnContainer,s&&f.a.moreOpen)},a.a.createElement("div",{className:f.a.backdrop,onClick:u}),a.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:C,ref:k(m)},a.a.createElement("div",{className:f.a.moreBtnMask}),a.a.createElement("span",null,"More"),s&&a.a.createElement(b,null),!s&&a.a.createElement(h,null)),a.a.createElement("div",{className:f.a.moreContentContainer},l.map(function(n,e){return a.a.createElement("a",{className:c()(f.a.primaryLevel2,n.id===y&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:F(n.id)},n.title)}))))]}),a.a.createElement(d.default,{show:D,x:M})),a.a.createElement("div",{className:f.a.primaryNavRight},a.a.createElement(p.a,{handleWidth:!0,onResize:w}),r&&a.a.createElement("div",{className:f.a.primaryLevel1},r),a.a.createElement("div",{"aria-label":"Find members by username or skill",role:"button",tabIndex:0,"data-menu":"search",className:c()(f.a.searchIcon,{opened:O}),onFocus:function(){return N(!0)},onBlur:function(n){n.pageY0},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);t0},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 C=void 0!==i.ResizeObserver?i.ResizeObserver:E;e.a=C}).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,i=t(5),a=t.n(i),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(30),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,i=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)&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){var t=a.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:i,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,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(b,"SubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js"),g.register(v,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),i=t.n(o),a=t(80),r=t(81),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,i=Array(o),a=0;a=e||t<0||u&&n-p>=a}function g(){var n=f();if(b(n))return _(n);l=setTimeout(g,function(n){var t=e-(n-s);return u?S(t,a-(n-p)):t}(n))}function _(n){return l=void 0,m&&o?h(n):(o=i=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,i=this,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(g,e),d?h(n):r}(s);if(u)return l=setTimeout(g,e),h(s)}return void 0===l&&(l=setTimeout(g,e)),r}return e=R(e)||0,c(t)&&(d=!!t.leading,a=(u="maxWait"in t)?W(R(t.maxWait)||0,e):a,m="trailing"in t?!!t.trailing:m),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=i=l=void 0},v.flush=function(){return void 0===l?r:_(f())},v},j="Expected a function";var U=function(n,e,t){var o=!0,i=!0;if("function"!=typeof n)throw new TypeError(j);return c(t)&&(o="leading"in t?!!t.leading:o,i="trailing"in t?!!t.trailing:i),P(n,e,{leading:o,maxWait:e,trailing:i})},K={debounce:P,throttle:U},z=function(n){return K[n]},H=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},G=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 ._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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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,i=t(8),a=t.n(i),r=t(29),l=t.n(r),s=t(0),c=t.n(s),p=t(1),d=t.n(p),u=t(4),f=t.n(u),m=t(5),h=t.n(m),b=t(53),g=t.n(b),_=t(76),v=t(77),y=t(78),x=t(79),w=t(83);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=1,E=1e3,C=function(n,e,t){A=1,n=(n=n.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++})})})}),secondaryMenu:t&&e?h.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):h.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return l()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return l()({},n,{id:n.id||E++,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+16e3>(new Date).getTime()){var i=h.a.find(n,function(n){return n.id===o.id});i&&(i.subMenu=o.subMenu)}return n},F=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,i=n.theme,r=n.currentLevel1Id,p=n.onChangeLevel1Id,d=n.path,u=n.setOpenMore,m=n.openMore,b=n.loggedIn,A=n.profileHandle;Object(s.useEffect)(function(){var n=function(){u(!1),In(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var E=Object(s.useState)({refs:{},slide:{}}),F=a()(E,1)[0],k=Object(s.useState)(!1),D=a()(k,2),M=D[0],O=D[1],N=Object(s.useState)(),L=a()(N,2),B=L[0],I=L[1],R=Object(s.useState)(),T=a()(R,2),W=T[0],S=T[1],P=Object(s.useState)(),j=a()(P,2),U=j[0],K=j[1],z=Object(s.useState)(!1),H=a()(z,2),X=H[0],G=H[1],q=Object(s.useState)(!1),V=a()(q,2),Y=V[0],J=V[1],Z=Object(s.useState)(!1),Q=a()(Z,2),$=Q[0],nn=Q[1],en=Object(s.useState)(!1),tn=a()(en,2),on=tn[0],an=tn[1],rn=Object(s.useState)(),ln=a()(rn,2),sn=ln[0],cn=ln[1],pn=Object(s.useState)(),dn=a()(pn,2),un=dn[0],fn=dn[1],mn=Object(s.useState)(0),hn=a()(mn,2),bn=hn[0],gn=hn[1],_n=Object(s.useState)(),vn=a()(_n,2),yn=vn[0],xn=vn[1],wn=Object(s.useState)(),An=a()(wn,2),En=An[0],Cn=An[1],Fn=Object(s.useMemo)(function(){return C(e,A,b)},[e,A,b]),kn=Object(s.useState)(Fn),Dn=a()(kn,2),Mn=Dn[0],On=Dn[1],Nn=Object(s.useState)(),Ln=a()(Nn,2),Bn=Ln[0],In=Ln[1],Rn=Object(s.useState)(),Tn=a()(Rn,2),Wn=Tn[0],Sn=Tn[1],Pn=Object(s.useState)(),jn=a()(Pn,2),Un=jn[0],Kn=jn[1],zn=function(){return Kn([])},Hn=function(n){return function(e){F.refs[n]=e}},Xn=function(n){return Mn.find(function(e){return e.id===n})},Gn=function(n,e){var t=Xn(n);return t&&t.subMenu&&t.subMenu.find(function(n){return n.id===e})},qn=Xn(B),Vn=Gn(B,W),Yn=Object(s.useCallback)(function(){On(function(n){return n.map(function(n){if(!F.refs[n.id])return n;F.slide[n.id]=!0;var e=F.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return l()({},n,{initialX:t.x||t.left})})})},[F.refs,F.slide]),Jn=Object(s.useCallback)(function(n){var e=F.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[F.refs]),Zn=Object(s.useCallback)(function(n){fn(Jn(n))},[fn,Jn]),Qn=function(n){setTimeout(function(){Cn(Jn(n))},0)},$n=Object(s.useCallback)(function(n,e){return function(){n&&(u(!1),O(!1),I(n),p(n),S(),J(!0),e&&nn(!1),Yn(),setTimeout(function(){cn(!0)},M?250:0),gn(function(n){return n+1}))}},[M,p,Yn]);Object(s.useEffect)(function(){r!==B&&!M&&r&&$n(r,!1)()},[r,B,$n]),Object(s.useLayoutEffect)(function(){B&&Zn(B)},[B,Zn,bn,Bn]);var ne=function(n,e){return function(){u(!1),S(n),J(!0),e&&nn(!1),Zn(n)}};Object(s.useEffect)(function(){var n=oe(Fn,d),e=n.m1,t=n.m2,o=n.m3;o&&(t===W||!t&&!W&&e===B?(K(o),Qn(o),xn(!0)):xn(!1))},[B,W,d]);var ee=Object(s.useCallback)(function(n){F.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(F.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return F.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[F.refs]);Object(s.useEffect)(function(){ee(!0),Mn.forEach(function(n){if(F.slide[n.id]&&F.refs[n.id]){F.slide[n.id]=!1;var e=F.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)})}}}),ee(!1)},[F.slide,F.refs,Mn,ee]);Object(s.useEffect)(function(){Kn([])},[qn]);var te=Object(s.useCallback)(function(){if((!Un||!Un.length)&&qn&&qn.subMenu){ee(!0),function(){for(var n,e=[],t=qn.subMenu.length-1;t>=0;t--){var o=qn.subMenu[t],i=F.refs[o.id];if(!i)return;var a=i.getBoundingClientRect();if(!n){if(!i.parentElement)return;n=i.parentElement.getBoundingClientRect()}if(a.right>n.right&&a.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-a.right<100))break;e.unshift(o)}}e.length&&Kn(e)}(),ee(!1)}},[qn,F.refs,Un,ee]);Object(s.useLayoutEffect)(function(){te()},[te]),Object(s.useEffect)(function(){var n=h.a.debounce(function(){zn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var oe=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(i){i.href&&e.indexOf(i.href)>-1&&(t.m3?i.href===e&&(t={m1:n.id,m2:o.id,m3:i.id}):t={m1:n.id,m2:o.id,m3:i.id},!U&&i.collapsed&&nn(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var i=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(i)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},ie=0;return Object(s.useEffect)(function(){var n=h.a.debounce(function(){ie&&clearTimeout(ie);var n=oe(Fn,d).m3;W&&Zn(W),Qn(n),G(!0),ie=setTimeout(function(){G(!1),ie=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[oe]),Object(s.useEffect)(function(){if(d&&Fn[0]){On(Fn);var n=oe(Fn,d),e=n.m1,t=n.m2,o=null;d.indexOf("/challenges")>-1?d.match(/challenges\/[0-9]+/)&&(nn(!0),o=oe(Fn,"/challenges").m2):d.indexOf("/my-dashboard")>-1||d.indexOf("/members/"+A)>-1?J(!0):d.indexOf("/community/learn")>-1||d.indexOf("/thrive/tracks")>-1?o=oe(Fn,"/community").m2:t||(J(!1),nn(!0)),setTimeout(function(){var n,i;i=t||o,(n=e||"community")&&($n(n,!1)(),setTimeout(function(){i&&ne(i,!1)()},0))})}},[d,b,A]),c.a.createElement("div",{className:f()(g.a.themeWrapper,"theme-".concat(i))},c.a.createElement("div",{className:g.a.headerNavUi},c.a.createElement(_.a,{showLeftMenu:Bn,logo:o,rightMenu:t,onClickLeftMenu:function(){return In(function(n){return!n})}}),!Bn&&(Vn||qn)&&c.a.createElement(v.a,{open:Wn,menu:Vn||qn,isSecondaryMenu:!Vn,activeChildId:U,onClick:function(){return Sn(function(n){return!n})},createHandleClickItem:function(n){return function(){K(n),Sn(!1)}}}),c.a.createElement(x.a,{collapsed:M,showLeftMenu:Bn,logo:o,menu:Mn,rightMenu:t,moreMenu:Un,openMore:m,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:B,activeLevel2Id:W,onClickLogo:function(){},onRightMenuResize:function(){zn()},createHandleClickLevel1:$n,createHandleClickLevel2:ne,handleClickMore:function(){return u(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){u(!1),S(n),J(!0),nn(!1),setTimeout(function(){!function(n,e){var t=Xn(n);if(t&&t.subMenu){var o=t.subMenu,i=h.a.findIndex(o,function(n){return n.id===e}),a=o[0];o[0]=o[i],o[i]=a,i=h.a.findIndex(Un,function(n){return n.id===e}),Un[i]=a,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(h.a.assign({},t))),Kn(Un),Zn(e)}}(B,n);var e=Gn(B,n);e&&e.subMenu&&Qn(e.subMenu[0].id)}),!yn&&setTimeout(function(){return xn(!0)},300)}},createSetRef:Hn,showChosenArrow:sn,chosenArrowX:un,searchOpened:on,toggleSearchOpen:function(n){an(n),F.refs.searchInputBox.value=""}}),c.a.createElement(w.a,{open:!$&&Y,menu:Vn||qn,isResize:X,isSecondaryMenu:!Vn,activeChildId:U,showIndicator:yn,indicatorX:En,createHandleClickItem:function(n){return function(){K(n),Qn(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(h.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Hn}),Bn&&qn&&c.a.createElement(y.a,{menu:qn,activeChildId:W,createHandleClickItem:function(n){return function(){In(!1),S(n)}}})))};F.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},F.propTypes={menu:d.a.array.isRequired,rightMenu:d.a.node,logo:d.a.node,theme:d.a.string,currentLevel1Id:d.a.any,onChangeLevel1Id:d.a.func,path:d.a.string,setOpenMore:d.a.func,openMore:d.a.bool,loggedIn:d.a.bool,profileHandle:d.a.string};var k,D,M=F;e.default=M,(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(A,"id","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(E,"idForSecondary","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(C,"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(M,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js")),(D=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&D(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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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 (min-width: 769px) {\n ._32rjY2HOvXZBZUSwC_a4jx {\n display: none; } }\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::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 @media (max-width: 768px) {\n ._19afvNiE3ExyOixLsg7p9e::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",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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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(110);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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)),C=o(t(59)),F=o(t(60)),k=o(t(54)),D=o(t(55)),M=o(t(63)),O=o(t(64)),N=o(t(43)),L=o(t(56)),B=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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("+C+") 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("+F+") 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("+k+") 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("+M+") 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("+O+") 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("+L+") 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("+B+") 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 i(){for(var n=[],e=0;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 g(e,n.attrs),m(n,e),e}function g(n,e){Object.keys(e).forEach(function(t){n.setAttribute(t,e[t])})}function _(n,e){var t,o,i,a;if(e.transform&&n.css){if(!(a="function"==typeof e.transform?e.transform(n.css):e.transform.default(n.css)))return function(){};n.css=a}if(e.singleton){var r=c++;t=s||(s=b(e)),o=x.bind(null,t,r,!1),i=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",g(e,n.attrs),m(n,e),e}(e),o=function(n,e,t){var o=t.css,i=t.sourceMap,a=void 0===e.convertToAbsoluteUrls&&i;(e.convertToAbsoluteUrls||a)&&(o=d(o));i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([o],{type:"text/css"}),l=n.href;n.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}.bind(null,t,e),i=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),i=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 i()}}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=[],i=0;i0?a.a.createElement(f.a,{notifications:r,onClose:t}):a.a.createElement(u.a,{emptyTitle:o,emptyText:i,onClose:t}))};m.defaultProps={emptyTitle:"Good job! You’re all caught up",emptyText:a.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 ",a.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,g=m;e.default=g,(h=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(h.register(m,"NotificationsPopup","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/index.js"),h.register(g,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),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 a.a.createElement("div",{className:c()(d.a["switch-box"],e&&d.a.checked),onClick:t},a.a.createElement("span",{className:d.a["label-on"]},"on"),a.a.createElement("span",{className:d.a.dot}),a.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/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/SwitchBox/index.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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(95);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(103);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);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(91);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){var o=t(93);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){"use strict";(function(n){var o,i=t(0),a=t.n(i),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 a.a.createElement(a.a.Fragment,null,a.a.createElement("div",{className:d.a["noti-header"]},a.a.createElement("span",{className:d.a["notification-back-btn"],role:"button",onClick:e}),a.a.createElement("span",{className:d.a["left-noti"]},"Notifications"),a.a.createElement("div",{className:d.a.rights},a.a.createElement("span",{className:d.a["white-link"],role:"button"},"Settings")),a.a.createElement("span",{className:d.a["btn-setting"],role:"button"})),a.a.createElement("div",{className:c()(d.a["noti-body"],d.a.center)},a.a.createElement("i",{className:c()(d.a.icons,d.a["icon-bell"])}),a.a.createElement("h4",{className:d.a.titles},t),a.a.createElement("div",{className:c()(d.a.txt,d.a["center-txt"])},o)),a.a.createElement("div",{className:d.a["noti-footer"]},a.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:a.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 ",a.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/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/NotificationsPopup/EmptyNotifications.js"),f.register(h,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/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,i=t(0),a=t.n(i),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 a.a.createElement("div",{className:h.a["light-bar"]},e,a.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 g=function(n){var e=n.title,t=n.onDismiss;return a.a.createElement("div",{className:h.a["grey-bar"]},a.a.createElement("div",{className:h.a["copyicon-title"]},e),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissCategory),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification")))};g.propTypes={title:l.a.node,onDismiss:l.a.func};var _=function(n){var e=n.item,t=n.onDismiss;return a.a.createElement("div",{className:h.a.items},a.a.createElement("a",{href:e.href,className:h.a["item-content"]},a.a.createElement("p",{className:h.a.txt},e.content),a.a.createElement("div",{className:h.a["bottom-info"]},e.tags&&e.tags.map(function(n){return a.a.createElement("span",{className:h.a["blue-squre"],key:n},n)}),a.a.createElement("span",{className:h.a["time-txt"]},f()(e.timestamp).fromNow())),a.a.createElement("div",{className:c()(h.a["right-remove"],h.a.dismissItem),onClick:t},a.a.createElement("div",{className:h.a["btn-close"]}),a.a.createElement("span",{className:h.a["black-txt"]},"Dismiss notification"))))};_.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.timestamp0&&a.a.createElement("div",{className:c()(f.a.moreBtnContainer,u&&f.a.moreOpen)},a.a.createElement("div",{className:f.a.backdrop,onClick:m}),a.a.createElement("button",{className:c()(f.a.primaryLevel2,f.a.moreBtn),onClick:F,ref:M(v)},a.a.createElement("div",{className:f.a.moreBtnMask}),a.a.createElement("span",null,"More"),u&&a.a.createElement(b,null),!u&&a.a.createElement(h,null)),a.a.createElement("div",{className:f.a.moreContentContainer},s.map(function(n,e){return a.a.createElement("a",{tabIndex:"0",className:c()(f.a.primaryLevel2,n.id===x&&f.a.primaryLevel2Open),href:n.href,key:"more-item-".concat(e),onClick:k(n.id)},n.title)}))))]}),a.a.createElement(d.default,{show:D,x:O})),a.a.createElement("div",{className:f.a.primaryNavRight},a.a.createElement(p.a,{handleWidth:!0,onResize:A}),l&&a.a.createElement("div",{className:c()(f.a.primaryLevel1,f.a.rightMenuPrimaryLevel1)},l),a.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 L(!0)},onBlur:function(n){n.pageY0},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);t0},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 C=void 0!==i.ResizeObserver?i.ResizeObserver:E;e.a=C}).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,i=t(5),a=t.n(i),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(30),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,i=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)&&(o?t.secondaryMenu:t.subMenu).map(function(n,e){var t=a.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:i,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,(g=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).default)&&(g.register(b,"SubNav","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js"),g.register(v,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/SubNav.js")),(_=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).leaveModule)&&_(n)}).call(this,t(13)(n))},function(n,e,t){"use strict";var o=t(0),i=t.n(o),a=t(80),r=t(81),l=function(n){var e=[],t=null,o=function(){for(var o=arguments.length,i=Array(o),a=0;a=e||t<0||u&&n-p>=a}function g(){var n=f();if(b(n))return _(n);l=setTimeout(g,function(n){var t=e-(n-s);return u?S(t,a-(n-p)):t}(n))}function _(n){return l=void 0,m&&o?h(n):(o=i=void 0,r)}function v(){var n=f(),t=b(n);if(o=arguments,i=this,s=n,t){if(void 0===l)return function(n){return p=n,l=setTimeout(g,e),d?h(n):r}(s);if(u)return l=setTimeout(g,e),h(s)}return void 0===l&&(l=setTimeout(g,e)),r}return e=R(e)||0,c(t)&&(d=!!t.leading,a=(u="maxWait"in t)?W(R(t.maxWait)||0,e):a,m="trailing"in t?!!t.trailing:m),v.cancel=function(){void 0!==l&&clearTimeout(l),p=0,o=s=i=l=void 0},v.flush=function(){return void 0===l?r:_(f())},v},j="Expected a function";var U=function(n,e,t){var o=!0,i=!0;if("function"!=typeof n)throw new TypeError(j);return c(t)&&(o="leading"in t?!!t.leading:o,i="trailing"in t?!!t.trailing:i),P(n,e,{leading:o,maxWait:e,trailing:i})},K={debounce:P,throttle:U},z=function(n){return K[n]},H=function(n){return"function"==typeof n},X=function(){return"undefined"==typeof window},G=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 ._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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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,i=t(8),a=t.n(i),r=t(29),l=t.n(r),s=t(0),c=t.n(s),p=t(1),d=t.n(p),u=t(4),f=t.n(u),m=t(5),h=t.n(m),b=t(53),g=t.n(b),_=t(76),v=t(77),y=t(78),x=t(79),w=t(83);(o=("undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal:t(2)).enterModule)&&o(n);var A=1,E=1e3,C=function(n,e,t){A=1,n=(n=n.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++,subMenu:n.subMenu&&n.subMenu.map(function(n){return l()({},n,{id:n.id||A++})})})}),secondaryMenu:t&&e?h.a.filter(n.secondaryMenu,function(n){return n&&n.logged}):h.a.filter(n.secondaryMenu,function(n){return n&&!n.logged})})})).map(function(n){return l()({},n,{secondaryMenu:n.secondaryMenu&&n.secondaryMenu.map(function(n){return l()({},n,{id:n.id||E++,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+16e3>(new Date).getTime()){var i=h.a.find(n,function(n){return n.id===o.id});i&&(i.subMenu=o.subMenu)}return n},F=function(n){var e=n.menu,t=n.rightMenu,o=n.logo,i=n.theme,r=n.currentLevel1Id,p=n.onChangeLevel1Id,d=n.path,u=n.setOpenMore,m=n.openMore,b=n.loggedIn,A=n.profileHandle;Object(s.useEffect)(function(){var n=function(){u(!1),Bn(!1)};return window.addEventListener("orientationchange",n),function(){return window.removeEventListener("orientationchange",n)}},[]);var E=Object(s.useState)({refs:{},slide:{}}),F=a()(E,1)[0],k=Object(s.useState)(!1),M=a()(k,2),D=M[0],O=M[1],N=Object(s.useState)(),L=a()(N,2),I=L[0],B=L[1],R=Object(s.useState)(),T=a()(R,2),W=T[0],S=T[1],P=Object(s.useState)(),j=a()(P,2),U=j[0],K=j[1],z=Object(s.useState)(!1),H=a()(z,2),X=H[0],G=H[1],q=Object(s.useState)(!1),V=a()(q,2),Y=V[0],J=V[1],Z=Object(s.useState)(!1),Q=a()(Z,2),$=Q[0],nn=Q[1],en=Object(s.useState)(!1),tn=a()(en,2),on=tn[0],an=tn[1],rn=Object(s.useState)(),ln=a()(rn,2),sn=ln[0],cn=ln[1],pn=Object(s.useState)(),dn=a()(pn,2),un=dn[0],fn=dn[1],mn=Object(s.useState)(0),hn=a()(mn,2),bn=hn[0],gn=hn[1],_n=Object(s.useState)(),vn=a()(_n,2),yn=vn[0],xn=vn[1],wn=Object(s.useState)(),An=a()(wn,2),En=An[0],Cn=An[1],Fn=Object(s.useMemo)(function(){return C(e,A,b)},[e,A,b]),kn=Object(s.useState)(Fn),Mn=a()(kn,2),Dn=Mn[0],On=Mn[1],Nn=Object(s.useState)(),Ln=a()(Nn,2),In=Ln[0],Bn=Ln[1],Rn=Object(s.useState)(),Tn=a()(Rn,2),Wn=Tn[0],Sn=Tn[1],Pn=Object(s.useState)(),jn=a()(Pn,2),Un=jn[0],Kn=jn[1],zn=function(){return Kn([])},Hn=function(n){return function(e){F.refs[n]=e}},Xn=function(n){return Dn.find(function(e){return e.id===n})},Gn=function(n,e){var t=Xn(n);return t&&t.subMenu&&t.subMenu.find(function(n){return n.id===e})},qn=Xn(I),Vn=Gn(I,W),Yn=Object(s.useCallback)(function(){On(function(n){return n.map(function(n){if(!F.refs[n.id])return n;F.slide[n.id]=!0;var e=F.refs[n.id];if(!e)return n;var t=e.getBoundingClientRect();return l()({},n,{initialX:t.x||t.left})})})},[F.refs,F.slide]),Jn=Object(s.useCallback)(function(n){var e=F.refs[n];if(e){var t=e.getBoundingClientRect();return(t.x||t.left)+t.width/2}},[F.refs]),Zn=Object(s.useCallback)(function(n){fn(Jn(n))},[fn,Jn]),Qn=function(n){setTimeout(function(){Cn(Jn(n))},0)},$n=Object(s.useCallback)(function(n,e){return function(){n&&(u(!1),O(!1),B(n),p(n),S(),J(!0),e&&nn(!1),Yn(),setTimeout(function(){cn(!0)},D?250:0),gn(function(n){return n+1}))}},[D,p,Yn]);Object(s.useEffect)(function(){r!==I&&!D&&r&&$n(r,!1)()},[r,I,$n]),Object(s.useLayoutEffect)(function(){I&&Zn(I)},[I,Zn,bn,In]);var ne=function(n,e){return function(){u(!1),S(n),J(!0),e&&nn(!1),Zn(n)}};Object(s.useEffect)(function(){var n=oe(Fn,d),e=n.m1,t=n.m2,o=n.m3;o&&(t===W||!t&&!W&&e===I?(K(o),Qn(o),xn(!0)):xn(!1))},[I,W,d]);var ee=Object(s.useCallback)(function(n){F.refs.primaryNav.style.overflow=n?"hidden":"",Object.keys(F.refs).filter(function(n){return n.startsWith("level2Container")}).map(function(n){return F.refs[n]}).forEach(function(e){e.style.overflow=n?"hidden":""})},[F.refs]);Object(s.useEffect)(function(){ee(!0),Dn.forEach(function(n){if(F.slide[n.id]&&F.refs[n.id]){F.slide[n.id]=!1;var e=F.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)})}}}),ee(!1)},[F.slide,F.refs,Dn,ee]);Object(s.useEffect)(function(){Kn([])},[qn]);var te=Object(s.useCallback)(function(){if((!Un||!Un.length)&&qn&&qn.subMenu){ee(!0),function(){for(var n,e=[],t=qn.subMenu.length-1;t>=0;t--){var o=qn.subMenu[t],i=F.refs[o.id];if(!i)return;var a=i.getBoundingClientRect();if(!n){if(!i.parentElement)return;n=i.parentElement.getBoundingClientRect()}if(a.right>n.right&&a.right-n.right>1)e.unshift(o);else{if(!(e.length&&n.right-a.right<100))break;e.unshift(o)}}e.length&&Kn(e)}(),ee(!1)}},[qn,F.refs,Un,ee]);Object(s.useLayoutEffect)(function(){te()},[te]),Object(s.useEffect)(function(){var n=h.a.debounce(function(){zn()},100);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[]);var oe=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(i){i.href&&e.indexOf(i.href)>-1&&(t.m3?i.href===e&&(t={m1:n.id,m2:o.id,m3:i.id}):t={m1:n.id,m2:o.id,m3:i.id},!U&&i.collapsed&&nn(!0))})}),n.secondaryMenu&&n.secondaryMenu.forEach(function(o){if(o.href){var i=o.href.indexOf("?")>-1?o.href.split("?")[0]:o.href;e.indexOf(i)>-1&&(t={m1:n.id,m3:o.id})}})}),t):t},ie=0;return Object(s.useEffect)(function(){var n=h.a.debounce(function(){ie&&clearTimeout(ie);var n=oe(Fn,d).m3;W&&Zn(W),Qn(n),G(!0),ie=setTimeout(function(){G(!1),ie=0},1e3)},50);return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}},[oe]),Object(s.useEffect)(function(){if(d&&Fn[0]){On(Fn);var n=oe(Fn,d),e=n.m1,t=n.m2,o=null;d.indexOf("/challenges")>-1?d.match(/challenges\/[0-9]+/)&&(nn(!0),o=oe(Fn,"/challenges").m2):d.indexOf("/my-dashboard")>-1||d.indexOf("/members/"+A)>-1?J(!0):d.indexOf("/community/learn")>-1||d.indexOf("/thrive/tracks")>-1?o=oe(Fn,"/community").m2:t||(J(!1),nn(!0)),setTimeout(function(){var n,i;i=t||o,(n=e||"community")&&($n(n,!1)(),setTimeout(function(){i&&ne(i,!1)()},0))})}},[d,b,A]),c.a.createElement("div",{className:f()(g.a.themeWrapper,"theme-".concat(i))},c.a.createElement("div",{className:g.a.headerNavUi},c.a.createElement(_.a,{showLeftMenu:In,logo:o,rightMenu:t,onClickLeftMenu:function(){return Bn(function(n){return!n})}}),!In&&(Vn||qn)&&c.a.createElement(v.a,{open:Wn,menu:Vn||qn,isSecondaryMenu:!Vn,activeChildId:U,onClick:function(){return Sn(function(n){return!n})},createHandleClickItem:function(n){return function(){K(n),Sn(!1)}}}),c.a.createElement(x.a,{collapsed:D,showLeftMenu:In,logo:o,menu:Dn,rightMenu:t,moreMenu:Un,openMore:m,onCloseMore:function(){return u(!1)},moreId:"more",activeLevel1Id:I,activeLevel2Id:W,onClickLogo:function(){},onRightMenuResize:function(){zn()},createHandleClickLevel1:$n,createHandleClickLevel2:ne,handleClickMore:function(){return u(function(n){return!n})},createHandleClickMoreItem:function(n){return function(){u(!1),S(n),J(!0),nn(!1),setTimeout(function(){!function(n,e){var t=Xn(n);if(t&&t.subMenu){var o=t.subMenu,i=h.a.findIndex(o,function(n){return n.id===e}),a=o[0];o[0]=o[i],o[i]=a,i=h.a.findIndex(Un,function(n){return n.id===e}),Un[i]=a,window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(h.a.assign({},t))),Kn(Un),Zn(e)}}(I,n);var e=Gn(I,n);e&&e.subMenu&&Qn(e.subMenu[0].id)}),!yn&&setTimeout(function(){return xn(!0)},300)}},createSetRef:Hn,showChosenArrow:sn,chosenArrowX:un,searchOpened:on,toggleSearchOpen:function(n){an(n),F.refs.searchInputBox.value=""}}),c.a.createElement(w.a,{open:!$&&Y,menu:Vn||qn,isResize:X,isSecondaryMenu:!Vn,activeChildId:U,showIndicator:yn,indicatorX:En,createHandleClickItem:function(n){return function(){K(n),Qn(n);var e=JSON.parse(window.localStorage.getItem("__top_nav_bar_state"));e&&window.localStorage.setItem("__top_nav_bar_state",JSON.stringify(h.a.assign({},e,{date:(new Date).getTime()})))}},createSetRef:Hn}),In&&qn&&c.a.createElement(y.a,{menu:qn,activeChildId:W,createHandleClickItem:function(n){return function(){Bn(!1),S(n)}}})))};F.defaultProps={theme:"light",onChangeLevel1Id:function(){return null}},F.propTypes={menu:d.a.array.isRequired,rightMenu:d.a.node,logo:d.a.node,theme:d.a.string,currentLevel1Id:d.a.any,onChangeLevel1Id:d.a.func,path:d.a.string,setOpenMore:d.a.func,openMore:d.a.bool,loggedIn:d.a.bool,profileHandle:d.a.string};var k,M,D=F;e.default=D,(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(A,"id","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(E,"idForSecondary","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/index.js"),k.register(C,"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(D,"default","/Users/luizrrodrigues/TopCoder/Copilot/TopCoder/app/navigation-component/src/components/TopNav/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)).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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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(110);"string"==typeof o&&(o=[[n.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t(15)(o,i);o.locals&&(n.exports=o.locals)},function(n,e,t){e=n.exports=t(14)(!1);var o=t(16),i=o(t(10)),a=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)),g=o(t(12)+"?#iefix"),_=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)),C=o(t(59)),F=o(t(60)),k=o(t(54)),M=o(t(55)),D=o(t(63)),O=o(t(64)),N=o(t(43)),L=o(t(56)),I=o(t(61)),B=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('+i+');\n /* IE9 Compat Modes */\n src: local("Roboto Bold"), local("Roboto-Bold"), url('+a+') 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('+g+') format("embedded-opentype"), url('+_+') 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("+C+") 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("+F+") 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("+k+") 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("+M+") 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("+D+") 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("+O+") 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("+L+") 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("+I+") 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("+B+") 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 diff --git a/src/components/LoginNav/index.js b/src/components/LoginNav/index.js index fdf3ae8..f5c80da 100644 --- a/src/components/LoginNav/index.js +++ b/src/components/LoginNav/index.js @@ -31,8 +31,17 @@ const LoginNav = ({ setOpenAccountMenu(false) document.body.style.position = '' } + const listener = event => { + if (event.code === 'Enter') { + event.target.click() + } + } + document.addEventListener('keydown', listener) window.addEventListener('orientationchange', onOrientationChange) - return () => window.removeEventListener('orientationchange', onOrientationChange) + return () => { + document.removeEventListener('keydown', listener) + window.removeEventListener('orientationchange', onOrientationChange) + } }, []) useEffect(() => { @@ -104,6 +113,7 @@ const LoginNav = ({ {loggedIn ? renderLoginPanel() : ( { const retUrl = encodeURIComponent(window.location.href) window.location = authURLs.location.replace('%S', retUrl).replace('member?', '#!/member?') diff --git a/src/components/TopNav/PrimaryNav.js b/src/components/TopNav/PrimaryNav.js index cd2ea81..fc2b988 100644 --- a/src/components/TopNav/PrimaryNav.js +++ b/src/components/TopNav/PrimaryNav.js @@ -1,4 +1,4 @@ -import React from 'react' +import React, { useEffect } from 'react' import PropTypes from 'prop-types' import cn from 'classnames' import ResizeDetector from 'react-resize-detector' @@ -39,11 +39,23 @@ const PrimaryNav = ({ const activeTrigger = { bottom: 50 // The main nav head bottom Y } + useEffect(() => { + const listener = event => { + if (event.code === 'Enter') { + event.target.click() + } + } + document.addEventListener('keydown', listener) + return () => { + document.removeEventListener('keydown', listener) + } + }, []) return (
, /* Level 1 menu item */ {level1.subMenu.filter(filterNotInMore).map((level2, i) => ( {moreMenu.map((menu, i) => ( ( -
-
- { - (_.isEmpty(profile) || _.isEmpty(profile.photoURL)) ? () : (avatar) +const UserInfo = ({ profile, onClick, open, newNotifications, domRef }) => { + useEffect(() => { + const listener = event => { + if (event.code === 'Enter') { + event.target.click() } + } + document.addEventListener('keydown', listener) + return () => { + document.removeEventListener('keydown', listener) + } + }, []) + + return ( +
+
+ { + (_.isEmpty(profile) || _.isEmpty(profile.photoURL)) ? () : (avatar) + } +
+
+ {_.isEmpty(profile) ? '' : profile.handle} + + { open ? : } + +
-
- {_.isEmpty(profile) ? '' : profile.handle} - - { open ? : } - -
-
-) + ) +} UserInfo.propTypes = { profile: PropTypes.shape(),