{"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/views/ArmChairSprings.vue?2d8e","webpack:///src/views/ArmChairSprings.vue","webpack:///./src/views/ArmChairSprings.vue?f55a","webpack:///./src/views/ArmChairSprings.vue","webpack:///./src/assets/icon-upholstery-colors.svg","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/components/ModalCardLarge.vue?8432","webpack:///./src/views/ArmChairSprings.vue?0fba","webpack:///./src/components/ModalCardLarge.vue?3ae7","webpack:///src/components/ModalCardLarge.vue","webpack:///./src/components/ModalCardLarge.vue?6420","webpack:///./src/components/ModalCardLarge.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","featureImgHtml","setFeatureImg","_m","products","product","option1","option2","isdistcountry","showCardModal","_e","name","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","ModalCardLarge","CtaProdButton","TertiaryButton","props","Boolean","data","show","label","value","key","methods","html","toggleContent","module","exports","_s","text","ref","domProps","feature","openModal","photos","created","$children","mounted","setInitialFeature","setVideo","link","img1x","img2x","productName","productSub"],"mappings":"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","file":"js/armchairsprings.a5c60d2c.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","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(\"Arm Chair Springs\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"armchair-springs1@1x.jpg\",\"src2\":\"armchair-springs1@2x.jpg\",\"alt\":\"Arm Char springs closeup\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"armchair-springs2@1x.jpg\",\"src2\":\"armchair-springs2@2x.jpg\",\"alt\":\"Arm Char springs full shot\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"armchair-springs3@1x.jpg\",\"src2\":\"armchair-springs3@2x.jpg\",\"alt\":\"Arm Char springs in action\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide\",attrs:{\"link\":\"arm-chair\",\"src\":\"contrology-chair1@1x.jpg\",\"src2\":\"contrology-chair1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Chair thumbnail\",\"productName\":\"Contrology Arm Chair\"}}),_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\")]),_c('icon-link',{attrs:{\"url\":\"support\",\"img\":\"icon-assembly.svg\",\"alt\":\"Assembly icon\",\"title\":\"Learn more\"}},[_vm._v(\"Assembly & Support\")])],1),(_vm.showCardModal)?_c('modal-card-large',{on:{\"close\":function($event){_vm.showCardModal = false}}}):_vm._e(),_c('cta-prod-button',{staticClass:\"cta-button\",attrs:{\"link\":\"reformer\",\"src\":\"contrology-ref1@1x.jpg\",\"src2\":\"contrology-ref1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Reformer thumbnail\",\"productName\":\"Contrology Reformer\",\"productSub\":\"\"}}),_c('section',{staticClass:\"more\"},[_c('tertiary-button',{attrs:{\"text\":\"More Arm Chair Accessories\",\"url\":\"/accessories/Arm Chair\"}})],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(\"Arm Chair Springs\")]),_c('p',[_vm._v(\" This spring is the lightest of the Contrology springs. It was designed after Jay Grimes' Vintage Arm Chair Springs, providing just the right amount of resistance. \"),_c('br'),_c('br'),_vm._v(\" This spring has a \\\"neck down\\\" design which means that there are reduced coils at the tip of the spring. When combined with the wider coils in the body of the spring, it ends up acting as 2 springs in one. \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Arm Chair Springs</h2>\n        <!-- <h3>Placeholder</h3> -->\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"armchair-springs1@1x.jpg\"\n              src2=\"armchair-springs1@2x.jpg\"\n              alt=\"Arm Char springs closeup\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"armchair-springs2@1x.jpg\"\n              src2=\"armchair-springs2@2x.jpg\"\n              alt=\"Arm Char springs full shot\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"armchair-springs3@1x.jpg\"\n              src2=\"armchair-springs3@2x.jpg\"\n              alt=\"Arm Char springs in action\"\n            />\n          </photo-grid>\n\n          <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"arm-chair\"\n            src=\"contrology-chair1@1x.jpg\"\n            src2=\"contrology-chair1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Chair thumbnail\"\n            productName=\"Contrology Arm Chair\"\n          />\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Arm Chair Springs</h2>\n              <!-- <h3>Placeholder</h3> -->\n              <p>\n                This spring is the lightest of the Contrology springs. It was designed after Jay Grimes' Vintage Arm Chair Springs, providing just the right amount of resistance.\n                <br><br>\n                This spring has a \"neck down\" design which means that there are reduced coils at the tip of the spring. When combined with the wider coils in the body of the spring, it ends up acting as 2 springs in one. \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>\n                  This spring has the \"neck down\" design which means that there are reduced coils at the tip of the spring. When combined with the wider coils in the body of the spring it ends up acting as 2 springs in one. \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            <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\"\n                img=\"icon-assembly.svg\"\n                alt=\"Assembly icon\"\n                title=\"Learn more\"\n              >Assembly &amp; Support</icon-link>\n            </section>\n\n            <modal-card-large v-if=\"showCardModal\" @close=\"showCardModal = false\" />\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=\"Close-up photo of Contrology Reformer thumbnail\"\n              productName=\"Contrology Reformer\"\n              productSub=''\n            />\n\n            <section class=\"more\">\n              <tertiary-button text=\"More Arm Chair Accessories\" url=\"/accessories/Arm Chair\" />\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 ModalCardLarge from \"@/components/ModalCardLarge.vue\";\nimport CtaProdButton from \"@/components/CtaProdButton.vue\";\nimport TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"armchairsprings\",\n\n  metaInfo: {\n    title: \"Contrology Arm Chair Springs - Balanced Body Chair Springs\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Designed after Jay Grimes' Vintage Arm Chair Springs, this Contrology Arm Chair Spring is the lightest of the Contrology Springs. Get your pilates springs today.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    IconLink,\n    ModalCardLarge,\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: 41267984564417,\n          partnumber: 16909,\n          price: 32,\n          name: \"Arm Chair Spring, single\",\n          available: true\n        },\n        {\n          prodid: 41267984597185,\n          partnumber: 17880,\n          price: 60,\n          name: \"Arm Chair Springs, 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 {\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 {\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  ::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!./ArmChairSprings.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!./ArmChairSprings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArmChairSprings.vue?vue&type=template&id=fdddef9c&scoped=true&\"\nimport script from \"./ArmChairSprings.vue?vue&type=script&lang=js&\"\nexport * from \"./ArmChairSprings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArmChairSprings.vue?vue&type=style&index=0&id=fdddef9c&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  \"fdddef9c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icon-upholstery-colors.190d5edb.svg\";","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!./ModalCardLarge.vue?vue&type=style&index=0&id=5ec79af9&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!./ModalCardLarge.vue?vue&type=style&index=0&id=5ec79af9&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!./ArmChairSprings.vue?vue&type=style&index=0&id=fdddef9c&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!./ArmChairSprings.vue?vue&type=style&index=0&id=fdddef9c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"modal-card-wrapper\"},[_c('span',{on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"✕\")]),_c('div',{staticClass:\"modal-card\"},[_c('img',{staticClass:\"illustration\",attrs:{\"src\":require(\"@/assets/icon-upholstery-colors.svg\"),\"alt\":\"Color upholstery logo\"}}),_c('div',{staticClass:\"text\"},[_c('b',[_vm._v(\"Upholstery Color\")]),_vm._v(\" Select from 9 colors or call for 21 custom colors (+$90.00) \"),_c('small',[_vm._t(\"default\")],2)])]),_c('div',[_c('h4',[_vm._v(\"Standard Colors\")]),_c('div',{staticClass:\"text margin-bottom-10\"},[_vm._v(\"Free upgrade option colors are included with the price of your equipment.\")]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/02-adobe-white.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Adobe White \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/01-black.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Black \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/08-burgundy.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Burgundy \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/07-dark-cherry.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Dark Cherry \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/03-greystone.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Greystone \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/04-oak.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Oak \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/05-sage.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Sage \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/51-storm.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Storm \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/06-wedgewood.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" Wedgewood \")])]),_c('h4',[_vm._v(\"Custom Colors\")]),_c('div',{staticClass:\"text margin-bottom-10\"},[_vm._v(\"Choose from 21 custom colors.\")]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2032-54_Admiral-HR.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" admiral \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/13-bronze.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" bronze \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/46-cinnabar.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" cinnabar \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-357_Claret.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" claret \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/38--deep-violet.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" deep violet \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-519_Doe.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" doe \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/22-dove.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" dove \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/33-fjord-blue.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" fjord blue \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-344_Forest.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" forest \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/39-golden-corn.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" golden corn \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/24-graphite.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" graphite \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/31-grotto.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" grotto \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/17-mocha.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" mocha \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-529_Olive_Green.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" olive green \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2034-54_Orange-Ochre-HR.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" orange ochre \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-385_Parchment.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" parchment \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2031-54_Platinum-HR.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" platinum \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/15-putty.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" putty \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2036-54_Russet-HR.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" russet \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/10-sand.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" sand \")]),_c('div',{staticClass:\"swatch\"},[_c('img',{attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/14-taupe.jpg\",\"width\":\"73\",\"height\":\"44\"}}),_c('br'),_vm._v(\" taupe \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"fade\">\n    <div class=\"modal-card-wrapper\">\n      <span @click=\"$emit('close')\">&#x2715;</span>\n      <div class=\"modal-card\">\n        <img src=\"@/assets/icon-upholstery-colors.svg\" alt=\"Color upholstery logo\" class=\"illustration\">\n        <div class=\"text\">\n          <b>Upholstery Color</b>\n          Select from 9 colors or call for 21 custom colors (+$90.00)\n          <small><slot></slot></small>\n        </div>\n      </div>\n      <div>\n        <h4>Standard Colors</h4>\n        <div class=\"text margin-bottom-10\">Free upgrade option colors are included with the price of your equipment.</div>\n          <div class=\"flex\">\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/02-adobe-white.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Adobe White\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/01-black.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Black\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/08-burgundy.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Burgundy\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/07-dark-cherry.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Dark Cherry\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/03-greystone.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Greystone\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/04-oak.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Oak\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/05-sage.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Sage\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/51-storm.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Storm\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/06-wedgewood.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                Wedgewood\n            </div>\n          </div>\n          <h4>Custom Colors</h4>\n          <div class=\"text margin-bottom-10\">Choose from 21 custom colors.</div>\n          <div class=\"flex\">\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2032-54_Admiral-HR.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                admiral\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/13-bronze.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                bronze\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/46-cinnabar.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                cinnabar\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-357_Claret.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                claret\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/38--deep-violet.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                deep violet\n            </div> \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-519_Doe.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                doe\n            </div>                       \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/22-dove.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                dove\n            </div>  \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/33-fjord-blue.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                fjord blue\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-344_Forest.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                forest\n            </div> \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/39-golden-corn.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                golden corn\n            </div>                      \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/24-graphite.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                graphite\n            </div>  \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/31-grotto.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                grotto\n            </div>                    \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/17-mocha.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                mocha\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-529_Olive_Green.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                olive green\n            </div> \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2034-54_Orange-Ochre-HR.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                orange ochre\n            </div>  \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/US-385_Parchment.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                parchment\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2031-54_Platinum-HR.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                platinum\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/15-putty.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                putty\n            </div>\n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/2036-54_Russet-HR.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                russet\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/10-sand.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                sand\n            </div>            \n            <div class=\"swatch\">\n                <img src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/upholstery-swatches-new/14-taupe.jpg\" width=\"73\" height=\"44\" />\n                <br />\n                taupe\n            </div>\n          </div>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script>\nexport default {\n  name: 'modalcardlarge'\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-card-wrapper {\n  width: 100%;\n  background-color: var(--white);\n  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n  border-bottom: 6px solid var(--black);\n  position: relative;\n  padding: 0 20px;\n  z-index: 1000;\n}\n\nspan {\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  font-size: 30px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.modal-card {\n  display: flex;\n  height: 153px;\n  align-items: center;\n}\n\n.swatch {\n  font-size: 0.625rem;\n  text-transform: capitalize;\n}\n\n.illustration {\n  display: block;\n  margin-right: 20px;\n  margin-top: -40px;\n  width: 32px;\n}\n\n.text {\n  align-self: center;\n  font-family: var(--roboto);\n  color: var(--black);\n  font-size: 0.875rem;\n  line-height: 1.214;\n}\n\n.text b{\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.3125;\n  display: block;\n  margin: 10px 0;\n}\n\n.text small {\n  font-style: italic;\n  font-size: 0.75rem;\n  line-height: 1.25;\n  display: block;\n  margin: 10px 0;\n}\n\n.margin-bottom-10 {\n  margin-bottom: 10px;\n}\n\nh4 {\n  margin-top: 0;\n  margin-bottom: 5px;\n}\n\n.flex {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  gap: 10px;\n  margin-bottom: 25px;\n}\n\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to {\n  opacity: 0;\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!./ModalCardLarge.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!./ModalCardLarge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCardLarge.vue?vue&type=template&id=5ec79af9&scoped=true&\"\nimport script from \"./ModalCardLarge.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCardLarge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCardLarge.vue?vue&type=style&index=0&id=5ec79af9&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  \"5ec79af9\",\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":""}