{"version":3,"sources":["webpack:///./src/img/blog/play-next.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/components/blog/content/styled.js","webpack:///./src/pages/blog/autoplay.js"],"names":["module","exports","Post","styled","div","media","mobile","quote","tablet","arrowIcon","Wrapped","BlogArticle","href","target","rel","frontmatter","title","url","description","author","img","imgSocial","date","category","group","process","timeToRead"],"mappings":"+GAAAA,EAAOC,QAAU,IAA0B,yD,mBCA3CD,EAAOC,QAAU,86B,mBCAjBD,EAAOC,QAAU,8c,kCCAjB,wGAKaC,EAAOC,IAAOC,IAAV,kEAAGD,CAAH,y7GAwGXE,IAAMC,OASkBC,IAMtBF,IAAMC,OAyFRD,IAAMG,OAoDSC,M,kCCzQrB,qIAmCMC,EAAUC,aA5BA,WACd,OACE,kBAAC,IAAD,KACE,4FACgE,4CADhE,oBAIA,2LAE0E,IACxE,gFAHF,KAKA,wCACa,IACX,uBAAGC,KAAK,0CAA0CC,OAAO,SAASC,IAAI,uBAAtE,0BAEK,IAJP,wBAOA,0JAEmC,IACjC,uBAAGF,KAAK,+BAAR,6BAQKG,EAAc,CACzBC,MAAO,WACPC,IAAK,kBACLC,YAAa,kDACbC,WACAC,QACAC,UAAWD,IACXE,KAAM,aACNC,SAAU,GACVC,MAAO,WAGM,4BACb,kBAACd,EAAD,CACEM,MAAOD,EAAYC,MACnBO,SAAUR,EAAYQ,SACtBL,YAAaH,EAAYG,YACzBI,KAAMP,EAAYO,KAClBH,OAAQJ,EAAYI,OACpBF,IAAKF,EAAYE,IACjBG,IAAKL,EAAYK,IACjBC,UAAWI,wBAA0BV,EAAYK,IACjDI,MAAOT,EAAYS,MACnBE,WAAYX,EAAYW","file":"component---src-pages-blog-autoplay-js-54140c1c54acda16ecf8.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/play-next-70c85dde196599f5bb20274450d3407e.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/ui/quote.svg';\nimport arrowIcon from 'img/ui/arrow_black.svg';\n\nexport const Post = styled.div`\n  h3,\n  h2 {\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    margin: 2em 0 0.8em;\n  }\n  h3 {\n    font-size: 1.1rem;\n    line-height: 1.8rem;\n  }\n  h2 {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  h4 {\n    color: rgb(119, 119, 119);\n    font-weight: 700;\n    font-size: 1rem;\n  }\n  a {\n    display: inline;\n    font-size: 20px;\n  }\n  p {\n    margin-bottom: 1.25rem;\n    line-height: 1.8;\n    font-size: 20px;\n  }\n  img {\n    max-width: 100%;\n    height: auto;\n    margin: 1.2rem auto 1.4rem;\n    display: block;\n  }\n  pre,\n  p > em > code,\n  p code {\n    color: #c5c8c6;\n    text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n    font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', Courier, monospace;\n    direction: ltr;\n    text-align: left;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    line-height: 1.5;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n    background: #1d1f21;\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n    border-radius: 0.3em;\n  }\n  p > em > code,\n  p > code {\n    padding: 0.1em;\n    border-radius: 0.3em;\n    font-size: 78.5%;\n    margin: 0;\n  }\n  figure {\n    margin: 0 auto 1.5rem;\n    img {\n      margin: 0 auto 1rem;\n      display: block;\n      max-width: 100%;\n      height: auto;\n      padding-bottom: 0;\n    }\n    figcaption {\n      color: #888;\n      width: 85%;\n      margin: 0 auto;\n      text-align: center;\n    }\n  }\n  p img,\n  img {\n    margin: 1rem auto 2rem;\n    display: block;\n    max-width: 100%;\n    height: auto;\n    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n  }\n  blockquote {\n    margin: 3.5rem 0 2rem;\n    position: relative;\n    background-color: #f1f5f9;\n    padding: 48px;\n    & p strong a {\n      font-weight: 700;\n    }\n    p:last-child {\n      margin-bottom: 0;\n    }\n    ${media.mobile} {\n      padding: 36px;\n    }\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      transform: translate(-30%, -50%);\n      background-image: url(${quote});\n      background-size: contain;\n      background-position: center;\n      background-repeat: no-repeat;\n      width: 82px;\n      height: 61px;\n      ${media.mobile} {\n        width: 74px;\n        height: 74px;\n        transform: translate(0, -50%);\n      }\n    }\n  }\n  ul li,\n  ol li {\n    margin-bottom: 0.5em;\n    line-height: 1.8;\n    font-size: 20px;\n  }\n  b {\n    font-weight: 700;\n  }\n  aside {\n    padding: 15px 25px;\n    border: 2px solid #000;\n    margin: 1.5rem 0;\n    &.red {\n      border-color: #e05c5e;\n      color: #e05c5e;\n      background-color: #ffebeb;\n    }\n    h2,\n    h3,\n    h4 {\n      margin-top: 1.25rem;\n    }\n    ul {\n      padding: 0 20px;\n      li {\n        margin-bottom: 1rem;\n      }\n    }\n    @media (min-width: 768px) {\n      padding: 15px 25px;\n    }\n  }\n  aside.blue {\n    background: #7cffef;\n    border-radius: 4px;\n    padding: 24px 48px;\n    margin: 4rem 0px;\n    border: none;\n    h2 {\n      font-size: 36px;\n      font-weight: 800;\n    }\n  }\n  a.link-button {\n    border-radius: 4px;\n    color: #fff;\n    cursor: pointer;\n    padding: 12px 36px;\n    transition: 0.2s;\n    text-transform: uppercase;\n    font-weight: 700;\n    min-width: 150px;\n    font-size: 14px;\n    text-align: center;\n    background-color: #0446ca;\n    margin: 0 auto 4rem;\n    display: block;\n    width: 250px;\n    text-decoration: none;\n    &:hover {\n      transform: scale(1.06);\n    }\n  }\n  .gatsby-resp-image-wrapper {\n    margin-top: 25px;\n    margin-bottom: 25px;\n  }\n  picture {\n    img {\n      margin: 5rem auto;\n      display: block;\n      filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n      @media (max-width: 800px) {\n        margin: 3rem auto;\n      }\n    }\n  }\n  .smaller-video {\n    max-width: 60%;\n    display: block;\n    margin: 0 auto;\n    ${media.tablet} {\n      max-width: 100%;\n    }\n  }\n  ol {\n    ul {\n      li {\n        margin-bottom: 5px;\n      }\n    }\n  }\n  .in-border {\n    border: 2px solid black;\n  }\n  .action-btn {\n    color: #fff !important;\n    margin: 3rem auto;\n    background-color: #0a4ed6;\n    padding: 8px 28px;\n    border: 2px solid #0a4ed6;\n    border-radius: 4px;\n    transition: 0.2s ease;\n    max-height: 48px;\n    font-size: 16px;\n    font-weight: 800;\n    text-align: center;\n    cursor: pointer;\n    min-width: 140px;\n    max-width: fit-content;\n    outline: 0;\n    display: block;\n    text-decoration: none;\n    white-space: nowrap;\n    &:hover {\n      color: #0a4ed6 !important;\n      background-color: #fff;\n      outline: 0;\n      border: 2px solid #0a4ed6;\n      text-decoration: none;\n    }\n  }\n  .action-banner {\n    background-color: #7cffef;\n    padding: 16px 24px;\n    font-size: 18px;\n    color: #000;\n    width: 100%;\n    display: block;\n    margin: 1.5rem 0;\n    font-weight: 700;\n    border-radius: 4px;\n    &::after {\n      content: url(${arrowIcon});\n      display: inline-block;\n      clear: both;\n      margin-left: 16px;\n      transition: 0.2s ease;\n    }\n    &:hover {\n      text-decoration: underline;\n      &::after {\n        transform: translateX(8px);\n      }\n    }\n  }\n`;\n","import React from 'react';\n\nimport BlogArticle from 'components/blog/blogArticle';\nimport { authorPawel as author } from 'data/authors';\nimport { Post } from 'components/blog/content/styled';\nimport img from 'img/blog/play-next.png';\n\nconst Content = () => {\n  return (\n    <Post>\n      <p>\n        Watching session replays became smoother. We’ve just launched <strong>autoplay</strong> in\n        LiveSession!\n      </p>\n      <p>\n        When one recording ends, you’ll see a progress bar. You can choose to replay the same\n        session once again or cancel the autoplay. If you do nothing, you’ll be{' '}\n        <strong>automatically redirected to the next session</strong>.\n      </p>\n      <p>\n        Go to your{' '}\n        <a href=\"https://app.livesession.io/app/sessions\" target=\"_blank\" rel=\"noopener noreferrer\">\n          session recording list\n        </a>{' '}\n        and try it yourself!\n      </p>\n      <p>\n        As usual, if you have any questions or ideas for improvement, feel free to get in touch via\n        live chat or send us an email to{' '}\n        <a href=\"mailto:hello@livesession.io\">hello@livesession.io</a>\n      </p>\n    </Post>\n  );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n  title: 'Autoplay',\n  url: '/blog/autoplay/',\n  description: 'Read about the autoplay feature in LiveSession.',\n  author,\n  img,\n  imgSocial: img,\n  date: '2020-06-23',\n  category: '',\n  group: 'updates',\n};\n\nexport default () => (\n  <Wrapped\n    title={frontmatter.title}\n    category={frontmatter.category}\n    description={frontmatter.description}\n    date={frontmatter.date}\n    author={frontmatter.author}\n    url={frontmatter.url}\n    img={frontmatter.img}\n    imgSocial={process.env.GATSBY_HOST + frontmatter.img}\n    group={frontmatter.group}\n    timeToRead={frontmatter.timeToRead}\n  />\n);\n"],"sourceRoot":""}