{"version":3,"sources":["webpack://_N_E/./src/assets/icons/icon-tick.svg","webpack://_N_E/./src/components/checkbox/checkbox.styles.ts","webpack://_N_E/./src/assets/icons/icon-download.svg","webpack://_N_E/./src/components/download/download.styled.ts","webpack://_N_E/./src/components/questions/question.styles.ts"],"names":["CheckboxWrapper","styled","span","theme","slim","css","Input","input","hideVisually","Label","label","align","rem","colors","palette","black","bold","white","borderRadius","medium","mediaQueries","teal","redDark","green","greyLight","small","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_ref","d","fill","_ref2","BOX_PADDING","ICON_RIGHT","Icon","props","viewBox","xmlns","DownloadStyled","figure","components","download","text","background","math","padding","large","Link","a","transparentize","Title","strong","Description","figcaption","MAX_CONTENT_WIDTH","OPTION_PADDING","QuestionContainer","div","QuestionWrapper","attrs","hasDescription","role","undefined","h1","id","p","AlertWrapper","ProgressWrapper","AnswerList","ol","colCount","Answer","li","ButtonWrapper","StyledButton","smallMax","FileWrapper","DownloadLink","InputWrapper","TextFieldWrapper","CheckboxFieldWrapper","Text","TooltipDialogWrapper","CardInnerWrapper","CardOuterWrapper","CommonInputStyles","grey","Fieldset","textarea","fieldset","IntroCopy","H4","H5","CardWrapper","CardTitleWrapper","ButtonIconWrapper","IconButton","button","isInline","zIndex","PlanTitle","TextInputWrapper","DialogLink","inLine","ButtonContentWrapper"],"mappings":"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","file":"static/chunks/9f2b31c94a219e2830ad123b2175adb8f77f32ea.0f88669ace628065128b.js","sourcesContent":["function _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\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M5.333 10.668a.992.992 0 01-.707-.294L.293 6.041a1 1 0 011.415-1.415l3.626 3.627 7.96-7.96a1 1 0 011.415 1.415l-8.667 8.666a1.002 1.002 0 01-.709.293z\",\n  fill: \"currentColor\"\n});\n\nfunction SvgIconTick(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 16 11\"\n  }, props), _ref);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxMSI+CiAgPHBhdGggZD0iTTUuMzMzIDEwLjY2OGEuOTkyLjk5MiAwIDAxLS43MDctLjI5NEwuMjkzIDYuMDQxYTEgMSAwIDAxMS40MTUtMS40MTVsMy42MjYgMy42MjcgNy45Ni03Ljk2YTEgMSAwIDAxMS40MTUgMS40MTVsLTguNjY3IDguNjY2YTEuMDAyIDEuMDAyIDAgMDEtLjcwOS4yOTN6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==\";\nexport { SvgIconTick as ReactComponent };","import IconTick from 'assets/icons/icon-tick.svg';\nimport { hideVisually, rem } from 'polished';\nimport styled, { css } from 'styled-components';\n\nconst CHECKBOX_HEIGHT = 22;\n\ninterface WrapperProps {\n  slim?: boolean;\n}\n\nexport const CheckboxWrapper = styled.span<WrapperProps>`\n  display: flex;\n\n  /* Overrides for \"slim\" variant */\n  ${({ theme, slim }) => {\n    if (slim) {\n      return css`\n        min-height: 0;\n        margin-top: 20px;\n      `;\n    }\n  }}\n`;\n\nexport const Input = styled.input`\n  ${hideVisually()}\n`;\n\ninterface LabelProps {\n  align?: 'center' | 'top';\n  slim?: boolean;\n  bold?: boolean;\n}\n\nexport const Label = styled.label<LabelProps>`\n  position: relative;\n  display: inline-flex;\n  align-items: ${({ align }) => (align === 'top' ? 'flex-start' : 'center')};\n  width: 100%;\n  min-height: ${({ align }) => (align === 'top' ? 'auto' : rem(80))};\n  margin: ${rem(5)} 0; /* Needed for box-shadow to work */\n  padding: ${rem(12)} ${rem(20)} ${rem(12)} ${rem(54)};\n  color: ${({ theme }) => theme.colors.palette.black};\n  font-weight: ${({ bold }) => (bold ? 700 : 400)};\n  font-size: ${rem(16)};\n  line-height: ${rem(CHECKBOX_HEIGHT)};\n  background-color: ${({ theme }) => theme.colors.palette.white};\n  border-radius: ${({ theme }) => theme.borderRadius.medium};\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    min-height: ${({ align, slim }) =>\n      slim ? 0 : align === 'top' ? 'auto' : rem(70)};\n  }\n\n  svg {\n    margin-right: ${rem(12)};\n    margin-left: ${rem(4)};\n  }\n\n  &::before,\n  &::after {\n    position: absolute;\n    top: ${({ align }) => (align === 'top' ? rem(22) : '50%')};\n    left: ${rem(20)};\n    display: inline-block;\n    transform: translateY(-50%);\n    content: '';\n  }\n\n  &::before {\n    width: ${rem(CHECKBOX_HEIGHT)};\n    height: ${rem(CHECKBOX_HEIGHT)};\n    background: white;\n    border: 2px solid ${({ theme }) => theme.colors.palette.black};\n  }\n\n  &::after {\n    width: ${rem(CHECKBOX_HEIGHT)};\n    height: ${rem(CHECKBOX_HEIGHT)};\n  }\n\n  &:hover {\n    &::before {\n      border-color: ${({ theme }) => theme.colors.palette.teal};\n    }\n  }\n\n  ${Input}:focus ~ & {\n    box-shadow:\n      0 0 0 2px ${({ theme }) => theme.colors.palette.redDark},\n      0 0 8px ${({ theme }) => theme.colors.palette.redDark};\n  }\n\n  ${Input}:checked ~ &::before {\n    background-color: ${({ theme }) => theme.colors.palette.green};\n    border-color: ${({ theme }) => theme.colors.palette.green};\n  }\n\n  ${Input}:disabled ~ &::before {\n    border-color: ${({ theme }) => theme.colors.palette.greyLight};\n  }\n\n  ${Input}:disabled:checked ~ &::before {\n    background-color: ${({ theme }) => theme.colors.palette.greyLight};\n  }\n\n  ${Input}[type='checkbox']:checked ~ &::after {\n    background-color: white;\n    mask-image: url('${IconTick}');\n    mask-repeat: no-repeat;\n    mask-size: 15px 10px;\n    mask-position: 60% 55%; /* specific alignment instead of 'center' */\n  }\n\n  ${Input}[type='checkbox'] ~ &::before {\n    border-radius: ${({ theme }) => theme.borderRadius.small};\n  }\n\n  ${Input}[type='radio'] ~ &::before {\n    border-radius: 50%;\n    box-shadow: inset 0 0 0 2px ${({ theme }) => theme.colors.palette.white};\n  }\n\n  /* Overrides for \"slim\" variant */\n  ${({ theme, slim }) => {\n    if (slim) {\n      return css`\n        min-height: 0;\n        padding: 0;\n        padding-left: ${rem(35)};\n        text-align: left;\n        background: none;\n\n        /* stylelint-disable */\n        &::before,\n        &::after {\n          left: 0;\n        }\n      `;\n    }\n  }}\n`;\n","function _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\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M30.77 17.846c-.68 0-1.232.551-1.232 1.231v7.385c0 .68-.55 1.23-1.23 1.23H3.692a1.23 1.23 0 01-1.23-1.23v-7.385a1.23 1.23 0 10-2.462 0v7.385a3.692 3.692 0 003.692 3.692h24.616A3.692 3.692 0 0032 26.462v-7.385c0-.68-.551-1.23-1.23-1.23z\",\n  fill: \"currentColor\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M22.997 16.976a1.23 1.23 0 00-1.71 0l-4.056 4.053V1.23a1.23 1.23 0 10-2.461 0v19.798l-4.053-4.053a1.23 1.23 0 00-1.74 1.74l6.153 6.154a1.23 1.23 0 001.74.002l.003-.002 6.154-6.154a1.23 1.23 0 00-.03-1.74z\",\n  fill: \"currentColor\"\n});\n\nfunction SvgIconDownload(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 32 32\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTMwLjc3IDE3Ljg0NmMtLjY4IDAtMS4yMzIuNTUxLTEuMjMyIDEuMjMxdjcuMzg1YzAgLjY4LS41NSAxLjIzLTEuMjMgMS4yM0gzLjY5MmExLjIzIDEuMjMgMCAwMS0xLjIzLTEuMjN2LTcuMzg1YTEuMjMgMS4yMyAwIDEwLTIuNDYyIDB2Ny4zODVhMy42OTIgMy42OTIgMCAwMDMuNjkyIDMuNjkyaDI0LjYxNkEzLjY5MiAzLjY5MiAwIDAwMzIgMjYuNDYydi03LjM4NWMwLS42OC0uNTUxLTEuMjMtMS4yMy0xLjIzeiIgZmlsbD0iY3VycmVudENvbG9yIi8+CiAgPHBhdGggZD0iTTIyLjk5NyAxNi45NzZhMS4yMyAxLjIzIDAgMDAtMS43MSAwbC00LjA1NiA0LjA1M1YxLjIzYTEuMjMgMS4yMyAwIDEwLTIuNDYxIDB2MTkuNzk4bC00LjA1My00LjA1M2ExLjIzIDEuMjMgMCAwMC0xLjc0IDEuNzRsNi4xNTMgNi4xNTRhMS4yMyAxLjIzIDAgMDAxLjc0LjAwMmwuMDAzLS4wMDIgNi4xNTQtNi4xNTRhMS4yMyAxLjIzIDAgMDAtLjAzLTEuNzR6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==\";\nexport { SvgIconDownload as ReactComponent };","import { ReactComponent as DownloadIcon } from 'assets/icons/icon-download.svg';\nimport { math, padding, rem, transparentize } from 'polished';\nimport styled from 'styled-components';\n\nconst BOX_PADDING = [rem(15), rem(65), rem(15), rem(40)];\nconst ICON_RIGHT = rem(25);\n\nexport const Icon = styled(DownloadIcon)`\n  position: absolute;\n  top: 50%;\n  right: ${ICON_RIGHT};\n  display: inline-block;\n  width: ${rem(20)};\n  height: ${rem(20)};\n  transform: translateY(-50%);\n`;\n\nexport const DownloadStyled = styled.figure`\n  position: relative;\n  margin: 0;\n  color: ${({ theme }) => theme.components.download.text};\n  text-align: left;\n  background-color: ${({ theme }) => theme.components.download.background};\n  border: 2px solid ${({ theme }) => theme.colors.palette.greyLight};\n  border-radius: ${({ theme }) => math(theme.borderRadius.medium + ' * 2')};\n  transition:\n    box-shadow 150ms ease-in-out,\n    border-color 150ms ease-in-out,\n    background-color 150ms ease-in-out,\n    color 150ms ease-in-out;\n  ${padding(...BOX_PADDING)};\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    border-radius: ${({ theme }) => theme.borderRadius.large};\n  }\n`;\n\nexport const Link = styled.a`\n  display: block;\n  margin: ${rem(12)} 0;\n  text-decoration: none;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin: ${rem(12)};\n  }\n\n  &:hover {\n    ${DownloadStyled} {\n      color: ${({ theme }) => theme.colors.palette.white};\n      background-color: ${({ theme }) => theme.colors.palette.redDark};\n      border-color: ${({ theme }) => theme.colors.palette.redDark};\n    }\n  }\n\n  &:focus {\n    outline: 0;\n\n    ${DownloadStyled} {\n      border-color: ${({ theme }) => theme.colors.palette.redDark};\n      box-shadow: 0 0 8px\n        ${({ theme }) => transparentize(0.2, theme.colors.palette.redDark)};\n    }\n  }\n\n  &:focus-visible {\n    box-shadow: none;\n  }\n`;\n\nexport const Title = styled.strong`\n  margin: 0;\n  color: inherit;\n  font-size: 1rem;\n  line-height: 1.2;\n  text-decoration: none;\n`;\n\nexport const Description = styled.figcaption`\n  margin-top: 4px;\n  font-size: ${rem(15)};\n  line-height: 1.3;\n`;\n","import { StyledButton } from 'components/button';\nimport { Label } from 'components/checkbox/checkbox.styles';\nimport { Link as DownloadLink } from 'components/download/download.styled';\nimport { H4, H5 } from 'components/headings';\nimport { Text } from 'components/ui/text';\nimport { hideVisually, rem } from 'polished';\nimport styled, { css } from 'styled-components';\n\nconst MAX_CONTENT_WIDTH = 650;\nconst OPTION_PADDING = rem(14);\n\nexport const Input = styled.input`\n  ${hideVisually()}\n`;\n\nexport const QuestionContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  min-height: 100%;\n  padding: var(--header-height) ${rem(30)} ${rem(40)};\n`;\n\ninterface QuestionWrapperProps {\n  hasDescription?: boolean;\n}\n\n/**\n * Accessibility component.\n *\n * This component needs to wrap the\n * - Title\n * - Description\n * - Answer input fields\n *\n * In order for screen-readers to associate the title and description with the input fields.\n */\nexport const QuestionWrapper = styled.div.attrs(\n  ({ hasDescription = true }: QuestionWrapperProps) => ({\n    role: 'group',\n    'aria-labelledby': 'question-title',\n    'aria-describedby': hasDescription ? 'question-desc' : undefined,\n  })\n)<QuestionWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: ${rem(10)} 0 0;\n`;\n\nexport const Title = styled.h1.attrs(() => ({\n  id: 'question-title',\n}))`\n  margin: ${rem(20)} 0 0;\n  font-size: ${rem(24)};\n  line-height: 1.15;\n  text-align: center;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin-top: ${rem(50)};\n  }\n`;\n\nexport const Description = styled.p.attrs(() => ({\n  id: 'question-desc',\n}))`\n  max-width: ${rem(255)};\n  margin: ${rem(20)} 0 0;\n  font-size: ${rem(20)};\n  line-height: 1.3;\n  text-align: center;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    max-width: ${rem(520)};\n  }\n`;\n\nexport const AlertWrapper = styled.div`\n  width: 100%;\n  max-width: ${rem(MAX_CONTENT_WIDTH)};\n  margin: ${rem(30)} auto 0;\n\n  > * + * {\n    margin-top: ${rem(30)};\n  }\n`;\n\nexport const ProgressWrapper = styled.div`\n  width: 100%;\n  max-width: ${rem(320)};\n  margin: 0 auto;\n`;\n\ninterface AnswerListProps {\n  colCount?: 2;\n}\n\nexport const AnswerList = styled.ol<AnswerListProps>`\n  width: 100%;\n  max-width: ${({ colCount }) =>\n    colCount === 2 ? rem(MAX_CONTENT_WIDTH) : rem(322)};\n  margin: ${rem(20)} 0 0;\n  padding: 0;\n  list-style: none;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin-top: ${rem(40)};\n    columns: ${({ colCount }) => colCount};\n    column-gap: ${rem(10)};\n  }\n`;\n\nexport const Answer = styled.li`\n  & + & {\n    margin: 0;\n  }\n`;\n\nexport const ButtonWrapper = styled.div`\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n  width: 100%;\n  max-width: ${rem(MAX_CONTENT_WIDTH)};\n  margin: ${rem(30)} auto 0;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin-top: ${rem(40)};\n  }\n\n  ${StyledButton} {\n    width: calc(50% - ${rem(6)});\n\n    &:only-child {\n      /* auto margins will override 'justify-content' to center a single button */\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    ${({ theme }) => theme.mediaQueries.small} {\n      width: unset;\n    }\n\n    ${({ theme }) => theme.mediaQueries.smallMax} {\n      width: calc(100% - ${rem(6)});\n    }\n  }\n`;\n\nexport const FileWrapper = styled.div`\n  width: 100%;\n  max-width: ${rem(650)};\n  margin: ${rem(30)} auto;\n\n  ${DownloadLink} {\n    margin-right: 0;\n    margin-left: 0;\n  }\n`;\n\nexport const InputWrapper = styled.div`\n  position: relative;\n  margin-bottom: ${rem(12)};\n`;\n\nexport const TextFieldWrapper = styled.div`\n  width: 100%;\n  max-width: ${rem(650)};\n  margin: ${rem(30)} auto 0;\n  padding: ${rem(42)} ${rem(38)};\n  color: ${({ theme }) => theme.colors.palette.black};\n  font-size: ${rem(16)};\n  background-color: ${({ theme }) => theme.colors.palette.white};\n  border: 0;\n  border-radius: ${({ theme }) => theme.borderRadius.medium};\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    padding: ${rem(60)} ${rem(70)} ${rem(75)};\n  }\n\n  ${({ theme }) => theme.mediaQueries.smallMax} {\n    padding: 1em;\n  }\n`;\n\nexport const CheckboxFieldWrapper = styled(TextFieldWrapper)`\n  ${Text} {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .marginTop {\n    margin-top: 30px;\n  }\n\n  ${Label} ${Input} {\n    height: 50px;\n  }\n`;\n\nexport const TooltipDialogWrapper = styled.div`\n  margin-top: 30px;\n`;\n\nexport const CardInnerWrapper = styled.div`\n  margin: 10px;\n`;\n\nexport const CardOuterWrapper = styled(TextFieldWrapper)`\n  display: flex;\n  flex-direction: column;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    padding: ${rem(30)} ${rem(40)} ${rem(45)};\n  }\n\n  svg {\n    align-self: flex-end;\n    width: 24px;\n    height: 24px;\n  }\n`;\n\nconst CommonInputStyles = css`\n  width: 100%;\n  margin: ${rem(3)} 0 ${rem(20)};\n  padding: ${rem(10)} ${OPTION_PADDING};\n  border: 1px solid ${({ theme }) => theme.colors.palette.grey};\n  border-radius: ${({ theme }) => theme.borderRadius.small};\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n`;\n\nexport const TextField = styled.textarea`\n  resize: vertical;\n  ${CommonInputStyles}\n`;\n\nexport const Fieldset = styled.fieldset`\n  max-width: ${rem(330)};\n  margin: ${rem(60)} auto 0;\n  padding: 0;\n  border: 0;\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin-top: ${rem(70)};\n  }\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  legend {\n    margin-bottom: 1em;\n  }\n\n  label {\n    display: block;\n  }\n\n  input {\n    ${CommonInputStyles}\n  }\n`;\n\nexport const IntroCopy = styled.div`\n  margin-bottom: ${rem(40)};\n  line-height: 1.5;\n\n  > *:first-child {\n    margin-top: 0;\n  }\n\n  &:only-child {\n    margin-bottom: 0;\n  }\n\n  p {\n    margin-top: 0;\n\n    & + p {\n      margin-top: ${rem(20)};\n    }\n  }\n\n  /* a h2 using h4 style */\n  ${H4} ~ ${H4} {\n    margin-top: 2em;\n  }\n\n  /* a h3 using h5 style */\n  ${H5} {\n    margin-top: 1.5em;\n    margin-bottom: 0;\n  }\n\n  > ul {\n    margin-top: 0.3em;\n    padding-left: ${rem(20)};\n  }\n\n  li + li {\n    margin-top: 0.5em;\n  }\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    > ul {\n      margin-top: ${rem(20)};\n      margin-bottom: 0;\n    }\n\n    ${H4} ~ ${H4} {\n      margin-bottom: 1em;\n    }\n  }\n`;\n\nexport const CheckboxWrapper = styled.div`\n  margin: 0 ${rem(-10)} ${rem(-20)};\n  padding: ${rem(20)} ${rem(5)} 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.palette.grey};\n\n  ${({ theme }) => theme.mediaQueries.medium} {\n    margin: 0 ${rem(-20)} ${rem(-30)};\n    padding: ${rem(20)} ${rem(20)} 0;\n  }\n`;\n\nexport const CardWrapper = styled.div`\n  width: 100%;\n  max-width: ${rem(MAX_CONTENT_WIDTH)};\n  margin: ${rem(30)} auto 0;\n`;\n\nexport const CardTitleWrapper = styled.div`\n  display: flex;\n  svg {\n    flex-shrink: 0;\n    align-self: flex-start;\n    width: 24px;\n    height: 24px;\n    margin-right: 10px;\n  }\n`;\n\nexport const ButtonIconWrapper = styled.div`\n  width: 24px;\n  height: 24px;\n  margin-right: 10px;\n`;\n\ninterface IconButtonProps {\n  isInline?: boolean;\n}\n\nexport const IconButton = styled.button<IconButtonProps>`\n  position: ${({ isInline }) => (isInline ? 'absolute' : 'relative')};\n  align-self: flex-end;\n  width: 24px;\n  height: 24px;\n  background: none;\n  border: 0;\n  cursor: pointer;\n\n  ${({ isInline }) => {\n    if (isInline) {\n      return css`\n        right: ${rem(12)};\n        bottom: ${rem(12)};\n        z-index: ${({ theme }) => theme.zIndex[1]};\n        width: 18px;\n        height: 18px;\n      `;\n    }\n  }};\n\n  svg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    &:hover {\n      color: ${({ theme }) => theme.colors.palette.redDark};\n    }\n  }\n`;\n\nexport const PlanTitle = styled(Text)`\n  color: ${({ theme }) => theme.components.text.text};\n  font-weight: bold;\n  text-align: center;\n`;\n\nexport const TextInputWrapper = styled.div`\n  margin-top: 20px;\n`;\n\ninterface DialogLinkProps {\n  inLine?: boolean;\n}\n\nexport const DialogLink = styled.a<DialogLinkProps>`\n  color: ${({ inLine, theme }) =>\n    inLine ? theme.colors.palette.white : theme.colors.palette.black};\n  font-weight: ${({ inLine }) => (inLine ? 600 : 'normal')};\n\n  & + & div {\n    padding-top: 10px;\n  }\n\n  span {\n    text-decoration: underline;\n  }\n\n  svg {\n    margin: 0 6px;\n  }\n`;\n\nexport const ButtonContentWrapper = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: bold;\n\n  &:hover {\n    text-decoration: initial;\n  }\n\n  svg {\n    flex-shrink: 0;\n    width: ${rem(20)};\n    height: ${rem(20)};\n    margin-right: 12px;\n  }\n`;\n"],"sourceRoot":""}