{"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/ToeGizmo.vue?5385","webpack:///src/views/ToeGizmo.vue","webpack:///./src/views/ToeGizmo.vue?1ce4","webpack:///./src/views/ToeGizmo.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/PhotoGrid.vue?edf6","webpack:///./src/views/ToeGizmo.vue?7e8c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","imgUrl","alt","url","title","on","$event","$emit","_t","staticRenderFns","component","_v","featureImgHtml","setFeatureImg","directives","name","rawName","value","show","expression","toggleContent","products","product","option1","option2","isdistcountry","metaInfo","titleTemplate","meta","components","PhotoGrid","Photo","ProductSelector","IconLink","props","Boolean","data","label","key","methods","html","ref","domProps","_s","feature","openModal","photos","created","$children","mounted","setInitialFeature","setVideo"],"mappings":"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","file":"js/toegizmo.1bac3441.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"icon-link\"},[_c('img',{attrs:{\"src\":_vm.imgUrl,\"alt\":_vm.alt}}),_c('a',{attrs:{\"href\":_vm.url,\"title\":_vm.title},on:{\"click\":function($event){return _vm.$emit('open')}}},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"icon-link\">\n    <img :src=\"imgUrl\" :alt=\"alt\">\n    <a @click=\"$emit('open')\" :href=\"url\" :title=\"title\"><slot /></a>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'iconlink',\n\n    props: {\n      url: String,\n      img: String,\n      alt: String,\n      title: String\n    },\n\n    computed: {\n      imgUrl() {\n        return `https://s3.amazonaws.com/s3.pilates.com/contrology/${ this.img }`;\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-link {\n  margin: 20px 0;\n}\n\na {\n  font-family: var(--roboto);\n  font-size: 0.9rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: var(--black);\n  text-decoration: none;\n  cursor: initial;\n}\n\na[href]:hover {\n  text-decoration: underline;\n  cursor: pointer;\n}\n\na[title~=\"modal\"] {\n  cursor: pointer;\n}\n\na[title~=\"modal\"]:hover {\n  text-decoration: underline;\n}\n\nimg {\n  margin-right: 10px;\n  margin-bottom: -3px;\n  width: 20px;\n}\n\n@media only screen and (min-width:768px) {\n  .icon-link {\n    display: flex;\n    align-items: center;\n    margin: 10px 0;\n  }\n\n  a {\n    font-size: 0.75rem;\n  }\n\n  img {\n    padding: 5px 0;\n    margin-bottom: 0;\n    width: 15px;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconLink.vue?vue&type=template&id=2b2fed77&scoped=true&\"\nimport script from \"./IconLink.vue?vue&type=script&lang=js&\"\nexport * from \"./IconLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b2fed77\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconLink.vue?vue&type=style&index=0&id=2b2fed77&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('main',[_c('div',{staticClass:\"wide-wrapper\"},[_c('h2',[_vm._v(\"Joe’s Toe Gizmo®\")]),_c('div',{staticClass:\"upper-content-wrapper\"},[_c('photo-grid',{attrs:{\"feature\":_vm.featureImgHtml}},[_c('photo',{attrs:{\"src\":\"contrology_joe-toe-gizmo1@1x.jpg\",\"src2\":\"contrology_joe-toe-gizmo1@2x.jpg\",\"alt\":\"Photo of Joe's Toe Gizmo\",\"caption\":\"Light Spring\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology_joe-toe-gizmo2@1x.jpg\",\"src2\":\"contrology_joe-toe-gizmo2@2x.jpg\",\"alt\":\"Photo of Joe's Toe Gizmo\",\"caption\":\"Heavy Spring\"},on:{\"setFeature\":_vm.setFeatureImg}}),_c('photo',{attrs:{\"src\":\"contrology_joe-toe-gizmo3@1x.jpg\",\"src2\":\"contrology_joe-toe-gizmo3@2x.jpg\",\"alt\":\"Photo of Joe's Toe Gizmo\",\"caption\":\"\"},on:{\"setFeature\":_vm.setFeatureImg}})],1),_c('div',{staticClass:\"content-wrapper\"},[_c('section',{staticClass:\"intro\"},[_c('h2',[_vm._v(\"Joe’s Toe Gizmo®\")]),_c('p',[_vm._v(\" Traditional Pilates equipment, with improvements you’ll love! Designed in collaboration with leading Pilates educators, our Joe’s Toe Gizmo® improves bunions, corrects toe misalignments, strengthens feet, and improves balance and gait. And we’ve made it better than others on the market – it won’t come apart, the metal parts are non-corrosive, and the spring will not wear out. Comes in two resistances: heavy spring (with black loops) or light spring (with red loops). Or, buy the discounted set of two, which includes one of each. \"),_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',[_c('b',[_vm._v(\"30 day money-back guarantee.\")]),_vm._v(\" If, for any reason, you are not 100% satisfied with the Joe’s Toe Gizmo, simply return it to us within 30 days for a refund (less freight). Guarantee applies to U.S. domestic customers only. \"),_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)],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <main>\n      <div class=\"wide-wrapper\">\n        <h2>Joe’s Toe Gizmo®</h2>\n\n        <div class=\"upper-content-wrapper\">\n          <photo-grid :feature=\"featureImgHtml\">\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology_joe-toe-gizmo1@1x.jpg\"\n              src2=\"contrology_joe-toe-gizmo1@2x.jpg\"\n              alt=\"Photo of Joe's Toe Gizmo\"\n              caption=\"Light Spring\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology_joe-toe-gizmo2@1x.jpg\"\n              src2=\"contrology_joe-toe-gizmo2@2x.jpg\"\n              alt=\"Photo of Joe's Toe Gizmo\"\n              caption=\"Heavy Spring\"\n            />\n            <photo\n              @setFeature=\"setFeatureImg\"\n              src=\"contrology_joe-toe-gizmo3@1x.jpg\"\n              src2=\"contrology_joe-toe-gizmo3@2x.jpg\"\n              alt=\"Photo of Joe's Toe Gizmo\"\n              caption=\"\"\n            />\n          </photo-grid>\n\n          <div class=\"content-wrapper\">\n            <section class=\"intro\">\n              <h2>Joe’s Toe Gizmo®</h2>\n              <p>\n                Traditional Pilates equipment, with improvements you’ll love! Designed in collaboration with leading Pilates educators, our Joe’s Toe Gizmo® improves bunions, corrects toe misalignments, strengthens feet, and improves balance and gait. And we’ve made it better than others on the market – it won’t come apart, the metal parts are non-corrosive, and the spring will not wear out. Comes in two resistances: heavy spring (with black loops) or light spring (with red loops). Or, buy the discounted set of two, which includes one of each.\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                  <b>30 day money-back guarantee.</b> If, for any reason, you are not 100% satisfied with the Joe’s Toe Gizmo, simply return it to us within 30 days for a refund (less freight). Guarantee applies to U.S. domestic customers only.\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          </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\";\n// import TertiaryButton from \"@/components/TertiaryButton.vue\";\n\nexport default {\n  name: \"toegizmo\",\n\n  metaInfo: {\n    title: \"Joe's Toe Gizmo\",\n    titleTemplate: \"%s\",\n    meta: [\n      {\n        name: \"description\",\n        content: \"Traditional Pilates equipment, with improvements you’ll love! Designed in collaboration with leading Pilates educators, our Joe’s Toe Gizmo® improves bunions, corrects toe misalignments, strengthens feet, and improves balance and gait.\"\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: 41119048401089,\n          partnumber: \"720-046\",\n          price: 80,\n          name: \"Light Spring\",\n          available: true\n        },\n        {\n          prodid: 41119048433857,\n          partnumber: \"720-041\",\n          price: 80,\n          name: \"Heavy Spring\",\n          available: true\n        },\n        {\n          prodid: 41119048466625,\n          partnumber: \"914-000\",\n          price: 145,\n          name: \"Set of 2 (Light & Heavy)\",\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!./ToeGizmo.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!./ToeGizmo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToeGizmo.vue?vue&type=template&id=e5e56f5c&scoped=true&\"\nimport script from \"./ToeGizmo.vue?vue&type=script&lang=js&\"\nexport * from \"./ToeGizmo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToeGizmo.vue?vue&type=style&index=0&id=e5e56f5c&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  \"e5e56f5c\",\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!./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!./ToeGizmo.vue?vue&type=style&index=0&id=e5e56f5c&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!./ToeGizmo.vue?vue&type=style&index=0&id=e5e56f5c&lang=scss&scoped=true&\""],"sourceRoot":""}