{"version":3,"sources":["webpack:///./src/Avensia.Common/Features/Contact/ConfirmationModal.tsx","webpack:///./src/Avensia.Common/Features/Contact/action-creators.tsx","webpack:///./src/Avensia.Common/Features/Contact/ContactPage.tsx"],"names":["Base","mjs","div","tslib_es6","position","width","height","left","bottom","backgroundColor","Style","transform","padding","x","y","Object","core_mjs","scope","Small","maxWidth","minHeight","boxShadow","InnerContainer","paddingRight","ConfirmationInfo","ConfirmationHeading","h3","margin","fontSize","marginRight","ConfirmationMessage","p","ButtonText","span","ButtonContainer","display","justifyContent","top","CloseButton","Button","right","_super","NewsLetterModal","props","call","this","prototype","componentDidMount","rootElement","document","getElementById","render","react_dom_default","a","createPortal","react_default","createElement","Overlay","enabled","isOpen","onClose","confirmationHeading","appearance","Bare","variant","onClick","Close","confirmationMessage","Hexagon","Primary","color","style","textDecoration","confirmationButton","Component","CLOSE_CONFIRMATION_PANEL","OPEN_CONFIRMATION_PANEL","ContactPage_ContactPage","ContactPage","_this","closeErrorMessage","setState","errorMessage","handleMouseHover","state","isDisabled","showTooltip","setTimeout","formValues","name","company","email","subject","message","googleReCAPTCHAResponse","type","content","captchaAccept","reCAPTCHA","createRef","onReCaptchaChange","bind","value","handleChange","event","preventDefault","target","handleSubmit","then","result","success","openConfirmationPanel","assign","current","reset","Promise","resolve","reject","catch","error","Fragment","BkgPattern","MenuBkg","MainWrapper","PageLayout","BackgroundImage","Center","HeadingWrapper","title","breadcrumbs","Content","Form","onSubmit","Information","for","informationalText","InputLabel","InputField","required","onChange","pattern","Line","TextArea","CaptchaBox","es","ref","sitekey","googleReCaptchaSiteKey","Error","FormBottom","ContactPage_ButtonContainer","tooltipText","TooltipText","id","disabled","Disabled","onMouseEnter","fill","ContactButtonText","buttonText","ConfirmationModal","confirmationPanelIsOpen","closeConfirmationPanel","Disclaimer","disclaimerText","Viewport","isCompact","DemoRequest","InformationBox","ContactPage_Hexagon","HexagonTitle","hexagonTitle","HexagonText","hexagonText","__webpack_exports__","connect","currentUser","appShellData","dispatch","lib","Large","paddingTop","paddingBottom","paddingLeft","lineHeight","form","zIndex","flexDirection","alignItems","h1","textAlign","fontFamily","fontWeight","letterSpacing","marginBottom","outlineWidth","border","xy","::before","::after","marginLeft","boxSizing","borderBottom","marginTop","label","Text","textarea",":invalid","resize","background","minWidth","borderRadius",":after","backgroundImage","__webpack_require__","backgroundPosition","backgroundRepeat","BelowCover","Medium"],"mappings":"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","file":"assets/contact.chunk.686f9aeea894be6660d0.js","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { styled } from '@glitz/react';\r\nimport Overlay from 'Shared/Overlay';\r\nimport Button, { Appearance as ButtonAppearance, Variant as ButtonVariant } from 'Shared/Button';\r\nimport { epiPropertyValue, Breakpoint } from '@avensia/scope';\r\nimport * as style from 'Shared/Style';\r\nimport { media } from '@glitz/core';\r\nimport Close from 'Shared/Icon/Close';\r\nimport HexagonButton from 'Shared/Button/Hexagon';\r\n\r\ntype PropType = React.HTMLAttributes & {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n confirmationHeading: Scope.Property;\r\n confirmationMessage: Scope.Property;\r\n confirmationButton: Scope.Property;\r\n};\r\n\r\ntype StateType = {\r\n onSubscribeAccept: boolean;\r\n};\r\n\r\nconst Base = styled.div({\r\n position: 'fixed',\r\n width: '100%',\r\n height: '100%',\r\n left: '50%',\r\n bottom: 0,\r\n backgroundColor: style.WHITE,\r\n transform: 'translateX(-50%)',\r\n padding: {\r\n x: style.medium,\r\n y: style.medium,\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n height: 'auto',\r\n width: '95%',\r\n maxWidth: '500px',\r\n minHeight: '100px',\r\n left: '50%',\r\n bottom: '50%',\r\n boxShadow: '0 0 5px 1px #979797',\r\n }),\r\n});\r\n\r\nconst InnerContainer = styled.div({\r\n position: 'relative',\r\n paddingRight: '30px',\r\n});\r\n\r\nconst ConfirmationInfo = styled.div({\r\n width: '100%',\r\n});\r\n\r\nconst ConfirmationHeading = styled.h3({\r\n margin: {\r\n bottom: '19px',\r\n },\r\n fontSize: '26px',\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n marginRight: '7px',\r\n fontSize: '34px',\r\n }),\r\n});\r\n\r\nconst ConfirmationMessage = styled.p({\r\n margin: {\r\n bottom: 0,\r\n },\r\n});\r\n\r\nconst ButtonText = styled.span({\r\n margin: {\r\n bottom: 0,\r\n },\r\n});\r\n\r\nconst ButtonContainer = styled.div({\r\n display: 'flex',\r\n justifyContent: 'center',\r\n margin: {\r\n bottom: '14px',\r\n top: '35px',\r\n },\r\n});\r\n\r\nconst CloseButton = styled(Button, {\r\n width: '46px',\r\n position: 'absolute',\r\n right: 0,\r\n top: 0,\r\n});\r\n\r\nexport default class NewsLetterModal extends React.Component {\r\n rootElement: HTMLElement;\r\n constructor(props: PropType) {\r\n super(props);\r\n }\r\n componentDidMount() {\r\n this.rootElement = document.getElementById('content-container');\r\n }\r\n\r\n render() {\r\n return this.rootElement\r\n ? ReactDOM.createPortal(\r\n \r\n {this.props.isOpen && (\r\n \r\n \r\n \r\n {epiPropertyValue(this.props.confirmationHeading)}\r\n \r\n \r\n \r\n {epiPropertyValue(this.props.confirmationMessage)}\r\n \r\n \r\n \r\n \r\n {epiPropertyValue(this.props.confirmationButton)}\r\n \r\n \r\n \r\n )}\r\n ,\r\n document.getElementById('container'),\r\n )\r\n : null;\r\n }\r\n}\r\n","import { addUserLog } from '@avensia/scope';\r\nimport { Dispatch, Action } from 'Shared/State';\r\nimport { batchActions } from 'redux-batched-actions';\r\n\r\nexport type OpenConfirmationPanelAction = Action & {};\r\nexport type CloseConfirmationPanelAction = Action & {};\r\n\r\nexport const CLOSE_CONFIRMATION_PANEL = 'CLOSE_CONFIRMATION_PANEL';\r\nexport const OPEN_CONFIRMATION_PANEL = 'OPEN_CONFIRMATION_PANEL';\r\n\r\nexport function openConfirmationPanel() {\r\n addUserLog('Opening Newsletter subscribe overlay');\r\n return (dispatch: Dispatch) => {\r\n dispatch(\r\n batchActions([\r\n {\r\n type: OPEN_CONFIRMATION_PANEL,\r\n } as OpenConfirmationPanelAction,\r\n ]),\r\n );\r\n };\r\n}\r\n\r\nexport function closeConfirmationPanel() {\r\n addUserLog('Closing Newsletter subscribe overlay');\r\n return (dispatch: Dispatch) => {\r\n dispatch({\r\n type: CLOSE_CONFIRMATION_PANEL,\r\n } as CloseConfirmationPanelAction);\r\n };\r\n}\r\n","/**\r\n * @ComponentFor ContactPageViewModel\r\n */\r\nimport React from 'react';\r\nimport { EpiProperty, epiPropertyValue, postJson, Breakpoint } from '@avensia/scope';\r\nimport { styled } from '@glitz/react';\r\nimport ContactPageViewModel from './ContactPageViewModel.type';\r\nimport Input from 'Shared/Fields/Text';\r\nimport * as style from 'Shared/Style';\r\nimport Viewport from 'Shared/Viewport';\r\nimport { translate } from '@avensia/scope';\r\nimport ContactRequestType from './ContactRequestType.type';\r\nimport { Main, Appearance, Heading } from 'Shared/PageLayout';\r\nimport { media } from '@glitz/core';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport connect from 'Shared/connect';\r\nimport ContactResultViewModel from './ContactResultViewModel.type';\r\nimport ConfirmationModal from './ConfirmationModal';\r\nimport { closeConfirmationPanel, openConfirmationPanel } from './action-creators';\r\nimport HexagonButton from 'Shared/Button/Hexagon';\r\n\r\ntype StateType = {\r\n formValues: {\r\n name: string;\r\n company: string;\r\n email: string;\r\n subject: string;\r\n message: string;\r\n type: ContactRequestType;\r\n googleReCAPTCHAResponse: any;\r\n };\r\n captchaAccept: boolean;\r\n errorMessage: string;\r\n isDisabled: boolean;\r\n showTooltip: boolean;\r\n};\r\n\r\ntype ConnectStateType = {\r\n confirmationPanelIsOpen: boolean;\r\n googleReCaptchaSiteKey: string;\r\n};\r\n\r\ntype DispatchPropType = {\r\n closeConfirmationPanel: () => void;\r\n openConfirmationPanel: () => void;\r\n};\r\n\r\ntype PropType = ContactPageViewModel &\r\n StateType &\r\n ConnectStateType &\r\n DispatchPropType & {\r\n googleReCaptchaSiteKey: string;\r\n };\r\n\r\nclass ContactPage extends React.Component {\r\n reCAPTCHA: React.RefObject;\r\n constructor(props: PropType) {\r\n super(props);\r\n\r\n this.state = {\r\n formValues: {\r\n name: '',\r\n company: '',\r\n email: '',\r\n subject: '',\r\n message: '',\r\n googleReCAPTCHAResponse: '',\r\n type: epiPropertyValue(this.props.content.type),\r\n },\r\n errorMessage: null,\r\n captchaAccept: false,\r\n isDisabled: true,\r\n showTooltip: false,\r\n };\r\n this.reCAPTCHA = React.createRef();\r\n this.onReCaptchaChange = this.onReCaptchaChange.bind(this);\r\n }\r\n\r\n onReCaptchaChange(value: any) {\r\n if (!value) {\r\n this.setState({\r\n captchaAccept: false,\r\n });\r\n return;\r\n }\r\n const formValues = this.state.formValues;\r\n formValues.googleReCAPTCHAResponse = value;\r\n this.setState({\r\n formValues,\r\n captchaAccept: true,\r\n });\r\n if (\r\n this.state.formValues.name &&\r\n this.state.formValues.company &&\r\n this.state.formValues.email &&\r\n this.state.formValues.subject &&\r\n this.state.formValues.message &&\r\n this.state.captchaAccept\r\n ) {\r\n this.setState({\r\n isDisabled: false,\r\n });\r\n } else {\r\n this.setState({\r\n isDisabled: true,\r\n });\r\n }\r\n }\r\n\r\n handleChange(event: any) {\r\n event.preventDefault();\r\n const formValues = this.state.formValues;\r\n const name = event.target.name;\r\n const value = event.target.value;\r\n formValues[name] = value;\r\n this.setState({\r\n formValues,\r\n errorMessage: null,\r\n });\r\n if (\r\n this.state.formValues.name &&\r\n this.state.formValues.company &&\r\n this.state.formValues.email &&\r\n this.state.formValues.subject &&\r\n this.state.formValues.message &&\r\n this.state.captchaAccept\r\n ) {\r\n this.setState({\r\n isDisabled: false,\r\n });\r\n } else {\r\n this.setState({\r\n isDisabled: true,\r\n });\r\n }\r\n }\r\n\r\n handleSubmit(event: any) {\r\n event.preventDefault();\r\n this.closeErrorMessage();\r\n this.setState({\r\n isDisabled: true,\r\n });\r\n postJson('/contactpage/contact', this.state.formValues)\r\n .then((result: ContactResultViewModel) => {\r\n if (result.success) {\r\n this.props.openConfirmationPanel();\r\n const formValues = Object.assign({}, this.state.formValues);\r\n (formValues.name = ''),\r\n (formValues.company = ''),\r\n (formValues.email = ''),\r\n (formValues.subject = ''),\r\n (formValues.message = ''),\r\n (formValues.googleReCAPTCHAResponse = ''),\r\n this.setState({\r\n formValues,\r\n captchaAccept: false,\r\n });\r\n this.reCAPTCHA.current.reset();\r\n return Promise.resolve();\r\n } else {\r\n this.setState({\r\n errorMessage: result.message,\r\n });\r\n return Promise.reject(result);\r\n }\r\n })\r\n .catch(error => {\r\n this.setState({ errorMessage: error.message });\r\n return Promise.reject(null);\r\n });\r\n this.setState({ isDisabled: true });\r\n }\r\n\r\n closeErrorMessage = (): void => {\r\n this.setState({ errorMessage: null });\r\n };\r\n\r\n handleMouseHover = () => {\r\n if (this.state.isDisabled) {\r\n this.setState({\r\n showTooltip: !this.state.showTooltip,\r\n });\r\n setTimeout(() => {\r\n this.setState({\r\n showTooltip: !this.state.showTooltip,\r\n });\r\n }, 4000);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {translate('/ContactPage/ContactName')}\r\n \r\n\r\n {translate('/ContactPage/ContactCompany')}\r\n \r\n\r\n {translate('/ContactPage/ContactEmail')}\r\n \r\n\r\n \r\n\r\n {translate('/ContactPage/ContactSubject')}\r\n \r\n\r\n {translate('/ContactPage/ContactMessage')}\r\n \r\n\r\n \r\n \r\n \r\n {this.state.errorMessage && {this.state.errorMessage}}\r\n \r\n \r\n {this.state.showTooltip &&\r\n this.props.content.tooltipText && (\r\n {epiPropertyValue(this.props.content.tooltipText)}\r\n )}\r\n \r\n {epiPropertyValue(this.props.content.buttonText)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {(isCompact: boolean) =>\r\n !isCompact && (\r\n \r\n \r\n \r\n {epiPropertyValue(this.props.content.hexagonTitle)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n (state): ConnectStateType => ({\r\n confirmationPanelIsOpen: state.currentUser.confirmationPanelIsOpen,\r\n googleReCaptchaSiteKey: state.appShellData.googleReCaptchaSiteKey,\r\n }),\r\n (dispatch): DispatchPropType => ({\r\n openConfirmationPanel() {\r\n return dispatch(openConfirmationPanel());\r\n },\r\n closeConfirmationPanel() {\r\n return dispatch(closeConfirmationPanel());\r\n },\r\n }),\r\n)(ContactPage as React.ComponentClass);\r\n\r\nconst MainWrapper = styled(Main, {\r\n width: '100%',\r\n margin: {\r\n top: '19px',\r\n left: 'auto',\r\n right: 'auto',\r\n },\r\n padding: {\r\n left: '28px',\r\n right: '28px',\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n margin: {\r\n top: '80px',\r\n },\r\n padding: {\r\n left: '4vw',\r\n right: '4vw',\r\n },\r\n }),\r\n ...media(style.mediaMinQueries[Breakpoint.Large], {\r\n maxWidth: 1440,\r\n padding: {\r\n left: '8vw',\r\n right: '8vw',\r\n },\r\n }),\r\n});\r\n\r\nconst HeadingWrapper = styled.div({\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n paddingTop: '70px',\r\n paddingRight: 0,\r\n paddingBottom: 0,\r\n paddingLeft: 0,\r\n }),\r\n});\r\n\r\nconst Disclaimer = styled.p({\r\n margin: {\r\n top: '30px',\r\n bottom: '75px',\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n margin: {\r\n top: '49px',\r\n bottom: '100px',\r\n },\r\n }),\r\n});\r\n\r\nconst Content = styled.div({\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'space-between',\r\n lineHeight: '32px',\r\n margin: {\r\n top: '23px',\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n margin: {\r\n top: '27px',\r\n },\r\n }),\r\n});\r\n\r\nconst Form = styled.form({\r\n width: '100%',\r\n zIndex: 0,\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n maxWidth: '590px',\r\n }),\r\n});\r\n\r\nconst FormBottom = styled.div({\r\n margin: {\r\n top: '30px',\r\n },\r\n ...media(style.mediaMaxQueries[Breakpoint.Small], {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n }),\r\n});\r\n\r\nconst Information = styled.p({\r\n margin: {\r\n bottom: '30px',\r\n },\r\n});\r\n\r\nconst HexagonTitle = styled.h1({\r\n position: 'absolute',\r\n top: '40px',\r\n left: '35px',\r\n width: '200px',\r\n height: '200px',\r\n textAlign: 'center',\r\n fontFamily: 'Roboto',\r\n fontSize: '24px',\r\n fontWeight: 500,\r\n letterSpacing: -0.69,\r\n color: style.primary,\r\n});\r\n\r\nconst HexagonText = styled.p({\r\n position: 'absolute',\r\n top: '94px',\r\n left: '15px',\r\n width: '245px',\r\n height: '200px',\r\n textAlign: 'center',\r\n fontFamily: 'Roboto',\r\n fontSize: '16px',\r\n fontWeight: 300,\r\n letterSpacing: -0.69,\r\n zIndex: 1,\r\n});\r\n\r\nconst Hexagon = styled.div({\r\n position: 'relative',\r\n display: 'block',\r\n width: '350px',\r\n height: '200px',\r\n marginBottom: '23px',\r\n textAlign: 'center',\r\n outlineWidth: 0,\r\n fontSize: '15px',\r\n color: style.BLACK,\r\n textDecoration: 'none',\r\n top: '45px',\r\n\r\n border: {\r\n xy: {\r\n width: 0,\r\n },\r\n },\r\n '::before': {\r\n width: '270px',\r\n left: 0,\r\n top: '-50px',\r\n height: '160px',\r\n transform: 'perspective(15px) rotateX(3.7deg)',\r\n position: 'absolute',\r\n backgroundColor: style.WHITE,\r\n content: '\"\"',\r\n boxShadow: '3px 3px 3px -3px rgba(0,0,0,0.12), 0px 0px 5px rgba(0,0,0,0.12)',\r\n },\r\n '::after': {\r\n width: '270px',\r\n left: 0,\r\n top: '192.5px',\r\n height: '160px',\r\n position: 'absolute',\r\n backgroundColor: style.WHITE,\r\n content: '\"\"',\r\n transform: 'perspective(15px) rotateX(-3.7deg)',\r\n boxShadow: '-5px 5px 6px rgba(0,0,0,0.12), 5px 6px 9px rgba(0,0,0,0.12)',\r\n },\r\n});\r\n\r\nconst InformationBox = styled.div({});\r\n\r\nconst DemoRequest = styled.div({\r\n marginLeft: '120px',\r\n});\r\n\r\nconst Line = styled.p({\r\n height: '1px',\r\n boxSizing: 'border-box',\r\n borderBottom: {\r\n color: style.primaryDark,\r\n width: '1px',\r\n style: 'solid',\r\n },\r\n marginTop: '31.25px',\r\n marginBottom: '31.25px',\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n height: '1px',\r\n boxSizing: 'border-box',\r\n borderBottom: {\r\n color: style.primaryDark,\r\n width: '1px',\r\n style: 'solid',\r\n },\r\n marginBottom: '49.5px',\r\n marginTop: '38px',\r\n }),\r\n});\r\n\r\nconst InputLabel = styled.label({\r\n color: style.primary,\r\n fontSize: '21px',\r\n fontWeight: 500,\r\n letterSpacing: -0.52,\r\n marginBottom: '0px',\r\n marginTop: '5px',\r\n});\r\n\r\nconst InputField = styled(Input, {\r\n width: '100%',\r\n marginBottom: '9.5px',\r\n});\r\n\r\nconst TextArea = styled.textarea({\r\n width: '100%',\r\n marginBottom: '10px',\r\n height: '219px',\r\n padding: {\r\n top: '10px',\r\n bottom: '10px',\r\n left: '12px',\r\n },\r\n border: {\r\n xy: {\r\n style: 'solid',\r\n color: style.tertiaryLightest,\r\n width: '1px',\r\n },\r\n },\r\n ':invalid': {\r\n boxShadow: 'none',\r\n },\r\n resize: 'none',\r\n});\r\n\r\nconst ContactButtonText = styled.span({\r\n zIndex: 1,\r\n color: style.WHITE,\r\n position: 'relative',\r\n textAlign: 'center',\r\n});\r\n\r\nconst Error = styled.p({\r\n color: style.RED,\r\n fontWeight: 'bold',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n textAlign: 'center',\r\n margin: {\r\n top: '20px',\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n justifyContent: 'start',\r\n }),\r\n});\r\n\r\nconst CaptchaBox = styled.div({\r\n ...media(style.mediaMaxQueries[Breakpoint.Small], {\r\n width: '304px',\r\n margin: {\r\n left: 'auto',\r\n right: 'auto',\r\n },\r\n }),\r\n});\r\n\r\nconst ButtonContainer = styled.div({\r\n position: 'relative',\r\n display: 'flex',\r\n});\r\n\r\nconst TooltipText = styled.span({\r\n position: 'absolute',\r\n zIndex: 1,\r\n background: style.primaryDark,\r\n color: style.WHITE,\r\n minWidth: '200px',\r\n textAlign: 'center',\r\n padding: {\r\n left: '5px',\r\n right: '5px',\r\n },\r\n bottom: '50px',\r\n left: '-20%',\r\n borderRadius: '6px',\r\n ':after': {\r\n content: '\"',\r\n position: 'absolute',\r\n top: '100%',\r\n left: '50%',\r\n marginLeft: '-8px',\r\n width: 0,\r\n height: 0,\r\n borderRadius: '6px',\r\n border: {\r\n top: {\r\n width: '8px',\r\n style: 'solid',\r\n color: style.primaryDark,\r\n },\r\n right: {\r\n width: '8px',\r\n style: 'solid',\r\n color: 'transparent',\r\n },\r\n left: {\r\n width: '8px',\r\n style: 'solid',\r\n color: 'transparent',\r\n },\r\n },\r\n },\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n left: '-6%',\r\n }),\r\n});\r\n\r\nconst BkgPattern = styled.div({\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n backgroundImage:\r\n 'url(' +\r\n require('../Shared/Image/PatternLeft.png') +\r\n '), url(' +\r\n require('../Shared/Image/PatternRight.png') +\r\n ') ',\r\n backgroundPosition: 'top left, top right',\r\n backgroundRepeat: 'repeat-y',\r\n position: 'absolute',\r\n top: 0,\r\n bottom: 0,\r\n width: '100%',\r\n zIndex: -1,\r\n }),\r\n});\r\n\r\nconst MenuBkg = styled.div({\r\n position: 'fixed',\r\n ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n position: 'absolute',\r\n }),\r\n background: style.primaryDark,\r\n zIndex: style.ZIndex.BelowCover,\r\n top: 0,\r\n width: '100%',\r\n height: '65px',\r\n ...media(style.mediaMinQueries[Breakpoint.Medium], {\r\n height: '80px',\r\n }),\r\n});\r\n"],"sourceRoot":""}