{"version":3,"sources":["webpack:///./src/components/IconLink.vue?f275","webpack:///src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?13bd","webpack:///./src/components/IconLink.vue","webpack:///./src/components/IconLink.vue?cf48","webpack:///./src/views/SpringCircles.vue?be45","webpack:///./src/components/TertiaryButton.vue?9e97","webpack:///src/components/TertiaryButton.vue","webpack:///./src/components/TertiaryButton.vue?f66f","webpack:///./src/components/TertiaryButton.vue","webpack:///./src/components/PhotoGrid.vue?1784","webpack:///src/components/PhotoGrid.vue","webpack:///./src/components/PhotoGrid.vue?c200","webpack:///./src/components/PhotoGrid.vue","webpack:///./src/views/SpringCircles.vue?0300","webpack:///src/views/SpringCircles.vue","webpack:///./src/views/SpringCircles.vue?88cb","webpack:///./src/views/SpringCircles.vue","webpack:///./src/components/PhotoGrid.vue?edf6","webpack:///./src/components/TertiaryButton.vue?1510"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imgUrl","alt","url","title","on","$event","$emit","_t","staticRenderFns","component","_v","_s","text","ref","domProps","feature","openModal","name","props","data","photos","created","$children","mounted","setInitialFeature","setVideo","methods","featureImgHtml","setFeatureImg","directives","rawName","value","show","expression","toggleContent","staticStyle","products","product","option1","option2","isdistcountry","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","TertiaryButton","Boolean","label","key","html"],"mappings":"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","file":"js/springcircles.662d4d19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icon-link\"},[_c('img',{attrs:{\"src\":_vm.imgUrl,\"alt\":_vm.alt}}),_c('a',{attrs:{\"href\":_vm.url,\"title\":_vm.title},on:{\"click\":function($event){return _vm.$emit('open')}}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"icon-link\">\n    <img :src=\"imgUrl\" :alt=\"alt\">\n    <a @click=\"$emit('open')\" :href=\"url\" :title=\"title\"><slot /></a>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'iconlink',\n\n    props: {\n      url: String,\n      img: String,\n      alt: String,\n      title: String\n    },\n\n    computed: {\n      imgUrl() {\n        return `https://s3.amazonaws.com/s3.pilates.com/contrology/${ this.img }`;\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-link {\n  margin: 20px 0;\n}\n\na {\n  font-family: var(--roboto);\n  font-size: 0.9rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: var(--black);\n  text-decoration: none;\n  cursor: initial;\n}\n\na[href]:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\na[title~=\"modal\"] {\n  cursor: pointer;\n}\n\na[title~=\"modal\"]:hover {\n  text-decoration: underline;\n}\n\nimg {\n  margin-right: 10px;\n  margin-bottom: -3px;\n  width: 20px;\n}\n\n@media only screen and (min-width:768px) {\n  .icon-link {\n    display: flex;\n    align-items: center;\n    margin: 10px 0;\n  }\n\n  a {\n    font-size: 0.75rem;\n  }\n\n  img {\n    padding: 5px 0;\n    margin-bottom: 0;\n    width: 15px;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconLink.vue?vue&type=template&id=2b2fed77&scoped=true&\"\nimport script from \"./IconLink.vue?vue&type=script&lang=js&\"\nexport * from \"./IconLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b2fed77\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"","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!./SpringCircles.vue?vue&type=style&index=0&id=56cc4cfc&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!./SpringCircles.vue?vue&type=style&index=0&id=56cc4cfc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"btn\",attrs:{\"href\":_vm.url}},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a class=\"btn\" :href=\"url\">\n    {{ text }}\n  </a>\n</template>\n\n<script>\n  export default {\n    name: \"tertiarybutton\",\n\n    props: [\"text\",\"url\"]\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.btn {\n  background: rgba(0, 0, 0, 0.1);\n  border: 1px solid var(--black);\n  border-radius: 3px;\n  display: inline-block;\n  transition: 0.3s;\n  font-family: var(--roboto);\n  font-style: normal;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 0.875;\n  text-align: center;\n  color: var(--black);\n  text-decoration: none;\n  padding: 6px 10px;\n  cursor: pointer;\n  margin: 0 5px;\n}\n\n.btn:hover {\n  background: rgba(255, 255, 255, 0.5);\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TertiaryButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TertiaryButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TertiaryButton.vue?vue&type=template&id=a5256668&scoped=true&\"\nimport script from \"./TertiaryButton.vue?vue&type=script&lang=js&\"\nexport * from \"./TertiaryButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TertiaryButton.vue?vue&type=style&index=0&id=a5256668&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a5256668\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"photo-grid-wrapper\"},[_c('div',{ref:\"feature\",staticClass:\"photo-grid-feature\",attrs:{\"role\":\"button\",\"tabindex\":\"0\",\"aria-label\":\"product image\"},domProps:{\"innerHTML\":_vm._s(_vm.feature)},on:{\"click\":_vm.openModal}}),_c('div',{staticClass:\"photo-grid\"},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"photo-grid-wrapper\">\n    <div class=\"photo-grid-feature\" ref=\"feature\" v-html=\"feature\" @click=\"openModal\" role=\"button\" tabindex=\"0\" aria-label=\"product image\" />\n    <div class=\"photo-grid\">\n      <slot></slot>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: \"photos\",\n\n  props: [\"feature\"],\n\n  data() {\n    return {\n      photos: []\n    };\n  },\n\n  created() {\n    this.photos = this.$children;\n  },\n\n  mounted() {\n    this.setInitialFeature();\n    this.setVideo();\n  },\n\n  methods: {\n    setInitialFeature() {\n      return (this.$refs.feature.innerHTML = this.$children[0].$el.innerHTML);\n    },\n\n    setVideo() {\n      this.$emit('isVideo');\n    },\n\n    openModal() {\n      this.$emit('openModal');\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.photo-grid-wrapper {\n  background-color: white;\n  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.38);\n  padding: 10px;\n  max-width: 630px;\n  margin: 30px auto;\n}\n\n.photo-grid-feature {\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.photo-grid-feature img {\n  width: 100%;\n  display: block;\n}\n\n.photo-grid-feature span {\n  position: absolute;\n  bottom: 7px;\n  left: 18px;\n  background-color: rgba(255, 255, 255, 0.85);\n  font-family: var(--roboto);\n  font-size: 0.875rem;\n  line-height: 1.214;\n  color: var(--black);\n  text-align: center;\n  padding: 5px 5%;\n}\n\n.photo-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(67px, 1fr));\n  grid-gap: 10px;\n}\n\n.photo-grid-feature .btn-wrapper {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 93px !important;\n  height: 93px !important;\n  border-radius: 47px !important;\n  border: 4px solid var(--white);\n  cursor: pointer;\n}\n\n.photo-grid-feature .btn-wrapper::after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  font-size: 0;\n  line-height: 0;\n  border-top: 16px solid transparent !important;\n  border-left: 24px solid #fff !important;\n  border-bottom: 16px solid transparent !important;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-30%, -50%);\n}\n\n.photo-grid-feature .new::after {\n  content: \"NEW\";\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 30px !important;\n  left: 30px !important;\n  width: 78px !important;\n  height: 78px !important;\n  border-radius: 40px !important;\n  border: 2px solid var(--white) !important;\n  background-color: var(--black);\n  color: var(--white);\n  font-size: 1.5rem !important;\n}\n\n@media only screen and (min-width: 600px) {\n  .photo-grid-feature span {\n    left: 18px;\n    bottom: 18px;\n    transform: translateX(0);\n    padding: 10px 40px;\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .photo-grid-wrapper {\n    max-width: 530px;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .photo-grid-wrapper {\n    max-width: 460px;\n    margin-right: 25px;\n    align-self: start;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhotoGrid.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhotoGrid.vue?vue&type=template&id=49df36ef&\"\nimport script from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nexport * from \"./PhotoGrid.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhotoGrid.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('div',{staticClass:\"wide-wrapper\"},[_c('h2',[_vm._v(\"Spring Circles\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"contrology-spring-circle-2band@1x.png\",\"src2\":\"contrology-spring-circle-2band@2x.png\",\"alt\":\"Photo of Contrology Spring Circle\",\"caption\":\"2-band Circle\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-spring-circle-3band@1x.png\",\"src2\":\"contrology-spring-circle-3band@2x.png\",\"alt\":\"Photo of Contrology Spring Circle\",\"caption\":\"3-band Circle\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology-spring-circle-4band@1x.png\",\"src2\":\"contrology-spring-circle-4band@2x.png\",\"alt\":\"Photo of Contrology Spring Circle\",\"caption\":\"4-band Circle\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('div',{staticClass:\"content-wrapper\"},[_c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Spring Circles\")]),_c('p',[_vm._v(\" Faithful reproductions of Joseph Pilates’ Magic Circles. These Pilates rings are made from tempered spring steel with padded wooden handles. Challenge yourself to do the classical Pilates exercises with the added resistance, and weight, of a metal Spring Circle. \"),_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(\" Balanced Body Spring Circles are 16.5″ (42cm) diameter (from handle to handle) and feature 2, 3 or 4 spring steel bands. The greater the number of metal “bands”, the stronger the resistance and the heavier the Spring Circle. \")]),_c('p',[_vm._v(\" Volume discounts are available on this item for quantities of 10 or more. Please \"),_c('a',{staticStyle:{\"text-decoration\":\"underline\"},attrs:{\"href\":\"https://www.pilates.com/store/contact-us\"}},[_vm._v(\"call to order\")]),_vm._v(\" for discount. \"),_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}}),_c('section',{staticClass:\"links\"},[_c('icon-link',{attrs:{\"url\":\"warranty\",\"img\":\"icon-warranty.svg\",\"alt\":\"Warranty icon\",\"title\":\"Learn more\"}},[_vm._v(\"90-Day Limited Warranty\")]),_c('icon-link',{attrs:{\"url\":\"support\",\"img\":\"icon-assembly.svg\",\"alt\":\"Assembly icon\",\"title\":\"Learn more\"}},[_vm._v(\"Assembly & Support\")])],1),_c('img',{staticClass:\"resistance-image\",attrs:{\"src\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/accessories/rings/bb-rings-comparison@1x.png\",\"srcset\":\"https://s3.amazonaws.com/s3.pilates.com/img/store/accessories/rings/bb-rings-comparison@2x.png\" + \" 2x\",\"alt\":\"Circle Spring resistance chart\"}}),_c('section',{staticClass:\"more\"},[_c('p',{staticStyle:{\"font-size\":\"0.9375rem\"}},[_vm._v(\"For modern lightweight versions of Joe's traditional Circles, check out:\")]),_c('tertiary-button',{staticStyle:{\"min-width\":\"122.5px\"},attrs:{\"text\":\"Ultra-Fit Circle\",\"url\":\"https://www.pilates.com/store/accessories/rings-circles/ultra-fit-circle\"}}),_c('tertiary-button',{attrs:{\"text\":\"Ultra-Fit Circle Mini\",\"url\":\"https://www.pilates.com/store/accessories/rings-circles/ultra-fit-circle-mini\"}})],1)],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Spring Circles</h2>\n        <!-- <h3>Reformer Springs for a Classical Experience</h3> -->\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-spring-circle-2band@1x.png\"\n              src2=\"contrology-spring-circle-2band@2x.png\"\n              alt=\"Photo of Contrology Spring Circle\"\n              caption=\"2-band Circle\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-spring-circle-3band@1x.png\"\n              src2=\"contrology-spring-circle-3band@2x.png\"\n              alt=\"Photo of Contrology Spring Circle\"\n              caption=\"3-band Circle\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology-spring-circle-4band@1x.png\"\n              src2=\"contrology-spring-circle-4band@2x.png\"\n              alt=\"Photo of Contrology Spring Circle\"\n              caption=\"4-band Circle\"\n            />\n          </photo-grid>\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Spring Circles</h2>\n              <!-- <h3>Reformer Springs for a Classical Experience</h3> -->\n              <p>\n                Faithful reproductions of Joseph Pilates’ Magic Circles. These Pilates rings are made from tempered spring steel with padded wooden handles. Challenge yourself to do the classical Pilates exercises with the added resistance, and weight, of a metal Spring Circle.\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                  Balanced Body Spring Circles are 16.5″ (42cm) diameter (from handle to handle) and feature 2, 3 or 4 spring steel bands. The greater the number of metal “bands”, the stronger the resistance and the heavier the Spring Circle.\n                </p>\n                <!-- <p>\n                  To get these springs right, we worked with some of the most experienced and brightest minds in the Classical world including Jay Grimes, Karen Frischmann and Sandy Shimoda. We are builders, informed by users who trace back to Joe’s studio.\n                </p> -->\n                <p>\n                  Volume discounts are available on this item for quantities of 10 or more. Please <a href=\"https://www.pilates.com/store/contact-us\" style=\"text-decoration: underline\">call to order</a> for discount.\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              >90-Day 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            <img class=\"resistance-image\" src=\"https://s3.amazonaws.com/s3.pilates.com/img/store/accessories/rings/bb-rings-comparison@1x.png\" srcset=\"https://s3.amazonaws.com/s3.pilates.com/img/store/accessories/rings/bb-rings-comparison@2x.png 2x\" alt=\"Circle Spring resistance chart\">\n\n            <section class=\"more\">\n              <p style=\"font-size:0.9375rem\">For modern lightweight versions of Joe's traditional Circles, check out:</p>\n              <tertiary-button text=\"Ultra-Fit Circle\" url=\"https://www.pilates.com/store/accessories/rings-circles/ultra-fit-circle\" style=\"min-width: 122.5px\" />\n              <tertiary-button text=\"Ultra-Fit Circle Mini\" url=\"https://www.pilates.com/store/accessories/rings-circles/ultra-fit-circle-mini\" />\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\";\n// import CtaProdButton from \"@/components/CtaProdButton.vue\";\nimport TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"springcircles\",\n\n  metaInfo: {\n    title: \"Pilates Magic Circle - Pilates Rings - Contrology Spring Circles\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Want an authentic Pilates Magic Circle? These Contrology Pilates Rings were designed to be faithful reproductions of Joseph Pilates' Magic Circles. Shop now.\"\n      }\n    ]\n  },\n\n  components: {\n    PhotoGrid,\n    Photo,\n    ProductSelector,\n    IconLink,\n    // CtaProdButton,\n    TertiaryButton\n  },\n\n  props: {\n    isdistcountry: Boolean\n  },\n\n  data() {\n    return {\n      featureImgHtml: \"\", // PhotoGrid\n      show: false, // Intro content\n      product: {\n        label: \"Select Resistance\",\n        value: \"\",\n        key: \"name\"\n      },\n      option1: {},\n      option2: {},\n      products: [\n        // Product options\n        {\n          prodid: 41267959234753,\n          partnumber: \"720-021\",\n          price: 175,\n          name: \"Heavy, 4-band\",\n          available: true\n        },\n        {\n          prodid: 41267959267521,\n          partnumber: \"720-022\",\n          price: 160,\n          name: \"Medium, 3-band\",\n          available: true\n        },\n        {\n          prodid: 41267959300289,\n          partnumber: \"720-023\",\n          price: 145,\n          name: \"Light, 2-band\",\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.col-flex {\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: space-between;\n}\n\n.col-flex p {\n  font-family: var(--roboto);\n  font-size: 0.9375rem;\n  line-height: 1.467;\n  color: #333;\n  margin-bottom: 20px;\n}\n\n.col-flex img {\n  width: 100%;\n  max-width: 320px;\n  max-height: 220px;\n}\n\n.resistance-image {\n  width: 100%;\n  max-width: 495px;\n  order: 4;\n}\n\n@media only screen and (min-width: 600px) {\n  .col-flex {\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .col-flex p {\n    padding-right: 20px;\n    max-width: 470px;\n    margin: 0;\n  }\n\n  .resistance-image {\n    max-width: 100%;\n  }\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    margin-bottom: 20px;\n  }\n\n  .links > * {\n    -webkit-column-break-inside: avoid;\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  .icon-link {\n    margin-top: 0;\n  }\n\n  ::v-deep .modal-card-wrapper {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .resistance-image {\n    max-width: 530px;\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  .col-flex {\n    flex-flow: column nowrap;\n    order: 5;\n  }\n\n  .col-flex p {\n    margin-bottom: 30px;\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: 550px 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 2;\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: 2 / span 1;\n    justify-self: center;\n    margin: 0 80px 30px auto;\n  }\n\n  .col-flex {\n    grid-column: 2 / span 1;\n    grid-row: 3 / span 1;\n    align-items: flex-start;\n  }\n\n  .intro h2,\n  .intro h3 {\n    display: block;\n    text-align: left;\n  }\n\n  .wide-wrapper > h2,\n  .wide-wrapper > h3 {\n    display: none;\n  }\n\n  .links {\n    column-count: 2;\n    max-width: 400px;\n  }\n\n  .icon-link {\n    margin: 1px;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpringCircles.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!./SpringCircles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpringCircles.vue?vue&type=template&id=56cc4cfc&scoped=true&\"\nimport script from \"./SpringCircles.vue?vue&type=script&lang=js&\"\nexport * from \"./SpringCircles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpringCircles.vue?vue&type=style&index=0&id=56cc4cfc&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  \"56cc4cfc\",\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&\""],"sourceRoot":""}