{"version":3,"sources":["webpack:///./src/components/IconLink.vue?f275","webpack:///src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?13bd","webpack:///./src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?cf48","webpack:///./src/components/PhotoGrid.vue?1784","webpack:///src/components/PhotoGrid.vue","webpack:///./src/components/PhotoGrid.vue?c200","webpack:///./src/components/PhotoGrid.vue","webpack:///./src/views/ReformerFlashCards.vue?e3d8","webpack:///src/views/ReformerFlashCards.vue","webpack:///./src/views/ReformerFlashCards.vue?b866","webpack:///./src/views/ReformerFlashCards.vue","webpack:///./src/views/ReformerFlashCards.vue?c1cd","webpack:///./src/components/PhotoGrid.vue?edf6","webpack:///./src/components/CtaProdButton.vue?f3b8","webpack:///./src/components/CtaProdButton.vue?86ff","webpack:///src/components/CtaProdButton.vue","webpack:///./src/components/CtaProdButton.vue?4c62","webpack:///./src/components/CtaProdButton.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imgUrl","alt","url","title","on","$event","$emit","_t","staticRenderFns","component","ref","domProps","_s","feature","openModal","name","props","data","photos","created","$children","mounted","setInitialFeature","setVideo","methods","_v","featureImgHtml","setFeatureImg","_m","products","product","option1","option2","isdistcountry","link","img1x","img2x","productName","productSub"],"mappings":"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","file":"js/reformerflashcards.dfa9aad3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icon-link\"},[_c('img',{attrs:{\"src\":_vm.imgUrl,\"alt\":_vm.alt}}),_c('a',{attrs:{\"href\":_vm.url,\"title\":_vm.title},on:{\"click\":function($event){return _vm.$emit('open')}}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"icon-link\">\n    <img :src=\"imgUrl\" :alt=\"alt\">\n    <a @click=\"$emit('open')\" :href=\"url\" :title=\"title\"><slot /></a>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'iconlink',\n\n    props: {\n      url: String,\n      img: String,\n      alt: String,\n      title: String\n    },\n\n    computed: {\n      imgUrl() {\n        return `https://s3.amazonaws.com/s3.pilates.com/contrology/${ this.img }`;\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-link {\n  margin: 20px 0;\n}\n\na {\n  font-family: var(--roboto);\n  font-size: 0.9rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: var(--black);\n  text-decoration: none;\n  cursor: initial;\n}\n\na[href]:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\na[title~=\"modal\"] {\n  cursor: pointer;\n}\n\na[title~=\"modal\"]:hover {\n  text-decoration: underline;\n}\n\nimg {\n  margin-right: 10px;\n  margin-bottom: -3px;\n  width: 20px;\n}\n\n@media only screen and (min-width:768px) {\n  .icon-link {\n    display: flex;\n    align-items: center;\n    margin: 10px 0;\n  }\n\n  a {\n    font-size: 0.75rem;\n  }\n\n  img {\n    padding: 5px 0;\n    margin-bottom: 0;\n    width: 15px;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconLink.vue?vue&type=template&id=2b2fed77&scoped=true&\"\nimport script from \"./IconLink.vue?vue&type=script&lang=js&\"\nexport * from \"./IconLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b2fed77\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"photo-grid-wrapper\"},[_c('div',{ref:\"feature\",staticClass:\"photo-grid-feature\",attrs:{\"role\":\"button\",\"tabindex\":\"0\",\"aria-label\":\"product image\"},domProps:{\"innerHTML\":_vm._s(_vm.feature)},on:{\"click\":_vm.openModal}}),_c('div',{staticClass:\"photo-grid\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"photo-grid-wrapper\">\n    <div class=\"photo-grid-feature\" ref=\"feature\" v-html=\"feature\" @click=\"openModal\" role=\"button\" tabindex=\"0\" aria-label=\"product image\" />\n    <div class=\"photo-grid\">\n      <slot></slot>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"photos\",\n\n  props: [\"feature\"],\n\n  data() {\n    return {\n      photos: []\n    };\n  },\n\n  created() {\n    this.photos = this.$children;\n  },\n\n  mounted() {\n    this.setInitialFeature();\n    this.setVideo();\n  },\n\n  methods: {\n    setInitialFeature() {\n      return (this.$refs.feature.innerHTML = this.$children[0].$el.innerHTML);\n    },\n\n    setVideo() {\n      this.$emit('isVideo');\n    },\n\n    openModal() {\n      this.$emit('openModal');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.photo-grid-wrapper {\n  background-color: white;\n  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.38);\n  padding: 10px;\n  max-width: 630px;\n  margin: 30px auto;\n}\n\n.photo-grid-feature {\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.photo-grid-feature img {\n  width: 100%;\n  display: block;\n}\n\n.photo-grid-feature span {\n  position: absolute;\n  bottom: 7px;\n  left: 18px;\n  background-color: rgba(255, 255, 255, 0.85);\n  font-family: var(--roboto);\n  font-size: 0.875rem;\n  line-height: 1.214;\n  color: var(--black);\n  text-align: center;\n  padding: 5px 5%;\n}\n\n.photo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(67px, 1fr));\n  grid-gap: 10px;\n}\n\n.photo-grid-feature .btn-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 93px !important;\n  height: 93px !important;\n  border-radius: 47px !important;\n  border: 4px solid var(--white);\n  cursor: pointer;\n}\n\n.photo-grid-feature .btn-wrapper::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  font-size: 0;\n  line-height: 0;\n  border-top: 16px solid transparent !important;\n  border-left: 24px solid #fff !important;\n  border-bottom: 16px solid transparent !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-30%, -50%);\n}\n\n.photo-grid-feature .new::after {\n  content: \"NEW\";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 30px !important;\n  left: 30px !important;\n  width: 78px !important;\n  height: 78px !important;\n  border-radius: 40px !important;\n  border: 2px solid var(--white) !important;\n  background-color: var(--black);\n  color: var(--white);\n  font-size: 1.5rem !important;\n}\n\n@media only screen and (min-width: 600px) {\n  .photo-grid-feature span {\n    left: 18px;\n    bottom: 18px;\n    transform: translateX(0);\n    padding: 10px 40px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .photo-grid-wrapper {\n    max-width: 530px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .photo-grid-wrapper {\n    max-width: 460px;\n    margin-right: 25px;\n    align-self: start;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoGrid.vue?vue&type=template&id=49df36ef&\"\nimport script from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('div',{staticClass:\"wide-wrapper\"},[_c('h2',[_vm._v(\"Pilates Reformer Flashcards by Lesley Logan\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"contrology_reformerflashcards_teaser01@1x.jpg\",\"src2\":\"contrology_reformerflashcards_teaser01@2x.jpg\",\"alt\":\"Photo of Flashcards\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology_reformerflashcards_teaser02@1x.jpg\",\"src2\":\"contrology_reformerflashcards_teaser02@2x.jpg\",\"alt\":\"Photo of Flashcards\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology_reformerflashcards_teaser03@1x.jpg\",\"src2\":\"contrology_reformerflashcards_teaser03@2x.jpg\",\"alt\":\"Photo of Flashcards\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology_reformerflashcards_teaser04@1x.jpg\",\"src2\":\"contrology_reformerflashcards_teaser04@2x.jpg\",\"alt\":\"Photo of Flashcards\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide\",attrs:{\"link\":\"reformer\",\"src\":\"contrology-ref1@1x.jpg\",\"src2\":\"contrology-ref1@2x.jpg\",\"alt\":\"Product photo of Contrology Reformer\",\"productName\":\"Contrology Reformer\"}}),_c('div',{staticClass:\"content-wrapper\"},[_vm._m(0),_c('product-selector',{attrs:{\"products\":_vm.products,\"product\":_vm.product,\"option1\":_vm.option1,\"option2\":_vm.option2,\"isdistcountry\":_vm.isdistcountry}}),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"support#returns\",\"img\":\"icon-guarantee.svg\",\"alt\":\"Guarantee icon\",\"title\":\"Learn more\"}},[_vm._v(\"30-Day Money Back Guarantee\")])],1),_c('cta-prod-button',{staticClass:\"cta-button\",attrs:{\"link\":\"reformer\",\"src\":\"contrology-ref1@1x.jpg\",\"src2\":\"contrology-ref1@2x.jpg\",\"alt\":\"Product photo of Contrology Reformer\",\"productName\":\"Contrology Reformer\"}})],1)],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Pilates Reformer Flashcards by Lesley Logan\")]),_c('p',[_vm._v(\" Challenge your memory and learn the Pilates reformer exercises by looking at the pictures on the front of each of Lesley Logan’s full-color Pilates flashcards and guessing the exercise name, and what comes before it or after it. \")]),_c('p',[_vm._v(\" Learn the “set up” and “action” of each exercise, and the “transition” to the next one, as well as substitutions, tips and reps. Plus, scan the barcode on the front of the card to find a video tutorial of each exercise. \")]),_c('p',[_vm._v(\" Includes 79 Flashcards. \")]),_c('p',[_vm._v(\" For sale to customers in US & Canada only. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <main>\n            <div class=\"wide-wrapper\">\n                <h2>Pilates Reformer Flashcards by Lesley Logan</h2>\n\n                <div class=\"upper-content-wrapper\">\n                    <photo-grid :feature=\"featureImgHtml\">\n                        <photo\n                            @setFeature=\"setFeatureImg\"\n                            src=\"contrology_reformerflashcards_teaser01@1x.jpg\"\n                            src2=\"contrology_reformerflashcards_teaser01@2x.jpg\"\n                            alt=\"Photo of Flashcards\"\n                        />\n                        <photo\n                            @setFeature=\"setFeatureImg\"\n                            src=\"contrology_reformerflashcards_teaser02@1x.jpg\"\n                            src2=\"contrology_reformerflashcards_teaser02@2x.jpg\"\n                            alt=\"Photo of Flashcards\"\n                        />\n                        <photo\n                            @setFeature=\"setFeatureImg\"\n                            src=\"contrology_reformerflashcards_teaser03@1x.jpg\"\n                            src2=\"contrology_reformerflashcards_teaser03@2x.jpg\"\n                            alt=\"Photo of Flashcards\"\n                        />\n                        <photo\n                            @setFeature=\"setFeatureImg\"\n                            src=\"contrology_reformerflashcards_teaser04@1x.jpg\"\n                            src2=\"contrology_reformerflashcards_teaser04@2x.jpg\"\n                            alt=\"Photo of Flashcards\"\n                        />\n                    </photo-grid>\n\n                    <cta-prod-button\n                        class=\"cta-button wide\"\n                        link=\"reformer\"\n                        src=\"contrology-ref1@1x.jpg\"\n                        src2=\"contrology-ref1@2x.jpg\"\n                        alt=\"Product photo of Contrology Reformer\"\n                        productName=\"Contrology Reformer\"\n                    />\n\n                    <div class=\"content-wrapper\">\n                        <section class=\"intro\">\n                            <h2>Pilates Reformer Flashcards by Lesley Logan</h2>\n                            <p>\n                                Challenge your memory and learn the Pilates reformer\n                                exercises by looking at the pictures on the front of each\n                                of Lesley Logan’s full-color Pilates flashcards and\n                                guessing the exercise name, and what comes before it or\n                                after it.\n                            </p>\n                            <p>\n                                Learn the “set up” and “action” of each exercise, and the\n                                “transition” to the next one, as well as substitutions,\n                                tips and reps. Plus, scan the barcode on the front of the\n                                card to find a video tutorial of each exercise.\n                            </p>\n                            <p>\n                                Includes 79 Flashcards.\n                            </p>\n                            <p>\n                                For sale to customers in US & Canada only.\n                            </p>\n                        </section>\n\n                        <product-selector\n                            :products=\"products\"\n                            :product=\"product\"\n                            :option1=\"option1\"\n                            :option2=\"option2\"\n                            :isdistcountry=\"isdistcountry\"\n                        />\n\n                        <section class=\"links\">\n                            <icon-link\n                                url=\"support#returns\"\n                                img=\"icon-guarantee.svg\"\n                                alt=\"Guarantee icon\"\n                                title=\"Learn more\"\n                                >30-Day Money Back Guarantee</icon-link\n                            >\n                        </section>\n\n                        <cta-prod-button\n                            class=\"cta-button\"\n                            link=\"reformer\"\n                            src=\"contrology-ref1@1x.jpg\"\n                            src2=\"contrology-ref1@2x.jpg\"\n                            alt=\"Product photo of Contrology Reformer\"\n                            productName=\"Contrology Reformer\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </main>\n    </div>\n</template>\n\n<script>\nimport PhotoGrid from \"@/components/PhotoGrid.vue\";\nimport Photo from \"@/components/Photo.vue\";\nimport ProductSelector from \"@/components/ProductSelector.vue\";\nimport IconLink from \"@/components/IconLink.vue\";\nimport CtaProdButton from \"@/components/CtaProdButton.vue\";\n\nexport default {\n    name: \"reformerflashcards\",\n\n    metaInfo: {\n        title: \"Classic Pilates Reformer Flashcards - Lesley Logan Flashcards\",\n        titleTemplate: \"%s\",\n        meta: [\n            {\n                name: \"description\",\n                content: \"Learn Pilates exercises with these fun Pilates Reformer Flashcards. Each Flashcard has a barcode you scan to watch a video tutorial of each exercise. Get yours now.\",\n            },\n        ],\n    },\n\n    components: {\n        PhotoGrid,\n        Photo,\n        ProductSelector,\n        IconLink,\n        CtaProdButton,\n    },\n\n    props: {\n        isdistcountry: Boolean,\n    },\n\n    data() {\n        return {\n            featureImgHtml: \"\", // PhotoGrid\n            product: {\n                label: \"Select Product\",\n                value: \"\",\n                key: \"name\",\n            },\n            option1: {},\n            option2: {},\n            products: [\n                // Product options\n                {\n                    prodid: 41754657685697,\n                    partnumber: 18140,\n                    price: 84.99,\n                    name: \"Pilates Reformer Flashcards\",\n                    available: true,\n                },\n            ],\n        };\n    },\n\n    methods: {\n        // Set PhotoGrid featured image\n        setFeatureImg(html) {\n            this.featureImgHtml = html;\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nh2 {\n    text-align: center;\n    margin: 0;\n    padding: 0;\n}\n\nh2 + h3 {\n    display: none;\n}\n\n.intro h2 {\n    display: none;\n}\n\n.intro h3 {\n    display: block;\n}\n\n.intro p {\n    font-family: var(--roboto);\n    font-size: 0.9375rem;\n    line-height: 1.467;\n    color: #333;\n}\n\n.wide {\n    display: none;\n}\n\n.links {\n    margin-top: 30px;\n}\n\n.content-link {\n    text-decoration: underline;\n    cursor: pointer;\n    color: #000;\n}\n\n@media only screen and (min-width: 768px) {\n    h2 + h3 {\n        display: block;\n        margin: 0;\n    }\n\n    .intro h3 {\n        display: none;\n    }\n\n    .upper-content-wrapper {\n        padding: 0 80px;\n    }\n\n    .content-wrapper {\n        max-width: 530px;\n        margin: 0 auto;\n    }\n\n    .links {\n        column-count: 3;\n        position: relative;\n        margin-top: 15px;\n    }\n\n    .links > * {\n        -webkit-column-break-inside: avoid;\n        page-break-inside: avoid;\n        break-inside: avoid;\n    }\n\n    .icon-link {\n        margin-top: 0;\n    }\n\n    ::v-deep .modal-card-wrapper {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n    }\n}\n\n@media only screen and (min-width: 1024px) {\n    .upper-content-wrapper {\n        padding: 0 45px;\n        display: flex;\n        align-items: flex-start;\n        max-width: 900px;\n        margin: 0 auto 30px;\n    }\n\n    .content-wrapper {\n        width: 340px;\n        display: flex;\n        flex-flow: column nowrap;\n    }\n\n    .intro {\n        order: 1;\n        margin-top: 15px;\n    }\n\n    .cta-button {\n        order: 3;\n        margin: 20px 0 10px;\n    }\n\n    .links {\n        column-count: 1;\n        order: 4;\n    }\n\n    .icon-link {\n        margin: 0;\n    }\n\n    .more {\n        order: 5;\n        margin-top: 20px;\n    }\n}\n\n@media only screen and (min-width: 1208px) {\n    .wide-wrapper {\n        background-color: rgba(255, 255, 255, 0.75);\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: auto auto auto auto;\n        position: relative;\n        z-index: 0;\n        max-width: 1050px;\n        margin: 0 auto;\n    }\n\n    .upper-content-wrapper {\n        display: contents;\n    }\n\n    .photo-grid-wrapper {\n        grid-column: 1 / span 1;\n        grid-row: 1 / span 2;\n    }\n\n    .content-wrapper {\n        width: auto;\n        grid-column: 2 / span 1;\n        grid-row: 1 / span 1;\n        margin: 50px 30px 20px 0;\n        max-width: 600px;\n    }\n\n    .cta-button {\n        display: none;\n    }\n\n    .cta-button.wide {\n        display: flex;\n        grid-column: 1 / span 1;\n        grid-row: 3 / span 1;\n        justify-self: center;\n        margin: 0 80px 30px auto;\n    }\n\n    .intro h2,\n    .intro h3 {\n        display: block;\n        text-align: left;\n    }\n\n    .wide-wrapper > h2,\n    .wide-wrapper > h3 {\n        display: none;\n    }\n\n    .links {\n        column-count: 2;\n        max-width: 400px;\n    }\n\n    .icon-link {\n        margin: 1px;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReformerFlashCards.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReformerFlashCards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReformerFlashCards.vue?vue&type=template&id=3d573d9e&scoped=true&\"\nimport script from \"./ReformerFlashCards.vue?vue&type=script&lang=js&\"\nexport * from \"./ReformerFlashCards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReformerFlashCards.vue?vue&type=style&index=0&id=3d573d9e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3d573d9e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReformerFlashCards.vue?vue&type=style&index=0&id=3d573d9e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReformerFlashCards.vue?vue&type=style&index=0&id=3d573d9e&lang=scss&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"btn-wrapper\",attrs:{\"href\":_vm.link}},[_c('div',{staticClass:\"img-wrapper\"},[_c('img',{attrs:{\"src\":_vm.img1x,\"srcset\":_vm.img2x,\"alt\":_vm.alt}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"Designed for use with:\"),_c('br'),_c('b',[_vm._v(_vm._s(_vm.productName))]),_c('br'),_c('small',[_vm._v(_vm._s(_vm.productSub))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a :href=\"link\" class=\"btn-wrapper\">\n    <div class=\"img-wrapper\">\n      <img :src=\"img1x\" :srcset=\"img2x\" :alt=\"alt\">\n    </div>\n    <div class=\"text\">Designed for use with:<br /><b>{{ productName }}</b><br /><small>{{ productSub }}</small></div>\n  </a>\n</template>\n\n<script>\n  export default {\n    name: 'ctaprodbutton',\n\n    props: {\n      link: {\n        required: true,\n        type: String\n      },\n      src: {\n        required: true,\n        type: String\n      },\n      src2:  {\n        required: true,\n        type: String\n      },\n      alt: {\n        required: true,\n        type: String\n      },\n      productName: {\n        required: true,\n        type: String\n      },\n      productSub: {\n        type: String\n      }\n    },\n\n    computed: {\n      img1x() {\n        return \"https://s3.amazonaws.com/s3.pilates.com/contrology/\" + this.src;\n      },\n\n      img2x() {\n        return \"https://s3.amazonaws.com/s3.pilates.com/contrology/\" + this.src2 + ' 2x';\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.btn-wrapper {\n  width: 100%;\n  height: 94px;\n  max-width: 324px;\n  border-radius: 5px;\n  background-color: var(--white);\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);\n  margin: 35px 0 20px;\n  padding: 8px;\n}\n\nimg {\n  width: 90px;\n  height: 78px;\n}\n\na {\n  display: flex;\n  font-family: var(--roboto);\n  color: #333;\n  text-decoration: none;\n  cursor: pointer;\n}\n\na .text {\n  font-size: 0.9375rem;\n  line-height: 1.467;\n  align-self: center;\n  justify-self: center;\n  margin: 3px 10px 3px 13px;\n}\n\na .text b {\n  font-size: 1rem;\n  line-height: 1.3125;\n  font-weight: 700;\n}\n\na .text small {\n  font-size: 0.75rem;\n  line-height: 1.55;\n  color: #5f6062;\n}\n\n@media only screen and (max-width:361px) {\n  a .text {\n    font-size: .75rem;\n  }\n\n  a .text b {\n    font-size: 0.8rem;\n  }\n\n  a .text small {\n    font-size: .5rem;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CtaProdButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CtaProdButton.vue?vue&type=template&id=22c76254&scoped=true&\"\nimport script from \"./CtaProdButton.vue?vue&type=script&lang=js&\"\nexport * from \"./CtaProdButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CtaProdButton.vue?vue&type=style&index=0&id=22c76254&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"22c76254\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}