{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.tsx","webpack:///./src/helpers/grid.ts","webpack:///./src/img/icons/blockquote-icon.svg","webpack:///./src/stories/Components/SectionWrapper/SectionWrapper.styles.ts","webpack:///./src/helpers/brand.ts","webpack:///./src/helpers/fluid.ts","webpack:///./src/stories/Components/Breadcrumb/Breadcrumb.styles.ts","webpack:///./src/stories/Components/Breadcrumb/Breadcrumb.tsx","webpack:///./src/helpers/typography.ts","webpack:///./src/helpers/fonts.ts","webpack:///./src/helpers/scrollbars.ts","webpack:///./src/helpers/animate.ts"],"names":["Device","from","size","until","between","start","end","SectionWrapper","React","ref","children","layout","hideOverflow","otherProps","S","Container","Inner","displayName","SitePadding","SiteWidth","siteWide","css","TabletLarge","baseGrid","fluid","_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgBlockquoteIcon","props","viewBox","xmlns","d","fill","fillRule","SectionWrapperStyles","styled","section","div","brand","beige","beigeDark","black","green","greenBright","greyLight","greyMid","greyDark","pink","white","validation","invalid","valid","textShadow","rgba","DEFAULT_MIN_VALUE","TabletSmall","DEFAULT_MAX_VALUE","ActualDesktop","min","max","minWidth","maxWidth","minRem","maxRem","minWidthRem","maxWidthRem","slope","yAxisIntersection","clampMin","round","clampVal","clampMax","num","Math","BreadcrumbStyles","BackgroundValues","List","ul","scrollbars","Item","li","paragraphSmall","ItemLink","a","Breadcrumb","background","items","spacingBelow","White","map","item","href","url","title","text","undefined","headingStyles","fonts","zahrah","medium","h1","h2","h3","h4","h5","h6","paragraphStyles","brandonGrotesque","regular","paragraphLarge","paragraphMedium","paragraphMicro","tagLarge","bold","tag","tagSmall","link","transition","table","blockquote","svgBlockQuoteIcon","contentStyles","thin","thinItalic","light","lightItalic","regularItalic","mediumItalic","boldItalic","blackItalic","semiBold","scrollBarStyles","scrollBarsAll","cubicEaseOut","shouldAnimate","innerCss","properties","duration","timing","scrollTo","y","disabled","document","querySelector","window","top","behavior"],"mappings":"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","file":"95-9c4d3580a396b8045d83.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[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletMedium\"] = 896] = \"TabletMedium\";\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 * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef(({ children, layout = 'default', hideOverflow, ...otherProps }, ref) => {\r\n    switch (layout) {\r\n        case 'fullWidth':\r\n            return (React.createElement(S.Container, { ref: ref, \"data-hide-overflow\": hideOverflow, ...otherProps }, children));\r\n        case 'default':\r\n        default:\r\n            return (React.createElement(S.Container, { ref: ref, \"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 { Device, from } from '@helpers/media';\r\nimport { css } from 'styled-components';\r\nimport { fluid } from './fluid';\r\nexport const SitePadding = 18;\r\nexport const SiteWidth = 1240;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\r\n  --sitePadding: ${SitePadding}px;\r\n  --siteWidth: ${SiteWidth}px;\r\n  --maxWidth: calc(var(--siteWidth) + (var(--sitePadding) * 2));\r\n\r\n  margin: 0 auto;\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    width: min(calc(75% + (var(--sitePadding) * 2)), var(--maxWidth));\r\n  }\r\n`;\r\nexport const baseGrid = css `\r\n  --gutterWidth: ${fluid(10, 40)};\r\n\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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 SvgBlockquoteIcon(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 1200 1200\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M54 728.45c0 138.57 112.33 250.91 250.91 250.91s250.91-112.33 250.91-250.91c0-136.87-109.64-248.07-245.87-250.78 63.348-62.125 150.11-100.5 245.87-100.5l.004-150.54c-277.14 0-501.82 224.68-501.82 501.82zm1104-501.82c-277.14 0-501.82 224.68-501.82 501.82 0 138.57 112.34 250.91 250.91 250.91S1158 867.03 1158 728.45c0-136.87-109.64-248.07-245.87-250.78 63.348-62.125 150.12-100.5 245.87-100.5z\",\n    fill: \"currentColor\",\n    fillRule: \"evenodd\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"f328a34411117476e91b24f457d832a0.svg\";\nexport { SvgBlockquoteIcon as ReactComponent };","import { fluid } from '@helpers/fluid';\r\nimport { siteWide } from '@helpers/grid';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacing: ${fluid(48, 96)};\r\n  scroll-margin: var(--headerScrollHeight) 0 0;\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 { rgba } from 'polished';\r\nconst brand = {\r\n    beige: '#F4F3EE',\r\n    beigeDark: '#E9E7DD',\r\n    black: '#000000',\r\n    green: '#9DAD98',\r\n    greenBright: '#889E83',\r\n    greyLight: '#F4F3EE',\r\n    greyMid: '#BEBEBE',\r\n    greyDark: '#2B2E34',\r\n    pink: '#FF8C93',\r\n    white: '#ffffff',\r\n    validation: {\r\n        invalid: '#DA291C',\r\n        valid: '#008C15',\r\n    },\r\n};\r\nexport default brand;\r\nexport const textShadow = `drop-shadow(0px 0px 6px ${rgba(brand.greyDark, 0.5)})`;\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.TabletSmall;\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 * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  &[data-background='beige'] {\r\n    background-color: ${brand.beige};\r\n\r\n    &[data-spacing-below='true'] {\r\n      padding-bottom: var(--sectionSpacing);\r\n    }\r\n  }\r\n\r\n  &[data-background='white'] {\r\n    background-color: ${brand.white};\r\n\r\n    &[data-spacing-below='true'] {\r\n      margin-bottom: var(--sectionSpacing);\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\nconst List = styled.ul `\r\n  overflow: auto;\r\n  white-space: nowrap;\r\n\r\n  ${scrollbars};\r\n`;\r\nconst Item = styled.li `\r\n  ${paragraphSmall};\r\n\r\n  line-height: ${fluid(52, 52)};\r\n  display: inline-block;\r\n  margin: 0 8px 0 0;\r\n\r\n  &::after {\r\n    content: '\\\\003E';\r\n    margin-left: 8px;\r\n  }\r\n\r\n  &:last-child {\r\n    &::after {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst ItemLink = styled.a `\r\n  color: ${brand.black};\r\n  text-decoration: none;\r\n  text-underline-position: under;\r\n\r\n  &[aria-current='location'],\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst BreadcrumbStyles = {\r\n    Container,\r\n    List,\r\n    Item,\r\n    ItemLink,\r\n};\r\nexport default BreadcrumbStyles;\r\n","import * as React from 'react';\r\nimport S from './Breadcrumb.styles';\r\nexport var BackgroundValues;\r\n(function (BackgroundValues) {\r\n    BackgroundValues[\"Beige\"] = \"beige\";\r\n    BackgroundValues[\"White\"] = \"white\";\r\n})(BackgroundValues || (BackgroundValues = {}));\r\nconst Breadcrumb = ({ background, items, spacingBelow = true }) => {\r\n    return (React.createElement(S.Container, { \"data-background\": background && background !== '' ? background : BackgroundValues.White, \"data-spacing-below\": spacingBelow },\r\n        React.createElement(S.List, { \"aria-label\": \"breadcrumb\" }, items.map((item, i) => (React.createElement(S.Item, { key: `breadcrumb-${i}` },\r\n            React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === items.length - 1 ? 'location' : undefined }, item.text)))))));\r\n};\r\nexport default Breadcrumb;\r\n","import svgBlockQuoteIcon from '@img/icons/blockquote-icon.svg';\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  color: currentColor;\r\n  ${fonts.zahrah.medium};\r\n  margin: 0 0 ${fluid(16, 18)};\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    letter-spacing: -0.035em;\r\n  }\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluid(36, 52)};\r\n  line-height: ${fluid(42, 58)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(32, 46)};\r\n  line-height: ${fluid(38, 52)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(28, 36)};\r\n  line-height: ${fluid(34, 42)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(24, 32)};\r\n  line-height: ${fluid(30, 38)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(20, 26)};\r\n  line-height: ${fluid(26, 32)};\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(24, 26)};\r\n`;\r\nconst paragraphStyles = css `\r\n  color: currentColor;\r\n  ${fonts.brandonGrotesque.regular};\r\n  margin: 0 0 ${fluid(14, 16)};\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n`;\r\nexport const paragraphMedium = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(24, 26)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: ${fluid(22, 24)};\r\n`;\r\nexport const paragraphMicro = css `\r\n  ${paragraphStyles};\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n`;\r\nexport const tagLarge = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(18, 20)};\r\n  line-height: ${fluid(20, 22)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\r\n`;\r\nexport const tag = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(16, 18)};\r\n  line-height: ${fluid(18, 20)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\r\n`;\r\nexport const tagSmall = css `\r\n  ${paragraphStyles};\r\n  ${fonts.brandonGrotesque.bold};\r\n  font-size: ${fluid(12, 14)};\r\n  line-height: ${fluid(14, 16)};\r\n  letter-spacing: 0.01em;\r\n  text-transform: uppercase;\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.green}),\r\n    var(--accentColor, ${brand.green})\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-offset: 3px;\r\n\r\n  ${transition('background-size, color')};\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &.focus-ring,\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n    color: ${brand.white};\r\n    text-decoration: none;\r\n  }\r\n`;\r\nexport const table = css `\r\n  background: ${brand.white};\r\n  border-collapse: collapse;\r\n  color: ${brand.black};\r\n  margin-bottom: 1em;\r\n  width: 100%;\r\n\r\n  thead {\r\n    tr {\r\n      background: ${brand.green};\r\n\r\n      td,\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        ${fonts.zahrah.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      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:nth-child(odd) {\r\n        background: ${brand.white};\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        background: ${brand.beige};\r\n      }\r\n\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        ${fonts.zahrah.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      }\r\n\r\n      td {\r\n        border: 2px solid ${brand.white};\r\n        ${fonts.brandonGrotesque.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  position: relative;\r\n  ${paragraphLarge}\r\n  ${fonts.brandonGrotesque.bold}\r\n  padding-top: 66px;\r\n  text-align: left;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: block;\r\n    background-image: url(${svgBlockQuoteIcon});\r\n    height: 50px;\r\n    width: 50px;\r\n  }\r\n`;\r\nexport const contentStyles = css `\r\n  h1,\r\n  .h1-styles {\r\n    ${h1}\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h2}\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h3}\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h4}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h5}\r\n  }\r\n\r\n  p {\r\n    ${paragraphMedium}\r\n  }\r\n\r\n  p.large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  p.small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  p.tag-large,\r\n  .tag-large {\r\n    ${tagLarge};\r\n  }\r\n\r\n  p.tag,\r\n  .tag {\r\n    ${tag};\r\n  }\r\n\r\n  p.tag-small,\r\n  .tag-small {\r\n    ${tagSmall};\r\n  }\r\n\r\n  p.tag,\r\n  .tag,\r\n  p.tag-large,\r\n  .tag-large,\r\n  p.tag-small,\r\n  .tag-small {\r\n    margin: 0 0 ${fluid(12, 14)};\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    margin: 0 0 0.5em;\r\n\r\n    li {\r\n      margin: 0 0 0.33em;\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\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 { css } from 'styled-components';\r\nexport default {\r\n    brandonGrotesque: {\r\n        thin: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 100;\r\n    `,\r\n        thinItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 100;\r\n    `,\r\n        light: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 300;\r\n    `,\r\n        lightItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 300;\r\n    `,\r\n        regular: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        mediumItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        black: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 900;\r\n    `,\r\n        blackItalic: css `\r\n      font-family: 'Brandon Grotesque', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 900;\r\n    `,\r\n    },\r\n    zahrah: {\r\n        regular: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Zahrah', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n    },\r\n};\r\n","import { css } from 'styled-components';\r\nimport brand from './brand';\r\nconst scrollBarStyles = css `\r\n  &::-webkit-scrollbar-track {\r\n    background-color: ${brand.beige};\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    background-color: ${brand.beige};\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/* For areas where scrollbar styles should always be used (eg. Moments Magazine issues list) */\r\nexport const scrollBarsAll = scrollBarStyles;\r\nexport default css `\r\n  /* @note: This is an attempt to use default scrollbars on touch devices */\r\n  @media (hover: hover) or (pointer: fine) {\r\n    ${scrollBarStyles};\r\n  }\r\n`;\r\n","import { css } from 'styled-components';\r\nexport const inViewMargin = '0px 0px -35% 0px';\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\r\nexport const disableAnimationClass = '.equally-ai___toolbox-disable-buttons-animations';\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: ${properties};\r\n    transition-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `);\r\n};\r\nexport function scrollTo(y) {\r\n    const disabled = document.querySelector(disableAnimationClass);\r\n    window.scrollTo({\r\n        top: y,\r\n        behavior: !disabled ? 'smooth' : 'auto',\r\n    });\r\n}\r\n"],"sourceRoot":""}