{"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/SpringSleeves.vue?f2b0","webpack:///./src/views/SpringSleeves.vue?3b76","webpack:///src/views/SpringSleeves.vue","webpack:///./src/views/SpringSleeves.vue?2859","webpack:///./src/views/SpringSleeves.vue","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","_m","products","product","option1","option2","isdistcountry","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","CtaProdButton","TertiaryButton","Boolean","showCardModal","show","label","value","key","html","toggleContent","link","img1x","img2x","productName","productSub"],"mappings":"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","file":"js/springsleeves.b6afab54.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","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!./SpringSleeves.vue?vue&type=style&index=0&id=e0efca16&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!./SpringSleeves.vue?vue&type=style&index=0&id=e0efca16&lang=scss&scoped=true&\"","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(\"Spring Sleeves\")]),_c('h3'),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"contrology-Walltower-accessory-springsleeve-1@1x.jpg\",\"src2\":\"contrology-Walltower-accessory-springsleeve-1@2x.jpg\",\"alt\":\"Spring Sleeve angle 1\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-Walltower-accessory-springsleeve-2@1x.jpg\",\"src2\":\"contrology-Walltower-accessory-springsleeve-2@2x.jpg\",\"alt\":\"Spring Sleeve angle 2\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-Walltower-accessory-springsleeve-3@1x.jpg\",\"src2\":\"contrology-Walltower-accessory-springsleeve-3@2x.jpg\",\"alt\":\"Spring Sleeves installed\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide-1\",attrs:{\"link\":\"wall-tower\",\"src\":\"contrology-walltower-highmat-5_1x.jpg\",\"src2\":\"contrology-walltower-highmat-5_2x.jpg\",\"alt\":\"Close-up photo of Contrology Wall Tower thumbnail\",\"productName\":\"Wall Tower\",\"productSub\":\"\"}}),_c('cta-prod-button',{staticClass:\"cta-button wide-2\",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\"},[_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\":\"warranty\",\"img\":\"icon-warranty.svg\",\"alt\":\"Warranty icon\",\"title\":\"Learn more\"}},[_vm._v(\"2 Year Limited Warranty\")])],1),_c('cta-prod-button',{staticClass:\"cta-button\",attrs:{\"link\":\"wall-tower\",\"src\":\"contrology-walltower-highmat-5_1x.jpg\",\"src2\":\"contrology-walltower-highmat-5_2x.jpg\",\"alt\":\"Close-up photo of Contrology Wall Tower thumbnail\",\"productName\":\"Wall Tower\",\"productSub\":\"\"}}),_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 Springs\",\"url\":\"/accessories/Springs\"}})],1)],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(\"Spring Sleeves\")]),_c('h3'),_c('p',[_vm._v(\" Contrology® Spring Sleeves are designed to protect the High Mat from damage. The Sleeves cover the Spring ends and prevent them from rubbing on the upholstery of the High Mat. Sold as pair. Vinyl outside; neoprene lined inside. \")]),_c('p',[_vm._v(\" Included: Two (2) Push Through Bar Spring Sleeves. \")]),_c('p',[_vm._v(\" Dimensions:\"),_c('br'),_vm._v(\" Width: 8” (20.32cm)\"),_c('br'),_vm._v(\" Diameter: 1.25” (3.175cm) \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Spring Sleeves</h2>\n        <h3></h3>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-Walltower-accessory-springsleeve-1@1x.jpg\"\n              src2=\"contrology-Walltower-accessory-springsleeve-1@2x.jpg\"\n              alt=\"Spring Sleeve angle 1\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-Walltower-accessory-springsleeve-2@1x.jpg\"\n              src2=\"contrology-Walltower-accessory-springsleeve-2@2x.jpg\"\n              alt=\"Spring Sleeve angle 2\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-Walltower-accessory-springsleeve-3@1x.jpg\"\n              src2=\"contrology-Walltower-accessory-springsleeve-3@2x.jpg\"\n              alt=\"Spring Sleeves installed\"\n            />\n          </photo-grid>\n\n          <cta-prod-button\n            class=\"cta-button wide-1\"\n            link=\"wall-tower\"\n            src=\"contrology-walltower-highmat-5_1x.jpg\"\n            src2=\"contrology-walltower-highmat-5_2x.jpg\"\n            alt=\"Close-up photo of Contrology Wall Tower thumbnail\"\n            productName=\"Wall Tower\"\n            productSub=''\n          />\n\n          <cta-prod-button\n            class=\"cta-button wide-2\"\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>Spring Sleeves</h2>\n              <h3></h3>\n              <p>\n                Contrology® Spring Sleeves are designed to protect the High Mat from damage. The Sleeves cover the Spring ends and prevent them from rubbing on the upholstery of the High Mat. Sold as pair. Vinyl outside; neoprene lined inside.\n              </p>\n              <p>\n                Included: Two (2) Push Through Bar Spring Sleeves. \n              </p>\n              <p>\n                Dimensions:<br/>\n                Width: 8” (20.32cm)<br/>\n                Diameter: 1.25” (3.175cm)\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=\"warranty\"\n                img=\"icon-warranty.svg\"\n                alt=\"Warranty icon\"\n                title=\"Learn more\"\n              >2 Year Limited Warranty</icon-link>\n            </section>\n\n            <cta-prod-button\n              class=\"cta-button\"\n              link=\"wall-tower\"\n              src=\"contrology-walltower-highmat-5_1x.jpg\"\n              src2=\"contrology-walltower-highmat-5_2x.jpg\"\n              alt=\"Close-up photo of Contrology Wall Tower thumbnail\"\n              productName=\"Wall Tower\"\n              productSub=''\n            />\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 Springs\" url=\"/accessories/Springs\" />\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: \"springsleeves\",\n\n  metaInfo: {\n    title: \"Contrology Spring Sleeves - Balanced Body\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Contrology® Spring Sleeves are designed to protect the High Mat from damage.\"\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      showCardModal: false, // ModalCard\n      show: false, // Intro content\n      product: {\n        label: \"Select\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 48868191895745,\n          partnumber: 14601,\n          price: 35,\n          name: \"Spring Sleeves (Pair)\",\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-1, .wide-2 {\n  display: none;\n}\n\n.links {\n  margin-top: 30px;\n}\n\n.krn-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  width: 100%;\n  max-width: 530px;\n  margin: 0 auto;\n  margin-top: 3rem;\n}\n\n.krn-image-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  margin: 0 auto;\n  padding-right: 0;\n}\n\n.krn-image-container img {\n  width: 180px;\n  height: 180px;\n}\n\n.krn-image-container p {\n  font-size: 10px;\n  margin: 1rem 0 0 0;\n}\n\n.krn-quote-container {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 2rem 0;\n}\n\n.krn-quote {\n  margin-bottom: 24px;\n  margin-top: 0;\n  font-size: 18px;\n  font-family: var(--noto);\n  font-style: italic;\n}\n\n.krn-name {\n  font-weight: 500;\n  font-size: 15px;\n  margin: 0;\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: 100%;\n    left: 10%;\n    width: 80%;\n    margin: 0 auto;\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  ::v-deep .modal-card-wrapper {\n    top: 60%;\n  }\n\n  .icon-link {\n    margin: 0;\n  }\n\n  .more {\n    order: 5;\n    margin-top: 20px;\n  }\n\n  .krn-container {\n    max-width: 775px;\n  }\n\n  .krn-container {\n    flex-direction: row;\n  }\n\n  .krn-image-container {\n    margin: 0;\n    padding-right: 2rem;\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-1 {\n    display: flex;\n    grid-column: 1 / span 1;\n    grid-row: 3 / span 1;\n    justify-self: left;\n    margin: 0 80px 30px 40px;\n  }\n\n  .cta-button.wide-2 {\n    display: flex;\n    grid-column: 2 / span 1;\n    grid-row: 3 / span 1;\n    justify-self: left;\n    margin: 0 80px 30px 0;\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  ::v-deep .modal-card-wrapper {\n    top: 20px;\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!./SpringSleeves.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!./SpringSleeves.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpringSleeves.vue?vue&type=template&id=e0efca16&scoped=true&\"\nimport script from \"./SpringSleeves.vue?vue&type=script&lang=js&\"\nexport * from \"./SpringSleeves.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpringSleeves.vue?vue&type=style&index=0&id=e0efca16&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  \"e0efca16\",\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!./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":""}