{"version":3,"sources":["webpack:///./src/views/ContrologyBox.vue?4adb","webpack:///src/views/ContrologyBox.vue","webpack:///./src/views/ContrologyBox.vue?3a71","webpack:///./src/views/ContrologyBox.vue","webpack:///./src/components/IconLink.vue?f275","webpack:///src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?13bd","webpack:///./src/components/IconLink.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/views/ContrologyBox.vue?d0df","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/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","_v","attrs","featureImgHtml","on","setFeatureImg","directives","name","rawName","value","show","expression","toggleContent","products","product","option1","option2","isdistcountry","$event","showCardModal","_e","staticRenderFns","metaInfo","title","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","ModalCardLarge","CtaProdButton","TertiaryButton","props","Boolean","data","label","key","methods","html","component","imgUrl","alt","url","$emit","_t","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/contrologybox.9c538ca5.js","sourcesContent":["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(\"Contrology Box\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"ref-sittingbox1@1x.jpg\",\"src2\":\"ref-sittingbox1@1x.jpg\",\"alt\":\"Photo of Contrology Jumpboard attached to Reformer\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"ref-sittingbox2@1x.jpg\",\"src2\":\"ref-sittingbox2@1x.jpg\",\"alt\":\"Product photo of Contrology Jumpboard\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"ref-sittingbox3@1x.jpg\",\"src2\":\"ref-sittingbox3@1x.jpg\",\"alt\":\"Detail photo of Contrology Jumpboard\",\"caption\":\"Reformer Sold Separately\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('cta-prod-button',{staticClass:\"cta-button wide\",attrs:{\"link\":\"reformer\",\"src\":\"contrology-ref1@1x.jpg\",\"src2\":\"contrology-ref1@2x.jpg\",\"alt\":\"Close-up photo of Contrology Reformer thumbnail\",\"productName\":\"Contrology Reformer\",\"productSub\":\"86\\\" and 89\\\" Reformers only\"}}),_c('div',{staticClass:\"content-wrapper\"},[_c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Contrology Box\")]),_c('p',[_vm._v(\" As with the Contrology Reformer, we built the Box to recreate the authentic, original look and feel. \"),_c('br'),_c('br'),_vm._v(\" An essential component in the classical Pilates Reformer workout, our Box has a tailored profile with ¾” high-density foam (the same found on the Contrology Reformer) and metal handles. \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.show),expression:\"!show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" More › \")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}]},[_c('p',[_vm._v(\" This high-density foam helps support the spine while providing significant feedback, and makes it more challenging in exercises like Teaser. \"),_c('br'),_c('br'),_vm._v(\" Dimensions: L: 27-1/8” (98cm), W: 15-1/8 (38.4cm), H: 8-3/4” (22.2cm) \"),_c('br'),_c('br'),_vm._v(\" Box is included with Reformer purchase and available for purchase separately. \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}],staticClass:\"content-link\",attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":_vm.toggleContent}},[_vm._v(\" Less › \")])])])]),_c('product-selector',{attrs:{\"products\":_vm.products,\"product\":_vm.product,\"option1\":_vm.option1,\"option2\":_vm.option2,\"isdistcountry\":_vm.isdistcountry,\"additionalText\":\"1 week lead time.\"}}),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"warranty\",\"img\":\"icon-warranty.svg\",\"alt\":\"Warranty icon\",\"title\":\"Learn more\"}},[_vm._v(\"90-Day Warranty\")]),_c('icon-link',{attrs:{\"url\":\"support#returns\",\"img\":\"icon-guarantee.svg\",\"alt\":\"Guarantee icon\",\"title\":\"Learn more\"}},[_vm._v(\"30-Day Money Back Guarantee\")]),_c('icon-link',{attrs:{\"url\":\"support\",\"img\":\"icon-assembly.svg\",\"alt\":\"Assembly icon\",\"title\":\"Learn more\"}},[_vm._v(\"Assembly & Support\")]),_c('icon-link',{attrs:{\"img\":\"icon-upholstery.svg\",\"alt\":\"Upholstery icon\"}},[_vm._v(\"Stock Upholstery: Black\")]),_c('icon-link',{attrs:{\"img\":\"icon-upholstery-colors.svg\",\"alt\":\"Color upholstery icon\",\"title\":\"Open modal\",\"url\":\"#\"},on:{\"open\":function($event){_vm.showCardModal = true}}},[_vm._v(\"Upholstery Options\")])],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\":\"86\\\" and 89\\\" Reformers only\"}}),_c('section',{staticClass:\"more\"},[_c('tertiary-button',{attrs:{\"text\":\"More Reformer Accessories\",\"url\":\"/accessories/Reformer\"}})],1)],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Contrology Box</h2>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"ref-sittingbox1@1x.jpg\"\n              src2=\"ref-sittingbox1@1x.jpg\"\n              alt=\"Photo of Contrology Jumpboard attached to Reformer\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"ref-sittingbox2@1x.jpg\"\n              src2=\"ref-sittingbox2@1x.jpg\"\n              alt=\"Product photo of Contrology Jumpboard\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"ref-sittingbox3@1x.jpg\"\n              src2=\"ref-sittingbox3@1x.jpg\"\n              alt=\"Detail photo of Contrology Jumpboard\"\n              caption=\"Reformer Sold Separately\"\n            />\n          </photo-grid>\n\n          <cta-prod-button\n            class=\"cta-button wide\"\n            link=\"reformer\"\n            src=\"contrology-ref1@1x.jpg\"\n            src2=\"contrology-ref1@2x.jpg\"\n            alt=\"Close-up photo of Contrology Reformer thumbnail\"\n            productName=\"Contrology Reformer\"\n            productSub='86\" and 89\" Reformers only'\n          />\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Contrology Box</h2>\n\n              <p>\n                As with the Contrology Reformer, we built the Box to recreate the authentic, original look and feel.\n                <br /><br />\n                An essential component in the classical Pilates Reformer workout, our Box has a tailored profile with ¾” high-density foam (the same found on the Contrology Reformer) and metal handles.\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 high-density foam helps support the spine while providing significant feedback, and makes it more challenging in exercises like Teaser. \n                  <br /><br />\n                  Dimensions: L: 27-1/8” (98cm),  W: 15-1/8 (38.4cm), H: 8-3/4” (22.2cm)\n                  <br /><br />\n                  Box is included with Reformer purchase and available for purchase separately.\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              additionalText=\"1 week lead time.\"\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              >90-Day Warranty</icon-link>\n              <icon-link\n                url=\"support#returns\"\n                img=\"icon-guarantee.svg\"\n                alt=\"Guarantee icon\"\n                title=\"Learn more\"\n              >30-Day Money Back Guarantee</icon-link>\n              <icon-link\n                url=\"support\"\n                img=\"icon-assembly.svg\"\n                alt=\"Assembly icon\"\n                title=\"Learn more\"\n              >Assembly &amp; Support</icon-link>\n              <icon-link\n                img=\"icon-upholstery.svg\"\n                alt=\"Upholstery icon\"\n              >Stock Upholstery: Black</icon-link>\n              <icon-link\n                img=\"icon-upholstery-colors.svg\"\n                alt=\"Color upholstery icon\"\n                title=\"Open modal\"\n                url=\"#\"\n                @open=\"showCardModal = true\"\n              >Upholstery Options</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='86\" and 89\" Reformers only'\n            />\n\n            <section class=\"more\">\n              <tertiary-button text=\"More Reformer Accessories\" url=\"/accessories/Reformer\" />\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: \"Contrology Box\",\n\n  metaInfo: {\n    title: \"Contrology Pilates Box - Classical Pilates Reformer Box\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"This Classical Pilates Reformer Box was designed to recreate the authentic, look and feel of the original. Check out our Contrology Pilates Box now.\"\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 a Box\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41267934888129,\n          partnumber: 16147,\n          price: 375,\n          name: \"Contrology Box\",\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@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\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!./ContrologyBox.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!./ContrologyBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContrologyBox.vue?vue&type=template&id=10267c0a&scoped=true&\"\nimport script from \"./ContrologyBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ContrologyBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContrologyBox.vue?vue&type=style&index=0&id=10267c0a&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  \"10267c0a\",\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',{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","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","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!./ContrologyBox.vue?vue&type=style&index=0&id=10267c0a&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!./ContrologyBox.vue?vue&type=style&index=0&id=10267c0a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"photo-grid-wrapper\"},[_c('div',{ref:\"feature\",staticClass:\"photo-grid-feature\",attrs:{\"role\":\"button\",\"tabindex\":\"0\",\"aria-label\":\"product image\"},domProps:{\"innerHTML\":_vm._s(_vm.feature)},on:{\"click\":_vm.openModal}}),_c('div',{staticClass:\"photo-grid\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"photo-grid-wrapper\">\n    <div class=\"photo-grid-feature\" ref=\"feature\" v-html=\"feature\" @click=\"openModal\" role=\"button\" tabindex=\"0\" aria-label=\"product image\" />\n    <div class=\"photo-grid\">\n      <slot></slot>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"photos\",\n\n  props: [\"feature\"],\n\n  data() {\n    return {\n      photos: []\n    };\n  },\n\n  created() {\n    this.photos = this.$children;\n  },\n\n  mounted() {\n    this.setInitialFeature();\n    this.setVideo();\n  },\n\n  methods: {\n    setInitialFeature() {\n      return (this.$refs.feature.innerHTML = this.$children[0].$el.innerHTML);\n    },\n\n    setVideo() {\n      this.$emit('isVideo');\n    },\n\n    openModal() {\n      this.$emit('openModal');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.photo-grid-wrapper {\n  background-color: white;\n  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.38);\n  padding: 10px;\n  max-width: 630px;\n  margin: 30px auto;\n}\n\n.photo-grid-feature {\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.photo-grid-feature img {\n  width: 100%;\n  display: block;\n}\n\n.photo-grid-feature span {\n  position: absolute;\n  bottom: 7px;\n  left: 18px;\n  background-color: rgba(255, 255, 255, 0.85);\n  font-family: var(--roboto);\n  font-size: 0.875rem;\n  line-height: 1.214;\n  color: var(--black);\n  text-align: center;\n  padding: 5px 5%;\n}\n\n.photo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(67px, 1fr));\n  grid-gap: 10px;\n}\n\n.photo-grid-feature .btn-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 93px !important;\n  height: 93px !important;\n  border-radius: 47px !important;\n  border: 4px solid var(--white);\n  cursor: pointer;\n}\n\n.photo-grid-feature .btn-wrapper::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  font-size: 0;\n  line-height: 0;\n  border-top: 16px solid transparent !important;\n  border-left: 24px solid #fff !important;\n  border-bottom: 16px solid transparent !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-30%, -50%);\n}\n\n.photo-grid-feature .new::after {\n  content: \"NEW\";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 30px !important;\n  left: 30px !important;\n  width: 78px !important;\n  height: 78px !important;\n  border-radius: 40px !important;\n  border: 2px solid var(--white) !important;\n  background-color: var(--black);\n  color: var(--white);\n  font-size: 1.5rem !important;\n}\n\n@media only screen and (min-width: 600px) {\n  .photo-grid-feature span {\n    left: 18px;\n    bottom: 18px;\n    transform: translateX(0);\n    padding: 10px 40px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .photo-grid-wrapper {\n    max-width: 530px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .photo-grid-wrapper {\n    max-width: 460px;\n    margin-right: 25px;\n    align-self: start;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoGrid.vue?vue&type=template&id=49df36ef&\"\nimport script from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","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&\"","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":""}