{"version":3,"file":"component---src-pages-hadron-id-js-8e29f726450f69e962bc.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/article/index.js","webpack://gatsby-starter-default/./src/components/hero4/index.js","webpack://gatsby-starter-default/./src/components/productsHighlight/index.js","webpack://gatsby-starter-default/./src/components/videoPlayer/index.js","webpack://gatsby-starter-default/./src/components/wave/index.js","webpack://gatsby-starter-default/./src/pages/hadron-id.js","webpack://gatsby-starter-default/./src/assets/images/wave2-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave2.png","webpack://gatsby-starter-default/./src/assets/images/wave21-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave21.png","webpack://gatsby-starter-default/./src/assets/images/wave22-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave22.png"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nimport VideoPlayer from '../videoPlayer';\n\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: ${props => props.backColor};\n    @media screen and (max-width: 767px) {\n        padding-bottom: 24px;\n        padding-top: 24px;\n    }\n`;\nconst DesktopContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n\n    color: white;\n    text-align: center;\n    flex-direction: ${props =>\n        props.direction === 'right' ? 'row' : 'row-reverse'};\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileContainer = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\n\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: ${props => (props.spacing === 1 ? 'calc(50% - 25px)' : '40%')};\n    z-index: 0;\n    margin-top: 0;\n    @media screen and (max-width: 768px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: left;\n    color: white;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    margin-bottom: 26px;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n        margin-bottom: 0px;\n    }\n`;\nconst SubHeading = styled.div`\n    font-size: 23px;\n    line-height: 32px;\n    font-family: 'Neuzeit Grotesk';\n    color: white;\n    letter-spacing: normal;\n    user-select: none;\n    text-align: left;\n    @media screen and (max-width: 768px) {\n    }\n`;\nconst Desc = styled.div`\n    margin-top: 6px;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: rgba(255, 255, 255, 0.7);\n    user-select: none;\n    white-space: pre-wrap;\n    @media screen and (max-width: 768px) {\n        font-size: 17px;\n        font-family: 'Neuzeit Grotesk';\n        text-align: left;\n        letter-spacing: normal;\n        line-height: 24px;\n    }\n`;\nconst MediaContainer = styled.div`\n    width: ${props => (props.spacing === 1 ? 'calc(50% - 25px)' : '40%')};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: fit-content;\n    img {\n        object-fit: contain;\n    }\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n        width: 100%;\n        padding: 0;\n        margin-top: 24px;\n        margin-bottom: 24px;\n    }\n`;\nconst SpecContainer = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n`;\nconst Spec = styled.div`\n    text-align: left;\n    color: rgba(255, 255, 255, 0.7);\n    letter-spacing: normal;\n    font-size: 17px;\n    line-height: 24px;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n    width: calc(50% - 24px);\n    margin-left: 24px;\n    &::before {\n        content: '•';\n        color: #a68353;\n        font-size: 24px;\n        display: inline-block;\n        line-height: 24px;\n        width: 24px;\n        margin-left: -24px;\n    }\n`;\n\nconst SpecList = ({ data }) => {\n    return (\n        !!data && (\n            <SpecContainer>\n                {data.map(item => {\n                    return <Spec key={item}>{item}</Spec>;\n                })}\n            </SpecContainer>\n        )\n    );\n};\nexport default function Article({\n    title,\n    subtitle,\n    description,\n    image,\n    video_url,\n    direction,\n    spec,\n    backColor = 'transparent',\n    spacing = 0,\n}) {\n    return (\n        <Container backColor={backColor}>\n            <DesktopContainer direction={direction}>\n                <MediaContainer spacing={spacing}>\n                    {image && (\n                        <LazyLoadImage\n                            alt={title}\n                            effect=\"blur\"\n                            src={image} // use normal <img> attributes as props\n                            width={'100%'}\n                            height={'auto'}\n                            style={{ objectFit: 'contain' }}\n                        />\n                    )}\n                    {video_url && (\n                        <VideoPlayer video_url={video_url} poster={image} />\n                    )}\n                </MediaContainer>\n\n                <Content spacing={spacing}>\n                    <div>\n                        <Heading>{title}</Heading>\n                        <SubHeading>{subtitle}</SubHeading>\n                        <SpecList data={spec} />\n                        <Desc>{description}</Desc>\n                    </div>\n                </Content>\n            </DesktopContainer>\n            <MobileContainer>\n                <Heading>{title}</Heading>\n                <MediaContainer>\n                    {image && <img src={image} width=\"100%\" alt={title} />}\n                    {video_url && (\n                        <VideoPlayer video_url={video_url} poster={image} />\n                    )}\n                </MediaContainer>\n                <SubHeading>{subtitle}</SubHeading>\n                <SpecList data={spec} />\n                <Desc style={{whiteSpace: \"pre-wrap\"}}>{description}</Desc>\n            </MobileContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport useMedia from 'use-media';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nimport GoldenButton from 'components/buttons/GoldenButton';\nimport HollowButton from 'components/buttons/HollowButton';\n\nconst Container = styled.div`\n    margin: 0;\n    color: white;\n    text-align: center;\n    width: 100%;\n    height: 100vh;\n    position: relative;\n    @media screen and (max-width: 1440px) {\n    }\n`;\nconst Content = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 1;\n    @media screen and (max-width: 767px) {\n    }\n`;\n\nconst Title = styled.div`\n    margin-top: auto;\n    font-size: 80px;\n    line-height: 80px;\n    margin-bottom: 33px;\n\n    width: ${props => (props.img ? '440px' : 'auto')};\n    height: ${props => (props.img ? '114px' : 'auto')};\n    max-width: 740px;\n\n    background: url(${props => props.img}) no-repeat center;\n    background-size: contain;\n    margin-left: auto;\n    margin-right: auto;\n    font-family: 'Renogare-Regular';\n    user-select: none;\n    letter-spacing: -2px;\n    text-align: center;\n    @media screen and (max-width: 767px) {\n        font-size: 44px;\n        line-height: 48px;\n        letter-spacing: -2.29px;\n        margin-bottom: ${props => (props.type === 0 ? '98px' : '25px')};\n        max-width: 100%;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        background: url(${props => props.img}) no-repeat center;\n        background-size: contain;\n    }\n`;\nconst Desc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 23px;\n    line-height: 32px;\n    letter-spacing: normal;\n    user-select: none;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 767px) {\n        max-width: 100%;\n        margin-left: 24px;\n        margin-right: 24px;\n    }\n`;\nconst ButtonsContainer = styled.div`\n    margin-top: 34px;\n    display: flex;\n    justify-content: center;\n    margin-bottom: -80px;\n    & > * {\n        margin: 0 8px;\n    }\n    @media screen and (max-width: 767px) {\n        margin-top: 34px;\n    }\n`;\n\nconst DesktopLayout = styled.div`\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: relative;\n\n    & > div {\n        padding-top: 0 !important;\n        div {\n            display: none;\n        }\n        button {\n            display: none;\n        }\n        video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            outline: none;\n            user-select: none;\n        }\n    }\n\n    z-index: 0;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileLayout = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        z-index: 0;\n    }\n`;\nconst MaskContainer = styled.div`\n    width: 100%;\n    margin-top: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    img {\n        width: 100%;\n    }\n    @media screen and (max-width: 767px) {\n        img {\n            width: auto;\n            height: 100px;\n        }\n        margin-bottom: -1px;\n    }\n`;\nconst Overlay = styled.div`\n    background: rgba(0, 0, 0, 0.5);\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 1;\n`;\nexport default function Hero4({\n    title,\n    description,\n    image,\n    buttons = [],\n    desktop_image,\n    mobile_image,\n    mask_image,\n    type = 0,\n    back = 'bright',\n}) {\n    const isWide = useMedia({ minWidth: 767 });\n\n    return (\n        <Container>\n            <Content>\n                <Title img={image} type={type}>\n                    {title}\n                </Title>\n                <Desc>{description}</Desc>\n                <ButtonsContainer>\n                    {buttons.map(button => {\n                        return (\n                            <React.Fragment key={button.title}>\n                                {button.theme === 'golden' ? (\n                                    <GoldenButton {...button}>\n                                        {button.title}\n                                    </GoldenButton>\n                                ) : button.theme === 'hollow' ? (\n                                    <HollowButton {...button}>\n                                        {button.title}\n                                    </HollowButton>\n                                ) : null}\n                            </React.Fragment>\n                        );\n                    })}\n                </ButtonsContainer>\n\n                <MaskContainer>\n                    <img\n                        src={mask_image}\n                        alt=\"\"\n                        style={{ objectFit: 'cover' }}\n                    />\n                </MaskContainer>\n            </Content>\n            {isWide ? (\n                <DesktopLayout>\n                    <Overlay />\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        src={desktop_image} // use normal <img> attributes as props\n                        width={'100%'}\n                        height={'100%'}\n                        style={{ objectFit: 'cover' }}\n                    />\n                </DesktopLayout>\n            ) : (\n                <MobileLayout>\n                    <Overlay />\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        src={mobile_image} // use normal <img> attributes as props\n                        width={'100%'}\n                        height={'100%'}\n                        style={{ objectFit: 'cover' }}\n                    />\n                </MobileLayout>\n            )}\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    margin-top: 30px;\n    margin-bottom: 70px;\n    display: block;\n    width: calc(100% - 128px);\n    margin-left: 64px;\n    margin-right: 64px;\n    user-select: none;\n    @media screen and (max-width: 768px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        margin-top: 30px;\n        margin-bottom: 30px;\n        width: calc(100% - 48px);\n    }\n`;\n\nconst Heading = styled.div`\n    font-size: 36px;\n    letter-spacing: -1.5px;\n    line-height: 40px;\n    text-align: center;\n    color: white;\n    font-family: 'Renogare-Regular';\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 30px;\n    white-space: pre-wrap;\n    @media screen and (max-width: 768px) {\n        font-size: 26px;\n        line-height: 32px;\n        letter-spacing: -1px;\n        color: white;\n        margin-top: 0;\n        margin-bottom: 23px;\n        text-align: left;\n    }\n`;\nconst FeatureContainer = styled.div`\n    margin-top: 29px;\n    display: flex;\n    flex-wrap: wrap;\n    @media screen and (max-width: 768px) {\n    }\n`;\nconst Feature = styled.div`\n    width: calc(33.33% - 66px);\n    text-align: left;\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: row;\n    padding: 32px;\n    padding: 20px 30px 30px 30px;\n    &:nth-child(3n) {\n        border-right: none;\n    }\n    &:nth-child(n + 4) {\n        border-bottom: none;\n        padding: 30px 30px 20px 30px;\n        @media screen and (max-width: 767px) {\n            padding: 0;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        border: none;\n        padding: 0;\n    }\n`;\nconst FeatureImg = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    width: 64px;\n    @media screen and (max-width: 767px) {\n        min-width: 52px;\n    }\n`;\nconst FeatureContent = styled.div`\n    width: 100%;\n    margin-left: 20px;\n    @media screen and (max-width: 767px) {\n        /* margin: 0 0 30px 0; */\n        padding-bottom: 23px;\n        margin-bottom: 23px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        ${Feature}:last-child > & {\n            border-bottom: none;\n        }\n    }\n`;\nconst FeatureHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    color: white;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst FeatureDesc = styled.div`\n    margin-top: 8px;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: rgba(255, 255, 255, 0.7);\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst Desc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.7);\n    margin-top: 34px;\n    max-width: 640px;\n    text-align: center;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 767px) {\n        margin-top: 26px;\n        text-align: left;\n    }\n`;\n\nconst Highlight = ({ title, description, image }) => {\n    return (\n        <Feature>\n            <FeatureImg>\n                <img width=\"52px\" src={image} alt={title}></img>\n            </FeatureImg>\n            <FeatureContent>\n                <FeatureHeading>{title}</FeatureHeading>\n                <FeatureDesc>{description}</FeatureDesc>\n            </FeatureContent>\n        </Feature>\n    );\n};\nexport default function ProductsHighlight({ title, description, features }) {\n    return (\n        <Container>\n            <Heading>{title}</Heading>\n            {!!description && <Desc>{description}</Desc>}\n\n            <FeatureContainer>\n                {features.map(feature => {\n                    return <Highlight key={feature.title} {...feature} />;\n                })}\n            </FeatureContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport * as PropTypes from 'prop-types';\nimport { Player, ControlBar, BigPlayButton, LoadingSpinner } from 'video-react';\nimport 'video-react/dist/video-react.css';\n\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    width: 100%;\n    & > div {\n        &.video-react {\n            margin: 0 auto;\n            position: relative;\n            padding-top: ${props => (props.isStandard ? '56.35%' : '')};\n        }\n        .video-react-big-play-button {\n            top: 50%;\n            left: 50%;\n            margin-top: -25px !important;\n            margin-left: -25px !important;\n            color: white;\n            font-size: 36px !important;\n            line-height: 1.3em;\n            height: 50px;\n            width: 50px;\n            display: block;\n            position: absolute;\n            padding: 0;\n            cursor: pointer;\n            opacity: 1;\n            border: 0.06666em solid #fff;\n            background: linear-gradient(-30deg, #ccaa66 0%, #996b3d 100%);\n            -webkit-border-radius: 50%;\n            -moz-border-radius: 50%;\n            border-radius: 50%;\n            -webkit-transition: all 0.4s;\n            -moz-transition: all 0.4s;\n            -o-transition: all 0.4s;\n            transition: all 0.4s;\n            font-family: 'video-react' !important;\n            speak: none;\n            font-style: normal;\n            font-weight: normal;\n            font-variant: normal;\n            text-transform: none;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n        .video-react-big-play-button:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            text-align: center;\n        }\n\n        video {\n            outline: none;\n            user-select: none;\n            background: #fff;\n        }\n    }\n`;\n\nconst getVideoHeight = (maxHeight, maxWidth, height, width) => ({\n    height: height > maxHeight ? maxHeight : height,\n    width: width > maxWidth ? maxWidth : width,\n});\n\nconst VideoPlayer = ({\n    video_url,\n    poster,\n    isStandard,\n    ratioProps,\n    showControl,\n}) => {\n    let videoProps = {\n        autoPlay: false,\n        src: video_url,\n        poster,\n    };\n    if (Object.keys(ratioProps).length) {\n        const { width, height } = getVideoHeight(\n            ratioProps.maxHeight,\n            ratioProps.maxWidth,\n            ratioProps.height,\n            ratioProps.width\n        );\n\n        videoProps = { ...videoProps, fluid: ratioProps.fluid, height, width };\n    }\n    return (\n        <Container isStandard={isStandard}>\n            <Player {...videoProps}>\n                <LoadingSpinner />\n                <BigPlayButton position=\"center\" />\n                <ControlBar autoHide={true} disableCompletely={!showControl} />\n            </Player>\n        </Container>\n    );\n};\n\nVideoPlayer.defaultProps = {\n    ratioProps: {},\n    isStandard: true,\n    poster: '',\n    showControl: true,\n};\n\nVideoPlayer.propTypes = {\n    video_url: PropTypes.string.isRequired,\n    poster: PropTypes.string,\n    isStandard: PropTypes.bool,\n    ratioProps: PropTypes.objectOf(PropTypes.any),\n    showControl: PropTypes.bool,\n};\n\nexport default VideoPlayer;\n","import React from 'react';\nimport styled from 'styled-components';\nimport Wave2Img from './../../assets/images/wave2.png';\nimport Wave2Mobile from './../../assets/images/wave2-mobile.png';\nimport Wave21 from './../../assets/images/wave21.png';\nimport Wave21Mobile from './../../assets/images/wave21-mobile.png';\nimport Wave22 from './../../assets/images/wave22.png';\nimport Wave22Mobile from './../../assets/images/wave22-mobile.png';\nconst Wave = styled.div`\n    margin: 4px 0;\n    & > img.desktop {\n        display: block;\n    }\n    & > img.mobile {\n        display: none;\n    }\n    @media screen and (max-width: 767px) {\n        & > img.mobile {\n            display: block;\n        }\n        & > img.desktop {\n            display: none;\n        }\n    }\n`;\n\nexport const Wave3 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave2Img}\n                className=\"desktop\"\n                alt=\"wave3-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave2Mobile}\n                className=\"mobile\"\n                alt=\"wave3-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave1 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave21}\n                className=\"desktop\"\n                alt=\"wave1-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave21Mobile}\n                className=\"mobile\"\n                alt=\"wave1-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave2 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave22}\n                className=\"desktop\"\n                alt=\"wave2-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave22Mobile}\n                className=\"mobile\"\n                alt=\"wave2-mobile\"\n            />\n        </Wave>\n    );\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport { graphql } from 'gatsby';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Hero4 from '../components/hero4';\nimport CTAComponent from '../components/cta';\nimport ProductsHighlight from '../components/productsHighlight';\nimport { Wave1 } from '../components/wave';\nimport Article from '../components/article';\n\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: #fafafa;\n    padding-top: 4px;\n    padding-bottom: 60px;\n    @media screen and (max-width: 767px) {\n        padding-bottom: 90px;\n    }\n`;\nconst DesktopContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n\n    color: white;\n    text-align: center;\n    flex-direction: ${props =>\n        props.direction === 'right' ? 'row' : 'row-reverse'};\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileContainer = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\n\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 50%;\n    z-index: 0;\n    margin-top: 0;\n    @media screen and (max-width: 768px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: left;\n    color: #19171a;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    margin-top: 18px;\n\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n    }\n`;\n\nconst Desc = styled.div`\n    margin-top: 34px;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: rgba(25, 23, 26, 0.9);\n    user-select: none;\n    white-space: pre-wrap;\n    @media screen and (max-width: 768px) {\n        font-size: 17px;\n        font-family: 'Neuzeit Grotesk';\n        text-align: left;\n        letter-spacing: normal;\n        line-height: 24px;\n    }\n`;\nconst ImgContainer = styled.div`\n    width: 40%;\n\n    & > * {\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        padding: 0;\n        margin-top: 24px;\n        & > * {\n        }\n    }\n`;\nconst Main = styled.div`\n    margin-top: 80px;\n    @media screen and (max-width: 767px) {\n        margin-top: 40px;\n        margin-bottom: 60px;\n    }\n`;\n\nconst Wave32 = styled.div`\n    height: 100px;\n    & > * {\n        margin-top: -60px;\n        width: 100%;\n        position: absolute;\n        @media screen and (max-width: 767px) {\n            margin-top: 0;\n            position: relative;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        height: auto;\n    }\n`;\nexport default function HadronIdPage({ data }) {\n    const {\n        seo_content,\n        hero,\n        hadron_intro,\n        highlights,\n        articles,\n        book_now,\n    } = data.butterPage;\n    return (\n        <Layout menu=\"FOR PUBLISHERS\">\n            <SEOComponent\n                title=\"Hadron ID™\"\n                image={seo_content.sharing_image}\n                description={seo_content.seo_description}\n            />\n            <Hero4 {...hero[0]} type={1}></Hero4>\n            <Container>\n                <DesktopContainer>\n                    <ImgContainer>\n                        <img\n                            src={hadron_intro.image}\n                            width=\"100%\"\n                            alt={hadron_intro.title}\n                            style={{ objectFit: 'contain' }}\n                        ></img>\n                    </ImgContainer>\n                    <Content>\n                        <div>\n                            <Heading>{hadron_intro.title}</Heading>\n                            <Desc>{hadron_intro.description}</Desc>\n                        </div>\n                    </Content>\n                </DesktopContainer>\n                <MobileContainer>\n                    <Heading>{hadron_intro.title}</Heading>\n                    <ImgContainer>\n                        <img\n                            src={hadron_intro.image}\n                            width=\"100%\"\n                            alt={hadron_intro.title}\n                        ></img>\n                    </ImgContainer>\n                    <Desc>{hadron_intro.description}</Desc>\n                </MobileContainer>\n            </Container>\n            <Main>\n                <Article\n                    {...articles[0]}\n                    direction={'right'}\n                    spacing={0}\n                ></Article>\n                <Wave32>\n                    <Wave1 />\n                </Wave32>\n\n                <ProductsHighlight {...highlights[0]} />\n            </Main>\n            <CTAComponent {...book_now[0]} />\n        </Layout>\n    );\n}\n\nexport const hadronPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"hadron-id\" }) {\n            seo_content {\n                seo_description\n                sharing_image\n            }\n            hero {\n                image\n                description\n                desktop_image\n                mobile_image\n                mask_image\n                buttons {\n                    type\n                    title\n                    theme\n                    url\n                }\n            }\n            hadron_intro {\n                title\n                description\n                image\n            }\n\n            articles {\n                title\n                description\n                image\n            }\n            highlights {\n                title\n                description\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n\n            book_now {\n                button_title\n                title\n            }\n        }\n    }\n`;\n","export default __webpack_public_path__ + \"static/wave2-mobile-f6d483843c8232fbe6086db103df6010.png\";","export default __webpack_public_path__ + \"static/wave2-87e6b527845f867e5852cb3aa7e643fe.png\";","export default __webpack_public_path__ + \"static/wave21-mobile-0d6397ea83b390716865d1b7cdaaee6c.png\";","export default __webpack_public_path__ + \"static/wave21-3151e64a7f13096488fdf673d2ee13b6.png\";","export default __webpack_public_path__ + \"static/wave22-mobile-3e0d599240fd10ee1e0443cef8ddee11.png\";","export default __webpack_public_path__ + \"static/wave22-f246565cd489180e3eebe957a6c4b4d5.png\";"],"names":["Container","styled","displayName","componentId","props","backColor","DesktopContainer","direction","MobileContainer","Content","spacing","Heading","SubHeading","Desc","MediaContainer","SpecContainer","Spec","SpecList","data","_jsx","children","map","item","Article","title","subtitle","description","image","video_url","spec","_jsxs","LazyLoadImage","alt","effect","src","width","height","style","objectFit","VideoPlayer","poster","whiteSpace","Title","img","type","ButtonsContainer","DesktopLayout","MobileLayout","MaskContainer","Overlay","Hero4","buttons","desktop_image","mobile_image","mask_image","back","isWide","useMedia","minWidth","button","React","theme","GoldenButton","HollowButton","FeatureContainer","Feature","FeatureImg","FeatureContent","FeatureHeading","FeatureDesc","Highlight","ProductsHighlight","features","feature","isStandard","ratioProps","showControl","videoProps","autoPlay","Object","keys","length","getVideoHeight","maxHeight","maxWidth","fluid","Player","LoadingSpinner","BigPlayButton","position","ControlBar","autoHide","disableCompletely","defaultProps","propTypes","PropTypes","Wave","Wave3","Wave2Img","className","Wave2Mobile","Wave1","Wave21","Wave21Mobile","Wave2","Wave22","Wave22Mobile","ImgContainer","Main","Wave32","HadronIdPage","seo_content","hero","hadron_intro","highlights","articles","book_now","butterPage","Layout","menu","SEOComponent","sharing_image","seo_description","CTAComponent"],"sourceRoot":""}