{"version":3,"file":"3886-d39b6f75fde6190dbafe.js","mappings":"kHAAIA,E,WAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,GAAU,CAAE,OAAOL,CAAQ,EAAUH,EAASY,MAAMC,KAAMR,UAAY,CAiB5T,QAbA,SAAkBS,GAChB,OAAoB,gBAAoB,MAAOd,EAAS,CACtDe,MAAO,6BACPC,QAAS,mBACRF,GAAQf,IAAOA,EAAkB,gBAAoB,IAAK,CAC3DkB,KAAM,OACNC,OAAQ,eACRC,cAAe,SACD,gBAAoB,OAAQ,CAC1CC,EAAG,wCAEP,C,qEChBO,MAAMC,EAAa,mBACbC,EAAgB,iCAChBC,EAAiBC,IACnBC,EAAAA,EAAAA,IAAP,uDAEID,GAIKE,EAAa,SAACC,GAAuD,IAA3CC,EAA2C,uDAAhC,IAAMC,EAA0B,uDAAjBP,EAC7D,OAAOC,GAAcE,EAAAA,EAAAA,IAAA,CAAD,mGACuB,iBAAbG,EAAwBA,EAAY,GAAEA,KAC7CD,EACOE,EACfF,GAElB,C,kDChBD,SAEIG,MAAO,UAEPC,MAAO,OACPC,QAAS,CAELC,KAAM,UAENC,UAAW,UAEXC,MAAO,UAEPC,WAAY,UAEZC,UAAW,WAEfC,KAAM,CAEFL,KAAM,WAEVM,QAAS,CAELC,OAAQ,UAERP,KAAM,UAENQ,SAAU,UAEVH,KAAM,UACNI,KAAM,WAEVC,UAAW,CAEPC,UAAW,UACXC,SAAU,UACVV,MAAO,UACPW,YAAa,UACbL,SAAU,UACVM,cAAe,UACfC,UAAW,UACXC,KAAM,UACNC,gBAAiB,UACjBC,iBAAkB,WAEtBC,IAAK,CACDC,KAAM,UACNC,MAAO,UACPC,OAAQ,UACRC,MAAO,WAEXrB,MAAO,UACPsB,WAAY,UACZT,UAAW,UACXU,WAAY,CAERC,QAAS,UAETC,MAAO,WAEXC,KAAM,CAEFC,QAAQC,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBC,QAAQD,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBE,QAAQF,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBG,QAAQH,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBI,QAAQJ,EAAAA,EAAAA,IAAI,EAAG,EAAG,KAElBK,QAAQL,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBM,QAAQN,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBO,QAAQP,EAAAA,EAAAA,IAAI,EAAG,EAAG,IAElBQ,QAAQR,EAAAA,EAAAA,IAAI,EAAG,EAAG,M,qEC3EnB,MAAMS,EAAiB,GAIjBC,EAAoBC,EAAAA,GAAAA,OAIpBC,EAAoBD,EAAAA,GAAAA,cAI1B,SAASE,EAAMC,EAAKC,GAAiE,IAA5DC,EAA4D,uDAAjDN,EAAmBO,EAA8B,uDAAnBL,EACrE,MAAMM,EAASJ,EAAML,EACfU,EAASJ,EAAMN,EACfW,EAAcJ,EAAWP,EACzBY,EAAcJ,EAAWR,EACzBa,GAASH,EAASD,IAAWG,EAAcD,GAC3CG,GAAqBH,EAAcE,EAAQJ,EAC3CM,EAAY,GAAEC,EAAMP,QACpBQ,EAAY,GAAED,EAAMF,WAA2BE,EAAc,IAARH,OACrDK,EAAY,GAAEF,EAAMN,QAC1B,MAAQ,SAAQK,MAAaE,MAAaC,IAC7C,CAeD,SAASF,EAAMG,GACX,OAAOC,KAAKJ,MAAY,IAANG,GAAa,GAClC,CAEM,SAASE,EAAkBC,GAC9B,OAAOA,EAAiBtB,EAAiB,KAC5C,CACM,SAASuB,EAAmBC,EAAmBC,GAClD,OAAOD,EAAoBC,EAAkB,IAChD,C,kDClDD,SACIC,QAAS,CACLC,OAAO1E,EAAAA,EAAAA,IAAF,yEAKL2E,aAAa3E,EAAAA,EAAAA,IAAF,yEAKX4E,SAAS5E,EAAAA,EAAAA,IAAF,yEAKP6E,eAAe7E,EAAAA,EAAAA,IAAF,yEAKb8E,QAAQ9E,EAAAA,EAAAA,IAAF,yEAKN+E,cAAc/E,EAAAA,EAAAA,IAAF,yEAKZgF,UAAUhF,EAAAA,EAAAA,IAAF,yEAKRiF,gBAAgBjF,EAAAA,EAAAA,IAAF,yEAKdkF,MAAMlF,EAAAA,EAAAA,IAAF,yEAKJmF,YAAYnF,EAAAA,EAAAA,IAAF,0EAMdoF,KAAM,CACFV,OAAO1E,EAAAA,EAAAA,IAAF,kGAKL2E,aAAa3E,EAAAA,EAAAA,IAAF,kGAKX4E,SAAS5E,EAAAA,EAAAA,IAAF,kGAKP6E,eAAe7E,EAAAA,EAAAA,IAAF,kGAKb8E,QAAQ9E,EAAAA,EAAAA,IAAF,kGAKN+E,cAAc/E,EAAAA,EAAAA,IAAF,kGAKZgF,UAAUhF,EAAAA,EAAAA,IAAF,kGAKRiF,gBAAgBjF,EAAAA,EAAAA,IAAF,kGAKdkF,MAAMlF,EAAAA,EAAAA,IAAF,kGAKJmF,YAAYnF,EAAAA,EAAAA,IAAF,mGAMdqF,eAAgB,CACZT,SAAS5E,EAAAA,EAAAA,IAAF,sG,uFC1GR,MAEMsF,EAAY,KACZC,EAAsBD,EAAYE,IAClCC,EAAkB,IAClBC,GAAW1F,EAAAA,EAAAA,IAAH,uFAMR2F,GAAW3F,EAAAA,EAAAA,IAAH,qF,kBCZd,IAAIiD,EAcJ,SAAS2C,EAAKC,GACjB,MAAQ,eAAcA,MACzB,CACM,SAASC,EAAMD,GAClB,MAAQ,eAAcA,EAAO,MAChC,CACM,SAASE,EAAQC,EAAOC,GAC3B,MAAQ,GAAEL,EAAKI,UAAcF,EAAMG,IACtC,C,6CArBD,SAAWhD,GACPA,EAAOA,EAAM,YAAkB,KAAO,cACtCA,EAAOA,EAAM,OAAa,KAAO,SACjCA,EAAOA,EAAM,YAAkB,KAAO,cACtCA,EAAOA,EAAM,YAAkB,KAAO,cACtCA,EAAOA,EAAM,OAAa,KAAO,SACjCA,EAAOA,EAAM,YAAkB,MAAQ,cACvCA,EAAOA,EAAM,aAAmB,MAAQ,eACxCA,EAAOA,EAAM,QAAc,MAAQ,UACnCA,EAAOA,EAAM,aAAmB,MAAQ,eACxCA,EAAOA,EAAM,cAAoB,MAAQ,gBACzCA,EAAOA,EAAM,UAAgB,MAAQ,WAXzC,EAYGA,IAAWA,EAAS,CAAC,G,qRCNjB,MAAMiD,GAAgBlG,EAAAA,EAAAA,IAAH,2DACtBmG,EAAAA,EAAAA,QAAAA,UAGYhD,EAAAA,EAAAA,IAAM,GAAI,KAEfyC,EAAAA,EAAAA,IAAK3C,EAAAA,GAAAA,aACVkD,EAAAA,EAAAA,QAAAA,QAQOC,IALKpG,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,MAETnD,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,MAEdkD,GAAKrG,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdmD,GAAKtG,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdoD,GAAKvG,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdqD,GAAKxG,EAAAA,EAAAA,IAAH,uCACXkG,GACW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdsD,GAAkBzG,EAAAA,EAAAA,IAAH,2CAExBmG,EAAAA,EAAAA,QAAAA,OACYhD,EAAAA,EAAAA,IAAM,GAAI,KAEbuD,GAAiB1G,EAAAA,EAAAA,IAAH,uCACvByG,GACWtD,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdwD,GAAkB3G,EAAAA,EAAAA,IAAH,uCACxByG,GACWtD,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEdyD,GAAiB5G,EAAAA,EAAAA,IAAH,uCACvByG,GACWtD,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEd0D,GAAiB7G,EAAAA,EAAAA,IAAH,uCACvByG,GACWtD,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAEd2D,GAAO9G,EAAAA,EAAAA,IAAH,uHAEbmG,EAAAA,EAAAA,QAAAA,SACWhD,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAQd4D,GAAO/G,EAAAA,EAAAA,IAAH,6VAKQgH,EAAAA,EAAAA,QAAAA,OACAA,EAAAA,EAAAA,QAAAA,QAQrB/G,EAAAA,EAAAA,IAAW,0BASF+G,EAAAA,EAAAA,KAAAA,MAGAC,GAAQjH,EAAAA,EAAAA,IAAH,8kBACFgH,EAAAA,EAAAA,MAELA,EAAAA,EAAAA,KAAAA,KAMSA,EAAAA,EAAAA,QAAAA,KAIQA,EAAAA,EAAAA,MACXA,EAAAA,EAAAA,MACPb,EAAAA,EAAAA,QAAAA,QAaYa,EAAAA,EAAAA,UAIAA,EAAAA,EAAAA,MAIMA,EAAAA,EAAAA,MACXA,EAAAA,EAAAA,MACPb,EAAAA,EAAAA,QAAAA,OAUkBa,EAAAA,EAAAA,MAClBb,EAAAA,EAAAA,QAAAA,SAUGe,GAAalH,EAAAA,EAAAA,IAAH,mWACnB2G,EACAR,EAAAA,EAAAA,QAAAA,eAMOP,EAAAA,EAAAA,IAAK3C,EAAAA,GAAAA,aACVyD,EACAP,EAAAA,EAAAA,QAAAA,eAOOhD,EAAAA,EAAAA,IAAM,GAAI,KACTA,EAAAA,EAAAA,IAAM,GAAI,IAEFgE,GAETvB,EAAAA,EAAAA,IAAK3C,EAAAA,GAAAA,aASZ0D,GACexD,EAAAA,EAAAA,IAAM,EAAG,KAKjByC,EAAAA,EAAAA,IAAK3C,EAAAA,GAAAA,cAKLmE,GAAgBpH,EAAAA,EAAAA,IAAH,smBAGpBoG,EAKAE,EAKAJ,GAEW/C,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,IAKvBoD,EAKAC,EAIAE,EAIAC,EAIAC,EAIAE,EAIAC,EAKAJ,EAIWK,EAAAA,EAAAA,QAAAA,QAkCH7D,EAAAA,EAAAA,IAAM,GAAI,IAMlB8D,EAIAC,E,wECnTN,MAmCA,EAJ6B,CACzBG,UAhCcC,EAAAA,GAAAA,QAAAA,WAAH,0EAAGA,CAAH,sbAEOnE,EAAAA,EAAAA,IAAM,GAAI,KA+B5BoE,MALUD,EAAAA,GAAAA,IAAAA,WAAH,sEAAGA,CAAH,QACP5B,EAAAA,I,6DC9BJ,MAAM8B,EAAiBC,EAAAA,YAAiB,CAAC,EAAuFC,KAAQ,IAA/F,SAAEC,EAAF,OAAYC,EAAS,UAArB,QAAgCC,EAAU,SAA1C,aAAoDC,EAApD,GAAkEC,KAAOC,GAAsB,EACpI,MACS,cADDJ,EAEQH,EAAAA,cAAoBQ,EAAAA,EAAAA,UAAa,CAAEF,GAAIA,QAAUG,EAAWR,IAAKA,EAAK,eAAgBG,EAAS,qBAAsBC,KAAiBE,GAAcL,GAGpJF,EAAAA,cAAoBQ,EAAAA,EAAAA,UAAa,CAAEF,GAAIA,QAAUG,EAAWR,IAAKA,EAAK,eAAgBG,EAAS,qBAAsBC,KAAiBE,GAC1IP,EAAAA,cAAoBQ,EAAAA,EAAAA,MAAS,KAAMN,GAN/C,IASJH,EAAeW,YAAc,iBAC7B,S,uJCNA,MA0DA,EAN6C,CACzCd,WArDcC,EAAAA,EAAAA,IAAOE,EAAAA,GAAV,+FAAGF,CAAH,sFACAN,EAAAA,EAAAA,QAAAA,OACEA,EAAAA,EAAAA,OAoDbO,MA/CUD,EAAAA,GAAAA,IAAAA,WAAH,gFAAGA,CAAH,mIACPV,EAAAA,IAMOd,EAAAA,EAAAA,IAAM7C,EAAAA,GAAAA,SAyCbmF,aApCiBd,EAAAA,GAAAA,KAAAA,WAAH,uFAAGA,CAAH,sDAEHnE,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAkCvBkF,WAhCef,EAAAA,GAAAA,OAAAA,WAAH,qFAAGA,CAAH,sTACZrH,EAAAA,EAAAA,IAAW,qBAqBTA,EAAAA,EAAAA,IAAW,WCvBjB,EA3BkCZ,IAC9B,MAAMiJ,EAAc,IAAIC,MACjBC,EAAcC,GAAmBhB,EAAAA,UAAe,GAcvD,OALAA,EAAAA,WAAgB,KACG,gBAAepI,EAAM0I,OAJhBW,SAASC,OAAOC,MAAM,KACR,IAI9BH,GAAgB,EACnB,GACF,IACCH,EAAc,IAAIC,KAAKlJ,EAAMwJ,YAC7BP,EAAc,IAAIC,KAAKlJ,EAAMyJ,UAC7BN,EACO,KAEHf,EAAAA,cAAoBQ,EAAAA,UAAa,CAAEF,GAAI1I,EAAM0J,SAAUlB,QAAS,QACpEJ,EAAAA,cAAoBQ,EAAAA,MAAS,KACzBR,EAAAA,cAAoBQ,EAAAA,aAAgB,KAAM5I,EAAM2J,SAChDvB,EAAAA,cAAoBQ,EAAAA,WAAc,CAAEgB,KAAM,SAAUC,QAAS,KArBrE,SAAmBC,EAAMC,GACrB,MAAMC,EAAU,aAAe,IAAId,KAAKlJ,EAAMyJ,SAASQ,cACvDZ,SAASC,OAASQ,UAAqBE,EAAU,UACpD,CAkB2EE,CAAW,gBAAelK,EAAM0I,MAAeU,GAAgB,KAC/HhB,EAAAA,cAAoB+B,EAAAA,EAAU,QAJ1C,C","sources":["webpack://lcci/./src/img/icons/close.svg","webpack://lcci/./src/helpers/animate.ts","webpack://lcci/./src/helpers/brand.ts","webpack://lcci/./src/helpers/fluid.ts","webpack://lcci/./src/helpers/fonts.ts","webpack://lcci/./src/helpers/grid.ts","webpack://lcci/./src/helpers/media.ts","webpack://lcci/./src/helpers/typography.ts","webpack://lcci/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.styles.ts","webpack://lcci/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.tsx","webpack://lcci/./src/stories/Widgets/GlobalNotificationBanner/GlobalNotificationBanner.styles.ts","webpack://lcci/./src/stories/Widgets/GlobalNotificationBanner/GlobalNotificationBanner.tsx"],"sourcesContent":["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 SvgClose(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0.21 0.21 11 11\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.707.707l-10 10M.707.707l10 10\"\n }))));\n}\n\nexport default SvgClose;","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 { hsl } from 'polished';\r\nexport default {\r\n /** Hex: #1f1f1f */\r\n black: '#1f1f1f',\r\n /** Hex: #fff */\r\n white: '#fff',\r\n account: {\r\n /** Hex: #042746 */\r\n blue: '#042746',\r\n /** Hex: #043e5e */\r\n blueLight: '#043e5e',\r\n /** Hex: #013839 */\r\n green: '#013839',\r\n /** Hex: #014b53 */\r\n greenLight: '#014b53',\r\n /** Hex: #032B2C */\r\n baseGreen: '#032B2C',\r\n },\r\n base: {\r\n /** Hex: #0B2836 */\r\n blue: '#0B2836',\r\n },\r\n primary: {\r\n /** Hex: #FF6600 */\r\n orange: '#FF6600',\r\n /** Hex: #11385A */\r\n blue: '#11385A',\r\n /** Hex: #E9EDEE */\r\n blueGrey: '#E9EDEE',\r\n /** Hex: #ec671c */\r\n base: '#ec671c',\r\n text: '#ff6633',\r\n },\r\n secondary: {\r\n /** Hex: #F4F6F6*/\r\n lightGrey: '#F4F6F6',\r\n baseDark: '#292b2c',\r\n green: '#006164',\r\n greenBright: '#82BC00',\r\n blueGrey: '#C8D2D8',\r\n blueGreyFaded: '#889BAC',\r\n lightBlue: '#0096B8',\r\n pink: '#A72D68',\r\n accountCardBlue: '#DEF0FF',\r\n accountCardGreen: '#D1F1F5',\r\n },\r\n tag: {\r\n news: '#AA7BC9',\r\n event: '#25CAD3',\r\n report: '#EF3FA9',\r\n press: '#4D0991',\r\n },\r\n green: '#4F951A',\r\n lightGreen: '#EDEEE9',\r\n lightBlue: '#E9EDE9',\r\n validation: {\r\n /** Hex: #DA291C */\r\n invalid: '#DA291C',\r\n /** Hex: #DA291C */\r\n valid: '#008C15',\r\n },\r\n grey: {\r\n /** Hex: #222222 */\r\n grey13: hsl(0, 0, 0.13),\r\n /** Hex: #585858 */\r\n grey20: hsl(0, 0, 0.2),\r\n /** Hex: #585858 */\r\n grey35: hsl(0, 0, 0.35),\r\n /** Hex: #666666 */\r\n grey40: hsl(0, 0, 0.4),\r\n /** Hex: #707070 */\r\n grey44: hsl(0, 0, 0.44),\r\n /** Hex: #999999 */\r\n grey60: hsl(0, 0, 0.6),\r\n /** Hex: #CCCCCC */\r\n grey80: hsl(0, 0, 0.8),\r\n /** Hex: #E5E5E5 */\r\n grey90: hsl(0, 0, 0.9),\r\n /** Hex: #F7F7F7 */\r\n grey97: hsl(0, 0, 0.97),\r\n },\r\n};\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 16;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.Tablet;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.ActualDesktop;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n const minRem = min / PIXELS_PER_REM;\r\n const maxRem = max / PIXELS_PER_REM;\r\n const minWidthRem = minWidth / PIXELS_PER_REM;\r\n const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n const yAxisIntersection = -minWidthRem * slope + minRem;\r\n const clampMin = `${round(minRem)}rem`;\r\n const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n const clampMax = `${round(maxRem)}rem`;\r\n return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE, unit) {\r\n const slope = (max - min) / (maxWidth - minWidth);\r\n const yAxisIntersection = -minWidth * slope + min;\r\n const clampMin = `${round(min)}`;\r\n const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n const clampMax = `${round(max)}`;\r\n return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n return Math.round(num * 100) / 100;\r\n}\r\n// I couldn't find helpers like these in the project so adding these here\r\nexport function staticRemFontSize(pixelSizeInput) {\r\n return pixelSizeInput / PIXELS_PER_REM + 'rem';\r\n}\r\nexport function staticEmLineHeight(pxLineHeightInput, pxFontSizeInput) {\r\n return pxLineHeightInput / pxFontSizeInput + 'em';\r\n}\r\n","import { css } from 'styled-components';\r\nexport default {\r\n apparat: {\r\n light: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: normal;\r\n font-weight: 300;\r\n `,\r\n lightItalic: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: italic;\r\n font-weight: 300;\r\n `,\r\n regular: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: normal;\r\n font-weight: 400;\r\n `,\r\n regularItalic: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n `,\r\n medium: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: normal;\r\n font-weight: 500;\r\n `,\r\n mediumItalic: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: italic;\r\n font-weight: 500;\r\n `,\r\n semiBold: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: normal;\r\n font-weight: 600;\r\n `,\r\n semiBoldItalic: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: italic;\r\n font-weight: 600;\r\n `,\r\n bold: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: normal;\r\n font-weight: 700;\r\n `,\r\n boldItalic: css `\r\n font-family: 'Apparat', sans-serif;\r\n font-style: italic;\r\n font-weight: 700;\r\n `,\r\n },\r\n lato: {\r\n light: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-style: normal;\r\n font-weight: 300;\r\n `,\r\n lightItalic: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-weight: 300;\r\n font-style: italic;\r\n `,\r\n regular: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-style: normal;\r\n font-weight: 400;\r\n `,\r\n regularItalic: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-weight: 400;\r\n font-style: italic;\r\n `,\r\n medium: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-style: normal;\r\n font-weight: 500;\r\n `,\r\n mediumItalic: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-weight: 500;\r\n font-style: italic;\r\n `,\r\n semiBold: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-style: normal;\r\n font-weight: 600;\r\n `,\r\n semiBoldItalic: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-weight: 600;\r\n font-style: italic;\r\n `,\r\n bold: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-style: normal;\r\n font-weight: 700;\r\n `,\r\n boldItalic: css `\r\n font-family: 'LatoWeb', 'Trebuchet MS', Helvetica, sans-serif;\r\n font-weight: 700;\r\n font-style: italic;\r\n `,\r\n },\r\n sourceSerifPro: {\r\n regular: css `\r\n font-family: 'source-serif-pro', 'Times New Roman', Times, serif;\r\n font-style: normal;\r\n font-weight: 400;\r\n `,\r\n },\r\n};\r\n","import { css } from 'styled-components';\r\nexport const SitePaddingMin = 18;\r\nexport const SitePaddingMax = 64;\r\nexport const SiteWidth = 1760;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePaddingMax * 2;\r\nexport const SiteWidthNarrow = 940;\r\nexport const siteWide = css `\r\n margin: 0 auto;\r\n max-width: var(--siteWidth);\r\n padding: 0 var(--sitePadding);\r\n width: 100%;\r\n`;\r\nexport const baseGrid = css `\r\n display: grid;\r\n column-gap: var(--gutterWidth);\r\n grid-template-columns: repeat(24, 1fr);\r\n`;\r\n","export var Device;\r\n(function (Device) {\r\n Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n Device[Device[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n return `(max-width: ${size - 1}px)`;\r\n}\r\nexport function between(start, end) {\r\n return `${from(start)} and ${until(end)}`;\r\n}\r\n","import SvgQuoteMarks from '@img/icons/quote-marks.svg?url';\r\nimport { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nimport { Device, from } from './media';\r\nexport const headingStyles = css `\r\n ${fonts.apparat.semiBold};\r\n\r\n color: currentColor;\r\n margin: 0 0 ${fluid(16, 24)};\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n ${fonts.apparat.medium};\r\n }\r\n`;\r\nexport const h1 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(30, 70)};\r\n line-height: ${fluid(40, 80)};\r\n`;\r\nexport const h2 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(25, 60)};\r\n line-height: ${fluid(35, 70)};\r\n`;\r\nexport const h3 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(22, 50)};\r\n line-height: ${fluid(32, 60)};\r\n`;\r\nexport const h4 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(20, 40)};\r\n line-height: ${fluid(30, 50)};\r\n`;\r\nexport const h5 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(18, 30)};\r\n line-height: ${fluid(24, 38)};\r\n`;\r\nexport const h6 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(17, 29)};\r\n line-height: ${fluid(23, 37)};\r\n`;\r\nexport const paragraphStyles = css `\r\n color: currentColor;\r\n ${fonts.apparat.light};\r\n margin: 0 0 ${fluid(16, 24)};\r\n`;\r\nexport const paragraphLarge = css `\r\n ${paragraphStyles};\r\n font-size: ${fluid(20, 26)};\r\n line-height: ${fluid(30, 36)};\r\n`;\r\nexport const paragraphMedium = css `\r\n ${paragraphStyles};\r\n font-size: ${fluid(18, 22)};\r\n line-height: ${fluid(28, 32)};\r\n`;\r\nexport const paragraphSmall = css `\r\n ${paragraphStyles};\r\n font-size: ${fluid(16, 18)};\r\n line-height: ${fluid(26, 28)};\r\n`;\r\nexport const paragraphMicro = css `\r\n ${paragraphStyles};\r\n font-size: ${fluid(12, 14)};\r\n line-height: ${fluid(22, 24)};\r\n`;\r\nexport const meta = css `\r\n display: block;\r\n ${fonts.apparat.regular};\r\n font-size: ${fluid(12, 18)};\r\n line-height: ${fluid(16, 24)};\r\n letter-spacing: 0.01em;\r\n text-transform: uppercase;\r\n\r\n sup {\r\n font-size: 60%;\r\n }\r\n`;\r\nexport const link = css `\r\n display: inline-block;\r\n color: currentColor;\r\n background: linear-gradient(\r\n to right,\r\n var(--accentColor, ${brand.primary.orange}),\r\n var(--accentColor, ${brand.primary.orange})\r\n );\r\n background-repeat: no-repeat;\r\n background-size: 0% 100%;\r\n margin: 0 -4px 0;\r\n padding: 0 4px 0;\r\n text-decoration: underline;\r\n text-underline-position: under;\r\n ${transition('background-size, color')};\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus,\r\n &:hover {\r\n background-size: 100% 100%;\r\n color: ${brand.base.blue};\r\n }\r\n`;\r\nexport const table = css `\r\n background: ${brand.white};\r\n border-collapse: collapse;\r\n color: ${brand.base.blue};\r\n margin-bottom: 1em;\r\n width: 100%;\r\n\r\n thead {\r\n tr {\r\n background: ${brand.primary.blue};\r\n\r\n td,\r\n th {\r\n border: 2px solid ${brand.white};\r\n color: ${brand.white};\r\n ${fonts.apparat.regular};\r\n font-size: 18px;\r\n letter-spacing: -0.01em;\r\n line-height: 22px;\r\n padding: 12px 16px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n tbody {\r\n tr {\r\n &:nth-child(odd) {\r\n background: ${brand.lightBlue};\r\n }\r\n\r\n &:nth-child(even) {\r\n background: ${brand.white};\r\n }\r\n\r\n th {\r\n border: 2px solid ${brand.white};\r\n color: ${brand.white};\r\n ${fonts.apparat.medium};\r\n font-size: 18px;\r\n letter-spacing: -0.01em;\r\n line-height: 22px;\r\n padding: 12px 16px;\r\n text-align: left;\r\n text-transform: uppercase;\r\n }\r\n\r\n td {\r\n border: 2px solid ${brand.white};\r\n ${fonts.apparat.regular};\r\n font-size: 16px;\r\n letter-spacing: -0.01em;\r\n line-height: 20px;\r\n padding: 12px 16px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n`;\r\nexport const blockquote = css `\r\n ${paragraphMedium}\r\n ${fonts.apparat.regularItalic}\r\n\r\n position: relative;\r\n text-align: left;\r\n margin-bottom: 38px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n ${paragraphLarge}\r\n ${fonts.apparat.regularItalic}\r\n padding: 28px 0 0 76px;\r\n }\r\n\r\n &::before {\r\n content: '';\r\n display: block;\r\n width: ${fluid(40, 56)};\r\n height: ${fluid(38, 52)};\r\n margin-bottom: 20px;\r\n background: url(${SvgQuoteMarks}) center no-repeat;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n margin-bottom: unset;\r\n }\r\n }\r\n\r\n + P {\r\n ${paragraphMedium}\r\n margin-bottom: ${fluid(5, 10)};\r\n }\r\n\r\n + p,\r\n + p + p {\r\n @media ${from(Device.TabletLarge)} {\r\n padding: 0 0 0 76px;\r\n }\r\n }\r\n`;\r\nexport const contentStyles = css `\r\n h1,\r\n .h1-styles {\r\n ${h2}\r\n }\r\n\r\n h2,\r\n .h2-styles {\r\n ${h4}\r\n }\r\n\r\n h3,\r\n .h3-styles {\r\n ${headingStyles};\r\n\r\n font-size: ${fluid(19, 35)};\r\n line-height: ${fluid(28, 45)};\r\n }\r\n\r\n h4,\r\n .h4-styles {\r\n ${h5}\r\n }\r\n\r\n h5,\r\n .h5-styles {\r\n ${h6}\r\n }\r\n\r\n p.large {\r\n ${paragraphLarge}\r\n }\r\n\r\n p {\r\n ${paragraphMedium}\r\n }\r\n\r\n p.small {\r\n ${paragraphSmall}\r\n }\r\n\r\n p.meta {\r\n ${meta}\r\n }\r\n\r\n a {\r\n ${link}\r\n }\r\n\r\n ol,\r\n ul {\r\n ${paragraphMedium};\r\n\r\n li {\r\n &::marker {\r\n color: ${brand.primary.orange};\r\n }\r\n }\r\n }\r\n\r\n ol {\r\n list-style: decimal;\r\n padding-left: 1.2em;\r\n }\r\n\r\n ul {\r\n list-style: disc;\r\n padding-left: 1.2em;\r\n\r\n li {\r\n margin-bottom: 16px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n p {\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n hr {\r\n display: block;\r\n background: currentColor;\r\n border: 0;\r\n height: 4px;\r\n margin: ${fluid(40, 80)} 0;\r\n padding: 0;\r\n width: 100%;\r\n }\r\n\r\n table {\r\n ${table};\r\n }\r\n\r\n blockquote {\r\n ${blockquote};\r\n }\r\n\r\n .responsive-table {\r\n position: relative;\r\n overflow-x: auto;\r\n }\r\n\r\n > *:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n > *:last-child {\r\n margin-bottom: 0;\r\n }\r\n`;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { siteWide } from '@helpers/grid';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n --scrollOffset: var(--headerHeight, 0px);\r\n --sectionSpacing: ${fluid(40, 66)};\r\n\r\n &[data-spacing='margin'],\r\n &[data-spacing='padding'] {\r\n scroll-margin: calc(var(--scrollOffset) + var(--sectionSpacing)) 0 0;\r\n }\r\n\r\n &[data-spacing='margin'] {\r\n margin: var(--sectionSpacing) 0;\r\n }\r\n\r\n &[data-spacing='padding'] {\r\n padding: var(--sectionSpacing) 0;\r\n }\r\n\r\n &[data-spacing='none'] {\r\n scroll-margin: var(--scrollOffset) 0 0;\r\n }\r\n\r\n position: relative;\r\n z-index: 5;\r\n\r\n &[data-hide-overflow='true'] {\r\n overflow: hidden;\r\n }\r\n`;\r\nconst Inner = styled.div `\r\n ${siteWide}\r\n`;\r\nconst SectionWrapperStyles = {\r\n Container,\r\n Inner,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef(({ children, layout = 'default', spacing = 'margin', hideOverflow, id, ...otherProps }, ref) => {\r\n switch (layout) {\r\n case 'fullWidth':\r\n return (React.createElement(S.Container, { id: id ? id : undefined, ref: ref, \"data-spacing\": spacing, \"data-hide-overflow\": hideOverflow, ...otherProps }, children));\r\n case 'default':\r\n default:\r\n return (React.createElement(S.Container, { id: id ? id : undefined, ref: ref, \"data-spacing\": spacing, \"data-hide-overflow\": hideOverflow, ...otherProps },\r\n React.createElement(S.Inner, null, children)));\r\n }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, until } from '@helpers/media';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n --bgColor: ${brand.primary.orange};\r\n --fgColor: ${brand.white};\r\n\r\n background-color: var(--bgColor);\r\n color: var(--fgColor);\r\n`;\r\nconst Inner = styled.div `\r\n ${paragraphSmall};\r\n padding: 10px 0;\r\n display: flex;\r\n gap: 32px;\r\n justify-content: space-between;\r\n\r\n @media ${until(Device.Tablet)} {\r\n padding: 10px 0 10px 20px;\r\n position: relative;\r\n }\r\n`;\r\nconst OfferContent = styled.span ` \r\n display: inline;\r\n font-size: ${fluid(14, 18)};\r\n line-height: ${fluid(20, 28)};\r\n`;\r\nconst DismissBtn = styled.button `\r\n ${transition('background-color')}\r\n border: 1px solid var(--fgColor);\r\n padding: 0;\r\n background-color: transparent;\r\n border-radius: 100000px;\r\n width: 30px;\r\n height: 30px;\r\n display: grid;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &:hover,\r\n &:focus {\r\n background-color: var(--fgColor);\r\n\r\n svg { \r\n color: var(--bgColor);\r\n }\r\n }\r\n\r\n svg {\r\n ${transition('color')};\r\n color: var(--fgColor);\r\n height: 14px;\r\n width: 14px;\r\n }\r\n`;\r\nconst GlobalGlobalNotificationBannerStyles = {\r\n Container,\r\n Inner,\r\n OfferContent,\r\n DismissBtn,\r\n};\r\nexport default GlobalGlobalNotificationBannerStyles;\r\n","import SvgClose from '@img/icons/close.svg';\r\nimport * as React from 'react';\r\nimport S from './GlobalNotificationBanner.styles';\r\nconst GlobalNotificationBanner = (props) => {\r\n const currentDate = new Date();\r\n const [cookieActive, setCookieActive] = React.useState(false);\r\n function setCookie(name, value) {\r\n const expires = '; expires=' + new Date(props.dateEnd).toUTCString();\r\n document.cookie = name + '=' + value + expires + '; path=/';\r\n }\r\n const getCookie = (cookieName) => {\r\n const cookieArray = document.cookie.split(';');\r\n return cookieName === cookieArray[0];\r\n };\r\n React.useEffect(() => {\r\n if (getCookie(`notification-${props.id}`)) {\r\n setCookieActive(true);\r\n }\r\n }, []);\r\n if (currentDate < new Date(props.dateStart) ||\r\n currentDate > new Date(props.dateEnd) ||\r\n cookieActive) {\r\n return null;\r\n }\r\n return (React.createElement(S.Container, { id: props.anchorId, spacing: \"none\" },\r\n React.createElement(S.Inner, null,\r\n React.createElement(S.OfferContent, null, props.content),\r\n React.createElement(S.DismissBtn, { type: \"button\", onClick: () => (setCookie(`notification-${props.id}`, 'true'), setCookieActive(true)) },\r\n React.createElement(SvgClose, null)))));\r\n};\r\nexport default GlobalNotificationBanner;\r\n"],"names":["_g","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","xmlns","viewBox","fill","stroke","strokeLinecap","d","rootMargin","cubicEaseOut","shouldAnimate","innerCss","css","transition","properties","duration","timing","black","white","account","blue","blueLight","green","greenLight","baseGreen","base","primary","orange","blueGrey","text","secondary","lightGrey","baseDark","greenBright","blueGreyFaded","lightBlue","pink","accountCardBlue","accountCardGreen","tag","news","event","report","press","lightGreen","validation","invalid","valid","grey","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","DEFAULT_MAX_VALUE","fluid","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","num","Math","staticRemFontSize","pixelSizeInput","staticEmLineHeight","pxLineHeightInput","pxFontSizeInput","apparat","light","lightItalic","regular","regularItalic","medium","mediumItalic","semiBold","semiBoldItalic","bold","boldItalic","lato","sourceSerifPro","SiteWidth","SiteWidthBreakpoint","SitePaddingMax","SiteWidthNarrow","siteWide","baseGrid","from","size","until","between","start","end","headingStyles","fonts","h2","h3","h4","h5","h6","paragraphStyles","paragraphLarge","paragraphMedium","paragraphSmall","paragraphMicro","meta","link","brand","table","blockquote","SvgQuoteMarks","contentStyles","Container","styled","Inner","SectionWrapper","React","ref","children","layout","spacing","hideOverflow","id","otherProps","S","undefined","displayName","OfferContent","DismissBtn","currentDate","Date","cookieActive","setCookieActive","document","cookie","split","dateStart","dateEnd","anchorId","content","type","onClick","name","value","expires","toUTCString","setCookie","SvgClose"],"sourceRoot":""}