var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { selectors } from '@defencedigital/design-tokens';
import styled from 'styled-components';
var color = selectors.color,
  fontSize = selectors.fontSize,
  mq = selectors.mq,
  spacing = selectors.spacing;
export var StyledTitle = styled.span.withConfig({
  displayName: "StyledTitle",
  componentId: "sc-feewx1-0"
})(["display:block;font-size:", ";color:", ";margin-bottom:", ";text-align:center;", ""], fontSize('xl'), color('neutral', '700'), spacing('4'), mq({
  gte: 'xs'
})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    text-align: left;\n  "]))));