"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const MaterialIcon_1 = require("../../../atoms/MaterialIcon");

const Modal_1 = require("../../../organisms/Modal");

const SocialIconList_1 = require("../../../molecules/SocialIconList");

const Text_1 = require("../../../atoms/Text");

const StyledModalBox = styleh_components_1.styled.withComponent(Modal_1.ModalBox)`width:37.5rem;padding:0.75rem;`;
exports.StyledModalBox = StyledModalBox;
const StyledModalTitle = styleh_components_1.styled.withComponent(Modal_1.ModalTitle).attrs({
  'data-qa': 'qa-popup-title'
})`text-transform:capitalize;padding:0;border:0;`;
exports.StyledModalTitle = StyledModalTitle;
const StyledText = Text_1.StyledBaseText.as('span');
const StyledListName = styleh_components_1.styled.withComponent(StyledText).attrs({
  'data-qa': 'qa-list-name'
})`text-transform:capitalize;`;
exports.StyledListName = StyledListName;
const FlexCenter = styleh_components_1.styled.div`display:flex;align-items:center;padding-bottom:1rem;`;
exports.FlexCenter = FlexCenter;
const StyledSocialIconList = styleh_components_1.styled.withComponent(SocialIconList_1.SocialIconList)`position:absolute;bottom:0.625rem;${SocialIconList_1.IconLink}{width:1.5rem;height:1.5rem;padding:0;}.svg-icon-pinteresticon-withoutbg,.svg-icon-twittericon{transform:scale(0.7,0.7);transform-origin:center;}@media (max-width:767px){position:relative;bottom:0;display:flex;justify-content:center;}`;
exports.StyledSocialIconList = StyledSocialIconList;
const StyledShareIcon = styleh_components_1.styled.withComponent(MaterialIcon_1.MaterialIcon).attrs({
  'data-qa': 'qa-list-share'
})`width:1.375rem;height:1.375rem;cursor:pointer;margin-right:3.375rem;@media (max-width:767px){margin-right:1.5rem;}`;
exports.StyledShareIcon = StyledShareIcon;
const Wrapper = styleh_components_1.styled.div`margin:0;display:flex;align-items:center;`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map