{"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/TertiaryButton.vue?9e97","webpack:///src/components/TertiaryButton.vue","webpack:///./src/components/TertiaryButton.vue?f66f","webpack:///./src/components/TertiaryButton.vue","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/JpackSprings.vue?3a06","webpack:///src/views/JpackSprings.vue","webpack:///./src/views/JpackSprings.vue?f00f","webpack:///./src/views/JpackSprings.vue","webpack:///./src/views/JpackSprings.vue?8a1b","webpack:///./src/components/PhotoGrid.vue?edf6","webpack:///./src/components/TertiaryButton.vue?1510","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","_v","_s","text","ref","domProps","feature","openModal","name","props","data","photos","created","$children","mounted","setInitialFeature","setVideo","methods","featureImgHtml","setFeatureImg","directives","rawName","value","show","expression","toggleContent","products","product","option1","option2","isdistcountry","_m","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","CtaProdButton","TertiaryButton","Boolean","label","key","html","link","img1x","img2x","productName","productSub"],"mappings":"yIAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,OAAO,IAAMR,EAAIS,OAAOL,EAAG,IAAI,CAACG,MAAM,CAAC,KAAOP,EAAIU,IAAI,MAAQV,EAAIW,OAAOC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOb,EAAIc,MAAM,WAAW,CAACd,EAAIe,GAAG,YAAY,MACjTC,EAAkB,GCOtB,GACE,KAAF,WAEE,MAAF,CACI,IAAJ,OACI,IAAJ,OACI,IAAJ,OACI,MAAJ,QAGE,SAAF,CACI,OADJ,WAEM,MAAN,0ECpBkV,I,wBCQ9UC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,oECnBf,yBAAqiB,EAAG,G,oCCAxiB,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACE,YAAY,MAAMC,MAAM,CAAC,KAAOP,EAAIU,MAAM,CAACV,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,MAAM,QAC3KJ,EAAkB,GCMtB,GACE,KAAF,iBAEE,MAAF,gBCVwV,I,wBCQpVC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2FCnBf,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACiB,IAAI,UAAUf,YAAY,qBAAqBC,MAAM,CAAC,KAAO,SAAS,SAAW,IAAI,aAAa,iBAAiBe,SAAS,CAAC,UAAYtB,EAAImB,GAAGnB,EAAIuB,UAAUX,GAAG,CAAC,MAAQZ,EAAIwB,aAAapB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIe,GAAG,YAAY,MAC1YC,EAAkB,GCStB,GACES,KAAM,SAENC,MAAO,CAAC,WAERC,KALF,WAMI,MAAO,CACLC,OAAQ,KAIZC,QAXF,WAYI5B,KAAK2B,OAAS3B,KAAK6B,WAGrBC,QAfF,WAgBI9B,KAAK+B,oBACL/B,KAAKgC,YAGPC,QAAS,CACPF,kBADJ,WAEM,OAAO,KAAb,yDAGIC,SALJ,WAMMhC,KAAKa,MAAM,YAGbU,UATJ,WAUMvB,KAAKa,MAAM,gBCxCkU,I,wBCQ/UG,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,oDCnBf,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACJ,EAAIkB,GAAG,mBAAmBd,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUP,EAAImC,iBAAiB,CAAC/B,EAAG,QAAQ,CAACG,MAAM,CAAC,IAAM,wBAAwB,KAAO,wBAAwB,IAAM,0BAA0BK,GAAG,CAAC,WAAaZ,EAAIoC,iBAAiBhC,EAAG,QAAQ,CAACG,MAAM,CAAC,IAAM,wBAAwB,KAAO,wBAAwB,IAAM,0BAA0BK,GAAG,CAAC,WAAaZ,EAAIoC,iBAAiBhC,EAAG,QAAQ,CAACG,MAAM,CAAC,IAAM,wBAAwB,KAAO,wBAAwB,IAAM,0BAA0BK,GAAG,CAAC,WAAaZ,EAAIoC,kBAAkB,GAAGhC,EAAG,kBAAkB,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,WAAW,IAAM,yBAAyB,KAAO,yBAAyB,IAAM,kDAAkD,YAAc,sBAAsB,WAAa,gBAAgBH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,UAAU,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACJ,EAAIkB,GAAG,mBAAmBd,EAAG,MAAMA,EAAG,IAAI,CAACJ,EAAIkB,GAAG,0LAA0Ld,EAAG,OAAO,CAACiC,WAAW,CAAC,CAACZ,KAAK,OAAOa,QAAQ,SAASC,OAAQvC,EAAIwC,KAAMC,WAAW,UAAUnC,YAAY,eAAeC,MAAM,CAAC,KAAO,SAAS,SAAW,KAAKK,GAAG,CAAC,MAAQZ,EAAI0C,gBAAgB,CAAC1C,EAAIkB,GAAG,gBAAgBd,EAAG,MAAM,CAACiC,WAAW,CAAC,CAACZ,KAAK,OAAOa,QAAQ,SAASC,MAAOvC,EAAQ,KAAEyC,WAAW,UAAU,CAACrC,EAAG,IAAI,CAACJ,EAAIkB,GAAG,4RAA4Rd,EAAG,OAAO,CAACiC,WAAW,CAAC,CAACZ,KAAK,OAAOa,QAAQ,SAASC,MAAOvC,EAAQ,KAAEyC,WAAW,SAASnC,YAAY,eAAeC,MAAM,CAAC,KAAO,SAAS,SAAW,KAAKK,GAAG,CAAC,MAAQZ,EAAI0C,gBAAgB,CAAC1C,EAAIkB,GAAG,oBAAoBd,EAAG,mBAAmB,CAACG,MAAM,CAAC,SAAWP,EAAI2C,SAAS,QAAU3C,EAAI4C,QAAQ,QAAU5C,EAAI6C,QAAQ,QAAU7C,EAAI8C,QAAQ,cAAgB9C,EAAI+C,iBAAiB/C,EAAIgD,GAAG,GAAG5C,EAAG,UAAU,CAACE,YAAY,SAAS,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,IAAM,WAAW,IAAM,oBAAoB,IAAM,gBAAgB,MAAQ,eAAe,CAACP,EAAIkB,GAAG,6BAA6Bd,EAAG,YAAY,CAACG,MAAM,CAAC,IAAM,kBAAkB,IAAM,qBAAqB,IAAM,iBAAiB,MAAQ,eAAe,CAACP,EAAIkB,GAAG,iCAAiCd,EAAG,YAAY,CAACG,MAAM,CAAC,IAAM,UAAU,IAAM,oBAAoB,IAAM,gBAAgB,MAAQ,eAAe,CAACP,EAAIkB,GAAG,yBAAyB,GAAGd,EAAG,kBAAkB,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,WAAW,IAAM,yBAAyB,KAAO,yBAAyB,IAAM,kDAAkD,YAAc,sBAAsB,WAAa,gBAAgBH,EAAG,UAAU,CAACE,YAAY,QAAQ,CAACF,EAAG,kBAAkB,CAACG,MAAM,CAAC,KAAO,4BAA4B,IAAM,4BAA4B,IAAI,IAAI,UAC7oGS,EAAkB,CAAC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIkB,GAAG,MAAMd,EAAG,IAAI,CAACJ,EAAIkB,GAAG,WAAWlB,EAAIkB,GAAG,gFAAgFd,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,4BAA4B,CAACP,EAAIkB,GAAG,4BAA4BlB,EAAIkB,GAAG,4C,wECkIvW,GACEO,KAAM,eAENwB,SAAU,CACRtC,MAAO,6CACPuC,cAAe,KACfC,KAAM,CACV,CACM,KAAN,cACM,QAAN,iKAKEC,WAAY,CACVC,UAAJ,OACIC,MAAJ,OACIC,gBAAJ,OACIC,SAAJ,OACIC,cAAJ,OACIC,eAAJ,QAGEhC,MAAO,CACLqB,cAAeY,SAGjBhC,KA3BF,WA4BI,MAAO,CACLQ,eAAgB,GAChBK,MAAM,EACNI,QAAS,CACPgB,MAAO,uBACPrB,MAAO,GACPsB,IAAK,QAEPhB,QAAS,GACTC,QAAS,GACTH,SAAU,CAEV,CACE,OAAR,eACQ,WAAR,MACQ,MAAR,IACQ,KAAR,gBACQ,WAAR,MAMET,QAAS,CAEPE,cAFJ,SAEA,GACMnC,KAAKkC,eAAiB2B,GAIxBpB,cAPJ,WAQMzC,KAAKuC,MAAQvC,KAAKuC,QC9L8T,I,wBCQlVvB,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAAyiB,EAAG,G,2DCA5iB,yBAA8gB,EAAG,G,kCCAjhB,yBAA2iB,EAAG,G,kCCA9iB,yBAA0iB,EAAG,G,kCCA7iB,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,IAAI,CAACE,YAAY,cAAcC,MAAM,CAAC,KAAOP,EAAI+D,OAAO,CAAC3D,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIgE,MAAM,OAAShE,EAAIiE,MAAM,IAAMjE,EAAIS,SAASL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIkB,GAAG,0BAA0Bd,EAAG,MAAMA,EAAG,IAAI,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIkE,gBAAgB9D,EAAG,MAAMA,EAAG,QAAQ,CAACJ,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAImE,oBAC/ZnD,EAAkB,GCStB,GACE,KAAF,gBAEE,MAAF,CACI,KAAJ,CACM,UAAN,EACM,KAAN,QAEI,IAAJ,CACM,UAAN,EACM,KAAN,QAEI,KAAJ,CACM,UAAN,EACM,KAAN,QAEI,IAAJ,CACM,UAAN,EACM,KAAN,QAEI,YAAJ,CACM,UAAN,EACM,KAAN,QAEI,WAAJ,CACM,KAAN,SAIE,SAAF,CACI,MADJ,WAEM,MAAN,gEAGI,MALJ,WAMM,MAAN,yEC7CuV,I,wBCQnVC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E","file":"js/jpacksprings.36692c2c.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('a',{staticClass:\"btn\",attrs:{\"href\":_vm.url}},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a class=\"btn\" :href=\"url\">\n    {{ text }}\n  </a>\n</template>\n\n<script>\n  export default {\n    name: \"tertiarybutton\",\n\n    props: [\"text\",\"url\"]\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.btn {\n  background: rgba(0, 0, 0, 0.1);\n  border: 1px solid var(--black);\n  border-radius: 3px;\n  display: inline-block;\n  transition: 0.3s;\n  font-family: var(--roboto);\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 0.875;\n  text-align: center;\n  color: var(--black);\n  text-decoration: none;\n  padding: 6px 10px;\n  cursor: pointer;\n  margin: 0 5px;\n}\n\n.btn:hover {\n  background: rgba(255, 255, 255, 0.5);\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!./TertiaryButton.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!./TertiaryButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TertiaryButton.vue?vue&type=template&id=a5256668&scoped=true&\"\nimport script from \"./TertiaryButton.vue?vue&type=script&lang=js&\"\nexport * from \"./TertiaryButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TertiaryButton.vue?vue&type=style&index=0&id=a5256668&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  \"a5256668\",\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('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(\"Jpack Springs\")]),_c('h3'),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"jpack-springs1@1x.jpg\",\"src2\":\"jpack-springs1@2x.jpg\",\"alt\":\"Photo of Jpack Springs\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"jpack-springs2@1x.jpg\",\"src2\":\"jpack-springs2@2x.jpg\",\"alt\":\"Photo of Jpack Springs\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"jpack-springs3@1x.jpg\",\"src2\":\"jpack-springs3@2x.jpg\",\"alt\":\"Photo of Jpack Springs\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide\",attrs:{\"link\":\"cadillac\",\"src\":\"contrology-cad1@1x.jpg\",\"src2\":\"contrology-cad1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Cadillac thumbnail\",\"productName\":\"Contrology Cadillac\",\"productSub\":\"All models\"}}),_c('div',{staticClass:\"content-wrapper\"},[_c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Jpack Springs\")]),_c('h3'),_c('p',[_vm._v(\" Includes two (heavy) arm springs and two (heavy) leg springs. Attached to the canopy tubes on your Contrology Cadillac, the Jpack springs provide maximum resistance while training. \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.show),expression:\"!show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" More › \")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}]},[_c('p',[_vm._v(\"In the late '60s, Clara Pilates gave a pair of heavy arm springs to Jay. We spent over a year matching these Contrology Jpack Arm Springs to those golden springs from Clara. These authentic Contrology JPack Arm Springs have that original heavy feel — and are only available here! \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" Less › \")])])])]),_c('product-selector',{attrs:{\"products\":_vm.products,\"product\":_vm.product,\"option1\":_vm.option1,\"option2\":_vm.option2,\"isdistcountry\":_vm.isdistcountry}}),_vm._m(0),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"warranty\",\"img\":\"icon-warranty.svg\",\"alt\":\"Warranty icon\",\"title\":\"Learn more\"}},[_vm._v(\"2 Year Limited Warranty\")]),_c('icon-link',{attrs:{\"url\":\"support#returns\",\"img\":\"icon-guarantee.svg\",\"alt\":\"Guarantee icon\",\"title\":\"Learn more\"}},[_vm._v(\"30-Day Money Back Guarantee\")]),_c('icon-link',{attrs:{\"url\":\"support\",\"img\":\"icon-assembly.svg\",\"alt\":\"Assembly icon\",\"title\":\"Learn more\"}},[_vm._v(\"Assembly & Support\")])],1),_c('cta-prod-button',{staticClass:\"cta-button\",attrs:{\"link\":\"cadillac\",\"src\":\"contrology-cad1@1x.jpg\",\"src2\":\"contrology-cad1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Cadillac thumbnail\",\"productName\":\"Contrology Cadillac\",\"productSub\":\"All models\"}}),_c('section',{staticClass:\"more\"},[_c('tertiary-button',{attrs:{\"text\":\"More Cadillac Accessories\",\"url\":\"/accessories/Cadillac\"}})],1)],1)],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"post-note\"},[_vm._v(\" *\"),_c('b',[_vm._v(\"Note:\")]),_vm._v(\" Snap clips are not included with Springs. Please call us (916) 388-2838 or \"),_c('a',{attrs:{\"href\":\"mailto:info@pilates.com\"}},[_vm._v(\"email info@pilates.com\")]),_vm._v(\" to purchase snap clips separately. \")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Jpack Springs</h2>\n        <h3></h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"jpack-springs1@1x.jpg\"\n              src2=\"jpack-springs1@2x.jpg\"\n              alt=\"Photo of Jpack Springs\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"jpack-springs2@1x.jpg\"\n              src2=\"jpack-springs2@2x.jpg\"\n              alt=\"Photo of Jpack Springs\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"jpack-springs3@1x.jpg\"\n              src2=\"jpack-springs3@2x.jpg\"\n              alt=\"Photo of Jpack Springs\"\n            />\n          </photo-grid>\n\n          <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"cadillac\"\n            src=\"contrology-cad1@1x.jpg\"\n            src2=\"contrology-cad1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Cadillac thumbnail\"\n            productName=\"Contrology Cadillac\"\n            productSub='All models'\n          />\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Jpack Springs</h2>\n              <h3></h3>\n              <p>\n                Includes two (heavy) arm springs and two (heavy) leg springs. Attached to the canopy tubes on your Contrology Cadillac, the Jpack springs provide maximum resistance while training.\n              <span\n                  v-show=\"!show\"\n                  class=\"content-link\"\n                  @click=\"toggleContent\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                >\n                  More ›\n                </span>\n              </p>\n              <div v-show=\"show\">\n                <p>In the late '60s, Clara Pilates gave a pair of heavy arm springs to Jay. We spent over a year matching these Contrology Jpack Arm Springs to those golden springs from Clara. These authentic Contrology JPack Arm Springs have that original heavy feel &mdash; and are only available here!\n                  <span\n                    v-show=\"show\"\n                    class=\"content-link\"\n                    @click=\"toggleContent\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                  >\n                    Less ›\n                  </span>\n                </p>\n              </div>\n            </section>\n\n            <product-selector\n              :products=products\n              :product=product\n              :option1=option1\n              :option2=option2\n              :isdistcountry=isdistcountry\n            />\n\n            <p class=\"post-note\">\n              *<b>Note:</b> Snap clips are not included with Springs. Please call us (916) 388-2838 or <a href=\"mailto:info@pilates.com\">email info@pilates.com</a> to purchase snap clips separately.\n            </p>\n\n            <section class=\"links\">\n              <icon-link\n                url=\"warranty\"\n                img=\"icon-warranty.svg\"\n                alt=\"Warranty icon\"\n                title=\"Learn more\"\n              >2 Year Limited Warranty</icon-link>\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              <icon-link\n                url=\"support\"\n                img=\"icon-assembly.svg\"\n                alt=\"Assembly icon\"\n                title=\"Learn more\"\n              >Assembly &amp; Support</icon-link>\n            </section>\n\n            <cta-prod-button\n              class=\"cta-button\"\n              link=\"cadillac\"\n              src=\"contrology-cad1@1x.jpg\"\n              src2=\"contrology-cad1@2x.jpg\"\n              alt=\"Close-up photo of Contrology Cadillac thumbnail\"\n              productName=\"Contrology Cadillac\"\n              productSub='All models'\n            />\n\n            <section class=\"more\">\n              <tertiary-button text=\"More Cadillac Accessories\" url=\"/accessories/Cadillac\" />\n            </section>\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\";\nimport TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"jpacksprings\",\n\n  metaInfo: {\n    title: \"Jpack Springs - Contrology - Balanced Body\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"These Jpack Springs were meticulously designed after an original pair of heavy arm springs owned by Clara Pilates. Get your Contrology JPack Springs today.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    IconLink,\n    CtaProdButton,\n    TertiaryButton\n  },\n\n  props: {\n    isdistcountry: Boolean\n  },\n\n  data() {\n    return {\n      featureImgHtml: \"\", // PhotoGrid\n      show: false, // Intro content\n      product: {\n        label: \"Select Jpack Springs\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41267986825409,\n          partnumber: 17200,\n          price: 150,\n          name: \"Jpack Springs\",\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    // Toggle intro content\n    toggleContent() {\n      this.show = !this.show;\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.content-link {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.wide {\n  display: none;\n}\n\n.links {\n  margin-top: 30px;\n}\n\n.post-note {\n  -webkit-box-ordinal-group: 3;\n  -ms-flex-order: 3;\n  order: 3;\n  font-family: var(--roboto);\n  font-size: 0.75rem;\n  line-height: 1.25;\n  color: var(--black);\n  margin-bottom: 12px;\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!./JpackSprings.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!./JpackSprings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./JpackSprings.vue?vue&type=template&id=5038758a&scoped=true&\"\nimport script from \"./JpackSprings.vue?vue&type=script&lang=js&\"\nexport * from \"./JpackSprings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./JpackSprings.vue?vue&type=style&index=0&id=5038758a&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  \"5038758a\",\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!./JpackSprings.vue?vue&type=style&index=0&id=5038758a&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!./JpackSprings.vue?vue&type=style&index=0&id=5038758a&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!./TertiaryButton.vue?vue&type=style&index=0&id=a5256668&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!./TertiaryButton.vue?vue&type=style&index=0&id=a5256668&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!./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":""}