{"version":3,"file":"researcher-d11cb09f9a737a94f7ac.js","mappings":";;;;;;;;;;AAYA;;;;;;;;;ACAA;;;;;;;;;ACAA;;;;;;;;;ACAA;;ACaA;AAEA;;;;;ACnBA;;;;;ACAA;;;;;ACAA;;;;;ACAA;;ACiBA;;ACnBA;;;;;;;;;;;;;ACYA;;ACPA;;;AANA;;;AAAA;;AAgBA;;AAEA;;;AAlBA;;;AAAA;;AA4BA;;;;;;;;;;;;ACjBA;;;;;;;ACLA","sources":["webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/bottom-enter.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/left-enter.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/right-enter.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/top-enter.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/styles/fade-in.style.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/bottom-leave.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/left-leave.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/right-leave.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/fx/top-leave.js","webpack://beag.ly/./react/applications/researcher/blocks/modal/backdrop/styles/fade-out.style.js","webpack://beag.ly/./react/applications/researcher/blocks/preloader/preloader.style.js","webpack://beag.ly/./react/applications/researcher/blocks/linear-progress/linear-progress.jsx","webpack://beag.ly/./react/applications/researcher/blocks/toggle/toggle.style.js","webpack://beag.ly/./react/applications/researcher/blocks/elements/element/email-verification-input/email-verification-input.css.js","webpack://beag.ly/./react/applications/researcher/blocks/page/content-page/content-page.css.js"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(160px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n`;\nexport const bottomEnter = css`\n  animation: ${Animation} 0.64s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-160px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0px);\n  }\n`;\nexport const leftEnter = css`\n  animation: ${Animation} 0.64s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(160px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0px);\n  }\n`;\nexport const rightEnter = css`\n  animation: ${Animation} 0.64s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-160px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n`;\nexport const topEnter = css`\n  animation: ${Animation} 0.64s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nimport { topEnter, rightEnter, leftEnter, bottomEnter } from '../fx';\n\nfunction getContentInFx(align) {\n  switch (align) {\n    case 'bottom':\n    case 'bottomLeft':\n    case 'bottomRight':\n      return bottomEnter;\n    case 'left':\n      return leftEnter;\n    case 'right':\n      return rightEnter;\n    case 'top':\n    case 'topLeft':\n    case 'topRight':\n    default:\n      return topEnter;\n  }\n}\n\nexport default (align, opacity) => {\n  const Animation = keyframes`\n    from { opacity: 0 }\n    to { opacity: ${opacity} }\n  `;\n  return css`\n    :before {\n      animation: ${Animation} 1.2s ease forwards;\n      will-change: opacity;\n    }\n    > * {\n      ${getContentInFx(align)}\n    }\n  `;\n};\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  to {\n    opacity: 0;\n    transform: translateY(160px);\n  }\n`;\nexport const bottomLeave = css`\n  animation: ${Animation} 0.4s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  to {\n    opacity: 0;\n    transform: translateX(-160px);\n  }\n`;\nexport const leftLeave = css`\n  animation: ${Animation} 0.4s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  to {\n    opacity: 0;\n    transform: translateX(160px);\n  }\n`;\nexport const rightLeave = css`\n  animation: ${Animation} 0.4s ease forwards;\n  will-change: opacity, transforml;\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst Animation = keyframes`\n  to {\n    opacity: 0;\n    transform: translateY(-160px);\n  }\n`;\nexport const topLeave = css`\n  animation: ${Animation} 0.4s ease forwards;\n  will-change: opacity, transform;\n`;\n","import { css, keyframes } from '@emotion/react';\nimport { topLeave, rightLeave, leftLeave, bottomLeave } from '../fx';\n\nexport function getContentOutFx(align) {\n  switch (align) {\n    case 'bottom':\n    case 'bottomLeft':\n    case 'bottomRight':\n      return bottomLeave;\n    case 'left':\n      return leftLeave;\n    case 'right':\n      return rightLeave;\n    case 'top':\n    case 'topLeft':\n    case 'topRight':\n    default:\n      return topLeave;\n  }\n}\n\nexport default (align) => {\n  const Animation = keyframes`\n    to { opacity: 0 }\n  `;\n  return css`\n    :before {\n      animation: ${Animation} 0.4s ease forwards;\n      will-change: opacity;\n    }\n    > * {\n      ${getContentOutFx(align)}\n      pointer-events: none;\n    }\n  `;\n};\n","/** @jsx jsx */\nimport { css, keyframes } from '@emotion/react';\nimport get from 'lodash/get';\n\nconst spin = keyframes`\n  to { transform: rotate(360deg); }\n`;\n\nexport const spinnerCss =\n  ({ blockLevel, isCompact, isWhite }) =>\n  ({ color }) =>\n    [\n      css`\n        .preloader__label {\n          font-size: 12px;\n          line-height: 40px;\n          text-align: center;\n          white-space: nowrap;\n        }\n        .preloader__spinner {\n          animation: ${spin} 0.35s linear infinite;\n          border: 3px solid transparent;\n          border-top-color: ${get(color, 'primary', 'currentColor')};\n          border-radius: 50%;\n          box-sizing: border-box;\n          margin: auto;\n          width: 24px;\n          height: 24px;\n          will-change: transform;\n        }\n      `,\n      blockLevel &&\n        css`\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: absolute;\n          top: 0;\n          left: 0;\n          bottom: 0;\n          right: 0;\n        `,\n      isCompact &&\n        css`\n          .preloader__spinner {\n            border-width: 2px;\n            width: 21px;\n            height: 21px;\n          }\n        `,\n      isWhite &&\n        css`\n          color: ${color.white};\n          .preloader__spinner {\n            border-top-color: rgba(255, 255, 255, 0.7);\n          }\n        `,\n    ];\n","/** @jsx jsx */\nimport { jsx, css, keyframes } from '@emotion/react';\n\nconst animation = keyframes`\n  0% {\n    background-size: 200% 100%;\n    background-position: left -31.25% top 0%;\n  }\n  50% {\n    background-size: 800% 100%;\n    background-position: left -49% top 0%;\n  }\n  100% {\n    background-size: 400% 100%;\n    background-position: left -102% top 0%;\n  }\n`;\n\nconst styles = (theme) => css`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: none;\n  height: 4px;\n  color: ${theme.color.color1};\n  background-color: ${theme.color.gray2};\n  font-size: 16px;\n  width: 100%;\n  will-change: background;\n\n  &::-webkit-progress-bar {\n    background-color: transparent;\n  }\n  &::-webkit-progress-value {\n    background-color: currentColor;\n    transition: all 0.2s;\n  }\n  &::-moz-progress-bar {\n    background-color: currentColor;\n    transition: all 0.2s;\n  }\n  &::-ms-fill {\n    border: none;\n    background-color: currentColor;\n    transition: all 0.2s;\n  }\n  &:indeterminate {\n    animation: ${animation} 2s infinite linear;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      to right,\n      transparent 50%,\n      currentColor 50%,\n      currentColor 60%,\n      transparent 60%,\n      transparent 71.5%,\n      currentColor 71.5%,\n      currentColor 84%,\n      transparent 84%\n    );\n  }\n  &:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n  &:indeterminate::-ms-fill {\n    animation-name: none;\n  }\n`;\n\nconst LinearPropgress = () => <progress css={styles} />;\n\nexport default LinearPropgress;\n","/** @jsx jsx */\nimport { css, keyframes } from '@emotion/react';\n\nconst defaultHeight = 24;\nconst defaultWidth = 40;\nconst defaultOffset = (defaultWidth - defaultHeight) / 2;\nconst defaultDistortion = 2;\nconst defaultSpeed = '0.4s';\n\nconst toggleOn = keyframes`\n  50% {\n    width: ${defaultHeight + defaultDistortion}px;\n  }\n  from {\n    transform: translateX(-${defaultOffset}px);\n  }\n  to {\n    transform: translateX(${defaultOffset}px);\n  }\n`;\n\nconst toggleOff = keyframes`\n  50% {\n    width: ${defaultHeight + defaultDistortion}px;\n  }\n  from {\n    transform: translateX(${defaultOffset}px);\n  }\n  to {\n    transform: translateX(-${defaultOffset}px);\n  }\n`;\n\nexport const toggleCss =\n  ({ pushLeft, pushRight, isMounted, isOn }) =>\n  ({ color }) =>\n    [\n      css`\n        background-color: ${isOn ? color.primary : color.gray2};\n        border: 1px solid ${color.gray2};\n        border-radius: ${defaultHeight / 2}px;\n        height: ${defaultHeight}px;\n        line-height: ${defaultHeight}px;\n        padding: 0;\n        transition: background-color ${defaultSpeed} ease;\n        width: ${defaultWidth}px;\n        will-change: background-color;\n        :focus {\n          outline: none;\n          box-shadow: 0px 0px 8px 1px ${color.outline};\n        }\n        :disabled {\n          opacity: 0.4;\n          pointer-events: none;\n        }\n        span {\n          display: inline-block;\n          box-sizing: border-box;\n          border-radius: ${defaultHeight / 2}px;\n          background-color: ${color.gray3} !important;\n          height: ${defaultHeight - 2}px;\n          transform: translateX(${isOn ? defaultOffset : -defaultOffset}px);\n          transition: transform ${defaultSpeed} ease;\n          width: ${defaultHeight - 2}px;\n          will-change: transform, width;\n        }\n      `,\n      pushLeft &&\n        `\n    margin-left: 16px;\n  `,\n      pushRight &&\n        `\n    margin-right: 16px;\n  `,\n      isMounted &&\n        css`\n          span {\n            animation: ${isOn ? toggleOn : toggleOff} ${defaultSpeed} ease forwards;\n          }\n        `,\n    ];\n","import { css, keyframes } from '@emotion/react';\n\nconst emphase = keyframes`\n  0% {\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n\t}\n\n\t70% {\n\t\tbox-shadow: 0 0 0 8px rgba(0, 0, 0, 0);\n\t}\n\n\t100% {\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n`;\n\nexport const globalCss = css`\n  .headline > span {\n    animation: ${emphase} 0.8s ease 3;\n    animation-delay: 1.6s;\n    will-change: box-shadow;\n  }\n`;\n\nexport const localCss = (theme) => css`\n  font-size: ${theme.font.size.main};\n`;\n","import { css, keyframes } from '@emotion/react';\n\nconst animation = keyframes`\n  from {\n    transform: translateY(40px);\n  }\n  to {\n    transform: translateY(0);\n  }\n`;\n\nexport const contentCss = ({ color }) => css`\n  color: ${color.surveyText};\n  padding-bottom: 24px;\n`;\n\nexport const controlsCss = (sticky) => (theme) =>\n  [\n    css`\n      align-items: center;\n      color: ${theme.color.white};\n      display: flex;\n      justify-content: flex-end;\n      padding-top: 16px;\n      .content-page__bage {\n        animation: ${animation} 0.6s $easeOutExpo;\n        border-radius: 10px;\n        display: inline-block;\n        margin-right: 16px;\n        @media screen and (max-width: $mobile_breakpoint) {\n          margin: auto;\n          font-size: 14px;\n        }\n      }\n      .btn-lg {\n        background-color: ${theme.color.white};\n        font-weight: 600;\n        width: 12em;\n        @media ${theme.media.phone} {\n          width: 8em;\n        }\n      }\n    `,\n    sticky &&\n      css`\n        background-color: ${theme.color.primary};\n        border-top: 1px solid rgba(255, 255, 255, 0.2);\n        box-shadow: 0px 2px 16px 5px rgba(0, 0, 0, 0.35);\n        position: fixed;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        padding: 8px;\n        z-index: 2;\n      `,\n  ];\n"],"names":[],"sourceRoot":""}