"use strict";

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

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

const Copyright_1 = require("../../features/Copyright");

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

const MultipleLinkList_1 = require("../../presets/MultipleLinkList");

const SectionLinkList_1 = require("../../presets/SectionLinkList");

const SectionList_1 = require("../../presets/SectionList");

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

const styled_1 = require("../../molecules/List/styled");

const Footer_1 = require("../../abstractions/Footer");

const StyledMobilePoweredByLabel = styleh_components_1.styled.withComponent(Text_1.Label)`
  font-size: rem(10);
  font-weight: normal;
  margin: 0;
  color: $colors-powered-by;
`;
exports.StyledMobilePoweredByLabel = StyledMobilePoweredByLabel;
const StyledMobilePoweredByValue = styleh_components_1.styled.withComponent(Text_1.Label)`
  font-size: rem(12);
  font-weight: normal;
  margin: 0;
  margin-left: rem(4);
  color: $colors-powered-by;
`;
exports.StyledMobilePoweredByValue = StyledMobilePoweredByValue;
const StyledPoweredByLabel = styleh_components_1.styled.withComponent(Text_1.Label)`
  font-size: rem(14);
  font-weight: normal;
  margin: 0;
  color: $colors-powered-by;
`;
exports.StyledPoweredByLabel = StyledPoweredByLabel;
const StyledPoweredByValue = styleh_components_1.styled.withComponent(Text_1.Label)`
  font-size: rem(18);
  font-weight: normal;
  margin: 0;
  color: $colors-powered-by;
`;
exports.StyledPoweredByValue = StyledPoweredByValue;
const StyledSocialIconList = styleh_components_1.styled.withComponent(SocialIconList_1.SocialIconList)`
  padding: 0;

  li:first-child {
    margin-left: 0;
  }

  li {
    margin-left: rem(24.5);
  }

  ${SocialIconList_1.IconLink} {
    width: rem(16);
    height: rem(16);
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
`;
exports.StyledSocialIconList = StyledSocialIconList;
const StyledCopyRight = styleh_components_1.styled.withComponent(Copyright_1.Copyright)`
  font-size: rem(14);
  color: $colors-footer-text;

  @media (max-width: 768px) {
    font-size: rem(12);
    display: inline-flex;
    flex: none;
  }
`;
exports.StyledCopyRight = StyledCopyRight;
const StyledLabel = styleh_components_1.styled.withComponent(Text_1.Label)`
  font-size: rem(14);
  color: $colors-footer-text;
  display: flex;
  justify-content: center;
  margin-right: 0;
`;
exports.StyledLabel = StyledLabel;
const StyledMultipleLinkList = styleh_components_1.styled.withComponent(MultipleLinkList_1.MultipleLinkList)`
  color: $colors-footer-text;
  width: 100%;

  ${styled_1.ItemPanel} {
    padding: 0;
    padding-bottom: rem(8);

    &:last-child {
      padding-bottom: 0;
    }
  }

  ${SectionLinkList_1.StyledLink} {
    color: inherit;
    text-decoration: none;
    font-size: rem(14);
  }

  ${SectionList_1.SectionListHeader} {
    font-size: rem(16);
    font-weight: 500;
  }

`;
exports.StyledMultipleLinkList = StyledMultipleLinkList;
const StyledFooterPlaceholder = styleh_components_1.styled.withComponent(Footer_1.Footer)`
  background-color: $colors-footer-bg;
`;
exports.StyledFooterPlaceholder = StyledFooterPlaceholder; //# sourceMappingURL=styled.js.map