{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/stories/Widgets/AnchorTarget/AnchorTarget.styles.ts","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.tsx","webpack:///./src/helpers/cssVar.ts","webpack:///./src/stories/Components/Global/SiteWide/SiteWide.styles.ts","webpack:///./src/helpers/scrollbars.ts","webpack:///./src/stories/Widgets/StickyNavigation/StickyNavigation.styles.ts","webpack:///./src/stories/Widgets/StickyNavigation/StickyNavigation.tsx","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.tsx","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/grey.ts","webpack:///./src/helpers/fonts.ts","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.styles.ts","webpack:///./src/img/icons/arrow-right.svg","webpack:///./src/stories/Components/Buttons/ButtonShared.styles.ts"],"names":["Device","from","size","until","Anchor","styled","a","SiteWide","children","className","width","React","createElement","S","Container","cssVar","name","setCssVar","value","SitePadding","SiteWidth","div","css","DesktopLarge","TabletLarge","brand","grey","grey44","green","nav","themeOption","themes","Tablet","visible","Inner","ScrollContainer","scrollbars","List","ul","Item","li","Link","fonts","gotham","light","CtaWrapper","LinkButtonStyles","Button","ButtonSharedStyles","mobileCta","StickyNavigation","cta","items","theme","y","scrollY","useWindowScroll","refAnchors","refScrollContainer","activeAnchor","setActiveAnchor","useIsomorphicLayoutEffect","anchors","document","querySelectorAll","AnchorTargetStyles","current","Array","handleScrollThrottled","throttle","handleScroll","window","addEventListener","passive","removeEventListener","ref","map","item","key","id","anchor","href","accessibleText","text","mobileText","LinkButton","icon","SvgArrowRight","url","target","title","intersectionY","innerHeight","filter","element","offsetTop","reverse","anchorId","getAttribute","otherProps","iconComponent","SBS","as","undefined","black","reduce","previous","hsl","paleGreen","lightGreen","lightBeige","greenGrey","paleBurgundy","lightBurgundy","burgundy","white","validation","invalid","valid","beige","dark","beigeBurgundy","darkBurgundy","whiteBurgundy","lightItalic","regular","regularItalic","medium","mediumItalic","bold","boldItalic","sharedButtonStyles","buttonTheme","bgColor","borderColor","fgColor","rgba","_g","_extends","Object","assign","i","arguments","length","source","prototype","hasOwnProperty","call","apply","this","props","xmlns","viewBox","fill","stroke","d","Icon","span","Text"],"mappings":"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","file":"39-956eac6f89d532a657ad.js","sourcesContent":["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[\"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\n","import styled from 'styled-components';\r\nconst Anchor = styled.a `\r\n  position: absolute;\r\n  display: block;\r\n  min-height: 1px;\r\n`;\r\nexport default {\r\n    Anchor,\r\n};\r\n","import React from 'react';\r\nimport S from './SiteWide.styles';\r\nconst SiteWide = ({ children, className, width = 'default' }) => {\r\n    return (React.createElement(S.Container, { className: className, width: width }, children));\r\n};\r\nexport default SiteWide;\r\n","const variables = [\r\n    'fgColor',\r\n    'bgColor',\r\n    'bgColorAlt',\r\n    'accentColor',\r\n    'accentColorAlt',\r\n    'siteWidth',\r\n    'sitePadding',\r\n    'sectionMargin',\r\n];\r\nfunction cssVar(name) {\r\n    return `var(--${name})`;\r\n}\r\nfunction setCssVar(name, value) {\r\n    return `--${name}: ${value}`;\r\n}\r\nexport { cssVar, setCssVar };\r\n","import { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nexport const SitePadding = 18;\r\nexport const SiteWidth = 1640;\r\nexport const SiteWidthNarrow = 1100;\r\nconst Container = styled.div `\r\n  ${setCssVar('sitePadding', `${SitePadding}px`)};\r\n  ${setCssVar('siteWidth', `${SiteWidth}px`)};\r\n\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  max-width: calc(${cssVar('siteWidth')} + (${cssVar('sitePadding')} * 2));\r\n  padding-left: ${cssVar('sitePadding')};\r\n  padding-right: ${cssVar('sitePadding')};\r\n  width: 100%;\r\n\r\n  ${({ width }) => {\r\n    switch (width) {\r\n        case 'default':\r\n            return css `\r\n          @media ${from(Device.DesktopLarge)} {\r\n          }\r\n        `;\r\n        case 'narrow':\r\n            return css `\r\n          @media ${from(Device.TabletLarge)} {\r\n            ${setCssVar('siteWidth', `${SiteWidthNarrow}px`)};\r\n          }\r\n        `;\r\n    }\r\n}}\r\n`;\r\nexport default {\r\n    Container,\r\n};\r\n","import { css } from 'styled-components';\r\nimport brand from './brand';\r\nexport default css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.grey.grey44};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.grey.grey44};\r\n    height: 6px;\r\n    width: 6px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    background-color: ${brand.green};\r\n    border-radius: 0;\r\n    cursor: pointer;\r\n  }\r\n`;\r\n","import { themes } from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport * as ButtonSharedStyles from '@stories/Components/Buttons/ButtonShared.styles';\r\nimport LinkButtonStyles from '@stories/Components/Buttons/LinkButton/LinkButton.styles';\r\nimport SiteWide from '@stories/Components/Global/SiteWide/SiteWide';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled.nav `\r\n  ${({ themeOption }) => themeOption &&\r\n    css `\r\n      ${themes[themeOption]}\r\n    `}\r\n\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  display: grid;\r\n  height: 56px;\r\n  background: ${cssVar('bgColor')};\r\n  color: ${cssVar('fgColor')};\r\n  transform: translateY(-100%);\r\n  transition: transform 0.3s ease-out;\r\n  width: 100%;\r\n  z-index: 100;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    height: 90px;\r\n  }\r\n\r\n  ${({ visible }) => visible &&\r\n    css `\r\n      transform: translateY(0px);\r\n    `}\r\n`;\r\nconst Inner = styled(SiteWide) `\r\n  display: grid;\r\n  gap: 16px;\r\n  grid-template-columns: 1fr auto;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    gap: 24px;\r\n  }\r\n`;\r\nconst ScrollContainer = styled.div `\r\n  ${scrollbars};\r\n  position: relative;\r\n  display: flex;\r\n  overflow-x: auto;\r\n`;\r\nconst List = styled.ul `\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  align-items: stretch;\r\n  justify-content: flex-start;\r\n`;\r\nconst Item = styled.li `\r\n  position: relative;\r\n  display: grid;\r\n  transition: color 0.15s ease-out;\r\n  white-space: nowrap;\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    display: block;\r\n    background: ${cssVar('accentColor')};\r\n    height: 2px;\r\n    transform: translateX(-50%) scaleY(0);\r\n    transform-origin: center bottom;\r\n    transition: transform 0.15s ease-out;\r\n    width: calc(100% - 32px);\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      height: 5px;\r\n      width: calc(100% - 64px);\r\n    }\r\n  }\r\n\r\n  &[aria-current='true'],\r\n  &:focus-within,\r\n  &:hover {\r\n    color: ${cssVar('accentColor')};\r\n\r\n    &::after {\r\n      transform: translateX(-50%) scaleY(1);\r\n    }\r\n  }\r\n`;\r\nconst Link = styled.a `\r\n  display: grid;\r\n  color: currentColor;\r\n  ${fonts.gotham.light};\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  place-content: center;\r\n  place-items: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n  padding: 0 16px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    font-size: 20px;\r\n    letter-spacing: 0.05em;\r\n    line-height: 28px;\r\n    padding: 0 32px;\r\n  }\r\n`;\r\nconst CtaWrapper = styled.div `\r\n  display: grid;\r\n  align-content: center;\r\n  flex: 0 0 auto;\r\n  margin-left: auto;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    ${LinkButtonStyles.Button} {\r\n      height: 42px;\r\n    }\r\n\r\n    ${ButtonSharedStyles.Text} {\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n    }\r\n  }\r\n\r\n  ${({ mobileCta }) => mobileCta &&\r\n    css `\r\n      ${LinkButtonStyles.Button} {\r\n        &:nth-child(1) {\r\n          display: inline-flex;\r\n\r\n          @media ${until(Device.Tablet)} {\r\n            display: none;\r\n          }\r\n        }\r\n\r\n        &:nth-child(2) {\r\n          display: none;\r\n\r\n          @media ${until(Device.Tablet)} {\r\n            display: inline-flex;\r\n          }\r\n        }\r\n      }\r\n    `}\r\n`;\r\nexport default {\r\n    Container,\r\n    CtaWrapper,\r\n    Inner,\r\n    Item,\r\n    Link,\r\n    List,\r\n    ScrollContainer,\r\n};\r\n","import { ReactComponent as SvgArrowRight } from '@img/icons/arrow-right.svg';\r\nimport LinkButton from '@stories/Components/Buttons/LinkButton/LinkButton';\r\nimport throttle from 'lodash/throttle';\r\nimport * as React from 'react';\r\nimport { useIsomorphicLayoutEffect, useWindowScroll } from 'react-use';\r\nimport AnchorTargetStyles from '../AnchorTarget/AnchorTarget.styles';\r\nimport S from './StickyNavigation.styles';\r\nconst StickyNavigation = ({ cta, items, theme = 'dark' }) => {\r\n    const { y: scrollY } = useWindowScroll();\r\n    const refAnchors = React.useRef([]);\r\n    const refScrollContainer = React.useRef(null);\r\n    const [activeAnchor, setActiveAnchor] = React.useState('');\r\n    useIsomorphicLayoutEffect(() => {\r\n        const anchors = document.querySelectorAll(AnchorTargetStyles.Anchor);\r\n        refAnchors.current = Array.from(anchors);\r\n        const handleScrollThrottled = throttle(handleScroll, 100);\r\n        window.addEventListener('scroll', handleScrollThrottled, { passive: true });\r\n        return () => {\r\n            window.removeEventListener('scroll', handleScrollThrottled);\r\n        };\r\n    }, []);\r\n    return (React.createElement(S.Container, { \"aria-label\": \"In-page Navigation\", themeOption: theme, visible: scrollY > 300 },\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.ScrollContainer, { ref: refScrollContainer },\r\n                React.createElement(S.List, null, items.map((item) => (React.createElement(S.Item, { key: item.id, \"aria-current\": item.anchor === `#${activeAnchor}` },\r\n                    React.createElement(S.Link, { href: item.anchor, \"aria-label\": item.accessibleText }, item.text)))))),\r\n            cta?.text && (React.createElement(S.CtaWrapper, { mobileCta: !!cta.mobileText },\r\n                React.createElement(LinkButton, { icon: SvgArrowRight, href: cta.url, target: cta.target, themeOption: \"white\", title: cta.text, \"aria-label\": cta.accessibleText }),\r\n                cta.mobileText && (React.createElement(LinkButton, { icon: SvgArrowRight, href: cta.url, target: cta.target, themeOption: \"white\", title: cta.mobileText, \"aria-label\": cta.accessibleText })))))));\r\n    function handleScroll() {\r\n        const intersectionY = window.scrollY + window.innerHeight / 2;\r\n        const anchor = refAnchors.current\r\n            .filter((element) => element.offsetTop < intersectionY)\r\n            .reverse()[0];\r\n        const anchorId = anchor?.getAttribute('id');\r\n        setActiveAnchor(anchorId ?? '');\r\n    }\r\n};\r\nexport default StickyNavigation;\r\n","import React from 'react';\r\nimport * as SBS from '../ButtonShared.styles';\r\nimport S from './LinkButton.styles';\r\nconst LinkButton = ({ className, icon, themeOption = 'white', title, ...otherProps }) => {\r\n    let iconComponent;\r\n    if (typeof icon === 'string') {\r\n        iconComponent = (React.createElement(SBS.Icon, { as: \"svg\", \"aria-label\": title },\r\n            React.createElement(\"use\", { href: icon })));\r\n    }\r\n    else if (typeof icon !== 'undefined') {\r\n        iconComponent = React.createElement(SBS.Icon, { as: icon, \"aria-label\": title });\r\n    }\r\n    else {\r\n        iconComponent = undefined;\r\n    }\r\n    return (React.createElement(S.Button, { className: className, themeOption: themeOption, ...otherProps },\r\n        React.createElement(SBS.Text, null, title),\r\n        iconComponent));\r\n};\r\nexport default LinkButton;\r\n","import { css } from 'styled-components';\r\nimport { setCssVar } from './cssVar';\r\nimport greyscale from './grey';\r\nconst brand = {\r\n    black: '#000000',\r\n    grey: greyscale,\r\n    paleGreen: '#F4FCF3',\r\n    lightGreen: '#EAFAE9',\r\n    lightBeige: '#F0EEE6',\r\n    green: '#3CD52F',\r\n    greenGrey: '#75786D',\r\n    paleBurgundy: '#E9D5D8',\r\n    lightBurgundy: '#CF9EA4',\r\n    burgundy: '#76232F',\r\n    white: '#fff',\r\n    validation: {\r\n        invalid: '#da291c',\r\n        valid: '#008c15',\r\n    },\r\n};\r\nexport const beigeTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightBeige)};\r\n  ${setCssVar('bgColorAlt', brand.lightBeige)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const darkTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('bgColorAlt', brand.black)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const lightTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('bgColorAlt', brand.white)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const lightGreenTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightGreen)};\r\n  ${setCssVar('bgColorAlt', brand.paleGreen)};\r\n  ${setCssVar('accentColor', brand.green)};\r\n  ${setCssVar('accentColorAlt', brand.green)};\r\n`;\r\nexport const beigeBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.lightBeige)};\r\n  ${setCssVar('bgColorAlt', brand.lightBeige)};\r\n  ${setCssVar('accentColor', brand.burgundy)};\r\n  ${setCssVar('accentColorAlt', brand.burgundy)};\r\n`;\r\nexport const darkBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.black)};\r\n  ${setCssVar('bgColorAlt', brand.black)};\r\n  ${setCssVar('accentColor', brand.lightBurgundy)};\r\n  ${setCssVar('accentColorAlt', brand.lightBurgundy)};\r\n`;\r\nexport const whiteBurgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.black)};\r\n  ${setCssVar('bgColor', brand.white)};\r\n  ${setCssVar('bgColorAlt', brand.white)};\r\n  ${setCssVar('accentColor', brand.burgundy)};\r\n  ${setCssVar('accentColorAlt', brand.burgundy)};\r\n`;\r\nexport const burgundyTheme = css `\r\n  ${setCssVar('fgColor', brand.white)};\r\n  ${setCssVar('bgColor', brand.burgundy)};\r\n  ${setCssVar('bgColorAlt', brand.burgundy)};\r\n  ${setCssVar('accentColor', brand.white)};\r\n  ${setCssVar('accentColorAlt', brand.white)};\r\n`;\r\nexport const themes = {\r\n    beige: beigeTheme,\r\n    dark: darkTheme,\r\n    light: lightTheme,\r\n    lightGreen: lightGreenTheme,\r\n    beigeBurgundy: beigeBurgundyTheme,\r\n    darkBurgundy: darkBurgundyTheme,\r\n    whiteBurgundy: whiteBurgundyTheme,\r\n    burgundy: burgundyTheme,\r\n};\r\nexport default brand;\r\n","import { hsl } from 'polished';\r\nconst greyscaleValues = [44];\r\nconst greyscale = greyscaleValues.reduce((previous, current) => ({\r\n    ...previous,\r\n    [`grey${current}`]: grey(current),\r\n}), {});\r\nfunction grey(value) {\r\n    return hsl(0, 0, value / 100);\r\n}\r\nexport { greyscale as default, grey };\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    gotham: {\r\n        light: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        lightItalic: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 300;\r\n    `,\r\n        regular: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        mediumItalic: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    `,\r\n        bold: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'HCo Gotham', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n    },\r\n};\r\n","import brand from '@helpers/brand';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nimport { buttonTheme, sharedButtonStyles } from '../ButtonShared.styles';\r\nconst Button = styled.a `\r\n  ${sharedButtonStyles};\r\n\r\n  ${({ themeOption }) => themeOption === 'black' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.black,\r\n        borderColor: brand.black,\r\n        fgColor: brand.white,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.black,\r\n        fgColor: brand.black,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'blackOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.black,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.black,\r\n        borderColor: brand.black,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'white' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.white,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.black,\r\n        borderColor: brand.white,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'whiteOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: rgba(brand.white, 0),\r\n        borderColor: brand.white,\r\n        fgColor: brand.white,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.white,\r\n        fgColor: brand.black,\r\n    })}\r\n      }\r\n    `}\r\n`;\r\nexport default {\r\n    Button,\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 SvgArrowRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 21.27 13.083\"\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    fill: \"none\",\n    stroke: \"currentColor\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M0 6.354h20M14.375.354l6.188 6.188-6.188 6.188\"\n  }))));\n}\n\nexport default __webpack_public_path__ + \"arrow-right-ff7d0990540b46792f39e5124bd99bad.svg\";\nexport { SvgArrowRight as ReactComponent };","import fonts from '@helpers/fonts';\r\nimport { Device, until } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nexport function buttonTheme(theme) {\r\n    const value = css `\r\n    ${theme.bgColor &&\r\n        css `\r\n      --buttonBgColor: ${theme.bgColor};\r\n    `}\r\n\r\n    ${theme.borderColor &&\r\n        css `\r\n      --buttonBorderColor: ${theme.borderColor};\r\n    `}\r\n\r\n    ${theme.fgColor &&\r\n        css `\r\n      --buttonColor: ${theme.fgColor};\r\n    `}\r\n  `;\r\n    return value;\r\n}\r\nexport const sharedButtonStyles = css `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: 0;\r\n  background-color: var(--buttonBgColor);\r\n  border: 1px solid var(--buttonBorderColor);\r\n  border-radius: 5px;\r\n  color: var(--buttonColor);\r\n  height: 50px;\r\n  justify-content: flex-start;\r\n  margin: 0;\r\n  outline: none;\r\n  padding: 0 18px;\r\n  place-content: center;\r\n  place-items: center;\r\n  text-decoration: none;\r\n  transition: background-color 0.15s ease-out, background-size 0.15s ease-out,\r\n    border-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out,\r\n    transform 0.15s ease-out;\r\n  user-select: none;\r\n  width: auto;\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    margin-left: 24px;\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    height: 40px;\r\n    padding: 0 12px;\r\n\r\n    ${() => Icon} {\r\n      margin-left: 12px;\r\n    }\r\n  }\r\n`;\r\nexport const Icon = styled.span `\r\n  display: block;\r\n  height: 24px;\r\n  width: 24px;\r\n`;\r\nexport const Text = styled.span `\r\n  color: currentColor;\r\n  ${fonts.gotham.regular};\r\n  font-size: 16px;\r\n  line-height: 21px;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    font-size: 14px;\r\n    line-height: 18px;\r\n  }\r\n`;\r\n"],"sourceRoot":""}