\n \n {children}\n \n \n)\n\nFade.propTypes = {\n absolute: PropTypes.bool,\n children: PropTypes.node.isRequired,\n duration: PropTypes.number,\n inTrigger: PropTypes.bool,\n variant: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n}\n\nexport default Fade\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './CTA.module.css'\nimport classNames from 'classnames'\n\nconst CTA = ({ variant, children, ...rest }) => {\n const ctaVariant = styles[variant]\n\n const classes = classNames(styles.default, rest.className, ctaVariant)\n\n return {children}
\n}\n\nCTA.propTypes = {\n variant: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n}\n\nexport default CTA\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './Caption.module.css'\nimport classNames from 'classnames'\n\nconst Caption = ({ variant, children, ...rest }) => {\n const captionVariant = styles[variant]\n\n const classes = classNames(styles.default, rest.className, captionVariant)\n\n return {children}
\n}\n\nCaption.propTypes = {\n variant: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n}\n\nexport default Caption\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styles from './Headline.module.css'\nimport classNames from 'classnames'\n\nconst Headline = ({ variant, children, ...rest }) => {\n const headlineVariant = styles[variant]\n\n const classes = classNames(styles.default, rest.className, headlineVariant)\n\n return {children}
\n}\n\nHeadline.propTypes = {\n variant: PropTypes.oneOfType([PropTypes.string, PropTypes.array])\n}\n\nexport default Headline\n","import React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport style from './Alert.module.css'\nimport css from 'classnames'\nimport { useState } from 'react'\n\nconst Alert = ({ children, type, message }) => {\n const [isShow, setIsShow] = useState(true)\n\n const renderAlert = function () {\n return cloneElement(children)\n }\n\n const handleClose = (e) => {\n e.preventDefault()\n setIsShow(false)\n }\n\n return (\n \n \n ×\n \n {children ? renderAlert() : message}\n
\n )\n}\n\nAlert.propTypes = {\n message: PropTypes.string.isRequired,\n children: PropTypes.node\n}\n\nexport default Alert\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Flex } from '../elements'\nimport { Caption, CTA } from '../typography'\nimport styled from 'styled-components'\n\nconst CaptionContainer = styled(Caption)`\n font-weight: bold;\n\n @media all and (max-width: 1024px) {\n padding-bottom: null;\n }\n\n @media all and (max-width: 1023px) {\n padding-bottom: 8px;\n }\n`\n\nconst ParagraphContainer = styled(CTA)`\n padding-bottom: 6px;\n font-size: 32px;\n font-weight: 950;\n line-height: 40px;\n letter-spacing: 2.24px;\n @media all and (max-width: 1024px) {\n padding-bottom: null;\n }\n\n @media all and (max-width: 1023px) {\n padding-bottom: 9px;\n font-size: 28px;\n }\n`\n\nconst SentenceContainer = styled(CTA)`\n font-size: 18px;\n letter-spacing: 0.396px;\n font-family: 'proxima-nova';\n text-transform: inherit;\n margin-bottom: ${(props) => (props.$signUpPage ? '16px' : '60px')};\n\n @media all and (max-width: 1024px) {\n font-size: 14px;\n text-transform: inherit;\n }\n\n @media all and (max-width: 1023px) {\n font-size: 16px;\n text-transform: inherit;\n }\n\n @media all and (max-width: 640px) {\n margin-bottom: 5px;\n font-size: 15px;\n text-transform: inherit;\n }\n`\n\nconst FlexContainer = styled(Flex)`\n align-items: start;\n flex-direction: column;\n text-align: start;\n`\n\nconst StepHeader = ({ body, step, title, ...rest }) => (\n \n {step && (\n \n )}\n {title && (\n \n )}\n {body && rest.isSignUpPage && (\n \n {body}\n \n )}\n {body && !rest.isSignUpPage && (\n {body}\n )}\n \n)\n\nStepHeader.propTypes = {\n body: PropTypes.node,\n step: PropTypes.node,\n title: PropTypes.node\n}\n\nexport default StepHeader\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Flex } from '../elements'\nimport { Caption, CTA } from '../typography'\nimport styled from 'styled-components'\nimport { LeftArrowIcon } from 'components_v2/Icons'\n\nconst CaptionContainer = styled(Caption)`\n margin-left: 0.625rem;\n font-family: Arquitecta;\n font-size: 15px;\n font-style: normal;\n font-weight: 500;\n line-height: 135%;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n color: ${(props) => `${props.theme.colors.grey5}`};\n }\n`\n\nconst ParagraphContainer = styled(CTA)`\n margin-bottom: 1rem;\n font-family: Arquitecta;\n font-size: 32px;\n font-style: normal;\n font-weight: 950;\n line-height: 40px;\n letter-spacing: 2.24px;\n text-transform: uppercase;\n /* Media query for mobile screens */\n @media (max-width: 768px) {\n font-size: 24px;\n }\n`\n\nconst SentenceContainer = styled(CTA)`\n margin-bottom: 1rem;\n font-family: 'proxima-nova';\n text-transform: inherit;\n font-size: 16px;\n line-height: 24px;\n letter-spacing: 0.352px;\n`\n\nconst FlexContainer = styled(Flex)`\n align-items: start;\n flex-direction: column;\n text-align: start;\n`\n\nconst StepContainer = styled(Flex)`\n flex-direction: row;\n margin-bottom: 1rem;\n margin-top: 1rem;\n align-items: center;\n`\n\nconst StepHeaderPartner = ({ body, step, title, leftArrow = true, ...rest }) => (\n \n {step && (\n \n {leftArrow && }\n \n \n )}\n {title && (\n \n )}\n {body && {body}}\n \n)\n\nStepHeaderPartner.propTypes = {\n body: PropTypes.node,\n step: PropTypes.node,\n title: PropTypes.node\n}\n\nexport default StepHeaderPartner\n","import { createGlobalStyle } from 'styled-components'\nimport VideoCSS from 'video.js/dist/video-js.css'\n\n// -moz-osx-font-smoothing\n// Fixes Firefox bug where higher font-weights are rendered in bold.\n\n// #react-body\n// We expand the height of the react-rails react_component div to be at least 100vh so that the footer will be placed appropriately.\n// If we didn't do this then the react-rails container will only take up as much space as it 'needs', pulling the footer up.\n\nconst GlobalStyle = createGlobalStyle`\n *, *:before, *:after {\n box-sizing: border-box;\n }\n\n html {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-smoothing: antialiased;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n scroll-behavior: smooth; \n -webkit-scroll-behavior: smooth;\n -moz-scroll-behavior: smooth;\n -ms-scroll-behavior: smooth;\n }\n\n body {\n background-color: ${(props) => props.theme.colors.base};\n color: ${(props) => props.theme.colors.primary};\n transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 16px;\n\n #react-body {\n position: relative;\n min-height: 100vh;\n }\n\n &.prevent-scroll {\n height: 100vh;\n overflow: hidden;\n touch-action: none;\n }\n\n &.using-mouse {\n *:focus {\n outline: none;\n }\n }\n }\n\n a, .as-link {\n &.underline {\n text-decoration: underline;\n }\n text-decoration: none;\n cursor: pointer;\n transition: color 0.25s ease-in-out;\n color: ${(props) => props.theme.colors.primary};\n \n &:focus {\n color: inherit;\n }\n }\n\n\n h1, h2, h3, h4, h5, h6, p {\n margin: 0;\n /* Chrome adds in margin-block-start and -end to h elements. */\n margin-block-start: unset;\n margin-block-end: unset;\n margin-inline-start: unset;\n margin-inline-end: unset;\n }\n\n label {\n margin-bottom: 0;\n }\n\n form {\n padding: 0;\n }\n\n input {\n padding: 0;\n }\n\n ::placeholder {\n color: ${(props) => props.theme.colors.grey4};\n opacity: 1;\n }\n\n img {\n vertical-align: middle;\n }\n\n ul {\n margin-block-end: 0px;\n\n &:not(.as-list) {\n margin-block-start: 0px;\n padding-inline-start: 0px;\n list-style-type: none;\n }\n }\n\n button,\n html input[type=\"button\"],\n input[type=\"reset\"],\n input[type=\"submit\"] {\n cursor: pointer;\n -webkit-appearance: button;\n }\n\n button[disabled],\n html input[disabled] {\n cursor: default;\n }\n\n .ReactCollapse--collapse {\n transition: height 500ms;\n }\n\n ${VideoCSS}\n`\nexport default GlobalStyle\n","import grid from './grid'\n\nexport default {\n grid\n}\n","const grid = {\n templateColumns: 'repeat(12, [col-start] minmax(0, 1fr) [col-end])',\n columnGap: ['16px', '24px']\n}\n\nexport default grid\n","import constants from './constants'\n\nimport {\n componentHeights,\n fonts,\n fontSizes,\n fontWeights,\n formattedBreakpoints as breakpoints,\n letterSpacings,\n mediaQueries,\n spacing\n} from './scales'\n\nconst baseTheme = {\n breakpoints,\n componentHeights,\n constants,\n fonts,\n fontSizes, // only used in new styles\n fontWeights,\n letterSpacings,\n mediaQueries,\n spacing\n}\n\nexport default baseTheme\n","import baseTheme from './baseTheme'\nimport baseColors, { rgb } from './scales/colors'\n\nconst colors = {\n ...baseColors, // to support deprecated color references\n base: baseColors.white,\n primary: baseColors.black,\n grey1: baseColors.smoke,\n grey2: baseColors.mercury,\n grey3: baseColors.alto,\n grey4: baseColors.dawn,\n grey5: baseColors.chicago,\n grey6: baseColors.mine,\n grey7: baseColors.charcoal,\n featured: baseColors.featured,\n errorDefault: baseColors.error,\n errorBase: baseColors.errorLight, // This is in flux right now.\n success: baseColors.success,\n rgb: {\n base: rgb.white,\n primary: rgb.black\n }\n}\n\nconst LightTheme = {\n ...baseTheme,\n colors\n}\n\nexport default LightTheme\n","import baseTheme from './baseTheme'\nimport baseColors, { rgb } from './scales/colors'\n\nconst colors = {\n ...baseColors, // to support deprecated color references\n base: baseColors.white,\n primary: baseColors.black,\n grey1: baseColors.smoke,\n grey2: baseColors.mercury,\n grey3: baseColors.alto,\n grey4: baseColors.dawn,\n grey5: baseColors.chicago,\n grey6: baseColors.mine,\n grey7: baseColors.charcoal,\n featured: baseColors.featured,\n errorDefault: baseColors.error,\n errorBase: baseColors.errorLight,\n success: baseColors.success,\n rgb: {\n base: rgb.white,\n primary: rgb.black\n }\n}\n\nconst LightTheme = {\n ...baseTheme,\n colors\n}\n\nexport default LightTheme\n","import baseTheme from './baseTheme'\nimport baseColors, { rgb } from './scales/colors'\n\nconst colors = {\n ...baseColors, // to support deprecated color references\n base: baseColors.black,\n primary: baseColors.white,\n grey1: baseColors.charcoal,\n grey2: baseColors.mine,\n grey3: baseColors.chicago,\n grey4: baseColors.dawn,\n grey5: baseColors.alto,\n grey6: baseColors.mercury,\n grey7: baseColors.smoke,\n featured: baseColors.featured,\n errorDefault: baseColors.error,\n errorBase: baseColors.errorLight, // This is in flux right now.\n success: baseColors.success,\n rgb: {\n base: rgb.black,\n primary: rgb.white\n }\n}\n\nconst DarkTheme = {\n ...baseTheme,\n colors\n}\n\nexport default DarkTheme\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"alert\":\"Alert-module__alert___14cRW\",\"error\":\"Alert-module__error___1atC8\",\"closebtn\":\"Alert-module__closebtn___3odFJ\",\"hide\":\"Alert-module__hide___tXk-N\"};","export default {\n navbar: {\n mobile: '60px',\n desktop: '80px'\n },\n progressBar: '6px',\n mobileMenuMax: '700px',\n modalMax: {\n mobile: '80vh',\n desktop: '65vh'\n }\n}\n\n// Footer heights are defined in v2/Footer/_footerHeight.js\n","export default {\n MAX_WIDTH: '535px'\n}\n","const colors = {\n white: '#FFFFFF',\n black: '#000000',\n alto: '#CCCCCC',\n dawn: '#A3A3A3',\n charcoal: '#242424',\n chicago: '#636363',\n error: '#C62828',\n featured: '#B00020',\n mercury: '#E1E1E1',\n mine: '#3b3b3b',\n smoke: '#F2F2F2 ',\n errorLight: '#FFF6F6',\n alert: {\n light: '#E7CCCF',\n medium: '#B00020',\n dark: '#740031'\n },\n highlight: {\n light: '#F1E8DD',\n medium: '#CEB18F',\n dark: '#826646'\n },\n success: {\n light: '#D8E1D5',\n medium: '#758E6D',\n dark: '#3C4B37'\n },\n accent: {\n light: '#D7DDEB',\n medium: '#7183B0',\n dark: '#384669'\n }\n}\n\nexport const rgb = {\n white: '255, 255, 255',\n black: '0, 0, 0'\n}\n\nexport default colors\n","import React from 'react'\nimport P from 'ui/bend/typography/P'\nimport FormikCheckbox from 'ui/bend/blocks/FormElements/FormikCheckbox'\nimport { Flex } from '../../elements'\nimport styled from 'styled-components'\n\nconst Wrapper = styled(Flex)`\n display: flex;\n align-items: center;\n text-align: unset;\n margin-bottom: ${(props) => props.mb || 0};\n margin-top: ${(props) => props.mt || 0};\n`\n\nconst MarketingDislaimer = ({ mb, mt = '0px' }) => {\n return (\n \n \n \n
\n \n I agree to receive marketing emails with information, special offers and\n promotions about Alo Moves. I may opt out by clicking unsubscribe at the\n bottom of any email.\n
\n \n )\n}\n\nexport default MarketingDislaimer\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"Button-module__button___3rg_m\",\"solid\":\"Button-module__solid___31xzW CTA-module__default___1UIkE\",\"processing\":\"Button-module__processing___Tc3oB\",\"ghost\":\"Button-module__ghost___XZTXO CTA-module__default___1UIkE\",\"dim\":\"Button-module__dim___3C29k CTA-module__default___1UIkE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"box\":\"Box-module__box___2sAM3\",\"primary\":\"Box-module__primary___wznPU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"flex\":\"Flex-module__flex___2K7w_\",\"primary\":\"Flex-module__primary___1TUkj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"default\":\"Header-module__default___3JdrU\",\"semibold\":\"Header-module__semibold___2qxDC\",\"bold\":\"Header-module__bold___3EkNE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"landing\":\"Landing-module__landing___uTo1d\",\"columnImage\":\"Landing-module__columnImage___2zXH4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"default\":\"CTA-module__default___1UIkE\",\"small\":\"CTA-module__small___1CvMl\",\"responsive\":\"CTA-module__responsive___3NKBf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"default\":\"Caption-module__default___52l-8\",\"bold\":\"Caption-module__bold___2rhvf\",\"heavy\":\"Caption-module__heavy___3YTPc\",\"medium\":\"Caption-module__medium___29QIs\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"default\":\"Headline-module__default___4wRAJ\"};"],"sourceRoot":""}