"use strict";

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

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

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

const Heading = styleh_components_1.styled.withComponent(styled_1.StyledHeading).attrs({
  'data-qa': 'qa-email-preferences-heading'
})`
  margin: 0 0 rem(16) 0;
`;
exports.Heading = Heading;
const FormWrapper = styleh_components_1.styled.section.attrs({
  'data-qa': 'qa-email-preferences-container'
})`
  .email-preference-option {
    margin-bottom: rem(32);
    user-select: none;
    font-weight: 500;
    @tablet-or-smaller() {
      margin-bottom: rem(24);
    }
    @phone-or-smaller() {
      margin-bottom: rem(30);
      &.all-email-option {
          margin-bottom: rem(18);
      }
    }
    span {
      margin-right: rem(16);
      svg {
        width: rem(18);
        height: rem(18);
        border-radius: rem(2);
      }
    }
    label {
      color: #2c2c2c;
      &:first-letter {
        text-transform: capitalize;
      }
    }
  }
`;
exports.FormWrapper = FormWrapper; //# sourceMappingURL=styled.js.map