"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 __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
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 styleConstants_1 = require("../styleConstants");
var Button_1 = require("../Button");
var BACKGROUND_ACCENT_COLORS = {
    COMMIT_VOTE: styleConstants_1.colors.accent.CIVIL_YELLOW,
    REVEAL_VOTE: styleConstants_1.colors.accent.CIVIL_TEAL_FADED,
};
exports.StyledListingDetailPhaseCardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  background: ", ";\n  box-shadow: 0 2px 10px 0 ", ";\n  font-family: ", ";\n  padding: 30px 0 50px;\n  position: relative;\n  width: 440px;\n\n  ", " {\n    padding: 7px 0;\n    width: auto;\n  }\n"], ["\n  box-sizing: border-box;\n  background: ", ";\n  box-shadow: 0 2px 10px 0 ", ";\n  font-family: ", ";\n  padding: 30px 0 50px;\n  position: relative;\n  width: 440px;\n\n  ", " {\n    padding: 7px 0;\n    width: auto;\n  }\n"])), styleConstants_1.colors.basic.WHITE, styleConstants_1.colors.accent.CIVIL_GRAY_3, styleConstants_1.fonts.SANS_SERIF, styleConstants_1.mediaQueries.MOBILE);
exports.StyledListingDetailPhaseCardSection = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: ", ";\n  border-top: 1px solid ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 23px 40px 26px;\n  text-align: left;\n\n  &:nth-child(1) {\n    border-top: 0;\n  }\n\n  ", " {\n    padding-left: 16px;\n    padding-right: 16px;\n    width: auto;\n  }\n"], ["\n  background: ", ";\n  border-top: 1px solid ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 23px 40px 26px;\n  text-align: left;\n\n  &:nth-child(1) {\n    border-top: 0;\n  }\n\n  ", " {\n    padding-left: 16px;\n    padding-right: 16px;\n    width: auto;\n  }\n"])), function (props) { return (props.bgAccentColor ? BACKGROUND_ACCENT_COLORS[props.bgAccentColor] : "transparent"); }, styleConstants_1.colors.accent.CIVIL_GRAY_4, styleConstants_1.colors.primary.CIVIL_GRAY_1, styleConstants_1.fonts.SANS_SERIF, styleConstants_1.mediaQueries.MOBILE);
exports.StyledListingDetailPhaseCardSectionHeader = styled_components_1.default.h4(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 21px;\n  margin: 0;\n"], ["\n  color: ", ";\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 21px;\n  margin: 0;\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledPhaseKicker = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", "\n  font-size: 12px;\n  font-weight: bold;\n  line-height: 15px;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n"], ["\n  color: ", "\n  font-size: 12px;\n  font-weight: bold;\n  line-height: 15px;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_1);
exports.StyledPhaseDisplayName = styled_components_1.default.h3(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 24px;\n  font-weight: bold;\n  letter-spacing: -0.51px;\n  line-height: 29px;\n  margin: 0 0 24px;\n"], ["\n  color: ", ";\n  font-size: 24px;\n  font-weight: bold;\n  letter-spacing: -0.51px;\n  line-height: 29px;\n  margin: 0 0 24px;\n"])), styleConstants_1.colors.primary.BLACK);
exports.StyledListingDetailPhaseCardHed = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  padding: 27px 23px 30px;\n"], ["\n  display: flex;\n  padding: 27px 23px 30px;\n"])));
exports.MetaRow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  margin: 0 0 16px;\n"], ["\n  display: flex;\n  margin: 0 0 16px;\n"])));
exports.MetaItem = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  &:first-child:nth-last-child(1) {\n    width: 100%;\n  }\n\n  &:first-child:nth-last-child(2),\n  &:first-child:nth-last-child(2) ~ & {\n    width: 50%;\n  }\n"], ["\n  &:first-child:nth-last-child(1) {\n    width: 100%;\n  }\n\n  &:first-child:nth-last-child(2),\n  &:first-child:nth-last-child(2) ~ & {\n    width: 50%;\n  }\n"])));
exports.MetaItemValue = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 21px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-size: 18px;\n  line-height: 21px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
exports.MetaItemValueEthAddress = styled_components_1.default(exports.MetaItemValue)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  font-family: ", ";\n  font-size: 15px;\n  letter-spacing: -0.11px;\n  line-height: 20px;\n"], ["\n  font-family: ", ";\n  font-size: 15px;\n  letter-spacing: -0.11px;\n  line-height: 20px;\n"])), styleConstants_1.fonts.MONOSPACE);
exports.MetaItemValueLong = styled_components_1.default(exports.MetaItemValue)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: 16px;\n"], ["\n  font-size: 16px;\n"])));
exports.MetaItemValueAccent = styled_components_1.default(exports.MetaItemValue)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), styleConstants_1.colors.primary.CIVIL_BLUE_1);
exports.MetaItemLabel = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-weight: bold;\n  line-height: 15px;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-weight: bold;\n  line-height: 15px;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_2);
exports.CTACopy = styled_components_1.default.p(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 33px;\n\n  & a {\n    text-decoration: none;\n  }\n"], ["\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 33px;\n\n  & a {\n    text-decoration: none;\n  }\n"])));
exports.FormCopy = styled_components_1.default.p(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  font-size: 16px;\n  line-height: 26px;\n  margin: 0 0 10px;\n"], ["\n  font-size: 16px;\n  line-height: 26px;\n  margin: 0 0 10px;\n"])));
exports.VoteOptionsContainer = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0 40px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0 40px;\n"])));
exports.StyledOrText = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  font: italic normal 20px/30px ", ";\n  padding: 10px 13px;\n  text-align: center;\n"], ["\n  font: italic normal 20px/30px ", ";\n  padding: 10px 13px;\n  text-align: center;\n"])), styleConstants_1.fonts.SERIF);
exports.StyledVoteCTAButton = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", " {\n    font-size: 13px;\n    line-height: 14px;\n    padding: 18px 0;\n    width: 100%;\n  }\n"], ["\n  ", " {\n    font-size: 13px;\n    line-height: 14px;\n    padding: 18px 0;\n    width: 100%;\n  }\n"])), Button_1.Button);
exports.FormHeader = styled_components_1.default.h4(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  font-size: 21px;\n  line-height: 25px;\n  margin: 0 0 5px;\n"], ["\n  font-size: 21px;\n  line-height: 25px;\n  margin: 0 0 5px;\n"])));
exports.AccentHRule = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  box-shadow: inset 0 5px 0 0 ", ";\n  height: 12px;\n  margin: 10px 0;\n  width: 45px;\n"], ["\n  box-shadow: inset 0 5px 0 0 ", ";\n  height: 12px;\n  margin: 10px 0;\n  width: 45px;\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.FormQuestion = styled_components_1.default.p(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  font-size: 21px;\n  line-height: 34px;\n  margin: 0 0 24px;\n  text-align: center;\n"], ["\n  font-size: 21px;\n  line-height: 34px;\n  margin: 0 0 24px;\n  text-align: center;\n"])));
exports.StyledCardStage = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  perspective: 800px;\n  width: ", ";\n\n  ", " {\n    width: auto;\n  }\n\n  & ", " {\n    box-shadow: none;\n  }\n"], ["\n  perspective: 800px;\n  width: ", ";\n\n  ", " {\n    width: auto;\n  }\n\n  & ", " {\n    box-shadow: none;\n  }\n"])), function (props) { return (props.width ? props.width + "px" : "440"); }, styleConstants_1.mediaQueries.MOBILE, exports.StyledListingDetailPhaseCardContainer);
exports.StyledCard = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  position: relative;\n  transition: transform 500ms;\n  transform-style: preserve-3d;\n  ", ";\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  transition: transform 500ms;\n  transform-style: preserve-3d;\n  ", ";\n  height: 100%;\n  width: 100%;\n"])), function (props) { return (!!props.flipped ? "transform:rotateY(180deg)" : ""); });
exports.StyledCardClose = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  cursor: pointer;\n  font-size: 18px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  cursor: pointer;\n  font-size: 18px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n\n  &:hover {\n    color: ", ";\n  }\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
exports.StyledCardFace = styled_components_1.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  background-color: ", ";\n  backface-visibility: hidden;\n  box-shadow: 0 2px 10px 0 ", ";\n  height: 100%;\n  position: relative;\n  min-height: 100%;\n  width: 100%;\n"], ["\n  background-color: ", ";\n  backface-visibility: hidden;\n  box-shadow: 0 2px 10px 0 ", ";\n  height: 100%;\n  position: relative;\n  min-height: 100%;\n  width: 100%;\n"])), styleConstants_1.colors.basic.WHITE, styleConstants_1.colors.accent.CIVIL_GRAY_3);
exports.StyledCardFront = styled_components_1.default(exports.StyledCardFace)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  z-index: ", ";\n"], ["\n  z-index: ", ";\n"])), function (props) { return (!!props.flipped ? "1" : "-1"); });
exports.StyledCardBack = styled_components_1.default(exports.StyledCardFace)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  position: absolute;\n  transform: rotateY(180deg);\n  z-index: ", ";\n\n  ", " {\n    padding-top: 0;\n  }\n"], ["\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  position: absolute;\n  transform: rotateY(180deg);\n  z-index: ", ";\n\n  ", " {\n    padding-top: 0;\n  }\n"])), function (props) { return (!!props.flipped ? "-1" : "1"); }, exports.StyledListingDetailPhaseCardContainer);
exports.FullWidthButton = styled_components_1.default(Button_1.Button)(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  margin: 14px 0 0;\n  width: 100%;\n"], ["\n  margin: 14px 0 0;\n  width: 100%;\n"])));
exports.buttonTheme = __assign(__assign({}, Button_1.DEFAULT_BUTTON_THEME), { primaryButtonDisabledBackground: styleConstants_1.colors.accent.CIVIL_GRAY_4, primaryButtonDisabledColor: styleConstants_1.colors.accent.CIVIL_GRAY_3, darkButtonTextTransform: "uppercase" });
exports.ToolTipHdr = styled_components_1.default.p(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n  margin: 0 0 12px;\n"], ["\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n  margin: 0 0 12px;\n"])));
exports.ToolTipItalic = styled_components_1.default.p(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  font-style: italic;\n  margin: 0 0 12px;\n"], ["\n  font-style: italic;\n  margin: 0 0 12px;\n"])));
exports.StyledStep = styled_components_1.default.div(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  display: ", ";\n"], ["\n  display: ", ";\n"])), function (props) { return (props.visible ? "block" : "none"); });
exports.StyledStepLabel = styled_components_1.default(exports.StyledPhaseKicker)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  margin: 0 0 20px;\n  text-align: center;\n"], ["\n  margin: 0 0 20px;\n  text-align: center;\n"])));
exports.StyledOneTokenOneVote = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  font-size: 16px;\n  line-height: 26px;\n  margin: 0 -40px 39px;\n  padding: 13px 0 15px;\n  text-align: center;\n"], ["\n  background-color: ", ";\n  color: ", ";\n  font-size: 16px;\n  line-height: 26px;\n  margin: 0 -40px 39px;\n  padding: 13px 0 15px;\n  text-align: center;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_4, styleConstants_1.colors.primary.CIVIL_GRAY_2);
exports.StyledBalanceRow = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  font-size: 14px;\n  line-height: 17px;\n  justify-content: space-between;\n"], ["\n  color: ", ";\n  display: flex;\n  font-size: 14px;\n  line-height: 17px;\n  justify-content: space-between;\n"])), styleConstants_1.colors.primary.CIVIL_GRAY_2);
exports.StyledBalanceRowRight = styled_components_1.default.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
exports.ProgressBarBase = styled_components_1.default.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  height: 8px;\n  border-radius: 5px;\n"], ["\n  height: 8px;\n  border-radius: 5px;\n"])));
exports.ProgressBarTotal = styled_components_1.default(exports.ProgressBarBase)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n  background-color: ", ";\n  box-sizing: border-box;\n  margin: 13px 0 16px;\n  position: relative;\n  width: 100%;\n"], ["\n  background-color: ", ";\n  box-sizing: border-box;\n  margin: 13px 0 16px;\n  position: relative;\n  width: 100%;\n"])), styleConstants_1.colors.accent.CIVIL_TEAL_FADED_2);
exports.ProgressBarProgress = styled_components_1.default(exports.ProgressBarBase)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n  display: inline-block;\n  background-color: ", ";\n  left: 0;\n  top: 0;\n  position: absolute;\n  transition: width 500ms ease;\n"], ["\n  display: inline-block;\n  background-color: ", ";\n  left: 0;\n  top: 0;\n  position: absolute;\n  transition: width 500ms ease;\n"])), styleConstants_1.colors.accent.CIVIL_TEAL);
exports.StyledAppMessage = styled_components_1.default.div(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 14px;\n  line-height: 17px;\n  margin: 20px 0;\n  padding: 0 20px;\n  text-align: center;\n"], ["\n  color: ", ";\n  font-size: 14px;\n  line-height: 17px;\n  margin: 20px 0;\n  padding: 0 20px;\n  text-align: center;\n"])), styleConstants_1.colors.accent.CIVIL_RED);
exports.StyledStepCopy = styled_components_1.default.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  font-size: 18px;\n  line-height: 21px;\n  margin: 0 0 16px;\n"], ["\n  color: ", ";\n  display: flex;\n  font-size: 18px;\n  line-height: 21px;\n  margin: 0 0 16px;\n"])), styleConstants_1.colors.accent.CIVIL_GRAY_0);
exports.StyledStepCopyNum = styled_components_1.default.div(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 21px;\n  line-height: 25px;\n  margin-right: 15px;\n"], ["\n  color: ", ";\n  font-size: 21px;\n  line-height: 25px;\n  margin-right: 15px;\n"])), styleConstants_1.colors.primary.BLACK);
exports.StyledButtonsContainer = styled_components_1.default.div(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 23px;\n\n  ", " {\n    font-size: 13px;\n    line-height: 14px;\n    letter-spacing: 0.3px;\n    text-transform: none;\n    padding: 18px;\n    margin: 0 0 35px;\n    width: 100%;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin-top: 23px;\n\n  ", " {\n    font-size: 13px;\n    line-height: 14px;\n    letter-spacing: 0.3px;\n    text-transform: none;\n    padding: 18px;\n    margin: 0 0 35px;\n    width: 100%;\n  }\n"])), Button_1.Button);
exports.StyledTextActionButton = styled_components_1.default.span(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n"], ["\n  color: ", ";\n  cursor: pointer;\n"])), styleConstants_1.colors.accent.CIVIL_BLUE);
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;
//# sourceMappingURL=styledComponents.js.map