"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 elements_1 = require("@joincivil/elements");
exports.ContributorsStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 15px;\n"], ["\n  margin-bottom: 15px;\n"])));
exports.ContributorsTitle = styled_components_1.default.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  font-family: ", ";\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.82px;\n  line-height: 12px;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n"], ["\n  display: block;\n  font-family: ", ";\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.82px;\n  line-height: 12px;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n"])), elements_1.fonts.SANS_SERIF);
exports.ContributorItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  margin-bottom: 10px;\n"], ["\n  align-items: center;\n  display: flex;\n  margin-bottom: 10px;\n"])));
exports.ContributorAvatar = styled_components_1.default.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border-radius: 50%;\n  height: 25px;\n  margin-right: 10px;\n  width: 25px;\n"], ["\n  border-radius: 50%;\n  height: 25px;\n  margin-right: 10px;\n  width: 25px;\n"])));
exports.ContributorUserName = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 2px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  line-height: 14px;\n  margin-bottom: 2px;\n"])), elements_1.colors.accent.CIVIL_GRAY_1, elements_1.fonts.SANS_SERIF);
exports.ContributorAmount = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 13px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 13px;\n"])), elements_1.colors.accent.CIVIL_GRAY_1, elements_1.fonts.SANS_SERIF);
exports.ContributorCountStyled = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 13px;\n"], ["\n  align-items: center;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 13px;\n"])), elements_1.colors.accent.CIVIL_GRAY_1, elements_1.fonts.SANS_SERIF);
exports.ContributorCountAvatars = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  left: 0;\n  position: relative;\n\n  & > div {\n    margin: 0;\n  }\n\n  &:nth-of-type(2) {\n    left: -4px;\n  }\n\n  &:nth-of-type(3) {\n    left: -8px;\n  }\n  img {\n    border: 1px solid ", ";\n    border-radius: 50%;\n    height: 17px;\n    width: 17px;\n  }\n"], ["\n  left: 0;\n  position: relative;\n\n  & > div {\n    margin: 0;\n  }\n\n  &:nth-of-type(2) {\n    left: -4px;\n  }\n\n  &:nth-of-type(3) {\n    left: -8px;\n  }\n  img {\n    border: 1px solid ", ";\n    border-radius: 50%;\n    height: 17px;\n    width: 17px;\n  }\n"])), elements_1.colors.basic.WHITE);
exports.ContributorsLabel = styled_components_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n\n  svg {\n    opacity: 0.3;\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 14px;\n\n  svg {\n    opacity: 0.3;\n  }\n"])), elements_1.colors.accent.CIVIL_GRAY_2, elements_1.fonts.SANS_SERIF);
exports.ContributorsPrompt = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
exports.ContributorsIconBorder = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 50%;\n  height: 26px;\n  margin-right: 6px;\n  padding: 3px;\n  width: 26px;\n\n  svg {\n    opacity: 0.3;\n  }\n"], ["\n  border: 1px solid ", ";\n  border-radius: 50%;\n  height: 26px;\n  margin-right: 6px;\n  padding: 3px;\n  width: 26px;\n\n  svg {\n    opacity: 0.3;\n  }\n"])), elements_1.colors.accent.CIVIL_GRAY_4);
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
//# sourceMappingURL=ContributorsStyledComponents.js.map