"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 Tabs_1 = require("../Tabs");
var styleConstants_1 = require("../styleConstants");
var LoadingMessage_1 = require("../LoadingMessage");
var Button_1 = require("../Button");
var input_1 = require("../input");
var elements_1 = require("@joincivil/elements");
exports.DashboardStylesNoticeContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 24px;\n  border-bottom: 1px solid ", ";\n"], ["\n  padding: 24px;\n  border-bottom: 1px solid ", ";\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledUserActivity = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: transparent;\n  flex-grow: 1;\n  padding-right: 50px;\n  ", " {\n    padding: 0;\n  }\n"], ["\n  background-color: transparent;\n  flex-grow: 1;\n  padding-right: 50px;\n  ", " {\n    padding: 0;\n  }\n"])), elements_1.mediaQueries.MOBILE);
exports.StyledUserActivityContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-top: none;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-top: none;\n"])), styleConstants_1.colors.basic.WHITE, styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledDashboardTabsContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: ", ";\n"], ["\n  background: ", ";\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledDashboardTab = styled_components_1.default.li(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  border-bottom: ", ";\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: ", ";\n  line-height: 21px;\n  white-space: nowrap;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  height: 62px;\n"], ["\n  color: ", ";\n  border-bottom: ",
    ";\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: ", ";\n  line-height: 21px;\n  white-space: nowrap;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  height: 62px;\n"])), function (props) { return (props.isActive ? styleConstants_1.colors.primary.CIVIL_BLUE_1 : styleConstants_1.colors.primary.CIVIL_GRAY_1); }, function (props) {
    return props.isActive ? "3px solid " + styleConstants_1.colors.primary.CIVIL_BLUE_1 : "none";
}, function (props) { return (props.isActive ? "bold" : "normal"); });
exports.StyledSubTabCount = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n  border-radius: 31px;\n  font-size: 12px;\n  line-height: 15px;\n  margin-left: 6px;\n  padding: 3px 10px;\n"], ["\n  display: inline-block;\n  border-radius: 31px;\n  font-size: 12px;\n  line-height: 15px;\n  margin-left: 6px;\n  padding: 3px 10px;\n"])));
exports.StyledDashboardSubTab = styled_components_1.default(Tabs_1.StyledTab)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  white-space: nowrap;\n\n  & ", " {\n    background-color: ", ";\n  }\n"], ["\n  white-space: nowrap;\n\n  & ", " {\n    background-color: ",
    ";\n  }\n"])), exports.StyledSubTabCount, function (props) {
    return props.isActive ? styleConstants_1.colors.accent.CIVIL_TEAL : styleConstants_1.colors.accent.CIVIL_GRAY_3;
});
exports.StyledDashboardActivityDescription = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", " font-size: 21px;\n  font-weight: 300;\n  line-height: 28px;\n  letter-spacing: -0.14px;\n  padding: 36px 24px;\n"], ["\n  ",
    " font-size: 21px;\n  font-weight: 300;\n  line-height: 28px;\n  letter-spacing: -0.14px;\n  padding: 36px 24px;\n"])), function (props) {
    return props.noBorder
        ? ""
        : "\n  border-top: 1px solid " + styleConstants_1.colors.accent.CIVIL_GRAY_4 + ";\n  ";
});
exports.StyledUserInfo = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 333px;\n  ", " {\n    width: 100%;\n  }\n"], ["\n  width: 333px;\n  ", " {\n    width: 100%;\n  }\n"])), elements_1.mediaQueries.MOBILE);
exports.StyledUserProfile = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 333px;\n  ", " {\n    width: 100%;\n  }\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  margin-bottom: 22px;\n"], ["\n  width: 333px;\n  ", " {\n    width: 100%;\n  }\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  margin-bottom: 22px;\n"])), elements_1.mediaQueries.MOBILE);
exports.StyledAvatarContainer = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 76px;\n  height: 76px;\n  margin-right: 15px;\n  position: relative;\n  clip-path: circle(38px at center);\n"], ["\n  width: 76px;\n  height: 76px;\n  margin-right: 15px;\n  position: relative;\n  clip-path: circle(38px at center);\n"])));
exports.StyledUserAvatar = styled_components_1.default.img(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 76px;\n  height: 76px;\n  position: absolute;\n  z-index: 999;\n"], ["\n  width: 76px;\n  height: 76px;\n  position: absolute;\n  z-index: 999;\n"])));
exports.StyledEditAvatar = styled_components_1.default.figure(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  width: 76px;\n  height: 20px;\n  position: absolute;\n  top: 40px;\n  left: -40px;\n  background-color: #3e3e3e;\n  opacity: 0.5;\n  z-index: 10000;\n"], ["\n  width: 76px;\n  height: 20px;\n  position: absolute;\n  top: 40px;\n  left: -40px;\n  background-color: #3e3e3e;\n  opacity: 0.5;\n  z-index: 10000;\n"])));
exports.StyledEditSpan = styled_components_1.default.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  width: 76px;\n  height: 20px;\n  position: absolute;\n  top: 55px;\n  left: 0px;\n  font-size: 14px;\n  line-height: 17px;\n  font-family: ", ";\n  font-weight: 700;\n  letter-spacing: 0.22px;\n  color: ", ";\n  z-index: 20000;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-around;\n  width: 76px;\n  height: 20px;\n  position: absolute;\n  top: 55px;\n  left: 0px;\n  font-size: 14px;\n  line-height: 17px;\n  font-family: ", ";\n  font-weight: 700;\n  letter-spacing: 0.22px;\n  color: ", ";\n  z-index: 20000;\n"])), styleConstants_1.fonts.SANS_SERIF_BOLD, styleConstants_1.colors.basic.WHITE);
exports.StyledUserNoAvatar = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-around;\n  width: 76px;\n  height: 76px;\n  align-items: center;\n  background-color: #ef6b4a;\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-size: 50px;\n"], ["\n  display: flex;\n  justify-content: space-around;\n  width: 76px;\n  height: 76px;\n  align-items: center;\n  background-color: #ef6b4a;\n  font-family: ", ";\n  color: ", ";\n  text-transform: uppercase;\n  font-size: 50px;\n"])), styleConstants_1.fonts.SANS_SERIF, styleConstants_1.colors.basic.WHITE);
exports.StyledUserHandleText = styled_components_1.default.span(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  font-size: 19px;\n  font-weight: 600;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  max-width: 242px;\n  text-overflow: ellipsis;\n"], ["\n  font-size: 19px;\n  font-weight: 600;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  max-width: 242px;\n  text-overflow: ellipsis;\n"])));
exports.StyledUserEmailText = styled_components_1.default.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 400;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n"], ["\n  font-size: 16px;\n  font-weight: 400;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n"])));
exports.StyledUserSetEmailText = styled_components_1.default.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  color: ", ";\n"], ["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  color: ", ";\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledChangeUserEmailText = styled_components_1.default.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  margin: left: 2px;\n  color: ", ";\n"], ["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  margin: left: 2px;\n  color: ", ";\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledChangeUserAvatarText = styled_components_1.default.span(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  color: ", ";\n"], ["\n  font-size: 12px;\n  font-weight: 300;\n  height: 23px;\n  letter-spacing: -0.04px;\n  line-height: 23px;\n  color: ", ";\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledUserEmailContainer = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
exports.StyledUserHandleAndEmailContainer = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 76px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 76px;\n"])));
exports.StyledUserInfoSectionLabel = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.93px;\n  line-height: 15px;\n  text-transform: uppercase;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.93px;\n  line-height: 15px;\n  text-transform: uppercase;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_2);
exports.StyledUserInfoSectionValue = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 15px;\n  text-align: right;\n\n  & strong {\n    display: block;\n    font-size: 18px;\n    font-weight: bold;\n    line-height: 21px;\n  }\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 15px;\n  text-align: right;\n\n  & strong {\n    display: block;\n    font-size: 18px;\n    font-weight: bold;\n    line-height: 21px;\n  }\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_1);
exports.StyledUserInfoSection = styled_components_1.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  display: flex;\n  margin: 24px 0;\n  min-height: 30px;\n  justify-content: space-between;\n\n  ", " {\n    width: 40%;\n  }\n"], ["\n  display: flex;\n  margin: 24px 0;\n  min-height: 30px;\n  justify-content: space-between;\n\n  ", " {\n    width: 40%;\n  }\n"])), exports.StyledUserInfoSectionLabel);
exports.StyledUserInfoButtonSection = styled_components_1.default.div(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  margin: 24px 0;\n\n  & ", ", & ", " {\n    margin: 0 0 19px;\n    padding: 14px 0;\n    text-align: center;\n    text-transfrom: none;\n    width: 100%;\n  }\n"], ["\n  margin: 24px 0;\n\n  & ", ", & ", " {\n    margin: 0 0 19px;\n    padding: 14px 0;\n    text-align: center;\n    text-transfrom: none;\n    width: 100%;\n  }\n"])), Button_1.Button, Button_1.InvertedButton);
// '32' == 20% in hexadecimal
exports.StyledUserAddress = styled_components_1.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  border-bottom: 1px solid ", "32;\n  font-size: 16px;\n  font-family: ", ";\n  line-height: 26px;\n  padding: 0 0 24px;\n  margin: 15px 0;\n"], ["\n  border-bottom: 1px solid ", "32;\n  font-size: 16px;\n  font-family: ", ";\n  line-height: 26px;\n  padding: 0 0 24px;\n  margin: 15px 0;\n"])), styleConstants_1.colors.basic.WHITE, styleConstants_1.fonts.MONOSPACE);
// Activity Items
exports.StyledDashboardActivityItem = styled_components_1.default.div(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  padding: 25px 0;\n  margin: 0 25px;\n  justify-content: space-between;\n"], ["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  padding: 25px 0;\n  margin: 0 25px;\n  justify-content: space-between;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledItemCheckboxContainer = styled_components_1.default.div(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  margin: 0 23px 0 0;\n  padding: 15px 0 0;\n  width: 20px;\n"], ["\n  margin: 0 23px 0 0;\n  padding: 15px 0 0;\n  width: 20px;\n"])));
exports.StyledDashboardActivityItemIcon = styled_components_1.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  margin-right: 16px;\n  width: 50px;\n"], ["\n  margin-right: 16px;\n  width: 50px;\n"])));
exports.StyledDashboardActivityItemDetails = styled_components_1.default.div(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  flex-grow: 1;\n  font-size: 14px;\n  line-height: 22px;\n  margin-right: 30px;\n"], ["\n  flex-grow: 1;\n  font-size: 14px;\n  line-height: 22px;\n  margin-right: 30px;\n"])));
exports.StyledDashboardActivityItemAction = styled_components_1.default.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  align-items: flex-end;\n  display: flex;\n  flex-direction: column;\n  padding-left: 10px;\n  text-align: right;\n  min-width: 30%;\n\n  ", " {\n    display: block;\n    margin: 0 0 27px;\n    white-space: nowrap;\n  }\n\n  a {\n    color: ", ";\n    font-weight: bold;\n    font-size: 14px;\n    line-height: 14px;\n    white-space: nowrap;\n  }\n"], ["\n  align-items: flex-end;\n  display: flex;\n  flex-direction: column;\n  padding-left: 10px;\n  text-align: right;\n  min-width: 30%;\n\n  ", " {\n    display: block;\n    margin: 0 0 27px;\n    white-space: nowrap;\n  }\n\n  a {\n    color: ", ";\n    font-weight: bold;\n    font-size: 14px;\n    line-height: 14px;\n    white-space: nowrap;\n  }\n"])), Button_1.InvertedButton, styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledDashboardActivityItemTitle = styled_components_1.default.h4(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 800;\n  font-size: 18px\n  line-height: 21px;\n  margin: 0 0 10px;\n"], ["\n  color: ", ";\n  font-weight: 800;\n  font-size: 18px\n  line-height: 21px;\n  margin: 0 0 10px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledDashboardActivityItemSubTitle = styled_components_1.default.h4(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 800;\n  font-size: 18px\n  line-height: 21px;\n  margin: 10px 0;\n"], ["\n  color: ", ";\n  font-weight: 800;\n  font-size: 18px\n  line-height: 21px;\n  margin: 10px 0;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledDashbaordActvityItemSectionOuter = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
exports.StyledChallengeSummarySection = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
exports.StyledDashbaordActvityItemSection = styled_components_1.default.div(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n  color: ", ";\n  background: ", ";\n  box-shadow: inset 0 -1px 0 0 ", ";\n  padding: 10px 24px 21px;\n"], ["\n  color: ", ";\n  background: ", ";\n  box-shadow: inset 0 -1px 0 0 ", ";\n  padding: 10px 24px 21px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1, styleConstants_1.colors.accent.CIVIL_GRAY_5, styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledDashbaordActvityItemHeader = styled_components_1.default.div(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 33px;\n  margin: 0 0 8px;\n"], ["\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 33px;\n  margin: 0 0 8px;\n"])));
exports.StyledDashbaordActvityItemSectionInner = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n  padding-left: 23px;\n"], ["\n  padding-left: 23px;\n"])));
exports.StyledChallengeIDKicker = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600\n  line-height: 15px;\n  margin: 0 0 3px;\n  text-transform: uppercase;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-weight: 600\n  line-height: 15px;\n  margin: 0 0 3px;\n  text-transform: uppercase;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_2);
exports.StyledNewsroomName = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n  font-size: 18px;\n  font-weight: 600\n  line-height: 33px;\n  margin: 0;\n"], ["\n  font-size: 18px;\n  font-weight: 600\n  line-height: 33px;\n  margin: 0;\n"])));
exports.StyledNumTokensContainer = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 18px;\n  padding: 15px 0 0;\n  text-align: right;\n"], ["\n  color: ", ";\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 18px;\n  padding: 15px 0 0;\n  text-align: right;\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
// Transfer Tokens
exports.StyledTransferTokenTitle = styled_components_1.default.div(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n  font-family: ", ";\n  text-align: center;\n  margin: 0 0 40px;\n  padding: 20px;\n  flex-grow: 1;\n\n  h3 {\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    margin: 0 0 10px;\n  }\n\n  p {\n    color: ", ";\n    font-size: 16px;\n    line-height: 26px;\n    margin: 0;\n  }\n"], ["\n  font-family: ", ";\n  text-align: center;\n  margin: 0 0 40px;\n  padding: 20px;\n  flex-grow: 1;\n\n  h3 {\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    margin: 0 0 10px;\n  }\n\n  p {\n    color: ", ";\n    font-size: 16px;\n    line-height: 26px;\n    margin: 0;\n  }\n"])), styleConstants_1.fonts.SANS_SERIF, styleConstants_1.colors.accent.CIVIL_GRAY_0);
exports.StyledTransferTokenForm = styled_components_1.default.div(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: 400;\n  margin: 0 auto 45px;\n  padding: 35px;\n"], ["\n  font-family: ", ";\n  font-weight: 400;\n  margin: 0 auto 45px;\n  padding: 35px;\n"])), styleConstants_1.fonts.SANS_SERIF);
exports.StyledTransferTokenFormGroup = styled_components_1.default.div(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n  margin: 0 auto;\n  max-width: 460px;\n\n  ", " {\n    border: 1px solid ", ";\n    border-radius: 3px;\n    font-size: 15px;\n    margin-top 5px;\n\n    & > div:nth-child(2) > div {\n      border-top: none;\n      box-shadow: none;\n      left: -1px;\n      top: -1px;\n      width: calc(100% + 2px);\n      max-width: unset;\n\n      :before,\n      :after {\n        display: none;\n      }\n    }\n\n    ", " {\n      li {\n        border-top: 1px solid ", ";\n        display: flex;\n        justify-content: space-between;\n      }\n    }\n\n    ", " {\n      padding: 0;\n\n      button {\n        background-color: transparent;\n        border: none;\n        cursor: pointer;\n        padding: 17px 50px 17px 15px;\n        width: 100%;\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: 3px;\n    position: relative;\n\n    > input,\n    > textarea {\n      border: 1px solid ", ";\n      border-radius: 3px;\n      padding: 15px;\n    }\n\n    > input:focus,\n    > textarea:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  label {\n    color: ", ";\n    font-size: 14px;\n  }\n\n  ", " {\n    background-color: ", ";\n    left: calc(100% - 50px);\n    position: absolute;\n    top: 42px;\n    z-index: 2;\n  }\n"], ["\n  margin: 0 auto;\n  max-width: 460px;\n\n  ", " {\n    border: 1px solid ", ";\n    border-radius: 3px;\n    font-size: 15px;\n    margin-top 5px;\n\n    & > div:nth-child(2) > div {\n      border-top: none;\n      box-shadow: none;\n      left: -1px;\n      top: -1px;\n      width: calc(100% + 2px);\n      max-width: unset;\n\n      :before,\n      :after {\n        display: none;\n      }\n    }\n\n    ", " {\n      li {\n        border-top: 1px solid ", ";\n        display: flex;\n        justify-content: space-between;\n      }\n    }\n\n    ", " {\n      padding: 0;\n\n      button {\n        background-color: transparent;\n        border: none;\n        cursor: pointer;\n        padding: 17px 50px 17px 15px;\n        width: 100%;\n      }\n    }\n  }\n\n  ", " {\n    margin-bottom: 3px;\n    position: relative;\n\n    > input,\n    > textarea {\n      border: 1px solid ", ";\n      border-radius: 3px;\n      padding: 15px;\n    }\n\n    > input:focus,\n    > textarea:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  label {\n    color: ", ";\n    font-size: 14px;\n  }\n\n  ", " {\n    background-color: ", ";\n    left: calc(100% - 50px);\n    position: absolute;\n    top: 42px;\n    z-index: 2;\n  }\n"])), input_1.Dropdown, styleConstants_1.colors.accent.CIVIL_GRAY_3, input_1.DropdownGroup, styleConstants_1.colors.accent.CIVIL_GRAY_4, input_1.DropdownItem, input_1.InputBase, styleConstants_1.colors.accent.CIVIL_GRAY_3, styleConstants_1.colors.accent.CIVIL_BLUE, styleConstants_1.colors.accent.CIVIL_GRAY_1, input_1.InputIcon, styleConstants_1.colors.basic.WHITE);
exports.StyledTransferTokenFormElement = styled_components_1.default.div(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n  margin-bottom: 25px;\n"], ["\n  margin-bottom: 25px;\n"])));
exports.StyledInputLabel = styled_components_1.default.label(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n"], ["\n  color: ", ";\n  font-size: 14px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_1);
exports.StyledTransferTokenTip = styled_components_1.default.div(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 13px;\n  line-height: 18px;\n"], ["\n  color: ", ";\n  font-size: 13px;\n  line-height: 18px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_1);
exports.StyledTransferTokenDropdown = styled_components_1.default.div(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n  padding: 17px 50px 17px 15px;\n  position: relative;\n"], ["\n  padding: 17px 50px 17px 15px;\n  position: relative;\n"])));
exports.StyledTransferTokenBalance = styled_components_1.default.div(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n  display: flex;\n  font-size: 15px;\n  justify-content: space-between;\n  width: 100%;\n"], ["\n  display: flex;\n  font-size: 15px;\n  justify-content: space-between;\n  width: 100%;\n"])));
exports.StyledDropdownArrow = styled_components_1.default.div(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n  align-items: center;\n  border-left: 1px solid ", "\n  display: flex;\n  justify-content: center;\n  padding: 12px 15px 12px 14px;\n  position: absolute;\n  right: 0;\n  top: calc(50% - 14px);\n"], ["\n  align-items: center;\n  border-left: 1px solid ", "\n  display: flex;\n  justify-content: center;\n  padding: 12px 15px 12px 14px;\n  position: absolute;\n  right: 0;\n  top: calc(50% - 14px);\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_3);
exports.StyledFromBalance = styled_components_1.default.div(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 3px;\n  margin-top 5px;\n  padding: 17px 15px;\n"], ["\n  border: 1px solid ", ";\n  border-radius: 3px;\n  margin-top 5px;\n  padding: 17px 15px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_3);
exports.StyledTutorialWarning = styled_components_1.default.div(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n  font-weight: 400;\n  padding: 35px;\n"], ["\n  font-weight: 400;\n  padding: 35px;\n"])));
exports.StyledWarningBox = styled_components_1.default.div(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 3px;\n  font-family: ", ";\n  margin-bottom: 40px;\n  padding: 20px;\n  text-align: center;\n\n  h2 {\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    margin: 0;\n\n    svg {\n      vertical-align: text-bottom;\n    }\n  }\n\n  p {\n    color: ", ";\n    font-size: 16px;\n    line-height: 26px;\n    margin: 0 0 15px;\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 3px;\n  font-family: ", ";\n  margin-bottom: 40px;\n  padding: 20px;\n  text-align: center;\n\n  h2 {\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    margin: 0;\n\n    svg {\n      vertical-align: text-bottom;\n    }\n  }\n\n  p {\n    color: ", ";\n    font-size: 16px;\n    line-height: 26px;\n    margin: 0 0 15px;\n  }\n"])), styleConstants_1.colors.accent.CIVIL_RED_ULTRA_FADED, styleConstants_1.colors.accent.CIVIL_RED_FADED, styleConstants_1.fonts.SANS_SERIF, styleConstants_1.colors.accent.CIVIL_GRAY_0);
exports.StyledTutorialPrompt = styled_components_1.default.div(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n  font-family: ", ";\n  text-align: left;\n\n  h3 {\n    font-size: 18px;\n    font-weight: 600;\n    letter-spacing: -0.12px;\n    line-height: 33px;\n    margin: 0;\n  }\n\n  p {\n    color: ", ";\n    font-size: 14px;\n    line-height: 22px;\n    margin: 0 0 15px;\n  }\n\n  ", " {\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.3px;\n    line-height: 14px;\n    text-transform: none;\n  }\n"], ["\n  font-family: ", ";\n  text-align: left;\n\n  h3 {\n    font-size: 18px;\n    font-weight: 600;\n    letter-spacing: -0.12px;\n    line-height: 33px;\n    margin: 0;\n  }\n\n  p {\n    color: ", ";\n    font-size: 14px;\n    line-height: 22px;\n    margin: 0 0 15px;\n  }\n\n  ", " {\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.3px;\n    line-height: 14px;\n    text-transform: none;\n  }\n"])), styleConstants_1.fonts.SANS_SERIF, styleConstants_1.colors.accent.CIVIL_GRAY_0, Button_1.Button);
// Newsroom tab
exports.StyledDashboardNewsroom = styled_components_1.default.div(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  padding: 25px 0;\n  margin: 0 25px;\n"], ["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  padding: 25px 0;\n  margin: 0 25px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledDashboardNewsroomName = styled_components_1.default.div(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 24px;\n  line-height: 29px;\n"], ["\n  color: ", ";\n  font-size: 24px;\n  line-height: 29px;\n"])), styleConstants_1.colors.primary.BLACK);
exports.StyledDashboardNewsroomSection = styled_components_1.default.div(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n  margin: 0 0 26px;\n\n  & ~ & {\n    border-top: 1px solid ", ";\n    padding: 14px 0 0;\n  }\n"], ["\n  margin: 0 0 26px;\n\n  & ~ & {\n    border-top: 1px solid ", ";\n    padding: 14px 0 0;\n  }\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4);
exports.StyledDashboardNewsroomHdr = styled_components_1.default.div(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 18px;\n  line-height: 33px;\n"], ["\n  color: ", ";\n  font-size: 18px;\n  line-height: 33px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledDashboardNewsroomSectionContentRow = styled_components_1.default.div(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
exports.StyledDashboardNewsroomLinks = styled_components_1.default.div(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n  text-align: right;\n\n  a {\n    display: block;\n    font-size: 13px;\n    letter-spacing: 0.2px;\n    line-height: 14px;\n    margin: 0 0 20px;\n  }\n"], ["\n  text-align: right;\n\n  a {\n    display: block;\n    font-size: 13px;\n    letter-spacing: 0.2px;\n    line-height: 14px;\n    margin: 0 0 20px;\n  }\n"])));
exports.StyledWarningText = styled_components_1.default.span(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n  color: ", ";\n\n  & svg {\n    margin: 0 2px -3px 0;\n  }\n"], ["\n  color: ", ";\n\n  & svg {\n    margin: 0 2px -3px 0;\n  }\n"])), styleConstants_1.colors.accent.CIVIL_RED);
exports.StyledDashboardNewsroomTokensContainer = styled_components_1.default.div(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n  text-align: left;\n  width: 30%;\n"], ["\n  text-align: left;\n  width: 30%;\n"])));
exports.StyledDashboardNewsroomTokensLabel = styled_components_1.default.div(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n  line-height: 20px;\n  margin: 7px 0 0;\n"], ["\n  color: ", ";\n  font-size: 14px;\n  line-height: 20px;\n  margin: 7px 0 0;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledCVLLabel = styled_components_1.default.span(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: -0.07px;\n  line-height: 15px;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-weight: bold;\n  letter-spacing: -0.07px;\n  line-height: 15px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_0);
// No Content
exports.StyledDashboardNoContent = styled_components_1.default.div(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n  margin: 0 auto;\n  padding: 60px 0 60px;\n  text-align: center;\n  flex-grow: 1;\n  width: 740px;\n  ", " {\n    width: 100%;\n  }\n"], ["\n  margin: 0 auto;\n  padding: 60px 0 60px;\n  text-align: center;\n  flex-grow: 1;\n  width: 740px;\n  ", " {\n    width: 100%;\n  }\n"])), elements_1.mediaQueries.MOBILE);
exports.StyledDashboardNoContentHdr = styled_components_1.default.div(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 21px;\n  font-weight: 500;\n  letter-spacing: -0.14px;\n  line-height: 33px;\n  margin: 17px 0 2px;\n"], ["\n  color: ", ";\n  font-size: 21px;\n  font-weight: 500;\n  letter-spacing: -0.14px;\n  line-height: 33px;\n  margin: 17px 0 2px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_0);
exports.StyledDashboardNoContentCopy = styled_components_1.default.div(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 16px;\n  line-height: 30px;\n  margin: 0 0 24px;\n"], ["\n  color: ", ";\n  font-size: 16px;\n  line-height: 30px;\n  margin: 0 0 24px;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_0);
exports.StyledDashboardNoContentButtonContainer = styled_components_1.default.div(templateObject_69 || (templateObject_69 = __makeTemplateObject(["\n  ", " {\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.2px;\n    line-height: 14px;\n    padding: 14px 0;\n    text-transform: none;\n    width: 236px;\n  }\n"], ["\n  ", " {\n    font-size: 13px;\n    font-weight: bold;\n    letter-spacing: 0.2px;\n    line-height: 14px;\n    padding: 14px 0;\n    text-transform: none;\n    width: 236px;\n  }\n"])), Button_1.InvertedButton);
// @ts-ignore: Looks like `React.FunctionComponent` type (which `LoadingMessage` is) doesn't play nicely with `styled` typings
exports.StyledDashboardLoadingMessage = styled_components_1.default(LoadingMessage_1.LoadingMessage)(templateObject_70 || (templateObject_70 = __makeTemplateObject(["\n  padding-top: 0;\n  p {\n    margin-top: 18px;\n  }\n"], ["\n  padding-top: 0;\n  p {\n    margin-top: 18px;\n  }\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70;
//# sourceMappingURL=DashboardStyledComponents.js.map