"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = __importDefault(require("styled-components"));
var GetThemeVar_1 = require("../../support/GetThemeVar");
var css = styled_components_1.default.div;
exports.default = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   .width-max {\n      margin: auto;\n      max-width: 1380px;\n   }\n\n   .ds-table {\n      display: table;\n   }\n\n   .ds-cell {\n      display: table-cell;\n      vertical-align: top;\n   }\n\n   .ds-cell-min {\n      width: 1%;\n   }\n\n   .vertical-align-middle {\n      vertical-align: middle;\n   }\n\n   .ds-header-mobile-space {\n      height: 55px;\n      display: none;\n\n      @media only screen and (max-width: 820px) {\n         display: block;\n      }\n   }\n\n   .ds-logo {\n      padding-left: 20px;\n   }\n\n   .ds-header {\n      -webkit-touch-callout: none; /* iOS Safari */\n      -webkit-user-select: none; /* Safari */\n      -khtml-user-select: none; /* Konqueror HTML */\n      -moz-user-select: none; /* Firefox */\n      -ms-user-select: none; /* Internet Explorer/Edge */\n      user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */\n      background: ", ";\n      color: ", ";\n      font-size: 14px;\n      padding: 0px 15px;\n      transition: 0.15s all;\n\n      .ds-header-top {\n         padding: 10px 0px;\n\n         .ds-user-cell {\n            width: 1%;\n            white-space: nowrap;\n            cursor: pointer;\n            padding-right: 10px;\n\n            &:hover {\n               color: ", ";\n            }\n\n            .username-container {\n               border-left: 1px solid rgba(255, 255, 255, 0.3);\n               padding-left: 15px;\n               position: relative;\n\n               .user-image-container {\n                  display: inline-block;\n                  margin-right: 5px;\n                  cursor: pointer;\n               }\n\n               .username {\n                  // color: ", ";\n               }\n\n               .username-container-popup {\n                  background: #000000b8;\n                  text-align: left;\n                  width: 250px;\n                  position: absolute;\n                  padding: 10px;\n                  right: 0px;\n                  top: 32px;\n                  border-radius: 5px;\n                  backdrop-filter: blur(10px);\n                  opacity: 0;\n                  visibility: hidden;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n                  z-index: 100;\n\n                  &.opened {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n\n                  &:before {\n                     display: block;\n                     position: absolute;\n                     content: '';\n                     top: -8px;\n                     right: 30px;\n                     border: 8px solid #000000b8;\n                     border-top: 0px;\n                     border-left-color: transparent;\n                     border-right-color: transparent;\n                     z-index: 1;\n                     backdrop-filter: blur(10px);\n                  }\n\n                  .name {\n                     font-weight: 600;\n                  }\n\n                  .role {\n                     font-size: 13px;\n                     opacity: 0.6;\n                  }\n\n                  .ds-menu {\n                     margin-top: 5px;\n                     padding-top: 5px;\n                     border-top: 1px solid rgba(255, 255, 255, 0.18);\n\n                     .ds-item {\n                        cursor: pointer;\n                        padding: 7px 15px;\n                        display: block;\n                        text-decoration: none;\n\n                        color: rgba(255, 255, 255, 0.6);\n\n                        &:hover {\n                           background: rgba(255, 255, 255, 0.1);\n                           color: rgba(255, 255, 255, 1);\n                           text-decoration: none;\n                        }\n                     }\n                  }\n               }\n            }\n         }\n\n         .ds-menu-hamburger {\n            width: 25px;\n            height: 25px;\n            position: relative;\n            margin: 0px;\n            -webkit-transform: rotate(0deg);\n            -moz-transform: rotate(0deg);\n            -o-transform: rotate(0deg);\n            transform: rotate(0deg);\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n            cursor: pointer;\n            position: absolute;\n            top: 16px;\n            left: 16px;\n            display: none;\n\n            span {\n               display: block;\n               position: absolute;\n               height: 2px;\n               width: 100%;\n               background: ", ";\n               border-radius: 4px;\n               opacity: 1;\n               left: 0;\n               -webkit-transform: rotate(0deg);\n               -moz-transform: rotate(0deg);\n               -o-transform: rotate(0deg);\n               transform: rotate(0deg);\n               -webkit-transition: 0.25s ease-in-out;\n               -moz-transition: 0.25s ease-in-out;\n               -o-transition: 0.25s ease-in-out;\n               transition: 0.25s ease-in-out;\n            }\n\n            /* Icon 4 */\n            & span:nth-child(1) {\n               top: 0px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            & span:nth-child(2) {\n               top: 8px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            & span:nth-child(3) {\n               top: 16px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            &.open span:nth-child(1) {\n               -webkit-transform: rotate(45deg);\n               -moz-transform: rotate(45deg);\n               -o-transform: rotate(45deg);\n               transform: rotate(45deg);\n               top: -3px;\n               left: 8px;\n            }\n\n            &.open span:nth-child(2) {\n               width: 0%;\n               opacity: 0;\n            }\n\n            &.open span:nth-child(3) {\n               -webkit-transform: rotate(-45deg);\n               -moz-transform: rotate(-45deg);\n               -o-transform: rotate(-45deg);\n               transform: rotate(-45deg);\n               top: 16px;\n               left: 8px;\n            }\n         }\n\n         @media only screen and (max-width: 820px) {\n            text-align: center;\n            height: 55px;\n\n            .ds-user-cell {\n               display: none;\n            }\n\n            .ds-menu-hamburger {\n               display: block;\n            }\n         }\n      }\n\n      .ds-header-bottom {\n         .ds-menu {\n            padding: 10px 0px;\n            position: relative;\n\n            .ds-menu-item {\n               display: inline-block;\n               padding: 7px 15px;\n               font-weight: 500;\n               border-radius: 5px;\n               color: ", ";\n               transition: 0.15s all;\n               margin: 0px 3px;\n               position: relative;\n               opacity: 0.6;\n\n               &.hover,\n               &:hover {\n                  cursor: pointer;\n                  background: rgba(255, 255, 255, 0.1);\n                  opacity: 1;\n                  transition: 0.15s all;\n                  text-decoration: none;\n                  color: ", ";\n               }\n\n               &.ds-menu-item-active {\n                  background: rgba(255, 255, 255, 0.1);\n                  opacity: 1;\n                  color: ", ";\n               }\n            }\n\n            .ds-menu-category {\n               display: inline-block;\n               position: relative;\n               &:before {\n                  display: block;\n                  position: absolute;\n                  content: '';\n                  bottom: -5px;\n                  left: 50%;\n                  border: 8px solid white;\n                  border-top: 0px;\n                  border-left-color: transparent;\n                  border-right-color: transparent;\n                  transform: translateX(-50%);\n                  z-index: 1;\n                  opacity: 0;\n                  visibility: hidden;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n               }\n\n               .ds-menu-subcategory {\n                  color: ", ";\n                  position: absolute;\n                  background: white;\n                  top: 34px;\n                  width: 250px;\n                  left: 0px;\n                  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);\n                  padding: 10px 7px;\n                  position: absolute;\n                  opacity: 0;\n                  visibility: hidden;\n                  z-index: 100;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n\n                  .ds-item {\n                     padding: 8px 20px;\n                     display: block;\n                     color: ", ";\n\n                     &.hover,\n                     &:hover {\n                        background: rgba(0, 0, 0, 0.04);\n                        text-decoration: none;\n                        color: ", ";\n                     }\n\n                     &.active {\n                        color: ", ";\n                        background: rgba(0, 0, 0, 0.04);\n                     }\n                  }\n               }\n\n               &.hover,\n               &:hover {\n                  &:before {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n\n                  .ds-menu-subcategory {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n               }\n            }\n         }\n\n         @media only screen and (max-width: 820px) {\n            display: none;\n         }\n      }\n\n      .ds-menu-mobile {\n         display: none;\n      }\n\n      .menu-bullet-dot {\n         padding-right: 15px;\n         span {\n            width: 4px;\n            height: 4px;\n            border-radius: 100%;\n            background: ", ";\n            vertical-align: middle;\n            display: inline-block;\n         }\n      }\n\n      @media only screen and (max-width: 820px) {\n         height: 55px;\n         overflow: hidden;\n         position: fixed;\n         width: 100%;\n         top: 0px;\n\n         &.ds-menu-mobile-opened {\n            height: 100%;\n            overflow-y: scroll;\n         }\n\n         .ds-menu-mobile {\n            padding: 10px 0px;\n            position: relative;\n            display: block;\n\n            .ds-menu-item {\n               display: block;\n               padding: 15px 10px;\n               font-weight: 500;\n               border-radius: 0px;\n               color: ", ";\n               transition: 0.15s all;\n               margin: 0px 3px;\n               position: relative;\n               font-size: 15px;\n               border-top: 1px solid rgba(255, 255, 255, 0.1);\n               opacity: 0.6;\n\n               &:hover {\n                  cursor: pointer;\n                  color: white;\n                  transition: 0.15s all;\n                  text-decoration: none;\n               }\n\n               &.ds-menu-item-active {\n                  color: ", ";\n                  //color: white;\n                  // border-top: 1px solid\n                  //    ", ";\n                  opacity: 1;\n               }\n            }\n\n            .ds-menu-category {\n               display: block;\n               position: relative;\n\n               .ds-menu-item {\n                  &.ds-menu-item-active {\n                     background: transparent;\n                     color: ", ";\n                     border-top: 1px solid rgba(255, 255, 255, 0.1);\n                  }\n\n                  &:hover {\n                     background: transparent;\n                     color: ", ";\n                     cursor: pointer;\n                  }\n               }\n\n               .ds-menu-subcategory {\n                  color: ", ";\n                  padding: 10px 0px;\n                  padding-top: 0px;\n\n                  .ds-item {\n                     padding: 10px 30px;\n                     display: block;\n                     font-size: 14px;\n                     color: ", ";\n                     opacity: 0.6;\n\n                     &:hover {\n                        background: rgba(0, 0, 0, 0.04);\n                        color: white;\n                        text-decoration: none;\n                     }\n\n                     &.active {\n                        text-decoration: none;\n                        color: white;\n                        opacity: 1;\n                        color: ", ";\n\n                        .menu-bullet-dot {\n                           span {\n                              background: ", ";\n                           }\n                        }\n                     }\n                  }\n               }\n            }\n         }\n\n         .username-info {\n            text-align: left;\n            padding: 10px;\n            width: 100%;\n\n            .name {\n               font-weight: 500;\n               font-size: 15px;\n            }\n\n            .role {\n               font-size: 14px;\n               opacity: 0.6;\n            }\n\n            .ds-menu {\n               margin-top: 5px;\n               padding-top: 5px;\n               border-top: 1px solid rgba(255, 255, 255, 0.18);\n\n               .ds-item {\n                  cursor: pointer;\n                  padding: 7px 15px;\n                  display: block;\n                  text-decoration: none;\n\n                  color: rgba(255, 255, 255, 0.6);\n\n                  &:hover {\n                     background: rgba(255, 255, 255, 0.1);\n                     color: rgba(255, 255, 255, 1);\n                     text-decoration: none;\n                  }\n               }\n            }\n         }\n      }\n   }\n"], ["\n   .width-max {\n      margin: auto;\n      max-width: 1380px;\n   }\n\n   .ds-table {\n      display: table;\n   }\n\n   .ds-cell {\n      display: table-cell;\n      vertical-align: top;\n   }\n\n   .ds-cell-min {\n      width: 1%;\n   }\n\n   .vertical-align-middle {\n      vertical-align: middle;\n   }\n\n   .ds-header-mobile-space {\n      height: 55px;\n      display: none;\n\n      @media only screen and (max-width: 820px) {\n         display: block;\n      }\n   }\n\n   .ds-logo {\n      padding-left: 20px;\n   }\n\n   .ds-header {\n      -webkit-touch-callout: none; /* iOS Safari */\n      -webkit-user-select: none; /* Safari */\n      -khtml-user-select: none; /* Konqueror HTML */\n      -moz-user-select: none; /* Firefox */\n      -ms-user-select: none; /* Internet Explorer/Edge */\n      user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */\n      background: ", ";\n      color: ", ";\n      font-size: 14px;\n      padding: 0px 15px;\n      transition: 0.15s all;\n\n      .ds-header-top {\n         padding: 10px 0px;\n\n         .ds-user-cell {\n            width: 1%;\n            white-space: nowrap;\n            cursor: pointer;\n            padding-right: 10px;\n\n            &:hover {\n               color: ", ";\n            }\n\n            .username-container {\n               border-left: 1px solid rgba(255, 255, 255, 0.3);\n               padding-left: 15px;\n               position: relative;\n\n               .user-image-container {\n                  display: inline-block;\n                  margin-right: 5px;\n                  cursor: pointer;\n               }\n\n               .username {\n                  // color: ", ";\n               }\n\n               .username-container-popup {\n                  background: #000000b8;\n                  text-align: left;\n                  width: 250px;\n                  position: absolute;\n                  padding: 10px;\n                  right: 0px;\n                  top: 32px;\n                  border-radius: 5px;\n                  backdrop-filter: blur(10px);\n                  opacity: 0;\n                  visibility: hidden;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n                  z-index: 100;\n\n                  &.opened {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n\n                  &:before {\n                     display: block;\n                     position: absolute;\n                     content: '';\n                     top: -8px;\n                     right: 30px;\n                     border: 8px solid #000000b8;\n                     border-top: 0px;\n                     border-left-color: transparent;\n                     border-right-color: transparent;\n                     z-index: 1;\n                     backdrop-filter: blur(10px);\n                  }\n\n                  .name {\n                     font-weight: 600;\n                  }\n\n                  .role {\n                     font-size: 13px;\n                     opacity: 0.6;\n                  }\n\n                  .ds-menu {\n                     margin-top: 5px;\n                     padding-top: 5px;\n                     border-top: 1px solid rgba(255, 255, 255, 0.18);\n\n                     .ds-item {\n                        cursor: pointer;\n                        padding: 7px 15px;\n                        display: block;\n                        text-decoration: none;\n\n                        color: rgba(255, 255, 255, 0.6);\n\n                        &:hover {\n                           background: rgba(255, 255, 255, 0.1);\n                           color: rgba(255, 255, 255, 1);\n                           text-decoration: none;\n                        }\n                     }\n                  }\n               }\n            }\n         }\n\n         .ds-menu-hamburger {\n            width: 25px;\n            height: 25px;\n            position: relative;\n            margin: 0px;\n            -webkit-transform: rotate(0deg);\n            -moz-transform: rotate(0deg);\n            -o-transform: rotate(0deg);\n            transform: rotate(0deg);\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n            cursor: pointer;\n            position: absolute;\n            top: 16px;\n            left: 16px;\n            display: none;\n\n            span {\n               display: block;\n               position: absolute;\n               height: 2px;\n               width: 100%;\n               background: ", ";\n               border-radius: 4px;\n               opacity: 1;\n               left: 0;\n               -webkit-transform: rotate(0deg);\n               -moz-transform: rotate(0deg);\n               -o-transform: rotate(0deg);\n               transform: rotate(0deg);\n               -webkit-transition: 0.25s ease-in-out;\n               -moz-transition: 0.25s ease-in-out;\n               -o-transition: 0.25s ease-in-out;\n               transition: 0.25s ease-in-out;\n            }\n\n            /* Icon 4 */\n            & span:nth-child(1) {\n               top: 0px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            & span:nth-child(2) {\n               top: 8px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            & span:nth-child(3) {\n               top: 16px;\n               -webkit-transform-origin: left center;\n               -moz-transform-origin: left center;\n               -o-transform-origin: left center;\n               transform-origin: left center;\n            }\n\n            &.open span:nth-child(1) {\n               -webkit-transform: rotate(45deg);\n               -moz-transform: rotate(45deg);\n               -o-transform: rotate(45deg);\n               transform: rotate(45deg);\n               top: -3px;\n               left: 8px;\n            }\n\n            &.open span:nth-child(2) {\n               width: 0%;\n               opacity: 0;\n            }\n\n            &.open span:nth-child(3) {\n               -webkit-transform: rotate(-45deg);\n               -moz-transform: rotate(-45deg);\n               -o-transform: rotate(-45deg);\n               transform: rotate(-45deg);\n               top: 16px;\n               left: 8px;\n            }\n         }\n\n         @media only screen and (max-width: 820px) {\n            text-align: center;\n            height: 55px;\n\n            .ds-user-cell {\n               display: none;\n            }\n\n            .ds-menu-hamburger {\n               display: block;\n            }\n         }\n      }\n\n      .ds-header-bottom {\n         .ds-menu {\n            padding: 10px 0px;\n            position: relative;\n\n            .ds-menu-item {\n               display: inline-block;\n               padding: 7px 15px;\n               font-weight: 500;\n               border-radius: 5px;\n               color: ", ";\n               transition: 0.15s all;\n               margin: 0px 3px;\n               position: relative;\n               opacity: 0.6;\n\n               &.hover,\n               &:hover {\n                  cursor: pointer;\n                  background: rgba(255, 255, 255, 0.1);\n                  opacity: 1;\n                  transition: 0.15s all;\n                  text-decoration: none;\n                  color: ", ";\n               }\n\n               &.ds-menu-item-active {\n                  background: rgba(255, 255, 255, 0.1);\n                  opacity: 1;\n                  color: ", ";\n               }\n            }\n\n            .ds-menu-category {\n               display: inline-block;\n               position: relative;\n               &:before {\n                  display: block;\n                  position: absolute;\n                  content: '';\n                  bottom: -5px;\n                  left: 50%;\n                  border: 8px solid white;\n                  border-top: 0px;\n                  border-left-color: transparent;\n                  border-right-color: transparent;\n                  transform: translateX(-50%);\n                  z-index: 1;\n                  opacity: 0;\n                  visibility: hidden;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n               }\n\n               .ds-menu-subcategory {\n                  color: ", ";\n                  position: absolute;\n                  background: white;\n                  top: 34px;\n                  width: 250px;\n                  left: 0px;\n                  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);\n                  padding: 10px 7px;\n                  position: absolute;\n                  opacity: 0;\n                  visibility: hidden;\n                  z-index: 100;\n                  transform: translateY(25px);\n                  transition: opacity 150ms, transform 150ms, visibility 150ms;\n\n                  .ds-item {\n                     padding: 8px 20px;\n                     display: block;\n                     color: ", ";\n\n                     &.hover,\n                     &:hover {\n                        background: rgba(0, 0, 0, 0.04);\n                        text-decoration: none;\n                        color: ", ";\n                     }\n\n                     &.active {\n                        color: ", ";\n                        background: rgba(0, 0, 0, 0.04);\n                     }\n                  }\n               }\n\n               &.hover,\n               &:hover {\n                  &:before {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n\n                  .ds-menu-subcategory {\n                     transform: translateY(0px);\n                     visibility: visible;\n                     opacity: 1;\n                  }\n               }\n            }\n         }\n\n         @media only screen and (max-width: 820px) {\n            display: none;\n         }\n      }\n\n      .ds-menu-mobile {\n         display: none;\n      }\n\n      .menu-bullet-dot {\n         padding-right: 15px;\n         span {\n            width: 4px;\n            height: 4px;\n            border-radius: 100%;\n            background: ", ";\n            vertical-align: middle;\n            display: inline-block;\n         }\n      }\n\n      @media only screen and (max-width: 820px) {\n         height: 55px;\n         overflow: hidden;\n         position: fixed;\n         width: 100%;\n         top: 0px;\n\n         &.ds-menu-mobile-opened {\n            height: 100%;\n            overflow-y: scroll;\n         }\n\n         .ds-menu-mobile {\n            padding: 10px 0px;\n            position: relative;\n            display: block;\n\n            .ds-menu-item {\n               display: block;\n               padding: 15px 10px;\n               font-weight: 500;\n               border-radius: 0px;\n               color: ", ";\n               transition: 0.15s all;\n               margin: 0px 3px;\n               position: relative;\n               font-size: 15px;\n               border-top: 1px solid rgba(255, 255, 255, 0.1);\n               opacity: 0.6;\n\n               &:hover {\n                  cursor: pointer;\n                  color: white;\n                  transition: 0.15s all;\n                  text-decoration: none;\n               }\n\n               &.ds-menu-item-active {\n                  color: ", ";\n                  //color: white;\n                  // border-top: 1px solid\n                  //    ", ";\n                  opacity: 1;\n               }\n            }\n\n            .ds-menu-category {\n               display: block;\n               position: relative;\n\n               .ds-menu-item {\n                  &.ds-menu-item-active {\n                     background: transparent;\n                     color: ", ";\n                     border-top: 1px solid rgba(255, 255, 255, 0.1);\n                  }\n\n                  &:hover {\n                     background: transparent;\n                     color: ", ";\n                     cursor: pointer;\n                  }\n               }\n\n               .ds-menu-subcategory {\n                  color: ", ";\n                  padding: 10px 0px;\n                  padding-top: 0px;\n\n                  .ds-item {\n                     padding: 10px 30px;\n                     display: block;\n                     font-size: 14px;\n                     color: ", ";\n                     opacity: 0.6;\n\n                     &:hover {\n                        background: rgba(0, 0, 0, 0.04);\n                        color: white;\n                        text-decoration: none;\n                     }\n\n                     &.active {\n                        text-decoration: none;\n                        color: white;\n                        opacity: 1;\n                        color: ", ";\n\n                        .menu-bullet-dot {\n                           span {\n                              background: ", ";\n                           }\n                        }\n                     }\n                  }\n               }\n            }\n         }\n\n         .username-info {\n            text-align: left;\n            padding: 10px;\n            width: 100%;\n\n            .name {\n               font-weight: 500;\n               font-size: 15px;\n            }\n\n            .role {\n               font-size: 14px;\n               opacity: 0.6;\n            }\n\n            .ds-menu {\n               margin-top: 5px;\n               padding-top: 5px;\n               border-top: 1px solid rgba(255, 255, 255, 0.18);\n\n               .ds-item {\n                  cursor: pointer;\n                  padding: 7px 15px;\n                  display: block;\n                  text-decoration: none;\n\n                  color: rgba(255, 255, 255, 0.6);\n\n                  &:hover {\n                     background: rgba(255, 255, 255, 0.1);\n                     color: rgba(255, 255, 255, 1);\n                     text-decoration: none;\n                  }\n               }\n            }\n         }\n      }\n   }\n"])), function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.backgroundColor) || '#000'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColor) || '#fff'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorUsername) || '#222'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenu) || 'white'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenu) || 'white'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b, _c, _d, _e, _f; return (_f = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenuSub) !== null && _c !== void 0 ? _c : (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.header) === null || _e === void 0 ? void 0 : _e.textColorMenu) !== null && _f !== void 0 ? _f : '#222'; }, function (props) { var _a, _b, _c, _d, _e, _f; return (_f = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenuSub) !== null && _c !== void 0 ? _c : (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.header) === null || _e === void 0 ? void 0 : _e.textColorMenu) !== null && _f !== void 0 ? _f : '#222'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b, _c, _d, _e, _f; return (_f = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenuSub) !== null && _c !== void 0 ? _c : (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.header) === null || _e === void 0 ? void 0 : _e.textColorMenu) !== null && _f !== void 0 ? _f : 'white'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorMenu) || 'white'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColor) || '#fff'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColor) || '#222'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColor) || 'white'; }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); }, function (props) { var _a, _b; return ((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.header) === null || _b === void 0 ? void 0 : _b.textColorActiveMenu) || (0, GetThemeVar_1.GetThemeVar)(props.theme, 'primary'); });
var templateObject_1;
//# sourceMappingURL=header.style.js.map