"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 1rem 0;`;
exports.Heading = Heading;
const FormWrapper = styleh_components_1.styled.section.attrs({
  'data-qa': 'qa-email-preferences-container'
})`.email-preference-option{margin-bottom:2rem;user-select:none;font-weight:500;@media (max-width:1023px){margin-bottom:1.5rem;}@media (max-width:767px){margin-bottom:1.875rem;&.all-email-option{margin-bottom:1.125rem;}}span{margin-right:1rem;svg{width:1.125rem;height:1.125rem;border-radius:0.125rem;}}label{color:var(--color-black);&:first-letter{text-transform:capitalize;}}}`;
exports.FormWrapper = FormWrapper; //# sourceMappingURL=styled.js.map