(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-65339213"],{"23c7":function(t,e,a){"use strict";a("5f86")},"3eeb":function(t,e,a){var r=a("5eaa");e=r(!1),e.push([t.i,"@keyframes in-btn-social-24a3dcfc{0%{left:-110%;top:90%}50%{left:10%;top:-30%}100%{top:-10%;left:-10%}}@keyframes out-btn-social-24a3dcfc{0%{top:-10%;left:-10%}50%{left:10%;top:-30%}100%{left:-110%;top:90%}}.section-wrapper[data-v-24a3dcfc]{padding:4rem 0;background-repeat:no-repeat;background-size:cover;background-position:center}@media(min-width: 1200px){.section-wrapper[data-v-24a3dcfc]{padding:8rem 0}}.section-wrapper .wrapper[data-v-24a3dcfc]{display:flex;flex-direction:column;gap:1rem}@media(min-width: 992px){.section-wrapper .wrapper[data-v-24a3dcfc]{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:3rem;margin-bottom:14rem}}@media(min-width: 1200px){.section-wrapper .wrapper[data-v-24a3dcfc]{margin-bottom:4rem}}@media(min-width: 1200px){.section-wrapper .wrapper[data-v-24a3dcfc]{margin-bottom:14rem}}.section-wrapper .product-types[data-v-24a3dcfc]{display:flex;flex-direction:column;align-items:flex-start;flex:0 1 25%;min-width:210px}@media(min-width: 768px){.section-wrapper .product-types[data-v-24a3dcfc]{flex:1 1 50%}}@media(min-width: 1200px){.section-wrapper .product-types[data-v-24a3dcfc]{flex:0 1 33%}}.section-wrapper .product-types .product-button[data-v-24a3dcfc]{background:#fff;border:none;outline:none;width:100%;text-transform:uppercase;font-weight:700;color:#474747;text-align:left;cursor:pointer;border-left:4px solid #fff;transition:.3s ease-in;padding:1.5rem 1rem}@media(min-width: 1200px){.section-wrapper .product-types .product-button[data-v-24a3dcfc]{padding:2.5rem}}@media(min-width: 1600px){.section-wrapper .product-types .product-button[data-v-24a3dcfc]{font-size:1.9rem;padding:3rem}}.section-wrapper .product-types .product-button.active[data-v-24a3dcfc]{border-left:4px solid #21afff;color:#21afff}.section-wrapper .product-types .product-button[data-v-24a3dcfc]:not(:last-of-type){border-bottom:1px solid #f7f7f7}.section-wrapper .product-content[data-v-24a3dcfc]{background:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem;display:none;padding:1.5rem}@media(min-width: 992px){.section-wrapper .product-content[data-v-24a3dcfc]{flex-direction:row}}@media(min-width: 1200px){.section-wrapper .product-content[data-v-24a3dcfc]{gap:2rem;padding:4rem 0 4rem 4rem;width:690px;min-height:262px}}.section-wrapper .product-content.active[data-v-24a3dcfc]{display:flex}.section-wrapper .image-wrapper[data-v-24a3dcfc]{position:relative;flex:1 0 auto;margin:0}@media(min-width: 1200px){.section-wrapper .image-wrapper[data-v-24a3dcfc]{width:270px}}@media(min-width: 1200px){.section-wrapper .image-wrapper[data-v-24a3dcfc] .base-image{position:absolute;top:50%;right:0;transform:translate(15%, -50%)}}@media(min-width: 1600px){.section-wrapper .image-wrapper[data-v-24a3dcfc] .base-image{transform:translate(50%, -50%)}}",""]),t.exports=e},4035:function(t,e,a){"use strict";
/*!
 * vue-client-only v0.0.0-semantic-release
 * (c) 2021-present egoist <0x142857@gmail.com>
 * Released under the MIT License.
 */var r={name:"ClientOnly",functional:!0,props:{placeholder:String,placeholderTag:{type:String,default:"div"}},render:function(t,e){var a=e.parent,r=e.slots,i=e.props,c=r(),o=c.default;void 0===o&&(o=[]);var n=c.placeholder;return a._isMounted?o:(a.$once("hook:mounted",(function(){a.$forceUpdate()})),i.placeholderTag&&(i.placeholder||n)?t(i.placeholderTag,{class:["client-only-placeholder"]},i.placeholder||n):o.length>0?o.map((function(){return t(!1)})):t(!1))}};t.exports=r},"5f86":function(t,e,a){var r=a("3eeb");r.__esModule&&(r=r.default),"string"===typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);var i=a("0ed3").default;i("78c79812",r,!0,{sourceMap:!1,shadowMode:!1})},ba6a:function(t,e,a){"use strict";a.r(e);a("d86f");var r=function(){var t=this,e=t._self._c;return e("section",{directives:[{name:"background",rawName:"v-background",value:t.backgroundOverlay,expression:"backgroundOverlay"}],staticClass:"section-wrapper"},[e("base-container",[e("base-heading",{attrs:{heading:"".concat(t.prefix,".title"),subheading:"".concat(t.prefix,".subtitle")}}),e("div",{staticClass:"wrapper"},[e("div",{staticClass:"product-types"},t._l(t.value.product,(function(a,r){return e("button",{key:a.product_name,staticClass:"product-button",class:{active:r===t.activeTab},on:{click:function(e){return t.chooseTab(r)}}},[t._v(" "+t._s(a.product_name)+" ")])})),0),t._l(t.value.product,(function(a,r){return e("div",{key:a.product_name,staticClass:"product-content",class:{active:r===t.activeTab}},[e("client-only",[e("cms-text",{attrs:{value:"".concat(t.prefix,".product.").concat(r,".description")}})],1),e("figure",{staticClass:"image-wrapper"},[e("cms-image",{staticClass:"product-image",attrs:{src:a.image,base:{height:200},md:{height:220},lg:{height:180},xxl:{height:270}}})],1)],1)}))],2)],1)],1)},i=[],c=a("4035"),o=a.n(c),n=a("8a38"),p={props:{prefix:String,value:Object},components:{BaseHeading:n["a"],ClientOnly:o.a},data:function(){return{activeTab:0}},computed:{backgroundOverlay:function(){var t="/products/bg-overlay.jpg";return{src:t,breakpoints:{base:{width:720,height:650},lg:{width:825,height:451},xl:{width:1920,height:515}}}}},methods:{chooseTab:function(t){this.activeTab=t}}},d=p,s=(a("23c7"),a("2be6")),l=Object(s["a"])(d,r,i,!1,null,"24a3dcfc",null);e["default"]=l.exports}}]);
//# sourceMappingURL=chunk-65339213.45e808ff.js.map