{"version":3,"file":"1388-879fa60e9a7abe86e1ca.js","mappings":"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","sources":["webpack://hyve/./src/helpers/brand.ts","webpack://hyve/./src/helpers/fluid.ts","webpack://hyve/./src/helpers/media.ts","webpack://hyve/./src/helpers/typography.ts","webpack://hyve/./src/stories/Components/Buttons/GeneralButton/Button.styles.tsx","webpack://hyve/./src/stories/Widgets/Global/GlobalStyles/GlobalStyles.tsx"],"sourcesContent":["import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #333333 */\r\n    black: '#333333',\r\n    /** Hex: #000 */\r\n    fullBlack: '#000',\r\n    /** Hex: #fff */\r\n    white: '#fff',\r\n    primary: {\r\n        /** Hex: #FF1932 */\r\n        red: '#FF1932',\r\n        /** Hex: #D1D2D3 */\r\n        grey: '#D1D2D3',\r\n    },\r\n    secondary: {\r\n        /** Hex: #E6054B */\r\n        red1: '#E6054B',\r\n        /** Hex: #D20037 */\r\n        red2: '#D20037',\r\n        /** Hex: #B42855 */\r\n        red3: '#B42855',\r\n        /** Hex: #A00037 */\r\n        red4: '#A00037',\r\n        /** Hex: #87284B */\r\n        red5: '#87284B',\r\n    },\r\n    buff: {\r\n        /** Hex: #FEEFE0 */\r\n        buff1: '#FEEFE0',\r\n        /** Hex: #FFFFE6 */\r\n        buff2: '#FFFFE6',\r\n        /** Hex: #FFEBDC */\r\n        buff3: '#FFEBDC',\r\n        /** Hex: #FFB9A0 */\r\n        buff4: '#FFB9A0',\r\n    },\r\n    tertiary: {\r\n        /** Hex: #0476DC */\r\n        blue: '#0476DC',\r\n        /** Hex: #F4F6F8 */\r\n        buff: '#F4F6F8',\r\n        /** Hex: #509E7D */\r\n        green: '#509E7D',\r\n        /** Hex: #F1749B */\r\n        pink: '#F1749B',\r\n        /** Hex: #E3ACBB */\r\n        pinkAlt: '#E3ACBB',\r\n        /** Hex: #1F1031 */\r\n        purple: '#1F1031',\r\n        /** Hex: #593B91 */\r\n        lightPurple: '#593B91',\r\n    },\r\n    theme: {\r\n        /** Hex: #0476DC */\r\n        blue: '#F4F6F8',\r\n        /** Hex: #F4F6F8 */\r\n        orange: '#FEEFE0',\r\n        /** Hex: #509E7D */\r\n        green: '#F1F7F5',\r\n        /** Hex: #F1749B */\r\n        pink: '#FAEEF1',\r\n    },\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: #F0F0F0 */\r\n        grey94: hsl(0, 0, 0.94),\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.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\nexport function fluidAdjusted(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = (min * 0.8) / PIXELS_PER_REM;\r\n    const maxRem = (max * 0.8) / 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, unit, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\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","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 { css } from 'styled-components';\r\nimport brand from './brand';\r\nimport { fluidAdjusted } from './fluid';\r\nimport { Device, from } from './media';\r\nexport const gradientStyle = css `\r\n  display: inline-block;\r\n  background: linear-gradient(90deg, var(--leftGradient), var(--rightGradient));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n`;\r\nexport const headingStyles = css `\r\n  --leftGradient: ${brand.secondary.red5};\r\n  --rightGradient: ${brand.secondary.red1};\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(16, 18)};\r\n  font-family: var(--fontFamily);\r\n  font-weight: 900;\r\n  padding-bottom: 7px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    letter-spacing: -0.024em;\r\n  }\r\n\r\n  &::selection {\r\n    -webkit-text-fill-color: currentColor;\r\n  }\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluidAdjusted(32, 64)};\r\n  line-height: ${fluidAdjusted(40, 74)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(28, 48)};\r\n  line-height: ${fluidAdjusted(36, 58)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(24, 40)};\r\n  line-height: ${fluidAdjusted(30, 50)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(20, 36)};\r\n  line-height: ${fluidAdjusted(26, 42)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(18, 32)};\r\n  line-height: ${fluidAdjusted(24, 40)};\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(16, 24)};\r\n  line-height: ${fluidAdjusted(20, 30)};\r\n`;\r\nexport const paragraphStyles = css `\r\n  font-family: var(--fontFamily);\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(14, 16)};\r\n  font-weight: 300;\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(18, 28)};\r\n  line-height: ${fluidAdjusted(28, 44)};\r\n`;\r\nexport const paragraphMedium = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(16, 22)};\r\n  line-height: ${fluidAdjusted(26, 36)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(15, 18)};\r\n  line-height: ${fluidAdjusted(24, 28)};\r\n`;\r\nexport const paragraphExSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(13, 13)};\r\n  line-height: ${fluidAdjusted(20, 20)};\r\n`;\r\nexport const paragraphTiny = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(10, 10)};\r\n  line-height: ${fluidAdjusted(16, 16)};\r\n`;\r\nconst CtaStyles = css `\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(14, 16)};\r\n`;\r\nexport const CtaLarge = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(24, 28)};\r\n  line-height: ${fluidAdjusted(28, 32)};\r\n`;\r\nexport const CtaMedium = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(20, 20)};\r\n  line-height: ${fluidAdjusted(24, 24)};\r\n`;\r\nexport const CtaSmall = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(18, 18)};\r\n  line-height: ${fluidAdjusted(22, 22)};\r\n`;\r\nexport const link = css `\r\n  display: inline-block;\r\n  color: ${brand.secondary.red5};\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${brand.secondary.red1};\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.primary.red};\r\n\r\n      td,\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\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.buff.buff2};\r\n      }\r\n\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\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        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  ${paragraphMedium}\r\n  text-align: left;\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  h6,\r\n  .h6-styles {\r\n    ${h6}\r\n  }\r\n\r\n  p {\r\n    ${paragraphMedium}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.large {\r\n    ${paragraphLarge}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.small {\r\n    ${paragraphSmall}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.ex-small {\r\n    ${paragraphExSmall}\r\n  }\r\n\r\n  p.tiny {\r\n    ${paragraphTiny}\r\n  }\r\n\r\n  p.text-align-center {\r\n    text-align: center;\r\n  }\r\n\r\n  p.text-align-right {\r\n    text-align: right;\r\n  }\r\n\r\n  p.text-align-justify {\r\n    text-align: justify;\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: ${fluidAdjusted(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 brand from '@helpers/brand';\r\nimport { fluidAdjusted } from '@helpers/fluid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nconst Text = styled.div `\r\n  transition: transform 0.3s;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n`;\r\nconst ButtonInner = styled.div `\r\n  padding: 14px 4px;\r\n  transition: color 0.3s;\r\n  height: var(--buttonHeight);\r\n  display: flex;\r\n  column-gap: 10px;\r\n  flex-wrap: nowrap;\r\n  align-items: center;\r\n`;\r\nconst LeftEnd = styled.div `\r\n  position: relative;\r\n  height: var(--buttonHeight);\r\n  width: 21px;\r\n  margin-right: -2px;\r\n`;\r\nconst RightEnd = styled.div `\r\n  position: relative;\r\n  height: var(--buttonHeight);\r\n  width: 20px;\r\n  transform: scale(-1);\r\n  margin-left: -2px;\r\n`;\r\nconst Border = styled.div `\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 1;\r\n\r\n  svg {\r\n    height: var(--buttonHeight);\r\n    color: var(--brandColour);\r\n  }\r\n`;\r\nconst Fill = styled.div `\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n\r\n  @supports (-webkit-touch-callout: none) {\r\n    /* CSS specific to iOS devices */\r\n    right: -1px;\r\n  }\r\n\r\n  svg {\r\n    height: var(--buttonHeight);\r\n  }\r\n`;\r\nconst SolidStyles = css `\r\n  ${ButtonInner} {\r\n    border: none;\r\n    border-top: 2.5px solid var(--brandColour);\r\n    border-bottom: 2.5px solid var(--brandColour);\r\n    background-color: var(--brandColour);\r\n    color: var(--textColour);\r\n  }\r\n\r\n  ${Fill} {\r\n    color: var(--brandColour);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    &:hover {\r\n      ${ButtonInner} {\r\n        border-color: var(--brandColour);\r\n        background-color: transparent;\r\n        color: var(--hoverTextColour);\r\n      }\r\n\r\n      ${Fill} {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* &:active {\r\n    ${ButtonInner} {\r\n      border-color: var(--brandColour);\r\n      background-color: var(--activeBgColour);\r\n      color: var(--hoverTextColour);\r\n    }\r\n\r\n    ${Fill} {\r\n      opacity: 0.2;\r\n    }\r\n  } */\r\n`;\r\nconst OutlineStyles = css `\r\n  ${ButtonInner} {\r\n    background-color: transparent;\r\n    color: var(--hoverTextColour);\r\n    border: none;\r\n    border-top: var(--borderThickness) solid var(--brandColour);\r\n    border-bottom: var(--borderThickness) solid var(--brandColour);\r\n  }\r\n\r\n  ${Fill} {\r\n    opacity: 0;\r\n    color: var(--brandColour);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    &:hover {\r\n      ${ButtonInner} {\r\n        border-color: var(--brandColour);\r\n        background-color: var(--brandColour);\r\n        color: var(--textColour);\r\n      }\r\n\r\n      ${Fill} {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  /* &:active {\r\n    ${ButtonInner} {\r\n      border-color: var(--brandColour);\r\n      background-color: var(--activeOutlineBgColour);\r\n      color: var(--textColour);\r\n    }\r\n\r\n    ${Fill} {\r\n      opacity: 0.7;\r\n    }\r\n  } */\r\n\r\n  @supports (-webkit-touch-callout: none) {\r\n    /* CSS specific to iOS devices */\r\n    ${LeftEnd} {\r\n      transform: skewY(-1deg);\r\n      right: -1px;\r\n    }\r\n\r\n    /* Button line fix for Safari MacOS */\r\n    _:default:not(:root:root),\r\n    ${LeftEnd} {\r\n      transform: skewY(-1deg);\r\n      right: -1px;\r\n    }\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  padding-top: 2px;\r\n  transition: transform 0.3s;\r\n  line-height: 0;\r\n\r\n  svg {\r\n    max-height: 22px;\r\n    max-width: 22px;\r\n    width: 100%;\r\n  }\r\n`;\r\nconst LargeStyles = css `\r\n  --buttonHeight: 65px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    --borderThickness: 3.2px;\r\n  }\r\n\r\n  ${ButtonInner} {\r\n    padding: 16px 4px;\r\n    /* border-width: 3px; */\r\n  }\r\n\r\n  ${LeftEnd},\r\n  ${RightEnd} {\r\n    width: 28px;\r\n  }\r\n\r\n  ${Text} {\r\n    font-size: ${fluidAdjusted(18, 28)};\r\n    line-height: ${fluidAdjusted(26, 36)};\r\n  }\r\n\r\n  ${Icon} {\r\n    padding-top: 1px;\r\n  }\r\n`;\r\nconst SmallStyles = css `\r\n  --buttonHeight: 45px;\r\n\r\n  ${ButtonInner} {\r\n    padding: 16px 4px;\r\n    border-width: 2px;\r\n  }\r\n\r\n  ${LeftEnd},\r\n  ${RightEnd} {\r\n    width: 24px;\r\n  }\r\n\r\n  ${Text} {\r\n    font-size: ${fluidAdjusted(14, 14)};\r\n    line-height: ${fluidAdjusted(22, 22)};\r\n  }\r\n\r\n  ${Icon} {\r\n    padding-top: 0;\r\n\r\n    svg {\r\n      max-height: 18px;\r\n      max-width: 18px;\r\n    }\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  --brandColour: ${brand.secondary.red5};\r\n  --textColour: ${brand.black};\r\n  --hoverTextColour: ${brand.white};\r\n  --activeBgColour: ${rgba(brand.secondary.red5, 0.2)};\r\n  --activeOutlineBgColour: ${rgba(brand.secondary.red5, 0.7)};\r\n  --borderThickness: 2.5px;\r\n  --buttonHeight: 58px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: none;\r\n  padding: 0;\r\n  background: transparent;\r\n  user-select: none;\r\n  text-decoration: none;\r\n\r\n  ${Text} {\r\n    font-family: var(--fontFamily);\r\n    font-weight: 900;\r\n    font-size: ${fluidAdjusted(16, 20)};\r\n    line-height: ${fluidAdjusted(21, 26)};\r\n    margin-top: 0;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  &[data-branding='red'] {\r\n    --brandColour: ${brand.secondary.red5};\r\n    --textColour: ${brand.white};\r\n    --hoverTextColour: ${brand.secondary.red5};\r\n    --activeBgColour: ${rgba(brand.secondary.red5, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.secondary.red5, 0.7)};\r\n  }\r\n\r\n  &[data-branding='peach'] {\r\n    --brandColour: ${brand.buff.buff4};\r\n    --textColour: ${brand.secondary.red5};\r\n    --hoverTextColour: ${brand.secondary.red5};\r\n    --activeBgColour: ${rgba(brand.buff.buff4, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.buff.buff4, 0.7)};\r\n  }\r\n\r\n  &[data-branding='purple'] {\r\n    --brandColour: ${brand.tertiary.pinkAlt};\r\n    --textColour: ${brand.secondary.red5};\r\n    --hoverTextColour: ${brand.secondary.red5};\r\n    --activeBgColour: ${rgba(brand.tertiary.pinkAlt, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.tertiary.pinkAlt, 0.7)};\r\n  }\r\n\r\n  &[data-branding='white'] {\r\n    --brandColour: ${brand.white};\r\n    --textColour: ${brand.black};\r\n    --hoverTextColour: ${brand.white};\r\n    --activeBgColour: ${rgba(brand.white, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.white, 0.7)};\r\n  }\r\n\r\n  &[data-branding='pink'] {\r\n    --brandColour: ${brand.tertiary.pinkAlt};\r\n    --textColour: ${brand.black};\r\n    --hoverTextColour: ${brand.black};\r\n    --activeBgColour: ${rgba(brand.tertiary.pinkAlt, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.tertiary.pinkAlt, 0.7)};\r\n  }\r\n\r\n  &[data-branding='black'] {\r\n    --brandColour: ${brand.black};\r\n    --textColour: ${brand.white};\r\n    --hoverTextColour: ${brand.black};\r\n    --activeBgColour: ${rgba(brand.black, 0.2)};\r\n    --activeOutlineBgColour: ${rgba(brand.black, 0.7)};\r\n  }\r\n\r\n  ${({ styleType }) => {\r\n    switch (styleType) {\r\n        case 'solid':\r\n            return SolidStyles;\r\n        case 'outline':\r\n            return OutlineStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ iconPosition }) => {\r\n    switch (iconPosition) {\r\n        case 'right':\r\n            return hideText;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  ${({ size }) => {\r\n    switch (size) {\r\n        case 'small':\r\n            return SmallStyles;\r\n        case 'large':\r\n            return LargeStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n\r\n  @media (hover: hover) {\r\n    &:hover {\r\n      ${Text} {\r\n        transform: translateX(2px);\r\n      }\r\n      ${Icon} {\r\n        transform: translateX(-2px);\r\n      }\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n    outline-offset: 3px;\r\n    outline-color: currentColor;\r\n  }\r\n`;\r\nexport const ButtonStyles = {\r\n    Border,\r\n    Button,\r\n    ButtonInner,\r\n    Fill,\r\n    Icon,\r\n    LeftEnd,\r\n    RightEnd,\r\n    Text,\r\n};\r\n","import addToCalendarCss from '@culturehq/add-to-calendar/dist/styles.css?raw';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport BodyBgAlt from '@img/shapes/body-bg-alt.png';\r\nimport BodyBg from '@img/shapes/body-bg.png';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/GeneralButton/Button.styles';\r\nimport { createGlobalStyle } from 'styled-components';\r\nimport resetCss from '../../../../client/reset.css?raw';\r\nimport { fluid, fluidAdjusted } from '@helpers/fluid';\r\nimport { gradientStyle, headingStyles } from '@helpers/typography';\r\nimport brand from '@helpers/brand';\r\n// TODO: import font\r\nconst GlobalStyles = createGlobalStyle `\r\n  // TODO: font  \r\n  ${resetCss}\r\n  ${addToCalendarCss}\r\n\r\n  :root {\r\n    --global--site-padding: ${fluid(18, 140, Device.Mobile, Device.ActualDesktop)};\r\n    --accentColor: initial;\r\n    --accentContrastColor: initial;\r\n    --bgColor: initial;\r\n    --fgColor: initial;\r\n    --gutterWidth: initial;\r\n    --headerHeight: initial;\r\n    --sectionSpacing: initial;\r\n    --sitePadding: initial;\r\n    --siteWidth: initial;\r\n    --fontFamily: 'sofia-pro', sans-serif;\r\n  }\r\n\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n  // TODO: font and colour styles\r\n    overscroll-behavior-x: none;\r\n    font-family: var(--fontFamily);\r\n\r\n    background-image: url(${BodyBg});\r\n    background-size: 100% auto;\r\n    background-position: center 100vh;\r\n    background-repeat: repeat-y;\r\n\r\n    &[data-page-theme='pink'] {\r\n      background-image: url(${BodyBgAlt});\r\n    }\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  span {\r\n    display: inline-block;\r\n  }\r\n\r\n  sup {\r\n    position: relative;\r\n    top: -0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  .hidden {\r\n    display: none;\r\n    visibility: none;\r\n  }\r\n\r\n  #main {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding-top: var(--headerHeight);\r\n  }\r\n\r\n  .article-content-layout {\r\n    &__grid {\r\n      display: grid;\r\n      column-gap: var(--gutterWidth);\r\n      grid-template-columns: repeat(12, 1fr);\r\n      position: relative;\r\n      z-index: 2;\r\n\r\n      @media ${until(Device.Tablet)} {\r\n        row-gap: 32px;\r\n      }\r\n    }\r\n\r\n    &__container {\r\n      position: relative;\r\n      display: block;\r\n    }\r\n\r\n    &__section-wrapper {\r\n      --sectionSpacingTop: 40px;\r\n      --sectionSpacingBottom: 40px;\r\n\r\n      position: relative;\r\n      scroll-margin: var(--headerHeight) 0 0;\r\n\r\n      @media ${from(Device.Tablet)} {\r\n        --sectionSpacingTop: 60px;\r\n        --sectionSpacingBottom: 60px;\r\n      }\r\n\r\n      &[data-allow-scroll-margin='true'] {\r\n        overflow: clip;\r\n      }\r\n\r\n      &[data-flush='top'] {\r\n        --sectionSpacingTop: 0;\r\n\r\n        @media ${from(Device.Tablet)} {\r\n          --sectionSpacingTop: 0;\r\n        }\r\n      }\r\n\r\n      &[data-flush='bottom'] {\r\n        --sectionSpacingBottom: 0;\r\n\r\n        @media ${from(Device.Tablet)} {\r\n          --sectionSpacingBottom: 0;\r\n        }\r\n      }\r\n\r\n      &[data-flush='both'] {\r\n        --sectionSpacingTop: 0;\r\n        --sectionSpacingBottom: 0;\r\n\r\n        @media ${from(Device.Tablet)} {\r\n          --sectionSpacingTop: 0;\r\n          --sectionSpacingBottom: 0;\r\n        }\r\n      }\r\n\r\n      /* Negative margin bottom to force overlap */\r\n      &[data-overlap-bottom='true'] {\r\n        margin-bottom: calc(var(--sectionSpacingBottom) * -1);\r\n      }\r\n    }\r\n\r\n    &__section-wrapper-inner {\r\n      --sitePadding: 24px;\r\n      --siteWidth: 1700px;\r\n      --gutterWidth: 16px;\r\n      margin: 0 auto;\r\n      max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n      padding: 0 var(--sitePadding);\r\n      width: 100%;\r\n\r\n      @media ${from(Device.Tablet)} {\r\n        --gutterWidth: 32px;\r\n      }\r\n      color: var(--fgColor);\r\n      padding-top: var(--sectionSpacingTop);\r\n      padding-bottom: var(--sectionSpacingBottom);\r\n    }\r\n\r\n    &__main-content {\r\n      grid-column: span 12;\r\n\r\n      @media ${from(Device.TabletLarge)} {\r\n        grid-column: 1 / span 7;\r\n      }\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        grid-column: 2 / span 6;\r\n      }\r\n    }\r\n\r\n    &__side-content {\r\n      grid-column: span 12;\r\n\r\n      @media ${from(Device.TabletLarge)} {\r\n        grid-column: 8 / span 4;\r\n      }\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        grid-column: 8 / span 4;\r\n      }\r\n    }\r\n  }\r\n\r\n  .site-map {\r\n    --sitePadding: 24px;\r\n    --headerClearance: ${fluid(120, 200)};\r\n    \r\n    max-width: 1820px;\r\n    padding: var(--headerClearance) var(--sitePadding) 100px;\r\n    margin: 0 auto;\r\n    \r\n    @media ${from(Device.Tablet)} {\r\n      --sitePadding: 60px;\r\n    }\r\n\r\n    h1 {\r\n      ${headingStyles}\r\n      ${gradientStyle};\r\n      --titleColor: ${brand.secondary.red5};\r\n      font-size: ${fluidAdjusted(32, 64)};\r\n      line-height: ${fluidAdjusted(60, 90)};\r\n      color: var(--titleColor);\r\n      position: relative;\r\n    }\r\n\r\n    ul {\r\n      list-style: circle;\r\n      padding-left: 18px;\r\n      line-height: 1.5;\r\n\r\n      ul {\r\n        margin-left: var(--sitePadding);\r\n        padding-left: 0;\r\n      }\r\n    }\r\n\r\n    li {\r\n      margin-bottom: .5em;\r\n\r\n      &:first-child {\r\n        margin-top: .5em;\r\n      }\r\n    }\r\n\r\n    a {\r\n      color: inherit;\r\n    }\r\n  }\r\n\r\n  /* Button line fix for Safari MacOS */\r\n  _:default:not(:root:root),\r\n  ${ButtonStyles.Fill} {\r\n    right: -1px;\r\n  }\r\n`;\r\nexport default GlobalStyles;\r\n"],"names":["black","fullBlack","white","primary","red","grey","secondary","red1","red2","red3","red4","red5","buff","buff1","buff2","buff3","buff4","tertiary","blue","green","pink","pinkAlt","purple","lightPurple","theme","orange","validation","invalid","valid","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey94","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","DEFAULT_MAX_VALUE","fluid","min","max","minRem","maxRem","minWidthRem","arguments","length","undefined","slope","yAxisIntersection","round","fluidAdjusted","fluidUnit","unit","minWidth","num","Math","from","size","until","between","start","end","gradientStyle","css","headingStyles","brand","h1","h2","h3","h4","h5","h6","paragraphStyles","paragraphLarge","paragraphMedium","paragraphSmall","paragraphExSmall","paragraphTiny","CtaStyles","CtaMedium","link","table","blockquote","contentStyles","Text","styled","displayName","componentId","ButtonInner","LeftEnd","RightEnd","Border","Fill","SolidStyles","OutlineStyles","hideText","Icon","LargeStyles","SmallStyles","ButtonStyles","Button","rgba","_ref","styleType","_ref2","iconPosition","_ref3","createGlobalStyle","BodyBg","BodyBgAlt"],"sourceRoot":""}