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,
  mq = selectors.mq,
  shadow = selectors.shadow;
export var StyledMain = styled.article.withConfig({
  displayName: "StyledMain",
  componentId: "sc-1v8hhlm-0"
})(["text-shadow:", ";border:1px solid ", ";background:", ";width:100%;position:fixed;left:0;right:0;bottom:0;border-radius:8px 8px 0 0;max-height:95vh;overflow-y:auto;", ""], shadow('2'), color('neutral', '200'), color('neutral', 'white'), mq({
  gte: 'xs'
})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: 5px;\n    bottom: auto;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    max-width: 700px;\n  "]))));