{"version":3,"sources":["webpack:///./src/stories/Widgets/Headers/SiteHeader/components/Logo/Logo.styles.ts","webpack:///./src/stories/Components/Buttons/Button/Button.tsx","webpack:///./src/img/icons/search-close.svg","webpack:///./src/helpers/global.ts","webpack:///./src/stories/Widgets/Forms/LoginModal/LoginModal.styles.ts","webpack:///./src/helpers/fonts.ts","webpack:///./src/helpers/theme.ts","webpack:///./src/helpers/animation.ts","webpack:///./src/stories/Widgets/Forms/LoginSignup/LoginSignup.styles.ts","webpack:///./src/img/line-pattern.svg","webpack:///./src/stories/Components/Buttons/Button/Button.styles.tsx","webpack:///./src/helpers/srOnly.ts"],"names":["Container","styled","div","Link","a","Image","img","Button","addon","addonPosition","branding","className","disabled","title","type","onClick","hoverColour","hideTextMobile","rest","undefined","React","createElement","ButtonStyles","iconPosition","HoverEffect","Inner","Icon","position","Text","LinkButton","href","target","download","as","_g","_extends","Object","assign","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgSearchClose","props","xmlns","viewBox","fill","stroke","strokeLinecap","strokeWidth","d","ButtonReset","css","section","active","LogoStyles","from","Device","Tablet","CloseButton","button","attrs","srOnly","CloseIcon","SvgClose","Form","Field","Label","label","fonts","DaxPro","Regular","center","inputStyles","Input","input","TextArea","textarea","Error","span","ForgottenPassword","Submit","Bold","LoginModalStyles","Message","p","BoldItalic","Medium","SlightlyLessThanMedium","RegularItalic","Light","ThemeWrapper","ThemeSwitch","options","groundforceColour","brand","primary","base","groundforceColourHover","lighten","generateOpacity","transparentize","groundforcePseudoColourAlt","tpaColour","tpa","tpaColourHover","tpaPseudoColourAlt","cubicEaseOut","showSignupForm","FormWrapper","FormContainer","grey","grey89","FormContent","FormTitle","h1","grey20","LoginAndSignupWrapper","until","TabletLarge","SignupFormWrapper","red","LoginSignupStyles","alt","accent","orange","white","black","PrimaryStyles","PrimaryAltStyles","SecondaryStyles","grey55","WhiteStyles","BlackStyles","grey44","GreyStyles","grey76","TextOnlyStyles","TextOnlyPrimaryStyles","IconLeft","DesktopSmall","IconRight","hideText"],"mappings":"uGAAA,WACMA,EAAYC,IAAOC,IAAV,2EAAGD,CAAH,oBAGTE,EAAOF,IAAOG,EAAV,sEAAGH,CAAH,oGAUJI,EAAQJ,IAAOK,IAAV,uEAAGL,CAAH,0HASI,KACXD,YACAG,OACAE,U,+7BCxBJ,IAAME,EAAS,SAAC,GAAmI,IAAjIC,EAAiI,EAAjIA,MAAOC,EAA0H,EAA1HA,cAAeC,EAA2G,EAA3GA,SAAUC,EAAiG,EAAjGA,UAAWC,EAAsF,EAAtFA,SAAUC,EAA4E,EAA5EA,MAA4E,IAArEC,YAAqE,MAA9D,SAA8D,EAApDC,EAAoD,EAApDA,QAASC,EAA2C,EAA3CA,YAAaC,EAA8B,EAA9BA,eAAmBC,EAAW,OAI/I,OAHsBC,MAAlBF,GAAgD,SAAjBR,IAC/BQ,GAAiB,GAEbG,IAAMC,cAAcC,IAAaf,O,+VAAjC,EAA2C,aAAcG,EAAUC,UAAWA,EAAWC,SAAUA,EAAUW,aAAcd,EAAeK,KAAMA,EAAMC,QAASA,EAASC,YAAaA,EAAaC,eAAgBA,GAAmBC,GACzOE,IAAMC,cAAcC,IAAaE,YAAa,MAC9CJ,IAAMC,cAAcC,IAAaG,MAAO,KACpCjB,GAA2B,SAAlBC,GAA6BW,IAAMC,cAAcC,IAAaI,KAAM,CAAEC,SAAUlB,GAAiBD,GAC1GY,IAAMC,cAAcC,IAAaM,KAAM,KAAMf,GAC7CL,GAA2B,UAAlBC,GAA8BW,IAAMC,cAAcC,IAAaI,KAAM,CAAEC,SAAUlB,GAAiBD,MAEjHqB,EAAa,SAAC,GAAkH,IAAhHrB,EAAgH,EAAhHA,MAAOC,EAAyG,EAAzGA,cAAeC,EAA0F,EAA1FA,SAAUC,EAAgF,EAAhFA,UAAWI,EAAqE,EAArEA,QAASe,EAA4D,EAA5DA,KAA4D,IAAtDC,cAAsD,MAA7C,QAA6C,EAApClB,EAAoC,EAApCA,MAAOmB,EAA6B,EAA7BA,SAAUhB,EAAmB,EAAnBA,YAC/G,OAAQI,IAAMC,cAAcC,IAAaf,OAAQ,CAAE,aAAcG,EAAUC,UAAWA,EAAWsB,GAAI,IAAKH,KAAMA,EAAMC,OAAQA,EAAQC,SAAUA,EAAUhB,YAAaA,EAAaD,QAASA,GACzLK,IAAMC,cAAcC,IAAaE,YAAa,MAC9CJ,IAAMC,cAAcC,IAAaG,MAAO,KACpCjB,GAA2B,SAAlBC,GAA6BW,IAAMC,cAAcC,IAAaI,KAAM,CAAEC,SAAUlB,GAAiBD,GAC1GY,IAAMC,cAAcC,IAAaM,KAAM,KAAMf,GAC7CL,GAA2B,UAAlBC,GAA8BW,IAAMC,cAAcC,IAAaI,KAAM,CAAEC,SAAUlB,GAAiBD,O,iCCnBvH,sCAAI0B,EAAJ,OAEA,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUN,GAAU,IAAK,IAAIO,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcL,OAAOO,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQX,EAAOW,GAAOD,EAAOC,IAAY,OAAOX,IAA2Be,MAAMC,KAAMR,WAIhT,SAASS,EAAeC,GACtB,OAAoB,gBAAoB,MAAOd,EAAS,CACtDe,MAAO,6BACPC,QAAS,qBACRF,GAAQf,IAAOA,EAAkB,gBAAoB,IAAK,CAC3DkB,KAAM,OACNC,OAAQ,eACRC,cAAe,QACfC,YAAa,GACC,gBAAoB,OAAQ,CAC1CC,EAAG,8CAIQ,K,gCCpBf,6CAMaC,EAAcC,YAAH,8E,gCCNxB,4FAOM1D,EAAYC,IAAO0D,QAAV,iFAAG1D,CAAH,yQAcX,qBAAG2D,QACHF,YADsB,qBAKtBG,IAAW7D,UAIX6D,IAAWxD,MAIFyD,YAAKC,IAAOC,SAKnBvC,EAAQxB,IAAOC,IAAV,6EAAGD,CAAH,oMAWA6D,YAAKC,IAAOC,SAIjBC,EAAchE,IAAOiE,OAAOC,MAAM,CAAErD,KAAM,WAA/B,mFAAGb,CAAH,6MAqBXmE,KAGAC,EAAYpE,YAAOqE,KAAV,iFAAGrE,CAAH,MACTsE,EAAOtE,IAAOC,IAAV,4EAAGD,CAAH,+BAIJuE,EAAQvE,IAAOC,IAAV,6EAAGD,CAAH,4JASA6D,YAAKC,IAAOC,QAIjB1C,IAAaf,QAQbkE,EAAQxE,IAAOyE,MAAV,6EAAGzE,CAAH,qGAEP0E,IAAMC,OAAOC,SAOb,qBAAGC,OACDpB,YADoB,wBAIpB,QAEAqB,EAAcrB,YAAH,iJAIbiB,IAAMC,OAAOC,SAQXG,EAAQ/E,IAAOgF,MAAV,6EAAGhF,CAAH,QACP8E,GAEEG,EAAWjF,IAAOkF,SAAV,gFAAGlF,CAAH,QACV8E,GAEEK,EAAQnF,IAAOoF,KAAV,6EAAGpF,CAAH,6GAGP0E,IAAMC,OAAOC,SAKD,qBAAGC,OAAuB,SAAW,UAE/CQ,EAAoBrF,IAAOG,EAAV,0FAAGH,CAAH,kJAejBsF,EAAStF,IAAOiE,OAAV,+EAAGjE,CAAH,8JAKR0E,IAAMC,OAAOY,MAqBJC,EAAmB,CAC5BxB,cACAI,YACArE,YACAoF,QACAZ,QACAD,OACA9C,QACAuD,QACAP,QACAiB,QAtBYzF,IAAO0F,EAAV,gFAAG1F,CAAH,oHAET0E,IAAMC,OAAOC,SAqBbS,oBACAC,SACAL,a,+BCzMJ,6CACaP,EAAQ,CACjBC,OAAQ,CACJY,KAAM9B,YAAF,kFAKJkC,WAAYlC,YAAF,kFAKVmC,OAAQnC,YAAF,kFAKNoC,uBAAwBpC,YAAF,kFAKtBmB,QAASnB,YAAF,kFAKPqC,cAAerC,YAAF,kFAKbsC,MAAOtC,YAAF,qF,+BCjCb,6FAGauC,EAAehG,IAAOC,IAAV,yEAAGD,CAAH,uBAOZiG,EAAc,SAACC,GAAD,uBAAazC,YAAZ,CAAD,mIACdyC,EAAQC,yBADM,QACeC,IAAMC,QAAQC,KAD7B,UAERJ,EAAQK,8BAFA,QAE0BC,YAAQ,GAAKJ,IAAMC,QAAQC,MAE5EJ,EAAQO,iBAAR,gCACyBC,YAAe,GAAD,UAAMR,EAAQC,yBAAd,QAAmCC,IAAMC,QAAQC,MADxF,KAGAJ,EAAQS,4BAAR,uBAAsDT,EAAQS,2BAA9D,KAPuB,UAWZT,EAAQU,iBAXI,QAWSR,IAAMS,IAAIP,KAXnB,UAYNJ,EAAQY,sBAZF,QAYoBN,YAAQ,GAAKJ,IAAMS,IAAIP,MAEhEJ,EAAQO,iBAAR,gCACuBC,YAAe,GAAD,UAAMR,EAAQU,iBAAd,QAA2BR,IAAMS,IAAIP,MAD1E,KAGAJ,EAAQa,oBAAR,uBAA8Cb,EAAQa,mBAAtD,Q,mGCzBOC,EAAe,iC,OCItBjH,EAAYC,IAAOC,IAAV,mFAAGD,CAAH,qHAMX,kBAAMwF,IAAiBH,qBAIvB,qBAAG4B,gBACHxD,YADsC,2JAIhC,kBAAMyD,KAON,kBAAMC,IACcf,IAAMgB,KAAKC,WAKnCF,EAAgBnH,IAAOC,IAAV,uFAAGD,CAAH,qHAQbkH,EAAclH,IAAOC,IAAV,qFAAGD,CAAH,uLASwCgH,GAEnDM,EAActH,IAAOC,IAAV,qFAAGD,CAAH,4DAGbwF,IAAiBT,OAIfwC,EAAYvH,IAAOwH,GAAV,mFAAGxH,CAAH,qDACX0E,IAAMC,OAAOiB,OAENQ,IAAMgB,KAAKK,QAGhBC,EAAwB1H,IAAOC,IAAV,+FAAGD,CAAH,kLAChB2H,YAAM7D,IAAO8D,aAKb/D,YAAKC,IAAO8D,cAUjBC,EAAoB7H,IAAOC,IAAV,2FAAGD,CAAH,sHAMQgH,GAE3B,qBAAGrD,OACDF,YADoB,0CAKpBA,YALoB,kEAWpB0B,EAAQnF,IAAOoF,KAAV,+EAAGpF,CAAH,8BAEAoG,IAAM0B,IAAIxB,MAERyB,EAAoB,CAC7BhI,YACAoH,gBACAD,cACAI,cACAC,YACAG,wBACAG,oBACA1C,U,qEChHAlD,E,oCAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUN,GAAU,IAAK,IAAIO,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcL,OAAOO,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQX,EAAOW,GAAOD,EAAOC,IAAY,OAAOX,IAA2Be,MAAMC,KAAMR,WAmBjS,Q,cCdTX,EAAO3B,IAAOC,IAAV,wEAAGD,CAAH,MACJuB,EAAcvB,aDFpB,SAAwBgD,GACtB,OAAoB,gBAAoB,MAAOd,EAAS,CACtDe,MAAO,6BACPC,QAAS,cACRF,GAAQf,IAAOA,EAAkB,gBAAoB,IAAK,CAC3D,YAAa,eACbkB,KAAM,OACNC,OAAQ,gBACM,gBAAoB,OAAQ,CAC1C,YAAa,UACbG,EAAG,83IACHD,YAAa,gBCTA,+EAAGtD,CAAH,mkBAiBXiG,YAAY,CAAEE,kBAAmBC,IAAMC,QAAQC,OAK/CL,YAAY,CAAEE,kBAAmBC,IAAMC,QAAQ2B,MAKxC5B,IAAM6B,OAAOC,OAIb9B,IAAM+B,MAIN/B,IAAMgC,MAINhC,IAAMgC,OAGbC,EAAgB5E,YAAH,oIACfwC,YAAY,CAAEE,kBAAmBC,IAAMC,QAAQC,KAAMC,uBAAwB,YACtEH,IAAM+B,MAKJ/B,IAAM+B,MAKN/B,IAAM+B,OAGbG,EAAmB7E,YAAH,oIAClBwC,YAAY,CAAEE,kBAAmBC,IAAMC,QAAQ2B,IAAKzB,uBAAwB,YACrEH,IAAM+B,MAKJ/B,IAAM+B,MAKN/B,IAAM+B,OAGbI,EAAkB9E,YAAH,iKACC2C,IAAM6B,OAAOC,OACxB9B,IAAM+B,MAGO/B,IAAM6B,OAAOC,OACxB9B,IAAM+B,MAIC/B,IAAMgC,MACFhC,IAAMgC,MACjBhC,IAAM+B,MAKN/B,IAAMgB,KAAKoB,QAGlBC,EAAchF,YAAH,8IACK2C,IAAM+B,MACjB/B,IAAMgC,MACKhC,IAAM+B,MAGR/B,IAAM+B,MACF/B,IAAM+B,MACjB/B,IAAMgC,MAKNhC,IAAMgC,OAGbM,EAAcjF,YAAH,yHACK2C,IAAMgB,KAAKK,OACtBrB,IAAM+B,MAGG/B,IAAMgB,KAAKuB,OACPvC,IAAMgB,KAAKuB,OACtBvC,IAAM+B,MAKN/B,IAAM+B,OAGbS,EAAanF,YAAH,yHACM2C,IAAMgB,KAAKC,OACtBjB,IAAMgC,MAGGhC,IAAMgB,KAAKyB,OACPzC,IAAMgB,KAAKyB,OACtBzC,IAAMgC,MAKNhC,IAAMgC,OAGbU,EAAiBrF,YAAH,iJAGT2C,IAAMgC,MAGGhC,IAAMgC,MACFhC,IAAMgC,MACjBhC,IAAM+B,MAKN/B,IAAM+B,OAGbY,EAAwBtF,YAAH,mKACvBwC,YAAY,CACZE,kBAAmBC,IAAMC,QAAQ2B,IACjCzB,uBAAwBH,IAAMC,QAAQC,OAEtCwC,GAcEE,EAAWvF,YAAH,sDAGHkE,YAAM7D,IAAOmF,eAIlBC,EAAYzF,YAAH,oDAGJkE,YAAM7D,IAAOmF,eAIlBE,EAAW1F,YAAH,mCACV9B,EACSgG,YAAM7D,IAAOmF,eAKpBxH,EAAOzB,IAAOC,IAAV,wEAAGD,CAAH,2GAIN,YACA,OADkB,EAAf0B,UAEC,IAAK,OACD,OAAOsH,EACX,IAAK,QACD,OAAOE,MAYb1H,EAAQxB,IAAOC,IAAV,yEAAGD,CAAH,wRAKL8I,EAGAC,EAGAV,EAGAC,EAGAC,EAGAE,EAGAC,EAGAE,GAsGOvH,EAAe,CACxBf,OApGWN,IAAOiE,OAAV,0EAAGjE,CAAH,qYACRwD,IAWEjC,EAWFI,EACE+C,IAAMC,OAAOY,MAOf,YACA,OADkB,EAAf9E,UAEC,IAAK,WACD,OAAOqI,EACX,IAAK,kBACD,OAAOC,EACX,IAAK,UACD,OAAOV,EACX,IAAK,YACD,OAAOE,EACX,IAAK,QACD,OAAOE,EACX,IAAK,QACD,OAAOC,MAMf,YACA,OADqB,EAAlB3H,aAEC,IAAK,UACD,OAAO0C,YAAP,0NACAwC,YAAY,CAAEE,kBAAmBC,IAAMC,QAAQ2B,MAE/CzG,EAIAC,EAKEA,GAMN,IAAK,QACD,OAAOiC,YAAP,2LACAlC,EACS6E,IAAMgC,MAGf5G,EAKEA,EACoB4E,IAAMgC,MACVhC,IAAMgC,WAShC,YACA,GADwB,EAArBpH,eAEC,OAAOmI,KAMX5H,cACAE,OACAD,QACAG,S,gCCpWJ,WAKMwC,EAASV,YAAH,qTAaGU","file":"default~LoginForm~ResetPassword~Signup~SignupForm-92a44ce119056854beb3.js","sourcesContent":["import styled from 'styled-components';\r\nconst Container = styled.div `\r\n  display: block;\r\n`;\r\nconst Link = styled.a `\r\n  display: block;\r\n  color: #333333;\r\n\r\n  &:focus {\r\n    color: #333333;\r\n    outline: auto !important;\r\n    outline-offset: 4px;\r\n  }\r\n`;\r\nconst Image = styled.img `\r\n  display: block;\r\n  height: auto;\r\n  max-height: 100%;\r\n  max-width: 297px;\r\n  object-fit: contain;\r\n  object-position: center left;\r\n  width: 100%;\r\n`;\r\nexport default {\r\n    Container,\r\n    Link,\r\n    Image,\r\n};\r\n","import React from 'react';\r\nimport { ButtonStyles } from './Button.styles';\r\nconst Button = ({ addon, addonPosition, branding, className, disabled, title, type = 'button', onClick, hoverColour, hideTextMobile, ...rest }) => {\r\n    if (hideTextMobile == undefined && addonPosition == 'right') {\r\n        hideTextMobile = true;\r\n    }\r\n    return (React.createElement(ButtonStyles.Button, { \"data-theme\": branding, className: className, disabled: disabled, iconPosition: addonPosition, type: type, onClick: onClick, hoverColour: hoverColour, hideTextMobile: hideTextMobile, ...rest },\r\n        React.createElement(ButtonStyles.HoverEffect, null),\r\n        React.createElement(ButtonStyles.Inner, null,\r\n            addon && addonPosition === 'left' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            addon && addonPosition === 'right' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)))));\r\n};\r\nconst LinkButton = ({ addon, addonPosition, branding, className, onClick, href, target = '_self', title, download, hoverColour, }) => {\r\n    return (React.createElement(ButtonStyles.Button, { \"data-theme\": branding, className: className, as: \"a\", href: href, target: target, download: download, hoverColour: hoverColour, onClick: onClick },\r\n        React.createElement(ButtonStyles.HoverEffect, null),\r\n        React.createElement(ButtonStyles.Inner, null,\r\n            addon && addonPosition === 'left' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            addon && addonPosition === 'right' && (React.createElement(ButtonStyles.Icon, { position: addonPosition }, addon)))));\r\n};\r\nexport { LinkButton, Button as default };\r\n","var _g;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgSearchClose(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 25.828 25.828\"\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeWidth: 2\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.414 1.414l23 23M24.414 1.414l-23 23\"\n  }))));\n}\n\nexport default __webpack_public_path__ + \"4d89a35673413686a976c2faa0f6c93d.svg\";\nexport { SvgSearchClose as ReactComponent };","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import { fonts } from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { ReactComponent as SvgClose } from '@img/icons/search-close.svg';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/Button/Button.styles';\r\nimport LogoStyles from '@stories/Widgets/Headers/SiteHeader/components/Logo/Logo.styles';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled.section `\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  display: none;\r\n  align-items: center;\r\n  background: rgba(0, 0, 0, 0.4);\r\n  height: 100vh;\r\n  justify-content: center;\r\n  text-align: center;\r\n  width: 100%;\r\n  /* Higher index than header container */\r\n  z-index: 8002;\r\n\r\n  ${({ active }) => active &&\r\n    css `\r\n      display: flex;\r\n    `}\r\n\r\n  ${LogoStyles.Container} {\r\n    padding: 0 32px;\r\n  }\r\n\r\n  ${LogoStyles.Image} {\r\n    display: inline-block;\r\n    margin: 0 0 24px;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      margin: 0 0 48px;\r\n    }\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  position: relative;\r\n  display: block;\r\n  background: #fff;\r\n  border: 1px solid #b9b9b9;\r\n  max-height: 100%;\r\n  max-width: 665px;\r\n  overflow-y: auto;\r\n  padding: 24px 16px 24px;\r\n  width: 100%;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    padding: 32px 108px 48px;\r\n  }\r\n`;\r\nconst CloseButton = styled.button.attrs({ type: 'button' }) `\r\n  position: absolute;\r\n  top: 24px;\r\n  right: 16px;\r\n  display: block;\r\n  background: none;\r\n  border: 0;\r\n  color: #333333;\r\n  height: 24px;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 24px;\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background: none;\r\n    border: 0;\r\n    color: #333333;\r\n  }\r\n\r\n  > span {\r\n    ${srOnly}\r\n  }\r\n`;\r\nconst CloseIcon = styled(SvgClose) ``;\r\nconst Form = styled.div `\r\n  display: block;\r\n  width: 100%;\r\n`;\r\nconst Field = styled.div `\r\n  display: block;\r\n  margin: 0 0 16px;\r\n  width: 100%;\r\n\r\n  &:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    margin: 0 0 28px;\r\n  }\r\n\r\n  > ${ButtonStyles.Button} {\r\n    width: 100%;\r\n  }\r\n\r\n  &[data-flex='true'] {\r\n    display: flex;\r\n  }\r\n`;\r\nconst Label = styled.label `\r\n  display: block;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  line-height: 28px;\r\n  margin: 0 0 12px;\r\n  text-align: left;\r\n  width: 100%;\r\n\r\n  ${({ center }) => center\r\n    ? css `\r\n          text-align: center;\r\n        `\r\n    : null}\r\n`;\r\nconst inputStyles = css `\r\n  display: block;\r\n  background: #ffffff;\r\n  border: 1px solid #707070;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  height: 45px;\r\n  line-height: 28px;\r\n  margin: 0;\r\n  padding: 0 8px;\r\n  width: 100%;\r\n`;\r\nconst Input = styled.input `\r\n  ${inputStyles}\r\n`;\r\nconst TextArea = styled.textarea `\r\n  ${inputStyles}\r\n`;\r\nconst Error = styled.span `\r\n  display: block;\r\n  color: #c70704;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  margin: 8px 0 0;\r\n  padding: 0;\r\n  text-align: ${({ center }) => (center ? 'center' : 'left')};\r\n`;\r\nconst ForgottenPassword = styled.a `\r\n  display: block;\r\n  margin-top: 10px;\r\n  text-align: right;\r\n  text-decoration: none;\r\n\r\n  small {\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n`;\r\nconst Submit = styled.button `\r\n  display: block;\r\n  border: 0;\r\n  background: #6f9d20;\r\n  color: #fff;\r\n  ${fonts.DaxPro.Bold};\r\n  font-size: 16px;\r\n  height: 45px;\r\n  line-height: 28px;\r\n  margin: 0;\r\n  padding: 0 8px;\r\n  text-align: center;\r\n  width: 100%;\r\n`;\r\nconst Message = styled.p `\r\n  color: #000000;\r\n  ${fonts.DaxPro.Regular};\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  text-align: center;\r\n\r\n  a {\r\n    color: #6f9d20;\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nexport const LoginModalStyles = {\r\n    CloseButton,\r\n    CloseIcon,\r\n    Container,\r\n    Error,\r\n    Field,\r\n    Form,\r\n    Inner,\r\n    Input,\r\n    Label,\r\n    Message,\r\n    ForgottenPassword,\r\n    Submit,\r\n    TextArea,\r\n};\r\n","import { css } from 'styled-components';\r\nexport const fonts = {\r\n    DaxPro: {\r\n        Bold: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        BoldItalic: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        Medium: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        SlightlyLessThanMedium: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        Regular: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        RegularItalic: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        Light: css `\r\n      font-family: 'ff-dax-pro', Arial, sans-serif;\r\n      font-style: normal;\r\n      font-weight: 200;\r\n    `,\r\n    },\r\n};\r\n","import styled, { css } from 'styled-components';\r\nimport brand from './brand';\r\nimport { lighten, transparentize } from 'polished';\r\nexport const ThemeWrapper = styled.div `\r\n  display: contents;\r\n`;\r\n/**\r\n * Injects the theme switching for Groundforce / TPA.\r\n * Make sure to not include this on a pseudoelement, as they can't query parents for some reason.\r\n */\r\nexport const ThemeSwitch = (options) => css `\r\n  --theme: ${options.groundforceColour ?? brand.primary.base};\r\n  --theme-hover: ${options.groundforceColourHover ?? lighten(0.1, brand.primary.base)};\r\n\r\n  ${options.generateOpacity &&\r\n    `--theme-half-opacity: ${transparentize(0.5, options.groundforceColour ?? brand.primary.base)};`}\r\n\r\n  ${options.groundforcePseudoColourAlt && `--theme-alt: ${options.groundforcePseudoColourAlt};`}\r\n\r\n  [data-theme='tpa'] &,\r\n  &[data-theme='tpa'] {\r\n    --theme: ${options.tpaColour ?? brand.tpa.base};\r\n    --theme-hover: ${options.tpaColourHover ?? lighten(0.1, brand.tpa.base)};\r\n\r\n    ${options.generateOpacity &&\r\n    `--theme-half-opacity: ${transparentize(0.5, options.tpaColour ?? brand.tpa.base)};`}\r\n\r\n    ${options.tpaPseudoColourAlt && `--theme-alt: ${options.tpaPseudoColourAlt};`}\r\n  }\r\n`;\r\n","import { css } from 'styled-components';\r\nexport const rootMargin = '0px 0px -20% 0px';\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\r\nexport const shouldAnimate = (innerCss) => {\r\n    return css `\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      ${innerCss}\r\n    }\r\n  `;\r\n};\r\nexport const transition = (properties, duration = 0.35, timing = cubicEaseOut) => {\r\n    return shouldAnimate(css `\r\n    transition-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-property: ${properties};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `);\r\n};\r\n","import styled, { css } from 'styled-components';\r\nimport brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { LoginModalStyles } from '../LoginModal/LoginModal.styles';\r\nimport { cubicEaseOut } from '@helpers/animation';\r\nimport { Device, from, until } from '@helpers/media';\r\nconst Container = styled.div `\r\n  min-height: calc(100dvh - 185px); // Header, need to add breakpoints //\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${() => LoginModalStyles.ForgottenPassword} {\r\n    user-select: none;\r\n  }\r\n\r\n  ${({ showSignupForm }) => showSignupForm &&\r\n    css `\r\n      div[data-form='login'],\r\n      div[data-form='signup-cta'] {\r\n        ${() => FormWrapper} {\r\n          opacity: 0;\r\n          transform: translateY(25px);\r\n        }\r\n      }\r\n\r\n      div[data-form='signup-cta'] {\r\n        ${() => FormContainer} {\r\n          background-color: ${brand.grey.grey89};\r\n        }\r\n      }\r\n    `};\r\n`;\r\nconst FormContainer = styled.div `\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 100px 0px;\r\n  height: 100%;\r\n\r\n  transition: background-color 0.2s ease-in-out;\r\n`;\r\nconst FormWrapper = styled.div `\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: max-content;\r\n  max-height: 100%;\r\n\r\n  transition: opacity 0.5s ease-in-out, transform 0.5s ${cubicEaseOut};\r\n`;\r\nconst FormContent = styled.div `\r\n  width: 100%;\r\n  max-width: 80%;\r\n  ${LoginModalStyles.Input}::placeholder {\r\n    opacity: 0.5;\r\n  }\r\n`;\r\nconst FormTitle = styled.h1 `\r\n  ${fonts.DaxPro.Medium};\r\n  font-size: 35px;\r\n  color: ${brand.grey.grey20};\r\n  margin-bottom: 35px;\r\n`;\r\nconst LoginAndSignupWrapper = styled.div `\r\n  @media ${until(Device.TabletLarge)} {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n  transition: opacity 0.2s ease-in-out;\r\n`;\r\nconst SignupFormWrapper = styled.div `\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  transition: transform 0.5s ${cubicEaseOut}, opacity 0.2s ease-in-out;\r\n\r\n  ${({ active }) => active\r\n    ? css `\r\n          transform: translateY(0px);\r\n          opacity: 1;\r\n        `\r\n    : css `\r\n          transform: translateY(50px);\r\n          pointer-events: none;\r\n          opacity: 0;\r\n        `};\r\n`;\r\nconst Error = styled.span `\r\n  font-size: 15px;\r\n  color: ${brand.red.base};\r\n`;\r\nexport const LoginSignupStyles = {\r\n    Container,\r\n    FormContainer,\r\n    FormWrapper,\r\n    FormContent,\r\n    FormTitle,\r\n    LoginAndSignupWrapper,\r\n    SignupFormWrapper,\r\n    Error,\r\n};\r\n","var _g;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgLinePattern(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 119 45\"\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Line pattern\",\n    fill: \"none\",\n    stroke: \"currentColor\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    \"data-name\": \"Line 16\",\n    d: \"M198.312-368.656l-423.66 764.334M202.674-366.238l-423.66 764.334M207.036-363.82l-423.66 764.334M211.398-361.402l-423.66 764.334M215.761-358.984l-423.66 764.334M220.123-356.566l-423.66 764.334M224.485-354.148l-423.66 764.334M228.847-351.73l-423.66 764.334M233.209-349.312l-423.66 764.334M237.572-346.894l-423.66 764.334M241.934-344.476l-423.66 764.334M246.296-342.058l-423.66 764.334M250.658-339.64l-423.66 764.334M255.02-337.222l-423.66 764.334M259.382-334.804l-423.66 764.334M263.744-332.386l-423.66 764.334M268.107-329.968l-423.66 764.334M272.469-327.55l-423.66 764.334M276.831-325.132l-423.66 764.334M281.193-322.714l-423.66 764.334M285.555-320.296l-423.66 764.334M289.917-317.878l-423.66 764.334M294.28-315.46l-423.66 764.334M298.642-313.042l-423.66 764.334M303.004-310.624l-423.66 764.334M307.366-308.206l-423.66 764.334M311.728-305.788l-423.66 764.334M316.091-303.37l-423.66 764.334M320.453-300.952l-423.66 764.334M324.815-298.534L-98.845 465.8M329.177-296.116l-423.66 764.334M333.539-293.698l-423.66 764.334M337.901-291.28l-423.66 764.334M342.264-288.862l-423.66 764.334M346.625-286.444L-77.035 477.89M350.988-284.026l-423.66 764.334M355.35-281.608L-68.31 482.726M359.712-279.19l-423.66 764.334M364.074-276.772l-423.66 764.334M368.436-274.354L-55.224 489.98M372.799-271.936l-423.66 764.334M377.161-269.518l-423.66 764.334M381.523-267.1l-423.66 764.334M385.885-264.682l-423.66 764.334M390.247-262.264L-33.413 502.07M394.609-259.847l-423.66 764.334M398.972-257.428l-423.66 764.334M403.334-255.011l-423.66 764.334M407.696-252.592l-423.66 764.334M412.058-250.175l-423.66 764.334M416.42-247.756L-7.24 516.578M420.783-245.339L-2.877 518.995M425.145-242.92L1.485 521.414M429.507-240.503L5.847 523.831M433.869-238.084L10.209 526.25M438.231-235.667L14.571 528.667M442.593-233.248L18.933 531.086M446.955-230.831L23.295 533.503M451.318-228.413L27.658 535.921M455.68-225.995L32.02 538.339M460.042-223.577L36.382 540.757M464.404-221.159L40.744 543.175M468.766-218.741L45.106 545.593M473.128-216.323L49.468 548.011M477.491-213.905L53.831 550.429M481.853-211.487L58.193 552.847M486.215-209.069L62.555 555.265M490.577-206.651L66.917 557.683M494.939-204.233L71.279 560.101M499.302-201.815L75.642 562.519M503.664-199.397L80.004 564.937M508.026-196.979L84.366 567.355M512.388-194.561L88.728 569.773M516.75-192.143L93.09 572.191M521.112-189.725L97.452 574.609M525.474-187.307l-423.66 764.334M529.836-184.889l-423.66 764.334M534.199-182.471l-423.66 764.334M538.561-180.053l-423.66 764.334M542.923-177.635l-423.66 764.334M547.285-175.217l-423.66 764.334M551.647-172.799l-423.66 764.334M556.01-170.381L132.35 593.953M560.372-167.963l-423.66 764.334M564.734-165.545l-423.66 764.334M569.096-163.127l-423.66 764.334M573.458-160.709l-423.66 764.334M577.821-158.291l-423.66 764.334M582.183-155.873l-423.66 764.334M586.545-153.455l-423.66 764.334M590.907-151.037l-423.66 764.334M595.269-148.619l-423.66 764.334M599.631-146.201l-423.66 764.334M603.993-143.783l-423.66 764.334M608.355-141.365l-423.66 764.334M612.718-138.947l-423.66 764.334M617.08-136.529L193.42 627.805M621.442-134.111l-423.66 764.334M625.804-131.693l-423.66 764.334M630.166-129.275l-423.66 764.334M634.529-126.857l-423.66 764.334M638.891-124.439l-423.66 764.334M643.253-122.021l-423.66 764.334M647.615-119.603l-423.66 764.334M651.977-117.185l-423.66 764.334M656.339-114.767l-423.66 764.334M660.702-112.349l-423.66 764.334M665.064-109.931l-423.66 764.334M669.426-107.513l-423.66 764.334M673.788-105.095l-423.66 764.334M678.15-102.677L254.49 661.657M682.513-100.259l-423.66 764.334M686.874-97.841l-423.66 764.334M691.237-95.423l-423.66 764.334M695.599-93.005l-423.66 764.334M699.961-90.587l-423.66 764.334M704.323-88.169l-423.66 764.334M708.685-85.751l-423.66 764.334M713.047-83.333l-423.66 764.334M717.41-80.915L293.75 683.419M721.772-78.497l-423.66 764.334M726.134-76.079l-423.66 764.334M730.496-73.661l-423.66 764.334M734.858-71.243l-423.66 764.334M739.221-68.825l-423.66 764.334M743.583-66.407l-423.66 764.334M747.945-63.99l-423.66 764.334M752.307-61.571l-423.66 764.334M756.669-59.153l-423.66 764.334M761.032-56.735l-423.66 764.334M765.394-54.318l-423.66 764.334M769.756-51.899l-423.66 764.334M774.118-49.481l-423.66 764.334M778.48-47.064L354.82 717.27M782.842-44.646l-423.66 764.334M787.204-42.227l-423.66 764.334M791.566-39.809l-423.66 764.334M795.929-37.392l-423.66 764.334M800.291-34.974L376.631 729.36M804.653-32.556l-423.66 764.334M809.015-30.137l-423.66 764.334M813.377-27.72l-423.66 764.334M817.74-25.302L394.08 739.032\",\n    strokeWidth: 1.00042\n  }))));\n}\n\nexport default __webpack_public_path__ + \"32774766b3243253aabbc97bbe71ff0a.svg\";\nexport { SvgLinePattern as ReactComponent };","import brand from '@helpers/brand';\r\nimport { fonts } from '@helpers/fonts';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Device, until } from '@helpers/media';\r\nimport { ReactComponent as SvgHoverLines } from '@img/line-pattern.svg';\r\nimport styled, { css } from 'styled-components';\r\nimport { ThemeSwitch } from '@helpers/theme';\r\nconst Text = styled.div ``;\r\nconst HoverEffect = styled(SvgHoverLines) `\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: translate(0, 0);\r\n  transition: transform 0.3s;\r\n\r\n  [data-theme='textOnly'] & {\r\n    display: none;\r\n  }\r\n  [data-theme='textOnlyPrimary'] & {\r\n    display: none;\r\n  }\r\n  [data-theme='primary'] &,\r\n  &[data-theme='primary'] {\r\n    ${ThemeSwitch({ groundforceColour: brand.primary.base })};\r\n    color: var(--theme);\r\n  }\r\n  [data-theme='primaryAlt'] &,\r\n  &[data-theme='primaryAlt'] {\r\n    ${ThemeSwitch({ groundforceColour: brand.primary.alt })};\r\n    color: var(--theme);\r\n  }\r\n  [data-theme='secondary'] &,\r\n  &[data-theme='secondary'] {\r\n    color: ${brand.accent.orange};\r\n  }\r\n  [data-theme='white'] &,\r\n  &[data-theme='white'] {\r\n    color: ${brand.white};\r\n  }\r\n  [data-theme='black'] &,\r\n  &[data-theme='black'] {\r\n    color: ${brand.black};\r\n  }\r\n  [data-theme='grey'] &,\r\n  &[data-theme='grey'] {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst PrimaryStyles = css `\r\n  ${ThemeSwitch({ groundforceColour: brand.primary.base, groundforceColourHover: '#a2b952' })};\r\n  color: ${brand.white};\r\n  background-color: var(--theme);\r\n\r\n  &:hover {\r\n    background-color: var(--theme-hover);\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst PrimaryAltStyles = css `\r\n  ${ThemeSwitch({ groundforceColour: brand.primary.alt, groundforceColourHover: '#a2b952' })};\r\n  color: ${brand.white};\r\n  background-color: var(--theme);\r\n\r\n  &:hover {\r\n    background-color: var(--theme-hover);\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst SecondaryStyles = css `\r\n  background-color: ${brand.accent.orange};\r\n  color: ${brand.white};\r\n\r\n  &:focus {\r\n    background-color: ${brand.accent.orange};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:hover {\r\n    border-color: ${brand.black};\r\n    background-color: ${brand.black};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.grey.grey55};\r\n  }\r\n`;\r\nconst WhiteStyles = css `\r\n  background-color: ${brand.white};\r\n  color: ${brand.black};\r\n  border: 1px solid ${brand.white};\r\n\r\n  &:hover {\r\n    border-color: ${brand.white};\r\n    background-color: ${brand.white};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst BlackStyles = css `\r\n  background-color: ${brand.grey.grey20};\r\n  color: ${brand.white};\r\n\r\n  &:hover {\r\n    border-color: ${brand.grey.grey44};\r\n    background-color: ${brand.grey.grey44};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst GreyStyles = css `\r\n  background-color: ${brand.grey.grey89};\r\n  color: ${brand.black};\r\n\r\n  &:hover {\r\n    border-color: ${brand.grey.grey76};\r\n    background-color: ${brand.grey.grey76};\r\n    color: ${brand.black};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.black};\r\n  }\r\n`;\r\nconst TextOnlyStyles = css `\r\n  border: 1px solid transparent;\r\n  background: none;\r\n  color: ${brand.black};\r\n\r\n  &:hover {\r\n    border-color: ${brand.black};\r\n    background-color: ${brand.black};\r\n    color: ${brand.white};\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: ${brand.white};\r\n  }\r\n`;\r\nconst TextOnlyPrimaryStyles = css `\r\n  ${ThemeSwitch({\r\n    groundforceColour: brand.primary.alt,\r\n    groundforceColourHover: brand.primary.base,\r\n})}\r\n  ${TextOnlyStyles};\r\n  color: var(--theme);\r\n\r\n  &:hover {\r\n    border-color: transparent;\r\n    background-color: transparent;\r\n    color: var(--theme-hover);\r\n  }\r\n\r\n  &:active,\r\n  &:focus {\r\n    color: var(--theme-hover);\r\n  }\r\n`;\r\nconst IconLeft = css `\r\n  padding-right: 12px;\r\n\r\n  @media ${until(Device.DesktopSmall)} {\r\n    padding-right: 6px;\r\n  }\r\n`;\r\nconst IconRight = css `\r\n  padding-left: 15px;\r\n\r\n  @media ${until(Device.DesktopSmall)} {\r\n    padding-left: 6px;\r\n  }\r\n`;\r\nconst hideText = css `\r\n  ${Text} {\r\n    @media ${until(Device.DesktopSmall)} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst Icon = styled.div `\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n\r\n  ${({ position }) => {\r\n    switch (position) {\r\n        case 'left':\r\n            return IconLeft;\r\n        case 'right':\r\n            return IconRight;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  svg {\r\n    vertical-align: middle;\r\n    max-height: 24px;\r\n    width: 22px;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  position: relative;\r\n  padding: 11px 14px;\r\n\r\n  [data-theme='textOnly'] & {\r\n    ${TextOnlyStyles}\r\n  }\r\n  [data-theme='textOnlyPrimary'] & {\r\n    ${TextOnlyPrimaryStyles}\r\n  }\r\n  [data-theme='primary'] & {\r\n    ${PrimaryStyles}\r\n  }\r\n  [data-theme='primaryAlt'] & {\r\n    ${PrimaryAltStyles}\r\n  }\r\n  [data-theme='secondary'] & {\r\n    ${SecondaryStyles}\r\n  }\r\n  [data-theme='white'] & {\r\n    ${WhiteStyles}\r\n  }\r\n  [data-theme='black'] & {\r\n    ${BlackStyles}\r\n  }\r\n  [data-theme='grey'] & {\r\n    ${GreyStyles}\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  ${ButtonReset};\r\n  display: inline-block;\r\n  padding: 0;\r\n  position: relative;\r\n  transition: background-color 0.3s, border-color 0.3s, opacity 100ms;\r\n  user-select: none;\r\n  background-color: transparent;\r\n  border: none;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    ${HoverEffect} {\r\n      transform: translate(10px, 10px);\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    user-select: none;\r\n    cursor: not-allowed;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  ${Text} {\r\n    ${fonts.DaxPro.Bold};\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  ${({ branding }) => {\r\n    switch (branding) {\r\n        case 'textOnly':\r\n            return TextOnlyStyles;\r\n        case 'textOnlyPrimary':\r\n            return TextOnlyPrimaryStyles;\r\n        case 'primary':\r\n            return PrimaryStyles;\r\n        case 'secondary':\r\n            return SecondaryStyles;\r\n        case 'white':\r\n            return WhiteStyles;\r\n        case 'black':\r\n            return BlackStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ hoverColour }) => {\r\n    switch (hoverColour) {\r\n        case 'primary':\r\n            return css `\r\n          ${ThemeSwitch({ groundforceColour: brand.primary.alt })}\r\n\r\n          ${HoverEffect} {\r\n            color: var(--theme) !important;\r\n          }\r\n\r\n          ${Inner} {\r\n            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\r\n          }\r\n\r\n          &:hover {\r\n            ${Inner} {\r\n              background-color: var(--theme) !important;\r\n              border-color: var(--theme) !important;\r\n            }\r\n          }\r\n        `;\r\n        case 'black':\r\n            return css `\r\n          ${HoverEffect} {\r\n            color: ${brand.black} !important;\r\n          }\r\n\r\n          ${Inner} {\r\n            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\r\n          }\r\n\r\n          &:hover {\r\n            ${Inner} {\r\n              background-color: ${brand.black} !important;\r\n              border-color: ${brand.black} !important;\r\n            }\r\n          }\r\n        `;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ hideTextMobile }) => {\r\n    if (hideTextMobile) {\r\n        return hideText;\r\n    }\r\n}}\r\n`;\r\nexport const ButtonStyles = {\r\n    Button,\r\n    HoverEffect,\r\n    Icon,\r\n    Inner,\r\n    Text,\r\n};\r\n","import { css } from 'styled-components';\r\n/**\r\n * Show only for screen readers.\r\n * @description Sourced from https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034\r\n */\r\nconst srOnly = css `\r\n  border: 0 !important;\r\n  clip: rect(1px, 1px, 1px, 1px) !important;\r\n  -webkit-clip-path: inset(50%) !important;\r\n  clip-path: inset(50%) !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  overflow: hidden !important;\r\n  padding: 0 !important;\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  white-space: nowrap !important;\r\n`;\r\nexport default srOnly;\r\n"],"sourceRoot":""}